[0] = React.useMemo(\n () => [\n {\n path: \"isDisabled\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.isDisabled\n },\n {\n path: \"size\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.size\n },\n {\n path: \"color\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.color\n }\n ],\n [$props, $ctx, $refs]\n );\n const $state = useDollarState(stateSpecs, {\n $props,\n $ctx,\n $queries: {},\n $refs\n });\n\n return (\n {\n try {\n return $props[\"aria-label\"];\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return undefined;\n }\n throw e;\n }\n })()}\n className={classNames(\n projectcss.all,\n projectcss.button,\n projectcss.root_reset,\n projectcss.plasmic_default_styles,\n projectcss.plasmic_mixins,\n projectcss.plasmic_tokens,\n sty.root,\n {\n [sty.rootcolor_cta]: hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_isDisabled]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_isDisabled_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_isDisabled_size_small]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_size_large]:\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_size_large_isDisabled]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_size_medium]:\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_cta_size_small]:\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.rootcolor_gray]: hasVariant($state, \"color\", \"gray\"),\n [sty.rootcolor_gray_size_medium]:\n hasVariant($state, \"color\", \"gray\") &&\n hasVariant($state, \"size\", \"medium\"),\n [sty.rootcolor_primary]: hasVariant($state, \"color\", \"primary\"),\n [sty.rootcolor_sky]: hasVariant($state, \"color\", \"sky\"),\n [sty.rootcolor_white]: hasVariant($state, \"color\", \"white\"),\n [sty.rootcolor_white_size_medium]:\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootisDisabled]: hasVariant($state, \"isDisabled\", \"isDisabled\"),\n [sty.rootisDisabled_color_gray]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"gray\"),\n [sty.rootisDisabled_color_gray_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"gray\"),\n [sty.rootisDisabled_color_primary]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.rootisDisabled_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.rootisDisabled_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootisDisabled_color_white_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootisDisabled_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\"),\n [sty.rootisDisabled_size_medium_color_primary]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.rootisDisabled_size_medium_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.rootisDisabled_size_small_color_gray]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"gray\") &&\n hasVariant($state, \"size\", \"small\"),\n [sty.rootisDisabled_size_small_color_primary]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"primary\") &&\n hasVariant($state, \"size\", \"small\"),\n [sty.rootisDisabled_size_small_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"sky\") &&\n hasVariant($state, \"size\", \"small\"),\n [sty.rootisDisabled_size_small_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootsize_large]: hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_color_gray]:\n hasVariant($state, \"color\", \"gray\") &&\n hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_color_primary]:\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.rootsize_large_color_sky]:\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.rootsize_large_color_white]:\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootsize_large_isDisabled]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_isDisabled_color_gray]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"gray\") &&\n hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_isDisabled_color_primary]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"primary\") &&\n hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_isDisabled_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"sky\") &&\n hasVariant($state, \"size\", \"large\"),\n [sty.rootsize_large_isDisabled_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.rootsize_medium]: hasVariant($state, \"size\", \"medium\"),\n [sty.rootsize_medium_color_primary]:\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.rootsize_medium_color_sky]:\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.rootsize_small]: hasVariant($state, \"size\", \"small\"),\n [sty.rootsize_small_color_gray]:\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"gray\"),\n [sty.rootsize_small_color_primary]:\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.rootsize_small_color_sky]:\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.rootsize_small_color_white]:\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"white\")\n }\n )}\n title={(() => {\n try {\n return $props[\"aria-label\"];\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return undefined;\n }\n throw e;\n }\n })()}\n >\n {false ? (\n \n {renderPlasmicSlot({\n defaultContents: (\n \n ),\n\n value: args.startIcon,\n className: classNames(sty.slotTargetStartIcon, {\n [sty.slotTargetStartIconcolor_primary]: hasVariant(\n $state,\n \"color\",\n \"primary\"\n ),\n [sty.slotTargetStartIconcolor_white]: hasVariant(\n $state,\n \"color\",\n \"white\"\n )\n })\n })}\n
\n ) : null}\n \n {renderPlasmicSlot({\n defaultContents: \"Learn more\",\n value: args.children,\n className: classNames(sty.slotTargetChildren, {\n [sty.slotTargetChildrencolor_cta]: hasVariant(\n $state,\n \"color\",\n \"cta\"\n ),\n [sty.slotTargetChildrencolor_cta_isDisabled]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.slotTargetChildrencolor_cta_isDisabled_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.slotTargetChildrencolor_cta_isDisabled_size_small]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.slotTargetChildrencolor_cta_size_large_isDisabled]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"cta\"),\n [sty.slotTargetChildrencolor_gray]: hasVariant(\n $state,\n \"color\",\n \"gray\"\n ),\n [sty.slotTargetChildrencolor_primary]: hasVariant(\n $state,\n \"color\",\n \"primary\"\n ),\n [sty.slotTargetChildrencolor_sky]: hasVariant(\n $state,\n \"color\",\n \"sky\"\n ),\n [sty.slotTargetChildrencolor_white]: hasVariant(\n $state,\n \"color\",\n \"white\"\n ),\n [sty.slotTargetChildrenisDisabled]: hasVariant(\n $state,\n \"isDisabled\",\n \"isDisabled\"\n ),\n [sty.slotTargetChildrenisDisabled_color_gray]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"gray\"),\n [sty.slotTargetChildrenisDisabled_color_primary]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"primary\"),\n [sty.slotTargetChildrenisDisabled_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"sky\"),\n [sty.slotTargetChildrenisDisabled_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.slotTargetChildrenisDisabled_color_white_size_medium]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"medium\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.slotTargetChildrenisDisabled_size_small_color_gray]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"gray\"),\n [sty.slotTargetChildrenisDisabled_size_small_color_sky]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"color\", \"sky\") &&\n hasVariant($state, \"size\", \"small\"),\n [sty.slotTargetChildrenisDisabled_size_small_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"small\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.slotTargetChildrensize_large]: hasVariant(\n $state,\n \"size\",\n \"large\"\n ),\n [sty.slotTargetChildrensize_large_isDisabled_color_white]:\n hasVariant($state, \"isDisabled\", \"isDisabled\") &&\n hasVariant($state, \"size\", \"large\") &&\n hasVariant($state, \"color\", \"white\"),\n [sty.slotTargetChildrensize_medium]: hasVariant(\n $state,\n \"size\",\n \"medium\"\n ),\n [sty.slotTargetChildrensize_small]: hasVariant(\n $state,\n \"size\",\n \"small\"\n )\n })\n })}\n \n {false ? (\n \n {renderPlasmicSlot({\n defaultContents: (\n \n ),\n\n value: args.endIcon,\n className: classNames(sty.slotTargetEndIcon, {\n [sty.slotTargetEndIconcolor_white]: hasVariant(\n $state,\n \"color\",\n \"white\"\n )\n })\n })}\n
\n ) : null}\n \n ) as React.ReactElement | null;\n}\n\nfunction useBehavior(\n props: P,\n ref: pp.ButtonRef\n) {\n const b = pp.useButton
(\n PlasmicButton,\n props,\n {\n showStartIconVariant: {\n group: \"showStartIcon\",\n variant: \"showStartIcon\"\n },\n showEndIconVariant: { group: \"showEndIcon\", variant: \"showEndIcon\" },\n isDisabledVariant: { group: \"isDisabled\", variant: \"isDisabled\" },\n contentSlot: \"children\",\n startIconSlot: \"startIcon\",\n endIconSlot: \"endIcon\",\n root: \"root\"\n },\n ref\n );\n if (b.plasmicProps.overrides.root.as === \"a\") {\n b.plasmicProps.overrides.root.as = PlasmicLink__;\n b.plasmicProps.overrides.root.props.component = Link;\n b.plasmicProps.overrides.root.props.platform = \"nextjs\";\n }\n return b;\n}\n\nconst PlasmicDescendants = {\n root: [\"root\", \"startIconContainer\", \"contentContainer\", \"endIconContainer\"],\n startIconContainer: [\"startIconContainer\"],\n contentContainer: [\"contentContainer\"],\n endIconContainer: [\"endIconContainer\"]\n} as const;\ntype NodeNameType = keyof typeof PlasmicDescendants;\ntype DescendantsType =\n (typeof PlasmicDescendants)[T][number];\ntype NodeDefaultElementType = {\n root: \"button\";\n startIconContainer: \"div\";\n contentContainer: \"div\";\n endIconContainer: \"div\";\n};\n\ntype ReservedPropsType = \"variants\" | \"args\" | \"overrides\";\ntype NodeOverridesType = Pick<\n PlasmicButton__OverridesType,\n DescendantsType\n>;\ntype NodeComponentProps =\n // Explicitly specify variants, args, and overrides as objects\n {\n variants?: PlasmicButton__VariantsArgs;\n args?: PlasmicButton__ArgsType;\n overrides?: NodeOverridesType;\n } & Omit & // Specify variants directly as props\n /* Specify args directly as props*/ Omit<\n PlasmicButton__ArgsType,\n ReservedPropsType\n > &\n /* Specify overrides for each element directly as props*/ Omit<\n NodeOverridesType,\n ReservedPropsType | VariantPropType | ArgPropType\n > &\n /* Specify props for the root element*/ Omit<\n Partial>,\n ReservedPropsType | VariantPropType | ArgPropType | DescendantsType\n >;\n\nfunction makeNodeComponent(nodeName: NodeName) {\n type PropsType = NodeComponentProps & { key?: React.Key };\n const func = function (\n props: T & StrictProps\n ) {\n const { variants, args, overrides } = React.useMemo(\n () =>\n deriveRenderOpts(props, {\n name: nodeName,\n descendantNames: PlasmicDescendants[nodeName],\n internalArgPropNames: PlasmicButton__ArgProps,\n internalVariantPropNames: PlasmicButton__VariantProps\n }),\n [props, nodeName]\n );\n return PlasmicButton__RenderFunc({\n variants,\n args,\n overrides,\n forNode: nodeName\n });\n };\n if (nodeName === \"root\") {\n func.displayName = \"PlasmicButton\";\n } else {\n func.displayName = `PlasmicButton.${nodeName}`;\n }\n return func;\n}\n\nexport const PlasmicButton = Object.assign(\n // Top-level PlasmicButton renders the root element\n makeNodeComponent(\"root\"),\n {\n // Helper components rendering sub-elements\n startIconContainer: makeNodeComponent(\"startIconContainer\"),\n contentContainer: makeNodeComponent(\"contentContainer\"),\n endIconContainer: makeNodeComponent(\"endIconContainer\"),\n\n // Metadata about props expected for PlasmicButton\n internalVariantProps: PlasmicButton__VariantProps,\n internalArgProps: PlasmicButton__ArgProps,\n\n useBehavior\n }\n);\n\nexport default PlasmicButton;\n/* prettier-ignore-end */\n","import * as React from \"react\";\nimport {\n PlasmicButton,\n DefaultButtonProps\n} from \"./plasmic/my_evals_marketing/PlasmicButton\";\n\nimport {\n ButtonRef,\n HtmlAnchorOnlyProps,\n HtmlButtonOnlyProps\n} from \"@plasmicapp/react-web\";\n\nexport interface ButtonProps extends DefaultButtonProps {\n // Feel free to add any additional props that this component should receive\n}\nfunction Button_(props: ButtonProps, ref: ButtonRef) {\n const { plasmicProps } = PlasmicButton.useBehavior(props, ref);\n return ;\n}\n\nexport type ButtonComponentType = {\n (\n props: Omit & {\n ref?: React.Ref;\n }\n ): React.ReactElement;\n (\n props: Omit & {\n ref?: React.Ref;\n }\n ): React.ReactElement;\n};\nconst Button = React.forwardRef(Button_) as any as ButtonComponentType;\n\nexport default Object.assign(Button, { __plumeType: \"button\" });\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\nimport React from \"react\";\nimport { classNames } from \"@plasmicapp/react-web\";\n\nexport type Icon17IconProps = React.ComponentProps<\"svg\"> & {\n title?: string;\n};\n\nexport function Icon17Icon(props: Icon17IconProps) {\n const { className, style, title, ...restProps } = props;\n return (\n \n );\n}\n\nexport default Icon17Icon;\n/* prettier-ignore-end */\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\n\n/** @jsxRuntime classic */\n/** @jsx createPlasmicElementProxy */\n/** @jsxFrag React.Fragment */\n\n// This class is auto-generated by Plasmic; please do not edit!\n// Plasmic Project: bvRZj1oZhhFBeMnkX2LkQu\n// Component: mUrFb8Eka3V0\n\nimport * as React from \"react\";\n\nimport Head from \"next/head\";\nimport Link, { LinkProps } from \"next/link\";\nimport { useRouter } from \"next/router\";\n\nimport {\n Flex as Flex__,\n MultiChoiceArg,\n PlasmicDataSourceContextProvider as PlasmicDataSourceContextProvider__,\n PlasmicIcon as PlasmicIcon__,\n PlasmicImg as PlasmicImg__,\n PlasmicLink as PlasmicLink__,\n PlasmicPageGuard as PlasmicPageGuard__,\n SingleBooleanChoiceArg,\n SingleChoiceArg,\n Stack as Stack__,\n StrictProps,\n Trans as Trans__,\n classNames,\n createPlasmicElementProxy,\n deriveRenderOpts,\n ensureGlobalVariants,\n generateOnMutateForSpec,\n generateStateOnChangeProp,\n generateStateOnChangePropForCodeComponents,\n generateStateValueProp,\n get as $stateGet,\n hasVariant,\n initializeCodeComponentStates,\n initializePlasmicStates,\n makeFragment,\n omit,\n pick,\n renderPlasmicSlot,\n set as $stateSet,\n useCurrentUser,\n useDollarState,\n usePlasmicTranslator,\n useTrigger,\n wrapWithClassName\n} from \"@plasmicapp/react-web\";\nimport {\n DataCtxReader as DataCtxReader__,\n useDataEnv,\n useGlobalActions\n} from \"@plasmicapp/react-web/lib/host\";\n\nimport { useScreenVariants as useScreenVariantsgibwEjXEmhF1 } from \"./PlasmicGlobalVariant__Mobile\"; // plasmic-import: GIBWEjXEmhF1/globalVariant\n\nimport \"@plasmicapp/react-web/lib/plasmic.css\";\n\nimport projectcss from \"./plasmic.module.css\"; // plasmic-import: bvRZj1oZhhFBeMnkX2LkQu/projectcss\nimport sty from \"./PlasmicModalCloseButton.module.css\"; // plasmic-import: mUrFb8Eka3V0/css\n\nimport Icon17Icon from \"./icons/PlasmicIcon__Icon17\"; // plasmic-import: -MOvT8-Vlnai/icon\nimport Icon70Icon from \"./icons/PlasmicIcon__Icon70\"; // plasmic-import: JHDtTb79YhfA/icon\n\ncreatePlasmicElementProxy;\n\nexport type PlasmicModalCloseButton__VariantMembers = {};\nexport type PlasmicModalCloseButton__VariantsArgs = {};\ntype VariantPropType = keyof PlasmicModalCloseButton__VariantsArgs;\nexport const PlasmicModalCloseButton__VariantProps =\n new Array();\n\nexport type PlasmicModalCloseButton__ArgsType = {\n onClick?: () => void;\n};\ntype ArgPropType = keyof PlasmicModalCloseButton__ArgsType;\nexport const PlasmicModalCloseButton__ArgProps = new Array(\n \"onClick\"\n);\n\nexport type PlasmicModalCloseButton__OverridesType = {\n root?: Flex__<\"button\">;\n svg?: Flex__<\"svg\">;\n};\n\nexport interface DefaultModalCloseButtonProps {\n onClick?: () => void;\n className?: string;\n}\n\nconst $$ = {};\n\nfunction useNextRouter() {\n try {\n return useRouter();\n } catch {}\n return undefined;\n}\n\nfunction PlasmicModalCloseButton__RenderFunc(props: {\n variants: PlasmicModalCloseButton__VariantsArgs;\n args: PlasmicModalCloseButton__ArgsType;\n overrides: PlasmicModalCloseButton__OverridesType;\n forNode?: string;\n}) {\n const { variants, overrides, forNode } = props;\n\n const args = React.useMemo(\n () =>\n Object.assign(\n {},\n Object.fromEntries(\n Object.entries(props.args).filter(([_, v]) => v !== undefined)\n )\n ),\n [props.args]\n );\n\n const $props = {\n ...args,\n ...variants\n };\n\n const __nextRouter = useNextRouter();\n const $ctx = useDataEnv?.() || {};\n const refsRef = React.useRef({});\n const $refs = refsRef.current;\n\n const globalVariants = ensureGlobalVariants({\n mobile: useScreenVariantsgibwEjXEmhF1()\n });\n\n return (\n \n ) as React.ReactElement | null;\n}\n\nconst PlasmicDescendants = {\n root: [\"root\", \"svg\"],\n svg: [\"svg\"]\n} as const;\ntype NodeNameType = keyof typeof PlasmicDescendants;\ntype DescendantsType =\n (typeof PlasmicDescendants)[T][number];\ntype NodeDefaultElementType = {\n root: \"button\";\n svg: \"svg\";\n};\n\ntype ReservedPropsType = \"variants\" | \"args\" | \"overrides\";\ntype NodeOverridesType = Pick<\n PlasmicModalCloseButton__OverridesType,\n DescendantsType\n>;\ntype NodeComponentProps =\n // Explicitly specify variants, args, and overrides as objects\n {\n variants?: PlasmicModalCloseButton__VariantsArgs;\n args?: PlasmicModalCloseButton__ArgsType;\n overrides?: NodeOverridesType;\n } & Omit & // Specify variants directly as props\n /* Specify args directly as props*/ Omit<\n PlasmicModalCloseButton__ArgsType,\n ReservedPropsType\n > &\n /* Specify overrides for each element directly as props*/ Omit<\n NodeOverridesType,\n ReservedPropsType | VariantPropType | ArgPropType\n > &\n /* Specify props for the root element*/ Omit<\n Partial>,\n ReservedPropsType | VariantPropType | ArgPropType | DescendantsType\n >;\n\nfunction makeNodeComponent(nodeName: NodeName) {\n type PropsType = NodeComponentProps & { key?: React.Key };\n const func = function (\n props: T & StrictProps\n ) {\n const { variants, args, overrides } = React.useMemo(\n () =>\n deriveRenderOpts(props, {\n name: nodeName,\n descendantNames: PlasmicDescendants[nodeName],\n internalArgPropNames: PlasmicModalCloseButton__ArgProps,\n internalVariantPropNames: PlasmicModalCloseButton__VariantProps\n }),\n [props, nodeName]\n );\n return PlasmicModalCloseButton__RenderFunc({\n variants,\n args,\n overrides,\n forNode: nodeName\n });\n };\n if (nodeName === \"root\") {\n func.displayName = \"PlasmicModalCloseButton\";\n } else {\n func.displayName = `PlasmicModalCloseButton.${nodeName}`;\n }\n return func;\n}\n\nexport const PlasmicModalCloseButton = Object.assign(\n // Top-level PlasmicModalCloseButton renders the root element\n makeNodeComponent(\"root\"),\n {\n // Helper components rendering sub-elements\n svg: makeNodeComponent(\"svg\"),\n\n // Metadata about props expected for PlasmicModalCloseButton\n internalVariantProps: PlasmicModalCloseButton__VariantProps,\n internalArgProps: PlasmicModalCloseButton__ArgProps\n }\n);\n\nexport default PlasmicModalCloseButton;\n/* prettier-ignore-end */\n","// This is a skeleton starter React component generated by Plasmic.\n// This file is owned by you, feel free to edit as you see fit.\nimport * as React from \"react\";\nimport {\n PlasmicModalCloseButton,\n DefaultModalCloseButtonProps\n} from \"./plasmic/my_evals_marketing/PlasmicModalCloseButton\";\nimport { HTMLElementRefOf } from \"@plasmicapp/react-web\";\n\n// Your component props start with props for variants and slots you defined\n// in Plasmic, but you can add more here, like event handlers that you can\n// attach to named nodes in your component.\n//\n// If you don't want to expose certain variants or slots as a prop, you can use\n// Omit to hide them:\n//\n// interface ModalCloseButtonProps extends Omit {\n// // etc.\n// }\n//\n// You can also stop extending from DefaultModalCloseButtonProps altogether and have\n// total control over the props for your component.\nexport interface ModalCloseButtonProps extends DefaultModalCloseButtonProps {}\n\nfunction ModalCloseButton_(\n props: ModalCloseButtonProps,\n ref: HTMLElementRefOf<\"button\">\n) {\n // Use PlasmicModalCloseButton to render this component as it was\n // designed in Plasmic, by activating the appropriate variants,\n // attaching the appropriate event handlers, etc. You\n // can also install whatever React hooks you need here to manage state or\n // fetch data.\n //\n // Props you can pass into PlasmicModalCloseButton are:\n // 1. Variants you want to activate,\n // 2. Contents for slots you want to fill,\n // 3. Overrides for any named node in the component to attach behavior and data,\n // 4. Props to set on the root node.\n //\n // By default, we are just piping all ModalCloseButtonProps here, but feel free\n // to do whatever works for you.\n\n return ;\n}\n\nconst ModalCloseButton = React.forwardRef(ModalCloseButton_);\nexport default ModalCloseButton;\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\n\n/** @jsxRuntime classic */\n/** @jsx createPlasmicElementProxy */\n/** @jsxFrag React.Fragment */\n\n// This class is auto-generated by Plasmic; please do not edit!\n// Plasmic Project: bvRZj1oZhhFBeMnkX2LkQu\n// Component: 0R7aXYvaG7Fy\n\nimport * as React from \"react\";\n\nimport Head from \"next/head\";\nimport Link, { LinkProps } from \"next/link\";\nimport { useRouter } from \"next/router\";\n\nimport {\n Flex as Flex__,\n MultiChoiceArg,\n PlasmicDataSourceContextProvider as PlasmicDataSourceContextProvider__,\n PlasmicIcon as PlasmicIcon__,\n PlasmicImg as PlasmicImg__,\n PlasmicLink as PlasmicLink__,\n PlasmicPageGuard as PlasmicPageGuard__,\n SingleBooleanChoiceArg,\n SingleChoiceArg,\n Stack as Stack__,\n StrictProps,\n Trans as Trans__,\n classNames,\n createPlasmicElementProxy,\n deriveRenderOpts,\n ensureGlobalVariants,\n generateOnMutateForSpec,\n generateStateOnChangeProp,\n generateStateOnChangePropForCodeComponents,\n generateStateValueProp,\n get as $stateGet,\n hasVariant,\n initializeCodeComponentStates,\n initializePlasmicStates,\n makeFragment,\n omit,\n pick,\n renderPlasmicSlot,\n set as $stateSet,\n useCurrentUser,\n useDollarState,\n usePlasmicTranslator,\n useTrigger,\n wrapWithClassName\n} from \"@plasmicapp/react-web\";\nimport {\n DataCtxReader as DataCtxReader__,\n useDataEnv,\n useGlobalActions\n} from \"@plasmicapp/react-web/lib/host\";\n\nimport \"@plasmicapp/react-web/lib/plasmic.css\";\n\nimport projectcss from \"./plasmic.module.css\"; // plasmic-import: bvRZj1oZhhFBeMnkX2LkQu/projectcss\nimport sty from \"./PlasmicSpinnerIcon.module.css\"; // plasmic-import: 0R7aXYvaG7Fy/css\n\ncreatePlasmicElementProxy;\n\nexport type PlasmicSpinnerIcon__VariantMembers = {\n light: \"light\";\n};\nexport type PlasmicSpinnerIcon__VariantsArgs = {\n light?: SingleBooleanChoiceArg<\"light\">;\n};\ntype VariantPropType = keyof PlasmicSpinnerIcon__VariantsArgs;\nexport const PlasmicSpinnerIcon__VariantProps = new Array(\n \"light\"\n);\n\nexport type PlasmicSpinnerIcon__ArgsType = {};\ntype ArgPropType = keyof PlasmicSpinnerIcon__ArgsType;\nexport const PlasmicSpinnerIcon__ArgProps = new Array();\n\nexport type PlasmicSpinnerIcon__OverridesType = {\n root?: Flex__<\"div\">;\n spinnerIcon?: Flex__;\n spinnerIcon2?: Flex__;\n};\n\nexport interface DefaultSpinnerIconProps {\n light?: SingleBooleanChoiceArg<\"light\">;\n className?: string;\n}\n\nconst $$ = {};\n\nfunction useNextRouter() {\n try {\n return useRouter();\n } catch {}\n return undefined;\n}\n\nfunction PlasmicSpinnerIcon__RenderFunc(props: {\n variants: PlasmicSpinnerIcon__VariantsArgs;\n args: PlasmicSpinnerIcon__ArgsType;\n overrides: PlasmicSpinnerIcon__OverridesType;\n forNode?: string;\n}) {\n const { variants, overrides, forNode } = props;\n\n const args = React.useMemo(\n () =>\n Object.assign(\n {},\n Object.fromEntries(\n Object.entries(props.args).filter(([_, v]) => v !== undefined)\n )\n ),\n [props.args]\n );\n\n const $props = {\n ...args,\n ...variants\n };\n\n const __nextRouter = useNextRouter();\n const $ctx = useDataEnv?.() || {};\n const refsRef = React.useRef({});\n const $refs = refsRef.current;\n\n const stateSpecs: Parameters[0] = React.useMemo(\n () => [\n {\n path: \"light\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.light\n }\n ],\n [$props, $ctx, $refs]\n );\n const $state = useDollarState(stateSpecs, {\n $props,\n $ctx,\n $queries: {},\n $refs\n });\n\n return (\n \n {(hasVariant($state, \"light\", \"light\") ? false : true) ? (\n
\n ) : null}\n {(hasVariant($state, \"light\", \"light\") ? true : false) ? (\n
\n ) : null}\n
\n ) as React.ReactElement | null;\n}\n\nconst PlasmicDescendants = {\n root: [\"root\", \"spinnerIcon\", \"spinnerIcon2\"],\n spinnerIcon: [\"spinnerIcon\"],\n spinnerIcon2: [\"spinnerIcon2\"]\n} as const;\ntype NodeNameType = keyof typeof PlasmicDescendants;\ntype DescendantsType =\n (typeof PlasmicDescendants)[T][number];\ntype NodeDefaultElementType = {\n root: \"div\";\n spinnerIcon: typeof PlasmicImg__;\n spinnerIcon2: typeof PlasmicImg__;\n};\n\ntype ReservedPropsType = \"variants\" | \"args\" | \"overrides\";\ntype NodeOverridesType = Pick<\n PlasmicSpinnerIcon__OverridesType,\n DescendantsType\n>;\ntype NodeComponentProps =\n // Explicitly specify variants, args, and overrides as objects\n {\n variants?: PlasmicSpinnerIcon__VariantsArgs;\n args?: PlasmicSpinnerIcon__ArgsType;\n overrides?: NodeOverridesType;\n } & Omit & // Specify variants directly as props\n /* Specify args directly as props*/ Omit<\n PlasmicSpinnerIcon__ArgsType,\n ReservedPropsType\n > &\n /* Specify overrides for each element directly as props*/ Omit<\n NodeOverridesType,\n ReservedPropsType | VariantPropType | ArgPropType\n > &\n /* Specify props for the root element*/ Omit<\n Partial>,\n ReservedPropsType | VariantPropType | ArgPropType | DescendantsType\n >;\n\nfunction makeNodeComponent(nodeName: NodeName) {\n type PropsType = NodeComponentProps & { key?: React.Key };\n const func = function (\n props: T & StrictProps\n ) {\n const { variants, args, overrides } = React.useMemo(\n () =>\n deriveRenderOpts(props, {\n name: nodeName,\n descendantNames: PlasmicDescendants[nodeName],\n internalArgPropNames: PlasmicSpinnerIcon__ArgProps,\n internalVariantPropNames: PlasmicSpinnerIcon__VariantProps\n }),\n [props, nodeName]\n );\n return PlasmicSpinnerIcon__RenderFunc({\n variants,\n args,\n overrides,\n forNode: nodeName\n });\n };\n if (nodeName === \"root\") {\n func.displayName = \"PlasmicSpinnerIcon\";\n } else {\n func.displayName = `PlasmicSpinnerIcon.${nodeName}`;\n }\n return func;\n}\n\nexport const PlasmicSpinnerIcon = Object.assign(\n // Top-level PlasmicSpinnerIcon renders the root element\n makeNodeComponent(\"root\"),\n {\n // Helper components rendering sub-elements\n spinnerIcon: makeNodeComponent(\"spinnerIcon\"),\n spinnerIcon2: makeNodeComponent(\"spinnerIcon2\"),\n\n // Metadata about props expected for PlasmicSpinnerIcon\n internalVariantProps: PlasmicSpinnerIcon__VariantProps,\n internalArgProps: PlasmicSpinnerIcon__ArgProps\n }\n);\n\nexport default PlasmicSpinnerIcon;\n/* prettier-ignore-end */\n","// This is a skeleton starter React component generated by Plasmic.\n// This file is owned by you, feel free to edit as you see fit.\nimport * as React from \"react\";\nimport {\n PlasmicSpinnerIcon,\n DefaultSpinnerIconProps\n} from \"./plasmic/my_evals_marketing/PlasmicSpinnerIcon\";\nimport { HTMLElementRefOf } from \"@plasmicapp/react-web\";\n\n// Your component props start with props for variants and slots you defined\n// in Plasmic, but you can add more here, like event handlers that you can\n// attach to named nodes in your component.\n//\n// If you don't want to expose certain variants or slots as a prop, you can use\n// Omit to hide them:\n//\n// interface SpinnerIconProps extends Omit {\n// // etc.\n// }\n//\n// You can also stop extending from DefaultSpinnerIconProps altogether and have\n// total control over the props for your component.\nexport interface SpinnerIconProps extends DefaultSpinnerIconProps {}\n\nfunction SpinnerIcon_(props: SpinnerIconProps, ref: HTMLElementRefOf<\"img\">) {\n // Use PlasmicSpinnerIcon to render this component as it was\n // designed in Plasmic, by activating the appropriate variants,\n // attaching the appropriate event handlers, etc. You\n // can also install whatever React hooks you need here to manage state or\n // fetch data.\n //\n // Props you can pass into PlasmicSpinnerIcon are:\n // 1. Variants you want to activate,\n // 2. Contents for slots you want to fill,\n // 3. Overrides for any named node in the component to attach behavior and data,\n // 4. Props to set on the root node.\n //\n // By default, we are just piping all SpinnerIconProps here, but feel free\n // to do whatever works for you.\n\n return ;\n}\n\nconst SpinnerIcon = React.forwardRef(SpinnerIcon_);\nexport default SpinnerIcon;\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\nimport React from \"react\";\nimport { classNames } from \"@plasmicapp/react-web\";\n\nexport type UnionSvgIconProps = React.ComponentProps<\"svg\"> & {\n title?: string;\n};\n\nexport function UnionSvgIcon(props: UnionSvgIconProps) {\n const { className, style, title, ...restProps } = props;\n return (\n \n );\n}\n\nexport default UnionSvgIcon;\n/* prettier-ignore-end */\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\nimport React from \"react\";\nimport { classNames } from \"@plasmicapp/react-web\";\n\nexport type VectorSvg2IconProps = React.ComponentProps<\"svg\"> & {\n title?: string;\n};\n\nexport function VectorSvg2Icon(props: VectorSvg2IconProps) {\n const { className, style, title, ...restProps } = props;\n return (\n \n );\n}\n\nexport default VectorSvg2Icon;\n/* prettier-ignore-end */\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\n\n/** @jsxRuntime classic */\n/** @jsx createPlasmicElementProxy */\n/** @jsxFrag React.Fragment */\n\n// This class is auto-generated by Plasmic; please do not edit!\n// Plasmic Project: bvRZj1oZhhFBeMnkX2LkQu\n// Component: kx7Qgd3B-3Xa\n\nimport * as React from \"react\";\n\nimport Head from \"next/head\";\nimport Link, { LinkProps } from \"next/link\";\nimport { useRouter } from \"next/router\";\n\nimport {\n Flex as Flex__,\n MultiChoiceArg,\n PlasmicDataSourceContextProvider as PlasmicDataSourceContextProvider__,\n PlasmicIcon as PlasmicIcon__,\n PlasmicImg as PlasmicImg__,\n PlasmicLink as PlasmicLink__,\n PlasmicPageGuard as PlasmicPageGuard__,\n SingleBooleanChoiceArg,\n SingleChoiceArg,\n Stack as Stack__,\n StrictProps,\n Trans as Trans__,\n classNames,\n createPlasmicElementProxy,\n deriveRenderOpts,\n ensureGlobalVariants,\n generateOnMutateForSpec,\n generateStateOnChangeProp,\n generateStateOnChangePropForCodeComponents,\n generateStateValueProp,\n get as $stateGet,\n hasVariant,\n initializeCodeComponentStates,\n initializePlasmicStates,\n makeFragment,\n omit,\n pick,\n renderPlasmicSlot,\n set as $stateSet,\n useCurrentUser,\n useDollarState,\n usePlasmicTranslator,\n useTrigger,\n wrapWithClassName\n} from \"@plasmicapp/react-web\";\nimport {\n DataCtxReader as DataCtxReader__,\n useDataEnv,\n useGlobalActions\n} from \"@plasmicapp/react-web/lib/host\";\n\nimport * as pp from \"@plasmicapp/react-web\";\nimport { StateProvider } from \"@myevaluations/myevals-plasmic-utils/dist/code-components/StateProvider/StateProvider\"; // plasmic-import: OaGu0RHjgthJ/codeComponent\n\nimport \"@plasmicapp/react-web/lib/plasmic.css\";\n\nimport projectcss from \"./plasmic.module.css\"; // plasmic-import: bvRZj1oZhhFBeMnkX2LkQu/projectcss\nimport sty from \"./PlasmicTextInput.module.css\"; // plasmic-import: kx7Qgd3B-3Xa/css\n\nimport SearchSvgIcon from \"./icons/PlasmicIcon__SearchSvg\"; // plasmic-import: 4h8B6qj-XIZa/icon\nimport UnionSvgIcon from \"./icons/PlasmicIcon__UnionSvg\"; // plasmic-import: cK8gX6ST96pT/icon\nimport VectorSvg2Icon from \"./icons/PlasmicIcon__VectorSvg2\"; // plasmic-import: ZSI55Wkxal7b/icon\n\ncreatePlasmicElementProxy;\n\nexport type PlasmicTextInput__VariantMembers = {\n showStartIcon: \"showStartIcon\";\n showEndIcon: \"showEndIcon\";\n isDisabled: \"isDisabled\";\n invalid: \"invalid\";\n size: \"small\" | \"medium\" | \"large\";\n showPrefix: \"showPrefix\";\n};\nexport type PlasmicTextInput__VariantsArgs = {\n showStartIcon?: SingleBooleanChoiceArg<\"showStartIcon\">;\n showEndIcon?: SingleBooleanChoiceArg<\"showEndIcon\">;\n isDisabled?: SingleBooleanChoiceArg<\"isDisabled\">;\n invalid?: SingleBooleanChoiceArg<\"invalid\">;\n size?: SingleChoiceArg<\"small\" | \"medium\" | \"large\">;\n showPrefix?: SingleBooleanChoiceArg<\"showPrefix\">;\n};\ntype VariantPropType = keyof PlasmicTextInput__VariantsArgs;\nexport const PlasmicTextInput__VariantProps = new Array(\n \"showStartIcon\",\n \"showEndIcon\",\n \"isDisabled\",\n \"invalid\",\n \"size\",\n \"showPrefix\"\n);\n\nexport type PlasmicTextInput__ArgsType = {\n placeholder?: string;\n startIcon?: React.ReactNode;\n value?: string;\n name?: string;\n required?: boolean;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n onChange?: (event: any) => void;\n type?:\n | \"text\"\n | \"password\"\n | \"hidden\"\n | \"number\"\n | \"date\"\n | \"datetime-local\"\n | \"time\"\n | \"email\"\n | \"tel\";\n autoFocus?: boolean;\n};\ntype ArgPropType = keyof PlasmicTextInput__ArgsType;\nexport const PlasmicTextInput__ArgProps = new Array(\n \"placeholder\",\n \"startIcon\",\n \"value\",\n \"name\",\n \"required\",\n \"aria-label\",\n \"aria-labelledby\",\n \"onChange\",\n \"type\",\n \"autoFocus\"\n);\n\nexport type PlasmicTextInput__OverridesType = {\n root?: Flex__<\"div\">;\n inputType?: Flex__;\n startIconContainer?: Flex__<\"button\">;\n text?: Flex__<\"div\">;\n input?: Flex__<\"input\">;\n endIconContainer?: Flex__<\"div\">;\n hidePasswordIcon?: Flex__<\"svg\">;\n showPasswordIcon?: Flex__<\"svg\">;\n};\n\nexport interface DefaultTextInputProps extends pp.BaseTextInputProps {\n placeholder?: string;\n value?: string;\n name?: string;\n required?: boolean;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n onChange?: (event: any) => void;\n type?:\n | \"text\"\n | \"password\"\n | \"hidden\"\n | \"number\"\n | \"date\"\n | \"datetime-local\"\n | \"time\"\n | \"email\"\n | \"tel\";\n autoFocus?: boolean;\n invalid?: SingleBooleanChoiceArg<\"invalid\">;\n size?: SingleChoiceArg<\"small\" | \"medium\" | \"large\">;\n showPrefix?: SingleBooleanChoiceArg<\"showPrefix\">;\n}\n\nconst $$ = {};\n\nfunction useNextRouter() {\n try {\n return useRouter();\n } catch {}\n return undefined;\n}\n\nfunction PlasmicTextInput__RenderFunc(props: {\n variants: PlasmicTextInput__VariantsArgs;\n args: PlasmicTextInput__ArgsType;\n overrides: PlasmicTextInput__OverridesType;\n forNode?: string;\n}) {\n const { variants, overrides, forNode } = props;\n\n const args = React.useMemo(\n () =>\n Object.assign(\n {\n placeholder: \"Text\"\n },\n Object.fromEntries(\n Object.entries(props.args).filter(([_, v]) => v !== undefined)\n )\n ),\n [props.args]\n );\n\n const $props = {\n ...args,\n ...variants\n };\n\n const __nextRouter = useNextRouter();\n const $ctx = useDataEnv?.() || {};\n const refsRef = React.useRef({});\n const $refs = refsRef.current;\n\n const stateSpecs: Parameters[0] = React.useMemo(\n () => [\n {\n path: \"showStartIcon\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.showStartIcon\n },\n {\n path: \"showEndIcon\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.showEndIcon\n },\n {\n path: \"isDisabled\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.isDisabled\n },\n {\n path: \"value\",\n type: \"writable\",\n variableType: \"text\",\n\n valueProp: \"value\",\n onChangeProp: \"onChange\"\n },\n {\n path: \"invalid\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.invalid\n },\n {\n path: \"size\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.size\n },\n {\n path: \"inputType.value\",\n type: \"private\",\n variableType: \"text\",\n initFunc: ({ $props, $state, $queries, $ctx }) => undefined\n },\n {\n path: \"showPrefix\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.showPrefix\n }\n ],\n [$props, $ctx, $refs]\n );\n const $state = useDollarState(stateSpecs, {\n $props,\n $ctx,\n $queries: {},\n $refs\n });\n\n return (\n \n
{\n try {\n return $props.type;\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return undefined;\n }\n throw e;\n }\n })()}\n onChange={generateStateOnChangeProp($state, [\"inputType\", \"value\"])}\n value={generateStateValueProp($state, [\"inputType\", \"value\"])}\n />\n\n \n \n {\"+1\"}\n
\n {\n $refs[\"input\"] = ref;\n }}\n required={args.required}\n type={\n hasVariant($state, \"showEndIcon\", \"showEndIcon\")\n ? (() => {\n try {\n return $state.inputType.value;\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return undefined;\n }\n throw e;\n }\n })()\n : $state.inputType.value\n }\n value={args.value}\n />\n\n \n {(\n hasVariant($state, \"showEndIcon\", \"showEndIcon\")\n ? (() => {\n try {\n return $state.inputType.value === \"text\";\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return false;\n }\n throw e;\n }\n })()\n : true\n ) ? (\n {\n const $steps = {};\n\n $steps[\"updateInputTypeValue\"] = true\n ? (() => {\n const actionArgs = {\n variable: {\n objRoot: $state,\n variablePath: [\"inputType\", \"value\"]\n },\n operation: 0,\n value: \"password\"\n };\n return (({ variable, value, startIndex, deleteCount }) => {\n if (!variable) {\n return;\n }\n const { objRoot, variablePath } = variable;\n\n $stateSet(objRoot, variablePath, value);\n return value;\n })?.apply(null, [actionArgs]);\n })()\n : undefined;\n if (\n $steps[\"updateInputTypeValue\"] != null &&\n typeof $steps[\"updateInputTypeValue\"] === \"object\" &&\n typeof $steps[\"updateInputTypeValue\"].then === \"function\"\n ) {\n $steps[\"updateInputTypeValue\"] = await $steps[\n \"updateInputTypeValue\"\n ];\n }\n }}\n role={\"img\"}\n />\n ) : null}\n {(\n hasVariant($state, \"showEndIcon\", \"showEndIcon\")\n ? (() => {\n try {\n return $state.inputType.value === \"password\";\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return false;\n }\n throw e;\n }\n })()\n : (() => {\n try {\n return $state.inputType.value === \"text\";\n } catch (e) {\n if (\n e instanceof TypeError ||\n e?.plasmicType === \"PlasmicUndefinedDataError\"\n ) {\n return false;\n }\n throw e;\n }\n })()\n ) ? (\n {\n const $steps = {};\n\n $steps[\"updateInputTypeValue\"] = true\n ? (() => {\n const actionArgs = {\n variable: {\n objRoot: $state,\n variablePath: [\"inputType\", \"value\"]\n },\n operation: 0,\n value: \"text\"\n };\n return (({ variable, value, startIndex, deleteCount }) => {\n if (!variable) {\n return;\n }\n const { objRoot, variablePath } = variable;\n\n $stateSet(objRoot, variablePath, value);\n return value;\n })?.apply(null, [actionArgs]);\n })()\n : undefined;\n if (\n $steps[\"updateInputTypeValue\"] != null &&\n typeof $steps[\"updateInputTypeValue\"] === \"object\" &&\n typeof $steps[\"updateInputTypeValue\"].then === \"function\"\n ) {\n $steps[\"updateInputTypeValue\"] = await $steps[\n \"updateInputTypeValue\"\n ];\n }\n }}\n role={\"img\"}\n />\n ) : null}\n
\n \n ) as React.ReactElement | null;\n}\n\nfunction useBehavior(\n props: P,\n ref: pp.TextInputRef\n) {\n return pp.useTextInput
(\n PlasmicTextInput,\n props,\n {\n showStartIconVariant: {\n group: \"showStartIcon\",\n variant: \"showStartIcon\"\n },\n showEndIconVariant: { group: \"showEndIcon\", variant: \"showEndIcon\" },\n isDisabledVariant: { group: \"isDisabled\", variant: \"isDisabled\" },\n startIconSlot: \"startIcon\",\n endIconSlot: \"endIcon\",\n root: \"root\",\n input: \"input\"\n },\n ref\n );\n}\n\nconst PlasmicDescendants = {\n root: [\n \"root\",\n \"inputType\",\n \"startIconContainer\",\n \"text\",\n \"input\",\n \"endIconContainer\",\n \"hidePasswordIcon\",\n \"showPasswordIcon\"\n ],\n inputType: [\"inputType\"],\n startIconContainer: [\"startIconContainer\"],\n text: [\"text\"],\n input: [\"input\"],\n endIconContainer: [\n \"endIconContainer\",\n \"hidePasswordIcon\",\n \"showPasswordIcon\"\n ],\n hidePasswordIcon: [\"hidePasswordIcon\"],\n showPasswordIcon: [\"showPasswordIcon\"]\n} as const;\ntype NodeNameType = keyof typeof PlasmicDescendants;\ntype DescendantsType =\n (typeof PlasmicDescendants)[T][number];\ntype NodeDefaultElementType = {\n root: \"div\";\n inputType: typeof StateProvider;\n startIconContainer: \"button\";\n text: \"div\";\n input: \"input\";\n endIconContainer: \"div\";\n hidePasswordIcon: \"svg\";\n showPasswordIcon: \"svg\";\n};\n\ntype ReservedPropsType = \"variants\" | \"args\" | \"overrides\";\ntype NodeOverridesType = Pick<\n PlasmicTextInput__OverridesType,\n DescendantsType\n>;\ntype NodeComponentProps =\n // Explicitly specify variants, args, and overrides as objects\n {\n variants?: PlasmicTextInput__VariantsArgs;\n args?: PlasmicTextInput__ArgsType;\n overrides?: NodeOverridesType;\n } & Omit & // Specify variants directly as props\n /* Specify args directly as props*/ Omit<\n PlasmicTextInput__ArgsType,\n ReservedPropsType\n > &\n /* Specify overrides for each element directly as props*/ Omit<\n NodeOverridesType,\n ReservedPropsType | VariantPropType | ArgPropType\n > &\n /* Specify props for the root element*/ Omit<\n Partial>,\n ReservedPropsType | VariantPropType | ArgPropType | DescendantsType\n >;\n\nfunction makeNodeComponent(nodeName: NodeName) {\n type PropsType = NodeComponentProps & { key?: React.Key };\n const func = function (\n props: T & StrictProps\n ) {\n const { variants, args, overrides } = React.useMemo(\n () =>\n deriveRenderOpts(props, {\n name: nodeName,\n descendantNames: PlasmicDescendants[nodeName],\n internalArgPropNames: PlasmicTextInput__ArgProps,\n internalVariantPropNames: PlasmicTextInput__VariantProps\n }),\n [props, nodeName]\n );\n return PlasmicTextInput__RenderFunc({\n variants,\n args,\n overrides,\n forNode: nodeName\n });\n };\n if (nodeName === \"root\") {\n func.displayName = \"PlasmicTextInput\";\n } else {\n func.displayName = `PlasmicTextInput.${nodeName}`;\n }\n return func;\n}\n\nexport const PlasmicTextInput = Object.assign(\n // Top-level PlasmicTextInput renders the root element\n makeNodeComponent(\"root\"),\n {\n // Helper components rendering sub-elements\n inputType: makeNodeComponent(\"inputType\"),\n startIconContainer: makeNodeComponent(\"startIconContainer\"),\n text: makeNodeComponent(\"text\"),\n input: makeNodeComponent(\"input\"),\n endIconContainer: makeNodeComponent(\"endIconContainer\"),\n hidePasswordIcon: makeNodeComponent(\"hidePasswordIcon\"),\n showPasswordIcon: makeNodeComponent(\"showPasswordIcon\"),\n\n // Metadata about props expected for PlasmicTextInput\n internalVariantProps: PlasmicTextInput__VariantProps,\n internalArgProps: PlasmicTextInput__ArgProps,\n\n useBehavior\n }\n);\n\nexport default PlasmicTextInput;\n/* prettier-ignore-end */\n","import * as React from \"react\";\nimport {\n PlasmicTextInput,\n DefaultTextInputProps\n} from \"./plasmic/my_evals_marketing/PlasmicTextInput\";\n\nimport { TextInputRef } from \"@plasmicapp/react-web\";\n\nexport interface TextInputProps extends DefaultTextInputProps {\n // Feel free to add any additional props that this component should receive\n}\nfunction TextInput_(props: TextInputProps, ref: TextInputRef) {\n const { plasmicProps } = PlasmicTextInput.useBehavior(\n props,\n ref\n );\n return ;\n}\n\nconst TextInput = React.forwardRef(TextInput_);\n\nexport default Object.assign(\n TextInput,\n\n {\n __plumeType: \"text-input\"\n }\n);\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\n\nimport * as React from \"react\";\nimport { createUseScreenVariants } from \"@plasmicapp/react-web\";\n\nexport type MobileValue =\n | \"mobile\"\n | \"tabletPortrait\"\n | \"tabletLandscape\"\n | \"mobileXSmall\";\nexport const MobileContext = React.createContext(\n \"PLEASE_RENDER_INSIDE_PROVIDER\" as any\n);\n\nexport const useScreenVariants = createUseScreenVariants(true, {\n mobile: \"(min-width:0px) and (max-width:768px)\",\n tabletPortrait: \"(max-width:1024px)\",\n tabletLandscape: \"(max-width:1224px)\",\n mobileXSmall: \"(max-width:576px)\",\n});\n\nexport default MobileContext;\n/* prettier-ignore-end */\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\nimport React from \"react\";\nimport { classNames } from \"@plasmicapp/react-web\";\n\nexport type Icon70IconProps = React.ComponentProps<\"svg\"> & {\n title?: string;\n};\n\nexport function Icon70Icon(props: Icon70IconProps) {\n const { className, style, title, ...restProps } = props;\n return (\n \n );\n}\n\nexport default Icon70Icon;\n/* prettier-ignore-end */\n","// @ts-nocheck\n/* eslint-disable */\n/* tslint:disable */\n/* prettier-ignore-start */\nimport React from \"react\";\nimport { classNames } from \"@plasmicapp/react-web\";\n\nexport type SearchSvgIconProps = React.ComponentProps<\"svg\"> & {\n title?: string;\n};\n\nexport function SearchSvgIcon(props: SearchSvgIconProps) {\n const { className, style, title, ...restProps } = props;\n return (\n \n );\n}\n\nexport default SearchSvgIcon;\n/* prettier-ignore-end */\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"PlasmicButton_root__0g0Ez\",\"rootisDisabled\":\"PlasmicButton_rootisDisabled__8Iys7\",\"rootsize_small\":\"PlasmicButton_rootsize_small__95ryu\",\"rootsize_medium\":\"PlasmicButton_rootsize_medium__M3MSl\",\"rootsize_large\":\"PlasmicButton_rootsize_large__fKq6d\",\"rootcolor_primary\":\"PlasmicButton_rootcolor_primary__ohTgg\",\"rootcolor_sky\":\"PlasmicButton_rootcolor_sky__g3mKl\",\"rootcolor_white\":\"PlasmicButton_rootcolor_white__g96jK\",\"rootcolor_cta\":\"PlasmicButton_rootcolor_cta__CmGm3\",\"rootcolor_gray\":\"PlasmicButton_rootcolor_gray__XDmUl\",\"rootisDisabled_color_primary\":\"PlasmicButton_rootisDisabled_color_primary__eDKm9\",\"rootisDisabled_color_sky\":\"PlasmicButton_rootisDisabled_color_sky__CjyvU\",\"rootisDisabled_color_white\":\"PlasmicButton_rootisDisabled_color_white___YJfO\",\"rootcolor_cta_isDisabled\":\"PlasmicButton_rootcolor_cta_isDisabled__p1_gr\",\"rootisDisabled_color_gray\":\"PlasmicButton_rootisDisabled_color_gray___DZ8k\",\"rootisDisabled_size_medium_color_sky\":\"PlasmicButton_rootisDisabled_size_medium_color_sky__48elO\",\"rootsize_large_isDisabled_color_sky\":\"PlasmicButton_rootsize_large_isDisabled_color_sky___RJr8\",\"rootisDisabled_color_white_size_medium\":\"PlasmicButton_rootisDisabled_color_white_size_medium__pdqH2\",\"rootcolor_cta_isDisabled_size_medium\":\"PlasmicButton_rootcolor_cta_isDisabled_size_medium__8apT6\",\"rootsize_large_isDisabled_color_white\":\"PlasmicButton_rootsize_large_isDisabled_color_white__weFb8\",\"rootisDisabled_color_gray_size_medium\":\"PlasmicButton_rootisDisabled_color_gray_size_medium__7dvtj\",\"rootcolor_cta_size_large_isDisabled\":\"PlasmicButton_rootcolor_cta_size_large_isDisabled__XgmYt\",\"rootsize_large_isDisabled_color_gray\":\"PlasmicButton_rootsize_large_isDisabled_color_gray__xZ2YR\",\"rootisDisabled_size_medium_color_primary\":\"PlasmicButton_rootisDisabled_size_medium_color_primary__A2M_X\",\"rootisDisabled_size_small_color_white\":\"PlasmicButton_rootisDisabled_size_small_color_white__XyYyf\",\"rootsize_large_isDisabled_color_primary\":\"PlasmicButton_rootsize_large_isDisabled_color_primary__vs21L\",\"rootcolor_cta_isDisabled_size_small\":\"PlasmicButton_rootcolor_cta_isDisabled_size_small__xgF67\",\"startIconContainer\":\"PlasmicButton_startIconContainer__Vl4r_\",\"slotTargetStartIcon\":\"PlasmicButton_slotTargetStartIcon__wW2Ou\",\"slotTargetStartIconcolor_white\":\"PlasmicButton_slotTargetStartIconcolor_white__0YTtG\",\"svg___4Kh3L\":\"PlasmicButton_svg___4Kh3L__gBP4D\",\"contentContainer\":\"PlasmicButton_contentContainer__ksDBU\",\"contentContainersize_medium\":\"PlasmicButton_contentContainersize_medium__zhvcp\",\"slotTargetChildren\":\"PlasmicButton_slotTargetChildren__FEY8j\",\"slotTargetChildrenisDisabled\":\"PlasmicButton_slotTargetChildrenisDisabled__aTsTX\",\"slotTargetChildrensize_large\":\"PlasmicButton_slotTargetChildrensize_large__5Gfan\",\"slotTargetChildrencolor_primary\":\"PlasmicButton_slotTargetChildrencolor_primary__lg6Ag\",\"slotTargetChildrencolor_sky\":\"PlasmicButton_slotTargetChildrencolor_sky___NcQA\",\"slotTargetChildrencolor_white\":\"PlasmicButton_slotTargetChildrencolor_white__L0t16\",\"slotTargetChildrencolor_cta\":\"PlasmicButton_slotTargetChildrencolor_cta__DFXpU\",\"slotTargetChildrencolor_gray\":\"PlasmicButton_slotTargetChildrencolor_gray__k8rMp\",\"slotTargetChildrenisDisabled_color_primary\":\"PlasmicButton_slotTargetChildrenisDisabled_color_primary___bb1y\",\"slotTargetChildrenisDisabled_color_sky\":\"PlasmicButton_slotTargetChildrenisDisabled_color_sky__JiBge\",\"slotTargetChildrenisDisabled_color_white\":\"PlasmicButton_slotTargetChildrenisDisabled_color_white__jaBBp\",\"slotTargetChildrencolor_cta_isDisabled\":\"PlasmicButton_slotTargetChildrencolor_cta_isDisabled__u0wem\",\"slotTargetChildrenisDisabled_color_gray\":\"PlasmicButton_slotTargetChildrenisDisabled_color_gray__zy07j\",\"slotTargetChildrenisDisabled_size_small_color_white\":\"PlasmicButton_slotTargetChildrenisDisabled_size_small_color_white__FLVtr\",\"slotTargetChildrenisDisabled_color_white_size_medium\":\"PlasmicButton_slotTargetChildrenisDisabled_color_white_size_medium__w_R5r\",\"slotTargetChildrensize_large_isDisabled_color_white\":\"PlasmicButton_slotTargetChildrensize_large_isDisabled_color_white__CdGyG\",\"endIconContainer\":\"PlasmicButton_endIconContainer__A3Rb9\",\"slotTargetEndIcon\":\"PlasmicButton_slotTargetEndIcon__11G2y\",\"slotTargetEndIconcolor_white\":\"PlasmicButton_slotTargetEndIconcolor_white__CxhYI\",\"svg__hvE2J\":\"PlasmicButton_svg__hvE2J__8hy9K\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"PlasmicModalCloseButton_root__2uuQx\",\"svg\":\"PlasmicModalCloseButton_svg__xxl0X\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"PlasmicSpinnerIcon_root__zAU5C\",\"spinnerIcon\":\"PlasmicSpinnerIcon_spinnerIcon__x84NJ\",\"spinnerIcon2\":\"PlasmicSpinnerIcon_spinnerIcon2__OfDPZ\",\"spinnerIcon2light\":\"PlasmicSpinnerIcon_spinnerIcon2light__EDral\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"PlasmicTextInput_root__i2gsW\",\"rootisDisabled\":\"PlasmicTextInput_rootisDisabled__1uz8O\",\"rootinvalid\":\"PlasmicTextInput_rootinvalid__q4Wqn\",\"rootsize_small\":\"PlasmicTextInput_rootsize_small__gg7D2\",\"rootsize_large\":\"PlasmicTextInput_rootsize_large__h5xIO\",\"inputType\":\"PlasmicTextInput_inputType__acfPh\",\"startIconContainer\":\"PlasmicTextInput_startIconContainer__DsDpp\",\"startIconContainershowStartIcon\":\"PlasmicTextInput_startIconContainershowStartIcon__mpEvn\",\"slotTargetStartIconshowStartIcon\":\"PlasmicTextInput_slotTargetStartIconshowStartIcon__Ok2O2\",\"svg__cuiG8\":\"PlasmicTextInput_svg__cuiG8__qiRL8\",\"text\":\"PlasmicTextInput_text__Dn7uD\",\"textshowPrefix\":\"PlasmicTextInput_textshowPrefix__PHeAX\",\"input\":\"PlasmicTextInput_input__4oK4p\",\"inputshowEndIcon\":\"PlasmicTextInput_inputshowEndIcon__F5Yf1\",\"inputisDisabled\":\"PlasmicTextInput_inputisDisabled__59j0O\",\"inputsize_small\":\"PlasmicTextInput_inputsize_small__EV8rT\",\"inputsize_large\":\"PlasmicTextInput_inputsize_large__1Vom_\",\"inputshowPrefix\":\"PlasmicTextInput_inputshowPrefix__NnymQ\",\"inputinvalid\":\"PlasmicTextInput_inputinvalid__mz4xA\",\"endIconContainer\":\"PlasmicTextInput_endIconContainer__FqnpY\",\"endIconContainershowEndIcon\":\"PlasmicTextInput_endIconContainershowEndIcon__nYEJu\",\"hidePasswordIcon\":\"PlasmicTextInput_hidePasswordIcon__Pxs7O\",\"rootshowEndIcon\":\"PlasmicTextInput_rootshowEndIcon__ejiWs\",\"hidePasswordIconshowEndIcon\":\"PlasmicTextInput_hidePasswordIconshowEndIcon__w_GVx\",\"showPasswordIcon\":\"PlasmicTextInput_showPasswordIcon__sgPIg\",\"showPasswordIconshowEndIcon\":\"PlasmicTextInput_showPasswordIconshowEndIcon__8G78R\"};"],"names":["createPlasmicElementProxy","PlasmicButton__VariantProps","PlasmicButton__ArgProps","PlasmicDescendants","root","startIconContainer","contentContainer","endIconContainer","makeNodeComponent","nodeName","func","props","variants","args","overrides","React","deriveRenderOpts","name","descendantNames","internalArgPropNames","internalVariantPropNames","PlasmicButton__RenderFunc","forNode","Object","assign","fromEntries","entries","filter","_","v","param","undefined","$props","useNextRouter","useRouter","e","$ctx","useDataEnv","$refs","refsRef","current","stateSpecs","path","type","variableType","initFunc","$state","$queries","isDisabled","size","color","useDollarState","react_web_esm","eh","Stack__","as","data-plasmic-name","data-plasmic-override","data-plasmic-root","data-plasmic-for-node","hasGap","aria-label","TypeError","plasmicType","className","classNames","projectcss","sty","hasVariant","title","renderPlasmicSlot","defaultContents","value","children","displayName","concat","PlasmicButton","internalVariantProps","internalArgProps","useBehavior","ref","b","pp","showStartIconVariant","group","variant","showEndIconVariant","isDisabledVariant","contentSlot","startIconSlot","endIconSlot","plasmicProps","PlasmicLink__","component","Link","platform","plasmic_components_Button","jsx_runtime","jsx","__plumeType","PlasmicIcon_Icon17","style","restProps","jsxs","svg","xmlns","fill","viewBox","height","fillRule","clipRule","d","PlasmicModalCloseButton__VariantProps","Array","PlasmicModalCloseButton__ArgProps","PlasmicModalCloseButton__RenderFunc","globalVariants","ensureGlobalVariants","mobile","useScreenVariantsgibwEjXEmhF1","button","onClick","event","$steps","_this","actionArgs","eventRef","apply","then","outline","PlasmicIcon__","PlasmicIconType","Icon70Icon","Icon17Icon","role","PlasmicModalCloseButton","plasmic_components_ModalCloseButton","PlasmicSpinnerIcon__VariantProps","PlasmicSpinnerIcon__ArgProps","spinnerIcon","spinnerIcon2","PlasmicSpinnerIcon__RenderFunc","light","div","PlasmicImg__","alt","displayHeight","displayMaxHeight","displayMaxWidth","displayMinHeight","displayMinWidth","displayWidth","loader","loading","src","fullWidth","fullHeight","aspectRatio","PlasmicSpinnerIcon","plasmic_components_SpinnerIcon","PlasmicIcon_UnionSvg","PlasmicIcon_VectorSvg2","PlasmicTextInput__VariantProps","PlasmicTextInput__ArgProps","inputType","text","input","hidePasswordIcon","showPasswordIcon","PlasmicTextInput__RenderFunc","placeholder","showStartIcon","showEndIcon","valueProp","onChangeProp","invalid","showPrefix","padding","StateProvider","defaultValue","onChange","generateStateOnChangeProp","generateStateValueProp","SearchSvgIcon","startIcon","aria-labelledby","autoComplete","autoFocus","disabled","required","UnionSvgIcon","variable","startIndex","deleteCount","objRoot","variablePath","$stateSet","operation","VectorSvg2Icon","PlasmicTextInput","plasmic_components_TextInput","useScreenVariants","createUseScreenVariants","tabletPortrait","tabletLandscape","mobileXSmall","__webpack_exports__","Z","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","width","stroke","strokeLinecap","strokeLinejoin","strokeWidth","module","exports"],"sourceRoot":""}