[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 */\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: JRA4OayO7Ias\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 \"./PlasmicTextarea.module.css\"; // plasmic-import: JRA4OayO7Ias/css\n\ncreatePlasmicElementProxy;\n\nexport type PlasmicTextarea__VariantMembers = {\n size: \"small\" | \"medium\" | \"large\";\n invalid: \"invalid\";\n disabled: \"disabled\";\n};\nexport type PlasmicTextarea__VariantsArgs = {\n size?: SingleChoiceArg<\"small\" | \"medium\" | \"large\">;\n invalid?: SingleBooleanChoiceArg<\"invalid\">;\n disabled?: SingleBooleanChoiceArg<\"disabled\">;\n};\ntype VariantPropType = keyof PlasmicTextarea__VariantsArgs;\nexport const PlasmicTextarea__VariantProps = new Array(\n \"size\",\n \"invalid\",\n \"disabled\"\n);\n\nexport type PlasmicTextarea__ArgsType = {\n value?: string;\n onValueChange?: (val: string) => void;\n placeholder?: string;\n onBlur?: () => void;\n ariaLabel?: string;\n ariaLabelledby?: string;\n name?: string;\n};\ntype ArgPropType = keyof PlasmicTextarea__ArgsType;\nexport const PlasmicTextarea__ArgProps = new Array(\n \"value\",\n \"onValueChange\",\n \"placeholder\",\n \"onBlur\",\n \"ariaLabel\",\n \"ariaLabelledby\",\n \"name\"\n);\n\nexport type PlasmicTextarea__OverridesType = {\n textarea?: Flex__<\"textarea\">;\n};\n\nexport interface DefaultTextareaProps {\n value?: string;\n onValueChange?: (val: string) => void;\n placeholder?: string;\n onBlur?: () => void;\n ariaLabel?: string;\n ariaLabelledby?: string;\n name?: string;\n size?: SingleChoiceArg<\"small\" | \"medium\" | \"large\">;\n invalid?: SingleBooleanChoiceArg<\"invalid\">;\n disabled?: SingleBooleanChoiceArg<\"disabled\">;\n className?: string;\n}\n\nconst $$ = {};\n\nfunction useNextRouter() {\n try {\n return useRouter();\n } catch {}\n return undefined;\n}\n\nfunction PlasmicTextarea__RenderFunc(props: {\n variants: PlasmicTextarea__VariantsArgs;\n args: PlasmicTextarea__ArgsType;\n overrides: PlasmicTextarea__OverridesType;\n forNode?: string;\n}) {\n const { variants, overrides, forNode } = props;\n\n const args = React.useMemo(\n () =>\n Object.assign(\n {\n placeholder: ``\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: \"textarea.value\",\n type: \"writable\",\n variableType: \"text\",\n\n valueProp: \"value\",\n onChangeProp: \"onValueChange\"\n },\n {\n path: \"size\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.size\n },\n {\n path: \"invalid\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.invalid\n },\n {\n path: \"disabled\",\n type: \"private\",\n variableType: \"variant\",\n initFunc: ({ $props, $state, $queries, $ctx }) => $props.disabled\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