1:I["2194a569c1e2",[],"Router",1]
2:I["b36a620fd7e3",[],"RootRedirect",1]
3:I["1d746270c489",[],"LocaleLayout",1]
4:I["7c8d28ff1de8",[],"Home",1]
5:I["0628afd17cd5",[],"T",1]
6:I["9acbd40b0d10",[],"InstallTabs",1]
d:I["070e90bf8a71",[],"LocaleAnchor",1]
4c:I["c797c47b6503",[],"Components",1]
7d:I["2c4477afb2eb",[],"Textarea",1]
86:I["802a63214cb5",[],"NumberField",1]
9b:I["a5a2ed268852",[],"Checkbox",1]
9e:I["21432a60d512",[],"CheckboxControlledPreview",1]
a9:I["9624e3024842",[],"RadioBasicPreview",1]
b1:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
b3:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
b5:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
b7:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
b9:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
bd:I["301cad8240fe",[],"RangeField",1]
c5:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
c7:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
c9:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
cb:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
cd:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
d1:I["8888908e7e61",[],"FormControlBasicPreview",1]
d3:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
d5:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
d7:I["8888908e7e61",[],"FormControlRequiredPreview",1]
d9:I["8888908e7e61",[],"FormControlDisabledPreview",1]
dd:I["427f1ffd75b0",[],"AccordionItem",1]
de:I["9a40853fa522",[],"AccordionButton",1]
df:I["5fe9e123c78c",[],"AccordionPanel",1]
f4:"$Sreact.fragment"
f8:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
fa:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
fc:I["75dff7ac12d9",[],"ListBoxTriggerIconPreview",1]
111:I["e12e8ed6b68e",[],"BaselineStatus",1]
131:I["132b1b725f7e",[],"ToastBasicPreview",1]
134:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
13e:I["5145f2bca71b",[],"TooltipBasicPreview",1]
140:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
14a:I["218edecdc217",[],"DialogBasicPreview",1]
14c:I["218edecdc217",[],"DialogWithModalPreview",1]
14e:I["218edecdc217",[],"AlertDialogPreview",1]
158:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
15a:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
162:I["6e891aca3d00",[],"ModalBasicPreview",1]
164:I["6e891aca3d00",[],"ModalTypesPreview",1]
166:I["6e891aca3d00",[],"DefaultOpenPreview",1]
172:I["f94374e4000c",[],"PopoverBasicPreview",1]
174:I["f94374e4000c",[],"PopoverPlacementPreview",1]
180:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
182:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
184:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
186:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
1b2:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
1df:I["c6eb5e7e987f",[],"HooksPage",1]
1e1:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
1eb:I["939b7f2e8860",[],"UseClipboardPreview",1]
1f3:I["d80343ececf7",[],"UseIntervalPreview",1]
1f8:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
1fa:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
20b:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
213:I["ff99af3476ea",[],"UseStepPreview",1]
223:I["87949b3e951c",[],"UseWindowSizePreview",1]
227:I["3f34d1649026",[],"Helpers",1]
229:I["0af5f2cf11c5",[],"CnPreview",1]
22f:I["b58f1ae147b9",[],"FindAllColorsPreview",1]
235:I["3cd9d7b297ca",[],"BetweenPreview",1]
23d:I["2320e75c9eb6",[],"CastPreview",1]
246:I["c3d6331b6977",[],"CommalizePreview",1]
24d:I["8e336d54aee6",[],"ToPrecisionPreview",1]
255:I["54da1518d518",[],"UuidV4Preview",1]
258:I["66606323575d",[],"IsInternalRoutePreview",1]
2a4:I["9624e3024842",[],"RadioDisabledPreview",1]
0:{"root":["$","$L1",null,{"fallback":"static","routes":[{"path":"/","component":["$","$L2",null,{}]},{"path":"/:locale","component":"$3","children":[{"path":"/","component":["$","$L4",null,{}]},{"path":"/get-started","component":["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":["$","$L5",null,{"k":"nav.getStarted"}]}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"getStarted.introduction"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"getStarted.installationTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.installationDescription"}]}],["$","$L6",null,{"npm":"$L7","pnpm":"$L8","yarn":"$L9"}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"getStarted.setupTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.setupDescription"}]}],["$","div",null,{"className":"flex flex-col gap-2","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"1. CSS"}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.setupCssDescription"}]}],"$La"]}],["$","div",null,{"className":"flex flex-col gap-2","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"2. Provider"}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.setupProviderDescription"}]}],"$Lb"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"getStarted.usageTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.usageDescription"}]}],"$Lc"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"getStarted.requirementsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.requirementsDescription"}]}],["$","ul",null,{"className":"flex flex-col gap-2 pl-6 text-fg-mute","children":[["$","li",null,{"className":"list-disc","children":"React >= 19.0.0"}],["$","li",null,{"className":"list-disc","children":"React DOM >= 19.0.0"}],["$","li",null,{"className":"list-disc","children":"Tailwind CSS >= 4.0.0"}],["$","li",null,{"className":"list-disc","children":"TypeScript >= 5.9.0"}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"getStarted.nextStepsTitle"}]}],["$","ul",null,{"className":"flex flex-col gap-3 pl-6","children":[["$","li",null,{"className":"list-disc","children":["$","$Ld",null,{"path":"/components","children":["$","$L5",null,{"k":"getStarted.nextStepsComponents"}]}]}],["$","li",null,{"className":"list-disc","children":["$","$Ld",null,{"path":"/theming","children":["$","$L5",null,{"k":"getStarted.nextStepsTheming"}]}]}],["$","li",null,{"className":"list-disc","children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"getStarted.nextStepsStorybook"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":["$Le","$Lf","$L10","$undefined"]}]]}]}]]}]]}]]}]},{"path":"/components","component":"$L11"},{"path":"/components/button","component":"$L12"},{"path":"/components/icon-button","component":"$L13"},{"path":"/components/link-button","component":"$L14"},{"path":"/components/anchor","component":"$L15"},{"path":"/components/text-field","component":"$L16"},{"path":"/components/textarea","component":"$L17"},{"path":"/components/number-field","component":"$L18"},{"path":"/components/select","component":"$L19"},{"path":"/components/checkbox","component":"$L1a"},{"path":"/components/radio","component":"$L1b"},{"path":"/components/autocomplete","component":"$L1c"},{"path":"/components/range-field","component":"$L1d"},{"path":"/components/file-field","component":"$L1e"},{"path":"/components/form-control","component":"$L1f"},{"path":"/components/accordion","component":"$L20"},{"path":"/components/card","component":"$L21"},{"path":"/components/code","component":"$L22"},{"path":"/components/list-box","component":"$L23"},{"path":"/components/text-tag","component":"$L24"},{"path":"/components/baseline-status","component":"$L25"},{"path":"/components/progress","component":"$L26"},{"path":"/components/heading","component":"$L27"},{"path":"/components/alert","component":"$L28"},{"path":"/components/toast","component":"$L29"},{"path":"/components/tooltip","component":"$L2a"},{"path":"/components/dialog","component":"$L2b"},{"path":"/components/drawer","component":"$L2c"},{"path":"/components/modal","component":"$L2d"},{"path":"/components/popover","component":"$L2e"},{"path":"/components/dropdown-menu","component":"$L2f"},{"path":"/components/separator","component":"$L30"},{"path":"/components/tabs","component":"$L31"},{"path":"/components/breadcrumb","component":"$L32"},{"path":"/components/scroll-linked","component":"$L33"},{"path":"/components/error-boundary","component":"$L34"},{"path":"/theming","component":"$L35"},{"path":"/hooks","component":"$L36"},{"path":"/hooks/use-click-away","component":"$L37"},{"path":"/hooks/use-client","component":"$L38"},{"path":"/hooks/use-clipboard","component":"$L39"},{"path":"/hooks/use-hash","component":"$L3a"},{"path":"/hooks/use-interval","component":"$L3b"},{"path":"/hooks/use-local-storage","component":"$L3c"},{"path":"/hooks/use-resize","component":"$L3d"},{"path":"/hooks/use-scroll-direction","component":"$L3e"},{"path":"/hooks/use-step","component":"$L3f"},{"path":"/hooks/use-timeout","component":"$L40"},{"path":"/hooks/use-window-resize","component":"$L41"},{"path":"/hooks/use-window-size","component":"$L42"},{"path":"/helpers","component":"$L43"},{"path":"/helpers/cn","component":"$L44"},{"path":"/helpers/find-all-colors","component":"$L45"},{"path":"/helpers/between","component":"$L46"},{"path":"/helpers/cast","component":"$L47"},{"path":"/helpers/commalize","component":"$L48"},{"path":"/helpers/to-precision","component":"$L49"},{"path":"/helpers/uuid-v4","component":"$L4a"},{"path":"/helpers/is-internal-route","component":"$L4b"}]}]}]}
e:["$","path","1q9fwt",{"d":"M15 3h6v6"}]
f:["$","path","gplh6r",{"d":"M10 14 21 3"}]
10:["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}]
11:["$","$L4c",null,{}]
12:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Button"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.button.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-button--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L4d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Click me","$undefined"]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L4e"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Contained","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-primary-border bg-bg-base text-primary-fg hover:bg-bg-subtle active:bg-bg-emphasize focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Outlined","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-transparent text-fg-mute hover:text-fg-base active:text-fg-base focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Skeleton","$undefined"]}]]}],"$L4f"]}]]}],"$L50","$L51","$L52","$L53","$L54"]}],"$L55","$L56"]}]
13:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"IconButton"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.iconButton.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-button-icon-button--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L57"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-transparent p-2","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L58"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.iconButton.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-transparent p-1","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}],["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-transparent p-2","ref":"$undefined","children":["$L59","$L5a"]}],"$L5b"]}],"$L5c"]}]]}],"$L5d","$L5e"]}],"$L5f","$L60"]}]
14:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"LinkButton"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.linkButton.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-link-button--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L61"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Get Started","children":["$undefined","Get Started","$undefined"]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L62"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Contained","children":["$undefined","Contained","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-primary-border bg-bg-base text-primary-fg hover:bg-bg-subtle active:bg-bg-emphasize focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Outlined","children":["$undefined","Outlined","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-transparent text-fg-mute hover:text-fg-base active:text-fg-base focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Skeleton","children":"$L63"}]]}],"$L64"]}]]}],"$L65","$L66","$L67","$L68","$L69"]}],"$L6a","$L6b"]}]
15:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Anchor"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.anchor.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-anchor--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L6c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","a",null,{"type":"external","href":"https://example.com","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":["External Link",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L6d"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.anchor.openInNewTabTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","a",null,{"type":"internal","href":"#","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm","children":"Same Tab Link"}],["$","a",null,{"type":"external","href":"https://example.com","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":["New Tab Link",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":["$L6e","$L6f","$L70","$undefined"]}]]}]]}],"$L71"]}]]}]]}],"$L72","$L73"]}]
16:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"TextField"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.textField.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-text-field--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L74"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","input",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full rounded-lg border border-border-base bg-bg-base px-3 py-2 aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":false,"id":"$undefined","name":"$undefined","onChange":"$undefined","placeholder":"$undefined","type":"text","value":"$undefined"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L75"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textField.placeholderTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","input",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full rounded-lg border border-border-base bg-bg-base px-3 py-2 aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":false,"id":"$undefined","name":"$undefined","onChange":"$undefined","placeholder":"Enter your name","type":"text","value":"$undefined"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L76"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":"$L77"}],"$L78"]}]]}],"$L79"]}],"$L7a","$L7b"]}]
17:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Textarea"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.textarea.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-textarea--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L7c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L7d",null,{"describedbyId":"$undefined","id":"textarea-basic","isDisabled":false,"isInvalid":false,"isRequired":false,"placeholder":"Enter text"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L7e"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textarea.rowsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L7d",null,{"describedbyId":"$undefined","id":"textarea-rows","isDisabled":false,"isInvalid":false,"isRequired":false,"placeholder":"6 rows","rows":6}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L7f"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textarea.autoResizeTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L7d",null,{"autoResize":true,"describedbyId":"$undefined","id":"textarea-auto","isDisabled":false,"isInvalid":false,"isRequired":false,"placeholder":"Type to auto-resize","rows":2}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L80"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textarea.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L7d",null,{"describedbyId":"$undefined","id":"textarea-disabled","isDisabled":true,"isInvalid":false,"isRequired":false,"placeholder":"Disabled"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L81"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textarea.invalidTitle"}]}],"$L82"]}]]}],"$L83","$L84"]}]
18:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"NumberField"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.numberField.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-number-field--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L85"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L86",null,{"isDisabled":false,"isInvalid":false,"isRequired":false}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L87"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.numberField.stepPrecisionTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L86",null,{"isDisabled":false,"isInvalid":false,"isRequired":false,"precision":2,"step":0.25}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L88"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.numberField.minMaxTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L86",null,{"isDisabled":false,"isInvalid":false,"isRequired":false,"max":10,"min":0,"step":1}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L89"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.numberField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L86",null,{"isDisabled":true,"isInvalid":false,"isRequired":false}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L8a"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.numberField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L86",null,{"isDisabled":false,"isInvalid":true,"isRequired":false}]}],"$L8b"]}]]}]]}],"$L8c","$L8d"]}]
19:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Select"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.select.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-select--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L8e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"relative h-fit w-full","children":[["$","select",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full appearance-none rounded-lg border border-border-base bg-bg-base px-3 py-2 text-fg-base aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":false,"id":"select-basic","onChange":"$undefined","value":"$undefined","children":[["$","option","apple",{"value":"apple","children":"Apple"}],["$","option","banana",{"value":"banana","children":"Banana"}],["$","option","cherry",{"value":"cherry","children":"Cherry"}]]}],["$","div",null,{"className":"absolute top-2/4 right-3 -translate-y-1/2","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-down size-4","aria-hidden":"true","children":[["$","path","qrunsl",{"d":"m6 9 6 6 6-6"}],"$undefined"]}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L8f"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.select.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"relative h-fit w-full","children":[["$","select",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":true,"className":"w-full appearance-none rounded-lg border border-border-base bg-bg-base px-3 py-2 text-fg-base aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":false,"id":"select-required","onChange":"$undefined","value":"$undefined","children":["$L90","$L91","$L92"]}],"$L93"]}]}],"$L94"]}]]}],"$L95","$L96","$L97"]}],"$L98","$L99"]}]
1a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Checkbox"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.checkbox.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-checkbox--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L9a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L9b",null,{"label":"I agree to the terms"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L9c"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.checkbox.defaultCheckedTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L9b",null,{"defaultChecked":true,"label":"Checked by default"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L9d"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.checkbox.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L9e",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L9f"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.checkbox.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","$L9b",null,{"label":"Unchecked disabled"}],["$","$L9b",null,{"defaultChecked":true,"label":"Checked disabled"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$La0"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$La1","$La2","$La3"]}],"$La4","$La5","$La6"]}],"$La7"]]}]]}]
1b:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Radio"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.radio.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-radio--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$La8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$La9",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Laa"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.radio.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"aria-labelledby":"fruit-default-label","className":"flex cursor-pointer flex-col gap-2","role":"radiogroup","children":[["$","label","apple",{"className":"flex cursor-pointer items-center gap-2 has-disabled:cursor-not-allowed","children":[["$","input",null,{"checked":"$undefined","className":"cursor-pointer disabled:cursor-not-allowed disabled:bg-bg-mute","defaultChecked":false,"disabled":false,"name":"fruit-default","onChange":"$undefined","type":"radio","value":"apple"}],["$","span",null,{"children":"Apple"}]]}],["$","label","banana",{"className":"flex cursor-pointer items-center gap-2 has-disabled:cursor-not-allowed","children":[["$","input",null,{"checked":"$undefined","className":"cursor-pointer disabled:cursor-not-allowed disabled:bg-bg-mute","defaultChecked":false,"disabled":false,"name":"fruit-default","onChange":"$undefined","type":"radio","value":"banana"}],["$","span",null,{"children":"Banana"}]]}],["$","label","cherry",{"className":"flex cursor-pointer items-center gap-2 has-disabled:cursor-not-allowed","children":[["$","input",null,{"checked":"$undefined","className":"cursor-pointer disabled:cursor-not-allowed disabled:bg-bg-mute","defaultChecked":true,"disabled":false,"name":"fruit-default","onChange":"$undefined","type":"radio","value":"cherry"}],["$","span",null,{"children":"Cherry"}]]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lab"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.radio.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":"$Lac"}],"$Lad"]}]]}]]}],"$Lae","$Laf"]}]
1c:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Autocomplete"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.autocomplete.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-autocomplete--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lb0"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lb1",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb2"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.autocomplete.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lb3",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb4"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.autocomplete.multipleSelectionTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lb5",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb6"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.autocomplete.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lb7",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb8"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.autocomplete.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lb9",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lba"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Lbb"]}]
1d:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"RangeField"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.rangeField.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-rangefield--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lbc"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$Lbd",null,{"defaultValue":50,"isDisabled":false,"isInvalid":false,"isRequired":false}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lbe"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.rangeField.minMaxStepTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$Lbd",null,{"defaultValue":20,"isDisabled":false,"isInvalid":false,"isRequired":false,"max":50,"min":10,"step":5}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lbf"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.rangeField.showValueTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$Lbd",null,{"defaultValue":50,"isDisabled":false,"isInvalid":false,"isRequired":false,"showValue":true,"unit":"%"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc0"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.rangeField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$Lbd",null,{"defaultValue":30,"isDisabled":true,"isInvalid":false,"isRequired":false}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc1"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":["$Lc2","$Lc3"]}]]}]
1e:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"FileField"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.fileField.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-file-field--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lc4"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lc5",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc6"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.fileField.acceptTypesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lc7",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc8"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.fileField.multipleFilesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lc9",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lca"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.fileField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lcb",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lcc"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.fileField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lcd",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lce"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Lcf"]}]
1f:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"FormControl"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.formControl.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-form-control--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Ld0"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Ld1",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ld2"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.formControl.helpTextTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Ld3",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ld4"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.formControl.errorTextTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Ld5",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ld6"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.formControl.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Ld7",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ld8"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.formControl.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Ld9",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lda"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Ldb"]}]
20:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Accordion"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.accordion.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-accordion--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Ldc"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-y divide-border-mute","children":[["$","$Ldd",null,{"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"What is ArteOdyssey?"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$Ldd",null,{"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"How do I install it?"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$Ldd",null,{"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Is it accessible?"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Le0"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.accordion.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-y divide-border-mute","children":[["$","$Ldd",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Open by default"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$Ldd",null,{"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Closed by default"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Le1"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.accordion.multipleDefaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-y divide-border-mute","children":["$Le2","$Le3","$Le4"]}]}]}],"$Le5"]}]]}]]}],"$Le6","$Le7"]}]
21:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Card"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.card.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-card--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Le8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"rounded-lg shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Card content"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Le9"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.card.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","div",null,{"className":"rounded-lg shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Primary"}]}],["$","div",null,{"className":"rounded-lg shadow-sm w-full bg-bg-mute","children":["$","div",null,{"className":"p-6","children":"Secondary"}]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lea"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.card.widthTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"rounded-lg shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Full width"}]}]}],["$","div",null,{"className":"rounded-lg shadow-sm w-fit bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Fit content"}]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Leb"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","variant",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$Lec","$Led","$Lee"]}],"$Lef","$Lf0"]}],"$Lf1"]]}]]}]
22:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Code"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.code.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-code--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lf2"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","p",null,{"children":["Use the ",["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"console.log()"}]," function to output values."]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf3"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.code.colorDetectionTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":[["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: #ff6347","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"#ff6347"}}],"#ff6347"]}]]}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":[["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: #3498db","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"#3498db"}}],"#3498db"]}]]}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":["background: ",["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: #22c55e","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"#22c55e"}}],"#22c55e"]}]]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf5"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],"$Lf6"]}]]}]
23:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"ListBox"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.listBox.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-list-box--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lf7"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lf8",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf9"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.listBox.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lfa",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lfb"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.listBox.triggerIconTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$Lfc",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lfd"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]]}],"$Lfe"]}],"$Lff","$L100","$L101","$L102"]}],"$L103"],"$L104","$L105","$L106","$L107","$L108","$L109"]}]]}]
24:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"TextTag"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.textTag.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-text-tag--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L10a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","span",null,{"className":"inline-block rounded-full bg-bg-mute font-medium transition-colors px-3 py-1 text-sm","children":"Tag"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L10b"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textTag.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","span",null,{"className":"inline-block rounded-full bg-bg-mute font-medium transition-colors px-2 py-0.5 text-xs","children":"Small"}],["$","span",null,{"className":"inline-block rounded-full bg-bg-mute font-medium transition-colors px-3 py-1 text-sm","children":"Medium"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L10c"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textTag.clickableTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","span",null,{"className":"inline-block rounded-full bg-bg-mute font-medium transition-colors cursor-pointer hover:bg-bg-emphasize px-3 py-1 text-sm","children":"Clickable Tag"}],["$","span",null,{"className":"inline-block rounded-full bg-bg-mute font-medium transition-colors px-3 py-1 text-sm","children":"Non-clickable Tag"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L10d"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":"$L10e"}],"$L10f"]}]]}]
25:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"BaselineStatus"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.baselineStatus.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-baseline-status--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L110"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$L111",null,{"featureId":"container-queries"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L112"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.baselineStatus.differentFeaturesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","$L111",null,{"featureId":"subgrid"}],["$","$L111",null,{"featureId":"has-selector"}],["$","$L111",null,{"featureId":"anchor-positioning"}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L113"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","featureId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"featureId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":["$L114","$L115"]}]]]}]]}]
26:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Progress"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.progress.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-progress--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L116"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"0.6%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":60,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"60%"}}]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L117"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.progress.differentValuesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"0.2%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":20,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"20%"}}]}],["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"0.5%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":50,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"50%"}}]}],["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"0.8%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":80,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"80%"}}]}],["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"1%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":100,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"100%"}}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L118"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"$L119"}],"$L11a"]}]]}],"$L11b","$L11c"]}]
27:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Heading"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.heading.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-heading--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L11d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":"Section Title"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L11e"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.heading.typesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Heading 1"}],["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":"Heading 2"}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Heading 3"}],["$","h4",null,{"className":"font-bold text-md md:text-lg","id":"$undefined","children":"Heading 4"}],["$","h5",null,{"className":"font-bold text-sm md:text-md","id":"$undefined","children":"Heading 5"}],["$","h6",null,{"className":"font-bold text-xs md:text-sm","id":"$undefined","children":"Heading 6"}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L11f"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.heading.lineClampTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"max-w-sm","children":["$","h3",null,{"className":"font-bold text-lg md:text-xl line-clamp-1","id":"$undefined","children":"This is a very long heading text that will be truncated to a single line using line clamp"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L120"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":["$L121","$L122"]}]]}]
28:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Alert"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.alert.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-alert--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L123"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-info","role":"status","children":[["$","span",null,{"className":"text-fg-info","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-info size-6","aria-hidden":"true","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","path","1dtifu",{"d":"M12 16v-4"}],["$","path","e9boi3",{"d":"M12 8h.01"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"情報"}]]}],["$","p",null,{"className":"font-bold","children":"This is an info alert."}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L124"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.alert.statusesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-success","role":"status","children":[["$","span",null,{"className":"text-fg-success","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-circle-check size-6","aria-hidden":"true","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","path","dzmm74",{"d":"m9 12 2 2 4-4"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"成功"}]]}],["$","p",null,{"className":"font-bold","children":"Operation completed successfully."}]]}],["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-info","role":"status","children":[["$","span",null,{"className":"text-fg-info","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-info size-6","aria-hidden":"true","children":["$L125","$L126","$L127","$undefined"]}],"$L128"]}],"$L129"]}],"$L12a","$L12b"]}],"$L12c"]}]]}],"$L12d"]}],"$L12e","$L12f"]}]
29:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Toast"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.toast.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-toast--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L130"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L131",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L132"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.toast.useToastTitle"}]}],"$L133"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.toast.closeAllTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L134",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L135"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ToastProvider"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","portalRef",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"portalRef"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L136","$L137"]}]]}],"$L138","$L139"]}],"$L13a"],"$L13b","$L13c"]}]]}]
2a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Tooltip"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.tooltip.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-tooltip--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L13d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L13e",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L13f"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.tooltip.placementTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L140",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L141"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tooltip.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],"$L142","$L143"]}]]}],"$L144"],"$L145","$L146","$L147","$L148"]}]]}]
2b:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Dialog"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.dialog.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-dialog--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L149"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L14a",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L14b"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L14c",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L14d"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.dialog.alertDialogTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L14e",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L14f"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Dialog.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","role",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"role"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],"$L150"]}],"$L151"]}],"$L152"],"$L153","$L154","$L155","$L156"]}]]}]
2c:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Drawer"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.drawer.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-drawer--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L157"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L158",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L159"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.drawer.customContentTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L15a",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L15b"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","title",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"title"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isOpen",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isOpen"}]}],"$L15c","$L15d"]}],"$L15e","$L15f"]}],"$L160"]]}]]}]
2d:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Modal"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.modal.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-modal--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L161"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L162",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L163"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.modal.typesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L164",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L165"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.modal.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L166",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L167"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","type",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'center'",{"className":"flex items-center gap-1","children":[false,"$L168"]}],"$L169","$L16a"]}]]}],"$L16b"]}],"$L16c","$L16d","$L16e","$L16f"]}],"$L170"]]}]]}]
2e:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Popover"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.popover.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-popover--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L171"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L172",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L173"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.popover.placementTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L174",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L175"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Popover.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]]}],["$","div","type",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],"$L176","$L177"]}],"$L178","$L179"]}],"$L17a"],"$L17b","$L17c","$L17d","$L17e"]}]]}]
2f:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"DropdownMenu"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.dropdownMenu.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-dropdown-menu--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L17f"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L180",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L181"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.dropdownMenu.iconTriggerTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L182",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L183"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.dropdownMenu.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L184",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L185"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.dropdownMenu.placementTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L186",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L187"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$L188","$L189","$L18a"]}],"$L18b"]}],"$L18c"],"$L18d","$L18e","$L18f","$L190","$L191","$L192","$L193","$L194"]}]]}]
30:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Separator"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.separator.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-separator--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L195"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L196"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.separator.orientationsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-6","children":[["$","div",null,{"className":"w-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-base","role":"separator"}]}],["$","div",null,{"className":"flex h-16 items-center","children":["$","span",null,{"aria-orientation":"vertical","className":"block h-full w-px bg-border-base","role":"separator"}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L197"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.separator.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-6","children":[["$","div",null,{"className":"w-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-base","role":"separator"}]}],["$","div",null,{"className":"w-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]}],["$","div",null,{"className":"w-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-subtle","role":"separator"}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L198"}]]}]]}]]}],"$L199","$L19a"]}]
31:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Tabs"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.tabs.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-tabs--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L19b"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$undefined",null,{"ids":["overview","settings","history"],"children":[["$","$undefined",null,{"label":"Navigation","children":[["$","$undefined",null,{"id":"overview","children":"Overview"}],["$","$undefined",null,{"id":"settings","children":"Settings"}],["$","$undefined",null,{"id":"history","children":"History"}]]}],["$","$undefined",null,{"id":"overview","children":["$","p",null,{"children":"Overview content goes here."}]}],["$","$undefined",null,{"id":"settings","children":["$","p",null,{"children":"Settings content goes here."}]}],["$","$undefined",null,{"id":"history","children":["$","p",null,{"children":"History content goes here."}]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L19c"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.tabs.defaultSelectedTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","$undefined",null,{"defaultSelectedId":"settings","ids":["overview","settings","history"],"children":[["$","$undefined",null,{"label":"Navigation","children":[["$","$undefined",null,{"id":"overview","children":"Overview"}],["$","$undefined",null,{"id":"settings","children":"Settings"}],["$","$undefined",null,{"id":"history","children":"History"}]]}],["$","$undefined",null,{"id":"overview","children":["$","p",null,{"children":"Overview content goes here."}]}],["$","$undefined",null,{"id":"settings","children":["$","p",null,{"children":"Settings content goes here."}]}],["$","$undefined",null,{"id":"history","children":["$","p",null,{"children":"History content goes here."}]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L19d"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ids",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$L19e","$L19f","$L1a0"]}],"$L1a1","$L1a2"]}],"$L1a3"],"$L1a4","$L1a5","$L1a6","$L1a7","$L1a8","$L1a9"]}]]}]
32:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"Breadcrumb"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.breadcrumb.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-breadcrumb--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1aa"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","nav",null,{"aria-label":"パンクズリスト","children":["$","ol",null,{"className":"flex list-none items-center gap-1 text-fg-mute text-xs md:text-md","children":[["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/components","children":"Components"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1ab"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.breadcrumb.currentPageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":"$L1ac"}],"$L1ad"]}]]}],"$L1ae"]}],"$L1af","$L1b0"]}]
33:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"ScrollLinked"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.scrollLinked.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-scroll-linked--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1b1"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1b2",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1b3"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.scrollLinked.windowScrollTitle"}]}],"$L1b4"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","container",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"container"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],"$L1b5"]}]]]}]]}]
34:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"ErrorBoundary"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.errorBoundary.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-error-boundary--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm inline-flex items-center gap-0.5","target":"_blank","rel":"noopener noreferrer","children":[["$","$L5",null,{"k":"components.common.storybookLink"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1b6"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],"$L1b7"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.errorBoundary.fallbackRenderTitle"}]}],"$L1b8"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.errorBoundary.fallbackComponentTitle"}]}],"$L1b9"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.errorBoundary.resetKeysTitle"}]}],"$L1ba"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","fallback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fallback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","fallbackRender",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fallbackRender"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L1bb","$L1bc"]}],"$L1bd"]}],"$L1be","$L1bf","$L1c0","$L1c1","$L1c2"]}],"$L1c3"]]}]]}]
35:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":["$","$L5",null,{"k":"nav.theming"}]}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"theming.introduction"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.colorPaletteTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.colorPaletteDescription"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","div","gray",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Gray"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fafafa"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fafafa"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f4f4f5"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f4f4f5"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#e4e4e7"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#e4e4e7"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#d4d4d8"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#d4d4d8"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#a1a1aa"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#a1a1aa"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#71717a"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#71717a"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#52525b"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#52525b"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#3f3f46"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#3f3f46"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#27272a"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#27272a"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#18181b"}}],"$L1c4","$L1c5"]}]]}]]}],"$L1c6","$L1c7","$L1c8","$L1c9","$L1ca","$L1cb","$L1cc","$L1cd","$L1ce"]}]]}],"$L1cf","$L1d0","$L1d1","$L1d2","$L1d3","$L1d4","$L1d5","$L1d6","$L1d7","$L1d8","$L1d9","$L1da","$L1db","$L1dc","$L1dd","$L1de"]}]
36:["$","$L1df",null,{}]
37:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useClickAway"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClickAway.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1e0"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1e1",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1e2"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(e: Event) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(e: Event) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","enabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"enabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":["$L1e3"]}]}],"$L1e4"]}],"$L1e5"]}]]}]]]}],"$L1e6","$L1e7"]}]
38:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useClient"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClient.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1e8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L1e9"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isClient",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isClient"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isClient",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isClient"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]]}]
39:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useClipboard"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClipboard.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1ea"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1eb",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1ec"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","writeClipboard",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"writeClipboard"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(text: string) => Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(text: string) => Promise<void>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","readClipboard",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"readClipboard"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => Promise<string>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => Promise<string>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","writeClipboard",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"writeClipboard"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":["$L1ed"]}]}],"$L1ee"]}],"$L1ef"]}]]}]]]}]]}]
3a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useHash"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useHash.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1f0"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L1f1"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","hash",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"hash"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | null",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | null"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","hash",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"hash"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | null",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | null"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]]}]
3b:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useInterval"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useInterval.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1f2"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1f3",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1f4"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","timeout",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"timeout"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],"$L1f5"]}],"$L1f6"]}]]}]]]}]]}]
3c:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useLocalStorage"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useLocalStorage.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L1f7"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1f8",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1f9"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.useLocalStorage.removeTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L1fa",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1fb"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","key",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"key"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","initialValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"initialValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"T"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","key",{"className":"border-border-mute border-b","children":["$L1fc","$L1fd","$L1fe"]}],"$L1ff"]}]]}]]]}],"$L200","$L201"]}]
3d:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useResize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useResize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L202"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L203"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(entry: ResizeObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(entry: ResizeObserverEntry) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options.enabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]]}]]}],["$","div","options.debounceMs",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.debounceMs"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"-"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":["$L204","$L205","$L206"]}]}],"$L207"]}]]]}],"$L208","$L209"]}]
3e:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useScrollDirection"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useScrollDirection.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L20a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L20b",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L20c"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","threshold",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"threshold"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"50"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","threshold",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"threshold"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"50"}]}]]}]]}]]}]]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","x",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$L20d","$L20e","$L20f"]}],"$L210"]}],"$L211"]]}]]}]
3f:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useStep"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useStep.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L212"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L213",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L214"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","initialCount",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"initialCount"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","maxCount",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxCount"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","initialCount",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"initialCount"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],"$L215"]}],"$L216"]}]]}]]]}],"$L217","$L218"]}]
40:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useTimeout"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useTimeout.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L219"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L21a"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","delay",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"delay"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","delay",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":"$L21b"}],"$L21c","$L21d"]}]]}]]}]]]}]]}]
41:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useWindowResize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useWindowResize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L21e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L21f"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(size: { width: number; height: number }) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(size: { width: number; height: number }) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options.enabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]]}]]}],["$","div","options.debounceMs",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.debounceMs"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"-"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":"$L220"}],"$L221"]}]]]}]]}]
42:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"useWindowSize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useWindowSize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L222"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L223",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L224"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","width",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"width"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","height",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"height"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","width",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"width"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],"$L225"]}],"$L226"]}]]}]]]}]]}]
43:["$","$L227",null,{}]
44:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"cn"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.cn.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L228"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L229",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L22a"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","...inputs",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"...inputs"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ClassValue[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ClassValue[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","...inputs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"...inputs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ClassValue[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ClassValue[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","className",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"className"}]}],"$L22b","$L22c"]}]]}],"$L22d"]]}]]}]
45:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"findAllColors"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.findAllColors.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L22e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L22f",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L230"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","text",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","text",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","results",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"results"}]}],"$L231","$L232"]}]]}],"$L233"]]}]]}]
46:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"between"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.between.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L234"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L235",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L236"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","min",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","max",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],"$L237","$L238"]}]}],"$L239"]}]]]}],"$L23a","$L23b"]}]
47:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"cast"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.cast.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L23c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L23d",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L23e"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","step",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","precision",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"undefined"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":["$L23f","$L240","$L241"]}]}],"$L242"]}]]]}],"$L243","$L244"]}]
48:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"commalize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.commalize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L245"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L246",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L247"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","num",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"num"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","num",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"num"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","result",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L248","$L249"]}],"$L24a"]}]]}],"$L24b"]]}]]}]
49:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"toPrecision"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.toPrecision.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L24c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L24d",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L24e"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","precision",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"10"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":["$L24f"]}]}],"$L250"]}],"$L251"]}]]}]]]}],"$L252","$L253"]}]
4a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"uuidV4"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.uuidV4.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L254"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L255",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L256"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","uuid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"uuid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","uuid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"uuid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]]}]
4b:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","id":"$undefined","children":"isInternalRoute"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.isInternalRoute.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L257"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L258",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L259"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","href",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","result",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],"$L25a","$L25b"]}]]}],"$L25c"]]}]]}]
4f:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L25d"}]
50:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Primary","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-bg-subtle text-fg-base hover:bg-bg-mute active:bg-bg-emphasize focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Gray","$undefined"]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L25e"}]]}]]}]
51:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-3 py-1 text-sm","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Small","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Medium","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-6 py-3 text-lg","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Large","$undefined"]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L25f"}]]}]]}]
52:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.iconsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md flex items-center gap-2 justify-center","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-mail size-4","aria-hidden":"true","children":[["$","path","132q7q",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"}],["$","rect","izxlao",{"x":"2","y":"4","width":"20","height":"16","rx":"2"}],"$undefined"]}],"Send Email","$undefined"]}],["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md flex items-center gap-2 justify-between","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Next",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L260"}]]}]]}]
53:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.fullWidthTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","button",null,{"className":"cursor-pointer rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md w-full","disabled":false,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Full Width Button","$undefined"]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L261"}]]}]]}]
54:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.button.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","button",null,{"className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg cursor-not-allowed opacity-35 hover:bg-primary-bg active:bg-primary-bg focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","disabled":true,"onClick":"$undefined","ref":"$undefined","type":"button","children":["$undefined","Disabled","$undefined"]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L262"}]]}]]}]
55:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
56:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","variant",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}]]}],["$","div","color",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":["'",["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"gray"}}],"gray"]}],"'"]}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}]]}],["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],"$L263","$L264","$L265","$L266","$L267","$L268"]}],"$L269"]]}]
59:["$","span",null,{"className":"sr-only","children":"Close"}]
5a:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]
5b:["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-transparent p-3","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}]
5c:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L26a"}]
5d:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.iconButton.backgroundsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-transparent p-2","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}],["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors hover:bg-bg-subtle focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info active:bg-bg-emphasize bg-bg-base p-2","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}],["$","button",null,{"aria-label":"$undefined","className":"inline-flex cursor-pointer rounded-full transition-colors focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info bg-primary-bg hover:bg-primary-bg/90 active:bg-primary-bg-emphasize p-2","ref":"$undefined","children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L26b"}]]}]]}]
5e:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.iconButton.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","button",null,{"aria-label":"$undefined","className":"inline-flex rounded-full transition-colors focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info bg-transparent p-2 cursor-not-allowed opacity-50 hover:bg-transparent active:bg-transparent","ref":"$undefined","disabled":true,"children":[["$","span",null,{"className":"sr-only","children":"Close"}],["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-x size-4","aria-hidden":"true","children":[["$","path","1bl5f8",{"d":"M18 6 6 18"}],["$","path","d8bk6v",{"d":"m6 6 12 12"}],"$undefined"]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L26c"}]]}]]}]
5f:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
60:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","bg",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"bg"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'transparent'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'transparent'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]]}],["$","span","'primary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'transparent'"}]]}]]}],["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","disabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"disabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],"$L26d"]}],"$L26e"]}],"$L26f"]]}]
63:["$undefined","Skeleton","$undefined"]
64:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L270"}]
65:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Primary","children":["$undefined","Primary","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-bg-subtle text-fg-base hover:bg-bg-mute active:bg-bg-emphasize focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Gray","children":["$undefined","Gray","$undefined"]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L271"}]]}]]}]
66:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-3 py-1 text-sm","aria-label":"Small","children":["$undefined","Small","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md","aria-label":"Medium","children":["$undefined","Medium","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-6 py-3 text-lg","aria-label":"Large","children":["$undefined","Large","$undefined"]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L272"}]]}]]}]
67:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.iconsTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":[["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md flex items-center gap-2","aria-label":"Send Email","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-mail size-4","aria-hidden":"true","children":[["$","path","132q7q",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"}],["$","rect","izxlao",{"x":"2","y":"4","width":"20","height":"16","rx":"2"}],"$undefined"]}],"Send Email","$undefined"]}],["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md flex items-center gap-2 justify-between","aria-label":"Next","children":["$undefined","Next",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L273"}]]}]]}]
68:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.activeTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","a",null,{"href":"#","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-transparent focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md text-fg-info hover:text-fg-info active:text-fg-info","aria-label":"Active Link","children":["$undefined","Active Link","$undefined"]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L274"}]]}]]}]
69:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.linkButton.openInNewTabTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","a",null,{"href":"https://example.com","className":"rounded-lg border-2 text-center font-bold transition-colors border-transparent bg-primary-bg text-fg hover:bg-primary-bg/90 active:bg-primary-bg/80 focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info px-4 py-2 text-md flex items-center gap-2 justify-between","aria-label":"External Link","target":"_blank","rel":"noopener noreferrer","children":["$undefined","External Link",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-external-link size-4","aria-hidden":"true","children":[["$","path","1q9fwt",{"d":"M15 3h6v6"}],["$","path","gplh6r",{"d":"M10 14 21 3"}],["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}],"$undefined"]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L275"}]]}]]}]
6a:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
6b:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","variant",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}]]}],["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","color",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":["'",["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"gray"}}],"gray"]}],"'"]}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}]]}],"$L276","$L277","$L278","$L279","$L27a","$L27b"]}],"$L27c"]]}]
6e:["$","path","1q9fwt",{"d":"M15 3h6v6"}]
6f:["$","path","gplh6r",{"d":"M10 14 21 3"}]
70:["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}]
71:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L27d"}]
72:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
73:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","href",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","openInNewTab",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"openInNewTab"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","openInNewTab",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"openInNewTab"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],"$L27e"]}],"$L27f"]}]]}]]]}]
77:["$","input",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full rounded-lg border border-border-base bg-bg-base px-3 py-2 aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":true,"id":"$undefined","name":"$undefined","onChange":"$undefined","placeholder":"Disabled field","type":"text","value":"$undefined"}]
78:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L280"}]
79:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.textField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","input",null,{"aria-describedby":"$undefined","aria-invalid":true,"aria-required":false,"className":"w-full rounded-lg border border-border-base bg-bg-base px-3 py-2 aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"invalid value","disabled":false,"id":"$undefined","name":"$undefined","onChange":"$undefined","placeholder":"$undefined","type":"text","value":"$undefined"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L281"}]]}]]}]
7a:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
7b:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","placeholder",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],"$L282","$L283"]}],"$L284"]}],"$L285"]]}]
82:["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","$L7d",null,{"defaultValue":"invalid value","describedbyId":"$undefined","id":"textarea-invalid","isDisabled":false,"isInvalid":true,"isRequired":false}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L286"}]]}]
83:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
84:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","describedbyId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","placeholder",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L287"}],"$L288","$L289"]}],"$L28a","$L28b","$L28c","$L28d","$L28e","$L28f"]}],"$L290"]]}]
8b:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L291"}]
8c:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
8d:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","step",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"1"}]]}]]}],["$","div","precision",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]]}]]}],"$L292","$L293","$L294","$L295","$L296","$L297"]}],"$L298"]]}]
90:["$","option","apple",{"value":"apple","children":"Apple"}]
91:["$","option","banana",{"value":"banana","children":"Banana"}]
92:["$","option","cherry",{"value":"cherry","children":"Cherry"}]
93:["$","div",null,{"className":"absolute top-2/4 right-3 -translate-y-1/2","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-down size-4","aria-hidden":"true","children":[["$","path","qrunsl",{"d":"m6 9 6 6 6-6"}],"$undefined"]}]}]
94:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L299"}]
95:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.select.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"relative h-fit w-full","children":[["$","select",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full appearance-none rounded-lg border border-border-base bg-bg-base px-3 py-2 text-fg-base aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"cherry","disabled":false,"id":"select-default-value","onChange":"$undefined","value":"$undefined","children":[["$","option","apple",{"value":"apple","children":"Apple"}],["$","option","banana",{"value":"banana","children":"Banana"}],["$","option","cherry",{"value":"cherry","children":"Cherry"}]]}],["$","div",null,{"className":"absolute top-2/4 right-3 -translate-y-1/2","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-down size-4","aria-hidden":"true","children":[["$","path","qrunsl",{"d":"m6 9 6 6 6-6"}],"$undefined"]}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L29a"}]]}]]}]
96:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.select.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"relative h-fit w-full","children":[["$","select",null,{"aria-describedby":"$undefined","aria-invalid":false,"aria-required":false,"className":"w-full appearance-none rounded-lg border border-border-base bg-bg-base px-3 py-2 text-fg-base aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":true,"id":"select-disabled","onChange":"$undefined","value":"$undefined","children":[["$","option","apple",{"value":"apple","children":"Apple"}],["$","option","banana",{"value":"banana","children":"Banana"}],["$","option","cherry",{"value":"cherry","children":"Cherry"}]]}],["$","div",null,{"className":"absolute top-2/4 right-3 -translate-y-1/2","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-down size-4","aria-hidden":"true","children":[["$","path","qrunsl",{"d":"m6 9 6 6 6-6"}],"$undefined"]}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L29b"}]]}]]}]
97:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.select.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"relative h-fit w-full","children":[["$","select",null,{"aria-describedby":"$undefined","aria-invalid":true,"aria-required":false,"className":"w-full appearance-none rounded-lg border border-border-base bg-bg-base px-3 py-2 text-fg-base aria-invalid:border-border-error disabled:cursor-not-allowed disabled:border-border-mute disabled:bg-bg-mute disabled:hover:bg-bg-mute focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info","defaultValue":"$undefined","disabled":false,"id":"select-invalid","onChange":"$undefined","value":"$undefined","children":[["$","option","apple",{"value":"apple","children":"Apple"}],["$","option","banana",{"value":"banana","children":"Banana"}],["$","option","cherry",{"value":"cherry","children":"Cherry"}]]}],["$","div",null,{"className":"absolute top-2/4 right-3 -translate-y-1/2","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-down size-4","aria-hidden":"true","children":[["$","path","qrunsl",{"d":"m6 9 6 6 6-6"}],"$undefined"]}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L29c"}]]}]]}]
98:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
99:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","describedbyId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L29d"}],"$L29e","$L29f"]}],"$L2a0","$L2a1","$L2a2"]}],"$L2a3"]]}]
a1:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}]
a2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
a3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
a4:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a5:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a6:["$","div","defaultChecked",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultChecked"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a7:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","defaultChecked",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultChecked"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
ac:["$","$L2a4",null,{}]
ad:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2a5"}]
ae:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
af:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","name",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"name"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","labelId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"labelId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],"$L2a6","$L2a7"]}],"$L2a8"]}],"$L2a9"]]}]
bb:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","describedbyId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L2aa"}],"$L2ab","$L2ac"]}],"$L2ad","$L2ae","$L2af"]}],"$L2b0"]]}]
c2:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
c3:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","step",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"1"}]]}]]}],["$","div","max",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"100"}]]}]]}],["$","div","min",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],"$L2b1","$L2b2"]}],"$L2b3","$L2b4","$L2b5","$L2b6","$L2b7"]}],"$L2b8"]
cf:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","accept",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"accept"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","multiple",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"multiple"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],"$L2b9"]}],"$L2ba","$L2bb"]}],"$L2bc"]]}]
db:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","isInvalid",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","isRequired",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","labelAs",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"labelAs"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'label'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'label'"}]]}],["$","span","'legend'",{"className":"flex items-center gap-1","children":["$L2bd","$L2be"]}]]}]]}],"$L2bf"]}],"$L2c0","$L2c1","$L2c2"]}],"$L2c3"]]}]
e2:["$","$Ldd",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Section A"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"This panel is open by default."}]}]]}]
e3:["$","$Ldd",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Section B"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}]
e4:["$","$Ldd",null,{"children":[["$","h3",null,{"children":["$","$Lde",null,{"children":"Section C"}]}],["$","$Ldf",null,{"children":["$","p",null,{"children":"This panel is closed by default."}]}]]}]
e5:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2c4"}]
e6:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
e7:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Root"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Item"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","defaultOpen",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],"$L2c5","$L2c6"]}]}],"$L2c7"]}]],"$L2c8","$L2c9","$L2ca","$L2cb"]}]
ec:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}]
ed:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'secondary'"}]]}]]}]]}]
ee:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}]
ef:["$","div","width",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"width"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'full'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'full'"}]]}],["$","span","'fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fit'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'full'"}]]}]]}]
f0:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f1:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'secondary'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]}]]}],["$","tr","width",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"width"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'full'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'full'"}]]}],["$","span","'fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fit'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'full'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
f6:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
fe:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom'"}]]}]
ff:["$","div","options",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
100:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","undefined",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
101:["$","div","onSelect",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onSelect"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(key: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(key: string) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
102:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
103:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom'"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","undefined",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"undefined"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onSelect",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onSelect"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(key: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(key: string) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
104:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.Trigger"}]
105:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}]]}]]}]]
106:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.TriggerIcon"}]
107:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","icon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"icon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","icon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"icon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]}],"$L2cc"]}]]}]]}]]
108:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.Content"}]
109:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","helpContent",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"helpContent"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","helpContent",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"helpContent"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
10e:["$","$L5",null,{"k":"components.common.propsTitle"}]
10f:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","text",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","clickable",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"clickable"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","text",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,"$L2cd"]}],"$L2ce"]}]}],"$L2cf"]}],"$L2d0"]}]]}]]
114:["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}]
115:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","featureId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"featureId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
119:["$","$L5",null,{"k":"components.progress.withLabelTitle"}]
11a:["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"w-full rounded-full bg-bg-emphasize","children":["$","div",null,{"aria-label":"Upload progress","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":75,"className":"h-4 rounded-full bg-primary-bg transition-all","role":"progressbar","style":{"width":"75%"}}]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2d1"}]]}]
11b:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
11c:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","progress",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"progress"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","maxProgress",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxProgress"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","minProgress",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"minProgress"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]]}]]}],["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","progress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"progress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":["$L2d2"]}]}],"$L2d3"]}],"$L2d4","$L2d5","$L2d6"]}]]}]]]}]
121:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
122:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","type",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'h1'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h1'"}]]}],["$","span","'h2'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h2'"}]]}],["$","span","'h3'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h3'"}]]}],["$","span","'h4'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h4'"}]]}],["$","span","'h5'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h5'"}]]}],["$","span","'h6'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h6'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","lineClamp",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"lineClamp"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":["$L2d7","$L2d8"]}]]
125:["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}]
126:["$","path","1dtifu",{"d":"M12 16v-4"}]
127:["$","path","e9boi3",{"d":"M12 8h.01"}]
128:["$","span",null,{"className":"sr-only","children":"情報"}]
129:["$","p",null,{"className":"font-bold","children":"Here is some useful information."}]
12a:["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-warning","role":"alert","children":[["$","span",null,{"className":"text-fg-warning","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-triangle-alert size-6","aria-hidden":"true","children":[["$","path","wmoenq",{"d":"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}],["$","path","juzpu7",{"d":"M12 9v4"}],["$","path","p32p05",{"d":"M12 17h.01"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"警告"}]]}],["$","p",null,{"className":"font-bold","children":"Please proceed with caution."}]]}]
12b:["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-error","role":"alert","children":[["$","span",null,{"className":"text-fg-error","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-circle-alert size-6","aria-hidden":"true","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","line","1pkeuh",{"x1":"12","x2":"12","y1":"8","y2":"12"}],["$","line","4dfq90",{"x1":"12","x2":"12.01","y1":"16","y2":"16"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"エラー"}]]}],["$","p",null,{"className":"font-bold","children":"Something went wrong."}]]}]
12c:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2d9"}]
12d:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.alert.multipleMessagesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-error","role":"alert","children":[["$","span",null,{"className":"text-fg-error","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-circle-alert size-6","aria-hidden":"true","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","line","1pkeuh",{"x1":"12","x2":"12","y1":"8","y2":"12"}],["$","line","4dfq90",{"x1":"12","x2":"12.01","y1":"16","y2":"16"}],"$undefined"]}],["$","span",null,{"className":"sr-only","children":"エラー"}]]}],["$","ul",null,{"className":"space-y-1","children":[["$","li","Password must be at least 8 characters.",{"children":"Password must be at least 8 characters."}],["$","li","Password must include a number.",{"children":"Password must include a number."}],["$","li","Password must include a special character.",{"children":"Password must include a special character."}]]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2da"}]]}]]}]
12e:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
12f:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","status",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"status"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'success'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'success'"}]]}],["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'info'"}]]}],["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'warning'"}]]}],["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'error'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","message",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"message"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","string[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","status",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"status"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'success'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'success'"}]]}],["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'info'"}]]}],["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'warning'"}]]}],["$","span","'error'",{"className":"flex items-center gap-1","children":["$L2db","$L2dc"]}]]}]}],"$L2dd"]}],"$L2de"]}]]}]]]}]
136:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
137:"-"
138:["$","div","position",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"position"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'fixed'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fixed'"}]]}],["$","span","'absolute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'absolute'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fixed'"}]]}]]}]
139:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
13a:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","portalRef",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"portalRef"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","position",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"position"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'fixed'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fixed'"}]]}],["$","span","'absolute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'absolute'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'fixed'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
13b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"useToast"}]
13c:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","onOpen",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onOpen"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(status: Status, message: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(status: Status, message: string) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onClose",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(id: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(id: string) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onCloseAll",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onCloseAll"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","onOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(status: Status, message: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(status: Status, message: string) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(id: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(id: string) => void"}]]}]]}]}],"$L2df"]}],"$L2e0"]}]]}]]
142:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}]
143:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
144:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
145:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tooltip.Trigger"}]
146:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
147:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tooltip.Content"}]
148:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
150:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'dialog'"}]]}]
151:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
152:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","role",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"role"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'dialog'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
153:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Dialog.Header"}]
154:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","title",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"title"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onClose",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","title",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"title"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
155:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Dialog.Content"}]
156:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
15c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
15d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
15e:["$","div","onClose",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
15f:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
160:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","title",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"title"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
168:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'center'"}]
169:["$","span","'bottom'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom'"}]]}]
16a:["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'right'"}]]}]
16b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'center'"}]]}]
16c:["$","div","defaultOpen",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
16d:["$","div","isOpen",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
16e:["$","div","onClose",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
16f:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
170:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'center'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'center'"}]]}],["$","span","'bottom'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'center'"}]}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
176:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'dialog'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'dialog'"}]]}],["$","span","'menu'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'menu'"}]]}],["$","span","'tooltip'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'tooltip'"}]]}],["$","span","'listbox'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'listbox'"}]]}]]}]]}]
177:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'menu'"}]]}]
178:["$","div","flipDisabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"flipDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
179:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17a:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'dialog'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'dialog'"}]]}],["$","span","'menu'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'menu'"}]]}],["$","span","'tooltip'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'tooltip'"}]]}],["$","span","'listbox'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'listbox'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'menu'"}]}]]}],["$","tr","flipDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"flipDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
17b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Popover.Trigger"}]
17c:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: HTMLProps<HTMLButtonElement>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: HTMLProps<HTMLButtonElement>) => ReactElement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: HTMLProps<HTMLButtonElement>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: HTMLProps<HTMLButtonElement>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
17d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Popover.Content"}]
17e:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","motionVariants",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"motionVariants"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Variants",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Variants"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","motionVariants",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"motionVariants"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Variants",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Variants"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
188:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}]
189:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]]}]
18a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]
18b:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
18c:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
18d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Trigger"}]
18e:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","text",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","variant",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","text",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"text"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L2e1"}],"$L2e2"]}],"$L2e3","$L2e4"]}]]}]]
18f:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.IconTrigger"}]
190:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","icon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"icon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","icon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"icon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
191:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Content"}]
192:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
193:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Item"}]
194:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","onClick",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClick"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","MouseEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"MouseEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onClick",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onClick"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","MouseEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"MouseEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
199:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
19a:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","orientation",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"orientation"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'horizontal'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'vertical'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'horizontal'"}]]}]]}],["$","div","color",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'base'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]]}],["$","span","'mute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'mute'"}]]}],["$","span","'subtle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'subtle'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","orientation",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"orientation"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'horizontal'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'vertical'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'horizontal'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":["$L2e5","$L2e6","$L2e7"]}]]}]]}]]]}]
19e:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ids"}]}]
19f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","[string, ...string[]]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"[string, ...string[]]"}]]}]]}]]}]
1a0:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1a1:["$","div","defaultSelectedId",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultSelectedId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"null"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"null"}]]}]]}]
1a2:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1a3:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ids",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ids"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","[string, ...string[]]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"[string, ...string[]]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","defaultSelectedId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultSelectedId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"null"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"null"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
1a4:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.List"}]
1a5:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
1a6:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.Tab"}]
1a7:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
1a8:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.Panel"}]
1a9:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
1ac:["$","nav",null,{"aria-label":"パンクズリスト","children":["$","ol",null,{"className":"flex list-none items-center gap-1 text-fg-mute text-xs md:text-md","children":[["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/components","children":"Components"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]]}]}]
1ad:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2e8"}]
1ae:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"components.breadcrumb.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-4 rounded-t-lg border border-border-mute p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","nav",null,{"aria-label":"パンクズリスト","children":["$","ol",null,{"className":"flex list-none items-center gap-1 text-fg-mute text-xs","children":[["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Docs"}]}]]}]}],["$","nav",null,{"aria-label":"パンクズリスト","children":["$","ol",null,{"className":"flex list-none items-center gap-1 text-fg-mute text-xs md:text-md","children":[["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Docs"}]}]]}]}],["$","nav",null,{"aria-label":"パンクズリスト","children":["$","ol",null,{"className":"flex list-none items-center gap-1 text-fg-mute text-xl md:text-2xl","children":[["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"underline transition-colors hover:text-fg-base focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-info","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right size-4","aria-hidden":"true","children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Docs"}]}]]}]}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2e9"}]]}]]}]
1af:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1b0:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.List"}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],"$L2ea","$L2eb"]}]]}]]}]],"$L2ec","$L2ed","$L2ee","$L2ef","$L2f0","$L2f1"]}]
1b5:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","container",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"container"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
1bb:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
1bc:["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: FallbackProps) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: FallbackProps) => ReactNode"}]]}]]}]
1bd:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1be:["$","div","FallbackComponent",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"FallbackComponent"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ComponentType<FallbackProps>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ComponentType<FallbackProps>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1bf:["$","div","onError",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onError"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(error: Error, info: ErrorInfo) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(error: Error, info: ErrorInfo) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1c0:["$","div","onReset",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onReset"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(details: ResetDetails) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(details: ResetDetails) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1c1:["$","div","resetKeys",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"resetKeys"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","unknown[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"unknown[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1c2:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1c3:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","fallback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fallback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","fallbackRender",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fallbackRender"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(props: FallbackProps) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(props: FallbackProps) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","FallbackComponent",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"FallbackComponent"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ComponentType<FallbackProps>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ComponentType<FallbackProps>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onError",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onError"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(error: Error, info: ErrorInfo) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(error: Error, info: ErrorInfo) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onReset",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onReset"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(details: ResetDetails) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(details: ResetDetails) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","resetKeys",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"resetKeys"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","unknown[]",{"className":"flex items-center gap-1","children":[false,"$L2f2"]}]]}]}],"$L2f3"]}],"$L2f4"]}]]}]
1c4:["$","span",null,{"className":"font-medium text-xs","children":900}]
1c5:["$","span",null,{"className":"text-fg-subtle text-xs","children":"#18181b"}]
1c6:["$","div","red",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Red"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fef2f2"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fef2f2"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fee2e2"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fee2e2"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fecaca"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fecaca"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fca5a5"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fca5a5"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f87171"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f87171"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ef4444"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ef4444"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#dc2626"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#dc2626"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#991919"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#991919"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#511111"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#511111"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#300c0c"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#300c0c"}]]}]]}]]}]
1c7:["$","div","pink",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Pink"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fdf2f8"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fdf2f8"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fce7f3"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fce7f3"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fbcfe8"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fbcfe8"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f9a8d4"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f9a8d4"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f472b6"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f472b6"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ec4899"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ec4899"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#db2777"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#db2777"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#a41752"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#a41752"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#6d0e34"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#6d0e34"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#45061f"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#45061f"}]]}]]}]]}]
1c8:["$","div","purple",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Purple"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#faf5ff"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#faf5ff"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f3e8ff"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f3e8ff"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#e9d5ff"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#e9d5ff"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#d8b4fe"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#d8b4fe"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#c084fc"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#c084fc"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#a855f7"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#a855f7"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#9333ea"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#9333ea"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#641ba3"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#641ba3"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#4a1772"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#4a1772"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#2f0553"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#2f0553"}]]}]]}]]}]
1c9:["$","div","cyan",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Cyan"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ecfeff"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ecfeff"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#cffafe"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#cffafe"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#a5f3fc"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#a5f3fc"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#67e8f9"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#67e8f9"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#22d3ee"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#22d3ee"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#06b6d4"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#06b6d4"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#0891b2"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#0891b2"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#0c5c72"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#0c5c72"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#134152"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#134152"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#072a38"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#072a38"}]]}]]}]]}]
1ca:["$","div","blue",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Blue"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#eff6ff"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#eff6ff"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#dbeafe"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#dbeafe"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#bfdbfe"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#bfdbfe"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#a3cfff"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#a3cfff"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#60a5fa"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#60a5fa"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#3b82f6"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#3b82f6"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#2563eb"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#2563eb"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#173da6"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#173da6"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#1a3478"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#1a3478"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#14204a"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#14204a"}]]}]]}]]}]
1cb:["$","div","teal",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Teal"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f0fdfa"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f0fdfa"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ccfbf1"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ccfbf1"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#99f6e4"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#99f6e4"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#5eead4"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#5eead4"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#2dd4bf"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#2dd4bf"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#14b8a6"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#14b8a6"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#0d9488"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#0d9488"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#0c5d56"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#0c5d56"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#114240"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#114240"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#032726"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#032726"}]]}]]}]]}]
1cc:["$","div","green",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Green"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f0fdf4"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f0fdf4"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#dcfce7"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#dcfce7"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#bbf7d0"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#bbf7d0"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#86efac"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#86efac"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#4ade80"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#4ade80"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#22c55e"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#22c55e"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#16a34a"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#16a34a"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#116932"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#116932"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#124a28"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#124a28"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#042713"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#042713"}]]}]]}]]}]
1cd:["$","div","yellow",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Yellow"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fefce8"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fefce8"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fef9c3"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fef9c3"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fef08a"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fef08a"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fde047"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fde047"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#facc15"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#facc15"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#eab308"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#eab308"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ca8a04"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ca8a04"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#845209"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#845209"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#713f12"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#713f12"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#422006"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#422006"}]]}]]}]]}]
1ce:["$","div","orange",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"font-medium text-sm","children":"Orange"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-10","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fff7ed"}}],["$","span",null,{"className":"font-medium text-xs","children":50}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fff7ed"}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ffedd5"}}],["$","span",null,{"className":"font-medium text-xs","children":100}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ffedd5"}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fed7aa"}}],["$","span",null,{"className":"font-medium text-xs","children":200}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fed7aa"}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fdba74"}}],["$","span",null,{"className":"font-medium text-xs","children":300}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fdba74"}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#fb923c"}}],["$","span",null,{"className":"font-medium text-xs","children":400}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#fb923c"}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#f97316"}}],["$","span",null,{"className":"font-medium text-xs","children":500}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#f97316"}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#ea580c"}}],["$","span",null,{"className":"font-medium text-xs","children":600}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#ea580c"}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#92310a"}}],["$","span",null,{"className":"font-medium text-xs","children":700}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#92310a"}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#6c2710"}}],["$","span",null,{"className":"font-medium text-xs","children":800}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#6c2710"}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","children":[["$","div",null,{"className":"aspect-square w-full rounded-md border border-border-mute","style":{"backgroundColor":"#3b1106"}}],["$","span",null,{"className":"font-medium text-xs","children":900}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"#3b1106"}]]}]]}]]}]
1cf:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1d0:["$","section",null,{"className":"flex flex-col gap-6","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.semanticColorsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.semanticColorsDescription"}]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.foregroundTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","fg-base",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-base)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-base"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-900"," (","#18181b",")"]}]]}]]}]}],["$","div","fg-subtle",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-subtle)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-subtle"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-400"," (","#a1a1aa",")"]}]]}]]}]}],["$","div","fg-mute",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-mute)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-mute"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-700"," (","#3f3f46",")"]}]]}]]}]}],["$","div","fg-inverse",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-inverse)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-inverse"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-50"," (","#fafafa",")"]}]]}]]}]}],["$","div","fg-info",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-info)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-info"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["blue-700"," (","#173da6",")"]}]]}]]}]}],["$","div","fg-success",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-success)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-success"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["green-700"," (","#116932",")"]}]]}]]}]}],["$","div","fg-warning",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-warning)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-warning"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["yellow-700"," (","#845209",")"]}]]}]]}]}],["$","div","fg-error",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--fg-error)"}}],"$L2f5"]}]}]]}]]}],"$L2f6","$L2f7"]}]
1d1:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1d2:["$","section",null,{"className":"flex flex-col gap-6","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.brandColorsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.brandColorsDescription"}]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Primary"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","primary-fg",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--primary-fg)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-fg"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-700"," (","#0c5d56",")"]}]]}]]}]}],["$","div","primary-bg",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--primary-bg)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-bg"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-300"," (","#5eead4",")"]}]]}]]}]}],["$","div","primary-bg-subtle",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--primary-bg-subtle)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-bg-subtle"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-100"," (","#ccfbf1",")"]}]]}]]}]}],["$","div","primary-bg-mute",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--primary-bg-mute)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-bg-mute"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-200"," (","#99f6e4",")"]}]]}]]}]}],["$","div","primary-bg-emphasize",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--primary-bg-emphasize)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-bg-emphasize"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-300"," (","#5eead4",")"]}]]}]]}]}],["$","div","primary-border",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--primary-border)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"primary-border"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-600"," (","#0d9488",")"]}]]}]]}]}]]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Secondary"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","secondary-fg",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--secondary-fg)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-fg"}],"$L2f8"]}]]}]}],"$L2f9","$L2fa","$L2fb","$L2fc","$L2fd"]}]]}],"$L2fe"]}]
1d3:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1d4:["$","section",null,{"className":"flex flex-col gap-6","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.typographyTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.typographyDescription"}]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.textSizesTitle"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-3 p-4","children":[["$","div","xs",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"xs"}],["$","span",null,{"className":"truncate","style":{"fontSize":"0.75rem","lineHeight":1.3333333333333333},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["0.75rem"," / ",1.333]}]]}],["$","div","sm",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"sm"}],["$","span",null,{"className":"truncate","style":{"fontSize":"0.875rem","lineHeight":1.4285714285714286},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["0.875rem"," / ",1.429]}]]}],["$","div","md",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"md"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1rem","lineHeight":1.5},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["1rem"," / ",1.5]}]]}],["$","div","lg",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"lg"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.125rem","lineHeight":1.5555555555555556},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["1.125rem"," / ",1.556]}]]}],["$","div","xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.25rem","lineHeight":1.4},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["1.25rem"," / ",1.4]}]]}],["$","div","2xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"2xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.5rem","lineHeight":1.3333333333333333},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["1.5rem"," / ",1.333]}]]}],["$","div","3xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"3xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.875rem","lineHeight":1.2},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["1.875rem"," / ",1.2]}]]}],["$","div","emphasize",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"emphasize"}],["$","span",null,{"className":"truncate","style":{"fontSize":"3rem","lineHeight":1},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["3rem"," / ",1]}]]}],["$","div","highlight",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"highlight"}],["$","span",null,{"className":"truncate","style":{"fontSize":"6rem","lineHeight":1},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":["6rem"," / ",1]}]]}]]}]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.fontWeightsTitle"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-3 p-4","children":[["$","div","medium",{"className":"flex items-baseline gap-4","children":["$L2ff","$L300","$L301"]}],"$L302"]}]}]]}],"$L303","$L304"]}]
1d5:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1d6:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.borderRadiusTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.borderRadiusDescription"}]}],["$","div",null,{"className":"flex items-end gap-6","children":[["$","div","sm",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-16 border-2 border-border-base bg-bg-subtle","style":{"borderRadius":"0.375rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"sm"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0.375rem"}]]}]]}],["$","div","md",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-16 border-2 border-border-base bg-bg-subtle","style":{"borderRadius":"0.5rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"md"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0.5rem"}]]}]]}],["$","div","lg",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-16 border-2 border-border-base bg-bg-subtle","style":{"borderRadius":"0.75rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"lg"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0.75rem"}]]}]]}]]}]]}]
1d7:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1d8:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.shadowTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.shadowDescription"}]}],["$","div",null,{"className":"grid gap-4 sm:grid-cols-2","children":[["$","div","2xs",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 1px rgb(0 0 0 / 0.05)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"2xs"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 1px rgb(0 0 0 / 0.05)"}]]}]]}],["$","div","xs",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"xs"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 1px 2px 0 rgb(0 0 0 / 0.05)"}]]}]]}],["$","div","sm",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"sm"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"}]]}]]}],["$","div","md",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"md"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"}]]}]]}],["$","div","lg",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"lg"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"}]]}]]}],["$","div","xl",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"}]]}]]}],["$","div","2xl",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"h-16 w-full rounded-lg border border-border-mute bg-bg-base","style":{"boxShadow":"0 25px 50px -12px rgb(0 0 0 / 0.25)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"font-medium text-sm","children":"2xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 25px 50px -12px rgb(0 0 0 / 0.25)"}]]}]]}]]}]]}]
1d9:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1da:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.spacingTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.spacingDescription"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-2 p-4","children":[["$","div","0.5",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"0.5"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"2px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["0.125rem"," (","2px",")"]}]]}],["$","div","1",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"1"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"4px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["0.25rem"," (","4px",")"]}]]}],["$","div","2",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"2"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"8px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["0.5rem"," (","8px",")"]}]]}],["$","div","3",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"3"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"12px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["0.75rem"," (","12px",")"]}]]}],["$","div","4",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"4"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"16px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["1rem"," (","16px",")"]}]]}],["$","div","5",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"5"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"20px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["1.25rem"," (","20px",")"]}]]}],["$","div","6",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"6"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"24px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["1.5rem"," (","24px",")"]}]]}],["$","div","8",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"8"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"32px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["2rem"," (","32px",")"]}]]}],["$","div","10",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"10"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"40px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["2.5rem"," (","40px",")"]}]]}],["$","div","12",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"12"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"48px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["3rem"," (","48px",")"]}]]}],["$","div","16",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"16"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"64px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["4rem"," (","64px",")"]}]]}],["$","div","20",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"20"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"80px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["5rem"," (","80px",")"]}]]}],"$L305"]}]}]]}]
1db:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1dc:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.breakpointsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.breakpointsDescription"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-2 p-4","children":[["$","div","sm",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-10 shrink-0 font-medium text-sm","children":"sm"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","640px"," (","40rem",")"]}]]}],["$","div","md",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-10 shrink-0 font-medium text-sm","children":"md"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","768px"," (","48rem",")"]}]]}],["$","div","lg",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-10 shrink-0 font-medium text-sm","children":"lg"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","1024px"," (","64rem",")"]}]]}],["$","div","xl",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-10 shrink-0 font-medium text-sm","children":"xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","1280px"," (","80rem",")"]}]]}],["$","div","2xl",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-10 shrink-0 font-medium text-sm","children":"2xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","1536px"," (","96rem",")"]}]]}]]}]}]]}]
1dd:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1de:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.darkModeTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.darkModeDescription"}]}],"$L306"]}]
1e3:["$","span","(e: Event) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(e: Event) => void"}]]}]
1e4:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
1e5:["$","tr","enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]}]]}]
1e6:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1e7:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ref"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]
1ed:["$","span","(text: string) => Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(text: string) => Promise<void>"}]]}]
1ee:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
1ef:["$","tr","readClipboard",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"readClipboard"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => Promise<string>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => Promise<string>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
1f5:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
1f6:["$","tr","timeout",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"timeout"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
1fc:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"key"}]}]
1fd:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
1fe:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
1ff:["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"initialValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
200:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
201:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","current",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"current"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"T"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","setState",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"setState"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: T) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","handleRemove",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"handleRemove"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"current"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","setState",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"setState"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: T) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"$L307"}]]}],"$L308"]}]]}]]]}]
204:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
205:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
206:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
207:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(entry: ResizeObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(entry: ResizeObserverEntry) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","options.enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]}]]}],["$","tr","options.debounceMs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.debounceMs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"-"}]}]]}]]}]
208:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
209:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ref"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]
20d:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"x"}]}]
20e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'left'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]]}]
20f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
210:["$","div","y",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"y"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'up'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'up'"}]]}],["$","span","'down'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'down'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
211:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","x",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"x"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'left'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","y",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"y"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'up'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'up'"}]]}],["$","span","'down'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'down'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
215:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
216:["$","tr","maxCount",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxCount"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
217:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
218:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","count",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"count"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","next",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"next"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","back",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"back"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabledBack",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabledBack"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","isDisabledNext",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabledNext"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":["$L309","$L30a","$L30b"]}]}],"$L30c"]}]]]}]
21b:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"delay"}]
21c:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}]
21d:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
220:["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]
221:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(size: { width: number; height: number }) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(size: { width: number; height: number }) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","options.enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]}]]}],["$","tr","options.debounceMs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options.debounceMs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"-"}]}]]}]]}]
225:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
226:["$","tr","height",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"height"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
22b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
22c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
22d:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"className"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
231:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","{ color: string; start: number; end: number }[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"{ color: string; start: number; end: number }[]"}]]}]]}]]}]
232:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
233:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","results",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"results"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","{ color: string; start: number; end: number }[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"{ color: string; start: number; end: number }[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
237:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
238:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
239:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
23a:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
23b:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","result",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","result",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]
23f:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
240:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
241:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
242:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","step",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","precision",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"undefined"}]}]]}]]}]
243:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
244:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","result",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","result",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]
248:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
249:["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]
24a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
24b:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","result",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
24f:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]
250:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
251:["$","tr","precision",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"10"}]}]]}]
252:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
253:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","result",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","result",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]]}]
25a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
25b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
25c:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","result",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"result"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]
263:["$","div","type",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'button'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'button'"}]]}],["$","span","'submit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'submit'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'button'"}]]}]]}]
264:["$","div","fullWidth",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fullWidth"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
265:["$","div","startIcon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"startIcon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
266:["$","div","endIcon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"endIcon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
267:["$","div","disabled",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"disabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
268:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
269:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":["'",["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"gray"}}],"gray"]}],"'"]}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],"$L30d","$L30e"]}],"$L30f","$L310","$L311","$L312","$L313"]}]]}]
26d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]
26e:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
26f:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","bg",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"bg"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'transparent'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'transparent'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]]}],["$","span","'primary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'transparent'"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":"$L314"}],"$L315","$L316"]}]]}]]}]
276:["$","div","href",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
277:["$","div","startIcon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"startIcon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
278:["$","div","endIcon",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"endIcon"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
279:["$","div","active",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"active"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
27a:["$","div","openInNewTab",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"openInNewTab"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
27b:["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
27c:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 inline-flex items-center gap-1 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":["'",["$","$f4","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"inline-block h-3 w-3 shrink-0 rounded-sm border border-border-base","role":"img","style":{"backgroundColor":"gray"}}],"gray"]}],"'"]}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'primary'"}]}]]}],["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],"$L317","$L318"]}],"$L319","$L31a","$L31b","$L31c","$L31d"]}]]}]
27e:["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]
27f:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
282:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}]
283:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
284:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
285:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":["$L31e","$L31f","$L320"]}]]}]]}]
287:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]
288:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
289:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
28a:["$","div","rows",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"rows"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
28b:["$","div","fullHeight",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fullHeight"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
28c:["$","div","autoResize",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"autoResize"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}]
28d:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
28e:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
28f:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
290:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","describedbyId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","rows",{"className":"border-border-mute border-b","children":["$L321","$L322","$L323"]}],"$L324","$L325","$L326","$L327","$L328"]}]]}]
292:["$","div","max",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
293:["$","div","min",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
294:["$","div","placeholder",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
295:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
296:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
297:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
298:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","step",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"1"}]}]]}],["$","tr","precision",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"precision"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],"$L329"]}],"$L32a","$L32b","$L32c","$L32d","$L32e"]}]]}]
29d:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]
29e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]]}]
29f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2a0:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a1:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a2:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a3:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","describedbyId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":["$L32f","$L330","$L331"]}],"$L332","$L333"]}]]}]
2a6:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}]
2a7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2a8:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a9:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","labelId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"labelId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":"$L334"}],"$L335","$L336"]}]]}]]}]
2aa:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]
2ab:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]]}]
2ac:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2ad:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2ae:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: string[]) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2af:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2b0:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","describedbyId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"describedbyId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":["$L337","$L338","$L339"]}],"$L33a","$L33b"]}]]}]
2b1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}]
2b2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]]}]
2b3:["$","div","showValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"showValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]]}]]}]
2b4:["$","div","unit",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"unit"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2b5:["$","div","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2b6:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2b7:["$","div","defaultValue",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2b8:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","step",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"step"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"1"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"max"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"100"}]}]]}],["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"$L33c"}]]}],"$L33d","$L33e","$L33f","$L340","$L341"]}]]}]
2b9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]
2ba:["$","div","maxFiles",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxFiles"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2bb:["$","div","onChange",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2bc:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","accept",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"accept"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","multiple",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"multiple"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","maxFiles",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxFiles"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":["$L342"]}]}],"$L343"]}],"$L344"]}]]}]
2bd:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
2be:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'legend'"}]
2bf:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'label'"}]]}]
2c0:["$","div","helpText",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"helpText"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2c1:["$","div","errorText",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"errorText"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2c2:["$","div","renderInput",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderInput"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","function",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"function"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2c3:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","isInvalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isInvalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","isRequired",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isRequired"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","labelAs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"labelAs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'label'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'label'"}]]}],["$","span","'legend'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'legend'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'label'"}]}]]}],["$","tr","helpText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":"$L345"}],"$L346","$L347"]}],"$L348","$L349"]}]]}]
2c5:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
2c6:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
2c7:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
2c8:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Button"}]
2c9:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
2ca:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Panel"}]
2cb:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
2cc:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2cd:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]
2ce:["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}]
2cf:["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]
2d0:["$","tr","clickable",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"clickable"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
2d2:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]
2d3:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2d4:["$","tr","maxProgress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"maxProgress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
2d5:["$","tr","minProgress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"minProgress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]}]]}]
2d6:["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
2d7:["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}]
2d8:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'h1'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h1'"}]]}],["$","span","'h2'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h2'"}]]}],["$","span","'h3'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h3'"}]]}],["$","span","'h4'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h4'"}]]}],["$","span","'h5'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h5'"}]]}],["$","span","'h6'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'h6'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","lineClamp",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"lineClamp"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
2db:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
2dc:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'error'"}]
2dd:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2de:["$","tr","message",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"message"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","string[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
2df:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2e0:["$","tr","onCloseAll",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onCloseAll"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
2e1:["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]
2e2:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2e3:["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'md'"}]}]]}]
2e4:["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]]}],["$","span","'outlined'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'outlined'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'contained'"}]}]]}]
2e5:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"color"}]}]
2e6:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'base'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]]}],["$","span","'mute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'mute'"}]]}],["$","span","'subtle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'subtle'"}]]}]]}]}]
2e7:["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'base'"}]}]
2ea:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}]
2eb:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2ec:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Item"}]
2ed:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]]}]]
2ee:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Separator"}]
2ef:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[]}]]}]]
2f0:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Link"}]
2f1:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","href",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","current",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"current"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","component",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"component"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","FC",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"FC"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","children",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}],["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}],["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"href"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"$L34a"}]]}],"$L34b","$L34c","$L34d"]}]]}]]
2f2:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"unknown[]"}]
2f3:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
2f4:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
2f5:["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"fg-error"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["red-700"," (","#991919",")"]}]]}]
2f6:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.backgroundTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","bg-base",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-base)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-base"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["white"," (","#ffffff",")"]}]]}]]}]}],["$","div","bg-subtle",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-subtle)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-subtle"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-100"," (","#f4f4f5",")"]}]]}]]}]}],["$","div","bg-mute",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-mute)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-mute"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-200"," (","#e4e4e7",")"]}]]}]]}]}],["$","div","bg-emphasize",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-emphasize)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-emphasize"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-300"," (","#d4d4d8",")"]}]]}]]}]}],["$","div","bg-inverse",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-inverse)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-inverse"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-900"," (","#18181b",")"]}]]}]]}]}],["$","div","bg-info",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-info)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-info"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["blue-100"," (","#dbeafe",")"]}]]}]]}]}],["$","div","bg-success",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-success)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-success"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["green-100"," (","#dcfce7",")"]}]]}]]}]}],["$","div","bg-warning",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-warning)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-warning"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["yellow-100"," (","#fef9c3",")"]}]]}]]}]}],["$","div","bg-error",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":"$L34e"}]]}]]}]
2f7:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.borderTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","border-base",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-base)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-base"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-400"," (","#a1a1aa",")"]}]]}]]}]}],["$","div","border-subtle",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-subtle)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-subtle"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-100"," (","#f4f4f5",")"]}]]}]]}]}],["$","div","border-mute",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-mute)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-mute"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-200"," (","#e4e4e7",")"]}]]}]]}]}],["$","div","border-emphasize",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-emphasize)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-emphasize"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-500"," (","#71717a",")"]}]]}]]}]}],["$","div","border-inverse",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-inverse)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-inverse"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["gray-700"," (","#3f3f46",")"]}]]}]]}]}],["$","div","border-info",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-info)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-info"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["blue-500"," (","#3b82f6",")"]}]]}]]}]}],["$","div","border-success",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-success)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-success"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["green-500"," (","#22c55e",")"]}]]}]]}]}],["$","div","border-warning",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-warning)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-warning"}],"$L34f"]}]]}]}],"$L350"]}]]}]
2f8:["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-700"," (","#0c5c72",")"]}]
2f9:["$","div","secondary-bg",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--secondary-bg)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-bg"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-300"," (","#67e8f9",")"]}]]}]]}]}]
2fa:["$","div","secondary-bg-subtle",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--secondary-bg-subtle)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-bg-subtle"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-100"," (","#cffafe",")"]}]]}]]}]}]
2fb:["$","div","secondary-bg-mute",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--secondary-bg-mute)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-bg-mute"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-200"," (","#a5f3fc",")"]}]]}]]}]}]
2fc:["$","div","secondary-bg-emphasize",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--secondary-bg-emphasize)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-bg-emphasize"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-300"," (","#67e8f9",")"]}]]}]]}]}]
2fd:["$","div","secondary-border",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--secondary-border)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"secondary-border"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-600"," (","#0891b2",")"]}]]}]]}]}]
2fe:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Group"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","div","group-primary",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--group-primary)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"group-primary"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["teal-700"," (","#0c5d56",")"]}]]}]]}]}],["$","div","group-secondary",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--group-secondary)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"group-secondary"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["cyan-700"," (","#0c5c72",")"]}]]}]]}]}],["$","div","group-tertiary",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--group-tertiary)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"group-tertiary"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["pink-700"," (","#a41752",")"]}]]}]]}]}],["$","div","group-quaternary",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--group-quaternary)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"group-quaternary"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["purple-700"," (","#641ba3",")"]}]]}]]}]}]]}]]}]
2ff:["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"medium"}]
300:["$","span",null,{"className":"text-lg","style":{"fontWeight":"450"},"children":"ArteOdyssey"}]
301:["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":"450"}]
302:["$","div","bold",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"bold"}],["$","span",null,{"className":"text-lg","style":{"fontWeight":"700"},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":"700"}]]}]
303:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.letterSpacingTitle"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-3 p-4","children":[["$","div","none",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"none"}],["$","span",null,{"className":"text-lg","style":{"letterSpacing":"0em"},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":"0em"}]]}],["$","div","normal",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"normal"}],["$","span",null,{"className":"text-lg","style":{"letterSpacing":"0.025em"},"children":"ArteOdyssey"}],["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":"0.025em"}]]}]]}]}]]}]
304:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":["$","$L5",null,{"k":"theming.lineHeightTitle"}]}],["$","div",null,{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-3 p-4","children":[["$","div","none",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"none"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"1"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"1"}]]}],["$","div","tight",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"tight"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"1.25"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"1.25"}]]}],["$","div","snug",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"snug"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"1.375"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"1.375"}]]}],["$","div","normal",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"normal"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"1.5"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"1.5"}]]}],["$","div","relaxed",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"relaxed"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"1.625"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"1.625"}]]}],["$","div","loose",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"loose"}],["$","div",null,{"className":"flex-1 text-sm","style":{"lineHeight":"2"},"children":"The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog."}],["$","span",null,{"className":"shrink-0 text-fg-subtle text-xs","children":"2"}]]}]]}]}]]}]
305:["$","div","24",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"w-8 shrink-0 text-right text-fg-subtle text-sm","children":"24"}],["$","div",null,{"className":"h-4 rounded bg-primary-bg","style":{"width":"96px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["6rem"," (","96px",")"]}]]}]
307:"-"
308:["$","tr","handleRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"handleRemove"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
309:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
30a:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
30b:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
30c:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","count",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"count"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","next",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"next"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","back",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"back"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabledBack",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabledBack"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}],["$","tr","isDisabledNext",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"isDisabledNext"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]]}]
30d:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'button'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'button'"}]]}],["$","span","'submit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'submit'"}]]}]]}]}]
30e:["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'button'"}]}]
30f:["$","tr","fullWidth",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fullWidth"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
310:["$","tr","startIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"startIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
311:["$","tr","endIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"endIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
312:["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
313:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
314:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]
315:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}]
316:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
317:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
318:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
319:["$","tr","startIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"startIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
31a:["$","tr","endIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"endIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
31b:["$","tr","active",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"active"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
31c:["$","tr","openInNewTab",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"openInNewTab"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
31d:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
31e:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}]
31f:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
320:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
321:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"rows"}]}]
322:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}]
323:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
324:["$","tr","fullHeight",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"fullHeight"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
325:["$","tr","autoResize",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"autoResize"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
326:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
327:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
328:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
329:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
32a:["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"min"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
32b:["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
32c:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
32d:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
32e:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
32f:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}]
330:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
331:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
332:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
333:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
334:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]
335:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
336:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
337:["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}]
338:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}]
339:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
33a:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: string[]) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
33b:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
33c:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]
33d:["$","tr","showValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"showValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"true"}]}]]}]
33e:["$","tr","unit",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"unit"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
33f:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
340:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
341:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
342:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"number"}]]}]
343:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
344:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
345:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"helpText"}]
346:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
347:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
348:["$","tr","errorText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"errorText"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
349:["$","tr","renderInput",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"renderInput"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","function",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"function"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
34a:"-"
34b:["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"current"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"false"}]}]]}]
34c:["$","tr","component",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"component"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","FC",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"FC"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
34d:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"whitespace-nowrap py-3 pr-6","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
34e:["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"backgroundColor":"var(--bg-error)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"bg-error"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["red-100"," (","#fee2e2",")"]}]]}]]}]
34f:["$","p",null,{"className":"text-fg-subtle text-xs","children":["yellow-500"," (","#eab308",")"]}]
350:["$","div","border-error",{"className":"rounded-lg border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"flex items-center gap-3 px-3 py-2","children":[["$","div",null,{"className":"h-6 w-6 shrink-0 rounded-md","style":{"border":"2px solid var(--border-error)"}}],["$","div",null,{"className":"min-w-0","children":[["$","p",null,{"className":"font-medium text-sm","children":"border-error"}],["$","p",null,{"className":"text-fg-subtle text-xs","children":["red-500"," (","#ef4444",")"]}]]}]]}]}]
7:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#6F42C1\">npm</span><span style=\"color:#2B5581\"> install</span><span style=\"color:#2B5581\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#6F42C1\">pnpm</span><span style=\"color:#2B5581\"> add</span><span style=\"color:#2B5581\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#6F42C1\">yarn</span><span style=\"color:#2B5581\"> add</span><span style=\"color:#2B5581\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/styles.css'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
351:T4bf,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ArteOdysseyProvider } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> App</span><span style="color:#24292EFF">({ children }) {</span></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">ArteOdysseyProvider</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      {children}</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">ArteOdysseyProvider</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span></code></pre>b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$351"}}]
352:T77c,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { Button</span><span style="color:#212121">,</span><span style="color:#24292EFF"> Heading } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> MyComponent</span><span style="color:#24292EFF">() {</span></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h1"</span><span style="color:#24292EFF">>Hello ArteOdyssey&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"contained"</span><span style="color:#24292EFF">>Click me&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span></code></pre>c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$352"}}]
4e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#6F42C1\"> variant</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"contained\"</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"primary\"</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  Click me</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
353:T43d,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { CloseIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span></code></pre>58:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$353"}}]
62:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">LinkButton</span><span style=\"color:#6F42C1\"> href</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"#\"</span><span style=\"color:#24292EFF\">>Get Started&#x3C;/</span><span style=\"color:#1976D2\">LinkButton</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
6d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Anchor</span><span style=\"color:#6F42C1\"> href</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"https://example.com\"</span><span style=\"color:#6F42C1\"> openInNewTab</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  External Link</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">Anchor</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
75:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
354:T469,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">TextField</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Enter your name"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>76:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$354"}}]
355:T5e5,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Textarea</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"textarea-basic"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Enter text"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>7e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$355"}}]
356:T6b8,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Textarea</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"textarea-rows"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"6 rows"</span></span>
<span class="line"><span style="color:#6F42C1">  rows</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">6</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>7f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$356"}}]
357:T70f,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Textarea</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"textarea-auto"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  autoResize</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Type to auto-resize"</span></span>
<span class="line"><span style="color:#6F42C1">  rows</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">2</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>80:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$357"}}]
358:T54e,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Textarea</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"textarea-disabled"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Disabled"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>81:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$358"}}]
87:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">NumberField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
359:T580,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">NumberField</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  precision</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">2</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  step</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">0.25</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>88:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$359"}}]
35a:T64f,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">NumberField</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  max</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">10</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  min</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">0</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  step</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">1</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>89:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35a"}}]
8a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">NumberField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
35b:Tb7a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> options</span><span style="color:#D32F2F"> =</span><span style="color:#24292EFF"> [</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Apple'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'apple'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Banana'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'banana'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Cherry'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'cherry'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">];</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Select</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"select-basic"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>8f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35b"}}]
9c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Checkbox</span><span style=\"color:#6F42C1\"> label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"I agree to the terms\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
9d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Checkbox</span><span style=\"color:#6F42C1\"> defaultChecked</span><span style=\"color:#6F42C1\"> label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Checked by default\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
35c:T5f6,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">checked</span><span style="color:#212121">,</span><span style="color:#1976D2"> setChecked</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Checkbox</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Controlled checkbox"</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(e) </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setChecked</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">e</span><span style="color:#24292EFF">.</span><span style="color:#1976D2">target</span><span style="color:#24292EFF">.checked)}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{checked}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>9f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35c"}}]
a0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Checkbox</span><span style=\"color:#6F42C1\"> label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Unchecked disabled\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Checkbox</span><span style=\"color:#6F42C1\"> defaultChecked</span><span style=\"color:#6F42C1\"> label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Checked disabled\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
35d:Td90,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">value</span><span style="color:#212121">,</span><span style="color:#1976D2"> setValue</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'apple'</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> options</span><span style="color:#D32F2F"> =</span><span style="color:#24292EFF"> [</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Apple'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'apple'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Banana'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'banana'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Cherry'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'cherry'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">];</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Radio</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  labelId</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit-label"</span></span>
<span class="line"><span style="color:#6F42C1">  name</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit"</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(e) </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setValue</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">e</span><span style="color:#24292EFF">.</span><span style="color:#1976D2">target</span><span style="color:#24292EFF">.value)}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>aa:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35d"}}]
35e:T470,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Radio</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"cherry"</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  labelId</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit-default-label"</span></span>
<span class="line"><span style="color:#6F42C1">  name</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit-default"</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>ab:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35e"}}]
35f:T11af,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">value</span><span style="color:#212121">,</span><span style="color:#1976D2"> setValue</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">string</span><span style="color:#24292EFF">[]>([]);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> options</span><span style="color:#D32F2F"> =</span><span style="color:#24292EFF"> [</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Apple'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'apple'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Banana'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'banana'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Cherry'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'cherry'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Grape'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'grape'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Orange'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> value</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'orange'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">];</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Autocomplete</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"autocomplete-basic"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{setValue}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>b2:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$35f"}}]
360:T683,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Autocomplete</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"autocomplete-required"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{setValue}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>b4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$360"}}]
361:T9af,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">value</span><span style="color:#212121">,</span><span style="color:#1976D2"> setValue</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">string</span><span style="color:#24292EFF">[]>([</span><span style="color:#22863A">'apple'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'cherry'</span><span style="color:#24292EFF">]);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Autocomplete</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"autocomplete-multiple"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{setValue}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>b6:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$361"}}]
362:T6cf,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Autocomplete</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"autocomplete-disabled"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{setValue}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{[</span><span style="color:#22863A">'apple'</span><span style="color:#24292EFF">]}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>b8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$362"}}]
363:T682,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Autocomplete</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"autocomplete-invalid"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{setValue}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>ba:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$363"}}]
364:T4a8,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">RangeField</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">50</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>be:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$364"}}]
365:T730,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">RangeField</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">20</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  max</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">50</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  min</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">10</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  step</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">5</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>bf:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$365"}}]
366:T57f,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">RangeField</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">50</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  showValue</span></span>
<span class="line"><span style="color:#6F42C1">  unit</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"%"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>c0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$366"}}]
367:T410,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">RangeField</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">30</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>c1:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$367"}}]
368:T83c,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FileField.Root</span><span style="color:#6F42C1"> accept</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"image/*"</span><span style="color:#6F42C1"> multiple</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ disabled</span><span style="color:#212121">,</span><span style="color:#24292EFF"> onClick }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{disabled} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onClick}></span></span>
<span class="line"><span style="color:#24292EFF">        Select File</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.ItemList</span><span style="color:#6F42C1"> clearable</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">FileField.Root</span><span style="color:#24292EFF">></span></span></code></pre>c6:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$368"}}]
369:T8fa,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">{</span><span style="color:#C2C3C5">/* Accept only PDF and Word documents */</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FileField.Root</span><span style="color:#6F42C1"> accept</span><span style="color:#D32F2F">=</span><span style="color:#22863A">".pdf,.doc,.docx"</span><span style="color:#6F42C1"> multiple</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ disabled</span><span style="color:#212121">,</span><span style="color:#24292EFF"> onClick }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{disabled} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onClick}></span></span>
<span class="line"><span style="color:#24292EFF">        Select Document</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.ItemList</span><span style="color:#6F42C1"> clearable</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">FileField.Root</span><span style="color:#24292EFF">></span></span></code></pre>c8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$369"}}]
36a:T818,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FileField.Root</span><span style="color:#6F42C1"> maxFiles</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">3</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">multiple</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ disabled</span><span style="color:#212121">,</span><span style="color:#24292EFF"> onClick }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{disabled} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onClick}></span></span>
<span class="line"><span style="color:#24292EFF">        Select Files (max 3)</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.ItemList</span><span style="color:#6F42C1"> clearable</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">FileField.Root</span><span style="color:#24292EFF">></span></span></code></pre>ca:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36a"}}]
36b:T7f0,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FileField.Root</span><span style="color:#6F42C1"> isDisabled</span><span style="color:#6F42C1"> multiple</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ disabled</span><span style="color:#212121">,</span><span style="color:#24292EFF"> onClick }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{disabled} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onClick}></span></span>
<span class="line"><span style="color:#24292EFF">        Select File</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.ItemList</span><span style="color:#6F42C1"> clearable</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">FileField.Root</span><span style="color:#24292EFF">></span></span></code></pre>cc:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36b"}}]
36c:T7ef,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FileField.Root</span><span style="color:#6F42C1"> isInvalid</span><span style="color:#6F42C1"> multiple</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ disabled</span><span style="color:#212121">,</span><span style="color:#24292EFF"> onClick }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{disabled} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onClick}></span></span>
<span class="line"><span style="color:#24292EFF">        Select File</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">FileField.ItemList</span><span style="color:#6F42C1"> clearable</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">FileField.Root</span><span style="color:#24292EFF">></span></span></code></pre>ce:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36c"}}]
36d:T4dd,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FormControl</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Name"</span></span>
<span class="line"><span style="color:#6F42C1">  renderInput</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">TextField</span></span>
<span class="line"><span style="color:#24292EFF">      {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}</span></span>
<span class="line"><span style="color:#6F42C1">      placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Enter your name"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>d2:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36d"}}]
36e:T592,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FormControl</span></span>
<span class="line"><span style="color:#6F42C1">  helpText</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Please enter a valid email address."</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Email"</span></span>
<span class="line"><span style="color:#6F42C1">  renderInput</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">TextField</span></span>
<span class="line"><span style="color:#24292EFF">      {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}</span></span>
<span class="line"><span style="color:#6F42C1">      placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"you@example.com"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>d4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36e"}}]
36f:T4c6,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FormControl</span></span>
<span class="line"><span style="color:#6F42C1">  errorText</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"This field is required."</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Email"</span></span>
<span class="line"><span style="color:#6F42C1">  renderInput</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">TextField</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} /></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>d6:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$36f"}}]
370:T52a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FormControl</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Username"</span></span>
<span class="line"><span style="color:#6F42C1">  renderInput</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">TextField</span></span>
<span class="line"><span style="color:#24292EFF">      {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}</span></span>
<span class="line"><span style="color:#6F42C1">      placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Required field"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>d8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$370"}}]
371:T52a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">FormControl</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Username"</span></span>
<span class="line"><span style="color:#6F42C1">  renderInput</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">TextField</span></span>
<span class="line"><span style="color:#24292EFF">      {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}</span></span>
<span class="line"><span style="color:#6F42C1">      placeholder</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Disabled field"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>da:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$371"}}]
372:T1329,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>What is ArteOdyssey?&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>ArteOdyssey is a React UI component library.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>How do I install it?&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Install via npm, yarn, or pnpm.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Is it accessible?&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Yes, it follows WAI-ARIA accordion patterns.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span></code></pre>e0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$372"}}]
373:Td79,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#6F42C1"> defaultOpen</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Open by default&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This panel is open on initial render.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Closed by default&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This panel is closed on initial render.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span></code></pre>e1:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$373"}}]
e9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Card</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  &#x3C;</span><span style=\"color:#22863A\">div</span><span style=\"color:#6F42C1\"> className</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"p-6\"</span><span style=\"color:#24292EFF\">>Card content&#x3C;/</span><span style=\"color:#22863A\">div</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">Card</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
374:T683,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Card</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"primary"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"p-6"</span><span style="color:#24292EFF">>Primary&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Card</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Card</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"secondary"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"p-6"</span><span style="color:#24292EFF">>Secondary&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Card</span><span style="color:#24292EFF">></span></span></code></pre>ea:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$374"}}]
375:T67b,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Card</span><span style="color:#6F42C1"> width</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"full"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"p-6"</span><span style="color:#24292EFF">>Full width&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Card</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Card</span><span style="color:#6F42C1"> width</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fit"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"p-6"</span><span style="color:#24292EFF">>Fit content&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Card</span><span style="color:#24292EFF">></span></span></code></pre>eb:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$375"}}]
f3:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#22863A\">p</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  Use the &#x3C;</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">>console.log()&#x3C;/</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">> function</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  to output values.</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#22863A\">p</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
f5:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">>#ff6347&#x3C;/</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">>#3498db&#x3C;/</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">>background: #22c55e&#x3C;/</span><span style=\"color:#1976D2\">Code</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
376:T1020,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> OPTIONS</span><span style="color:#D32F2F"> =</span><span style="color:#24292EFF"> [</span></span>
<span class="line"><span style="color:#24292EFF">  { key</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'apple'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Apple'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { key</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'banana'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Banana'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { key</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'cherry'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Cherry'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { key</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'grape'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Grape'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { key</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'melon'</span><span style="color:#212121">,</span><span style="color:#24292EFF"> label</span><span style="color:#D32F2F">:</span><span style="color:#22863A"> 'Melon'</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">];</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">selected</span><span style="color:#212121">,</span><span style="color:#1976D2"> setSelected</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">string</span><span style="color:#24292EFF">>();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ListBox.Root</span></span>
<span class="line"><span style="color:#6F42C1">  onSelect</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(key) </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setSelected</span><span style="color:#24292EFF">(key)}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">OPTIONS</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{selected}</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Trigger</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Content</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#24292EFF">></span></span></code></pre>f9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$376"}}]
377:Te35,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#6F42C1"> onSelect</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onSelect} </span><span style="color:#6F42C1">options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">OPTIONS</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Content</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#6F42C1"> onSelect</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onSelect} </span><span style="color:#6F42C1">options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">OPTIONS</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Content</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#6F42C1"> onSelect</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onSelect} </span><span style="color:#6F42C1">options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">OPTIONS</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Content</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#24292EFF">></span></span></code></pre>fb:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$377"}}]
378:T641,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ListIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#6F42C1"> onSelect</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onSelect} </span><span style="color:#6F42C1">options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">OPTIONS</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.TriggerIcon</span><span style="color:#6F42C1"> icon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">ListIcon</span><span style="color:#24292EFF"> />} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ListBox.Content</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ListBox.Root</span><span style="color:#24292EFF">></span></span></code></pre>fd:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$378"}}]
10b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextTag</span><span style=\"color:#6F42C1\"> text</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Tag\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
10c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextTag</span><span style=\"color:#6F42C1\"> size</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"sm\"</span><span style=\"color:#6F42C1\"> text</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Small\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextTag</span><span style=\"color:#6F42C1\"> size</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"md\"</span><span style=\"color:#6F42C1\"> text</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Medium\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
10d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextTag</span><span style=\"color:#6F42C1\"> clickable</span><span style=\"color:#6F42C1\"> text</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Clickable Tag\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextTag</span><span style=\"color:#6F42C1\"> text</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Non-clickable Tag\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
112:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">BaselineStatus</span><span style=\"color:#6F42C1\"> featureId</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"container-queries\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
113:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">BaselineStatus</span><span style=\"color:#6F42C1\"> featureId</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"subgrid\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">BaselineStatus</span><span style=\"color:#6F42C1\"> featureId</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"has-selector\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">BaselineStatus</span><span style=\"color:#6F42C1\"> featureId</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"anchor-positioning\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
117:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Progress</span><span style=\"color:#6F42C1\"> maxProgress</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">100</span><span style=\"color:#24292EFF\">} </span><span style=\"color:#6F42C1\">progress</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">60</span><span style=\"color:#24292EFF\">} /></span></span></code></pre>"}}]
379:T856,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Progress</span><span style="color:#6F42C1"> maxProgress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">progress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">20</span><span style="color:#24292EFF">} /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Progress</span><span style="color:#6F42C1"> maxProgress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">progress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">50</span><span style="color:#24292EFF">} /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Progress</span><span style="color:#6F42C1"> maxProgress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">progress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">80</span><span style="color:#24292EFF">} /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Progress</span><span style="color:#6F42C1"> maxProgress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">} </span><span style="color:#6F42C1">progress</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">} /></span></span></code></pre>118:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$379"}}]
11e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Heading</span><span style=\"color:#6F42C1\"> type</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"h2\"</span><span style=\"color:#24292EFF\">>Section Title&#x3C;/</span><span style=\"color:#1976D2\">Heading</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
37a:T8e3,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h1"</span><span style="color:#24292EFF">>Heading 1&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h2"</span><span style="color:#24292EFF">>Heading 2&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h3"</span><span style="color:#24292EFF">>Heading 3&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h4"</span><span style="color:#24292EFF">>Heading 4&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h5"</span><span style="color:#24292EFF">>Heading 5&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Heading</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h6"</span><span style="color:#24292EFF">>Heading 6&#x3C;/</span><span style="color:#1976D2">Heading</span><span style="color:#24292EFF">></span></span></code></pre>11f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37a"}}]
120:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Heading</span><span style=\"color:#6F42C1\"> lineClamp</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">1</span><span style=\"color:#24292EFF\">} </span><span style=\"color:#6F42C1\">type</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"h3\"</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  This is a very long heading text that will be</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  truncated to a single line using line clamp</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">Heading</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
124:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Alert</span><span style=\"color:#6F42C1\"> message</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"This is an info alert.\"</span><span style=\"color:#6F42C1\"> status</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"info\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
37b:T12eb,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ToastProvider</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ToastDemo</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ToastProvider</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> ToastDemo</span><span style="color:#24292EFF">() {</span></span>
<span class="line"><span style="color:#D32F2F">  const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">onOpen</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useToast</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex flex-wrap gap-2"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'success'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Operation completed'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Success</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'info'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Here is some information'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Info</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'warning'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Please check your input'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Warning</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'error'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Something went wrong'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Error</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span></code></pre>132:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37b"}}]
37c:T58b,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">onOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> onClose</span><span style="color:#212121">,</span><span style="color:#1976D2"> onCloseAll</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useToast</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C2C3C5">// Show a toast</span></span>
<span class="line"><span style="color:#6F42C1">onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'success'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Saved successfully'</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C2C3C5">// Close a specific toast by ID</span></span>
<span class="line"><span style="color:#6F42C1">onClose</span><span style="color:#24292EFF">(toastId);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C2C3C5">// Close all toasts</span></span>
<span class="line"><span style="color:#6F42C1">onCloseAll</span><span style="color:#24292EFF">();</span></span></code></pre>133:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37c"}}]
37d:Tca2,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> CloseAllDemo</span><span style="color:#24292EFF">() {</span></span>
<span class="line"><span style="color:#D32F2F">  const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">onOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> onCloseAll</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useToast</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex flex-wrap gap-2"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'info'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Notification 1'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Add Toast</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> onOpen</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'success'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'Notification 2'</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">        Add Another</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{onCloseAll}>Close All&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span></code></pre>135:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37d"}}]
37e:T8a4,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom-start"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}></span></span>
<span class="line"><span style="color:#24292EFF">        Hover me</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Supplementary information&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#24292EFF">></span></span></code></pre>13f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37e"}}]
37f:T1f04,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"top"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}>Top&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Top tooltip&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"right"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}>Right&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Right tooltip&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}>Bottom&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Bottom tooltip&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"left"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}>Left&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Left tooltip&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tooltip.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tooltip.Root</span><span style="color:#24292EFF">></span></span></code></pre>141:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$37f"}}]
380:T451,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Header</span><span style="color:#6F42C1"> onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{handleClose} </span><span style="color:#6F42C1">title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Dialog Title"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">>Dialog content here&#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span></code></pre>14b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$380"}}]
381:Tef3,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">  Open Dialog</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span></span>
<span class="line"><span style="color:#6F42C1">  isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isOpen}</span></span>
<span class="line"><span style="color:#6F42C1">  onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">  type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"center"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span></span>
<span class="line"><span style="color:#6F42C1">      onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">      title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Confirmation"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Are you sure you want to proceed?&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span></code></pre>14d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$381"}}]
382:T1a77,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}>Delete Item&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span></span>
<span class="line"><span style="color:#6F42C1">  isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isOpen}</span></span>
<span class="line"><span style="color:#6F42C1">  onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">  type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"center"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#6F42C1"> role</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"alertdialog"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span></span>
<span class="line"><span style="color:#6F42C1">      onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">      title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete Confirmation"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex flex-col gap-4"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">          Are you sure you want to delete this item?</span></span>
<span class="line"><span style="color:#24292EFF">          This action cannot be undone.</span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex justify-end gap-2"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">          &#x3C;</span><span style="color:#1976D2">Button</span></span>
<span class="line"><span style="color:#6F42C1">            color</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"gray"</span></span>
<span class="line"><span style="color:#6F42C1">            onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">            variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"outlined"</span></span>
<span class="line"><span style="color:#24292EFF">          ></span></span>
<span class="line"><span style="color:#24292EFF">            Cancel</span></span>
<span class="line"><span style="color:#24292EFF">          &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">          &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">            Delete</span></span>
<span class="line"><span style="color:#24292EFF">          &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span></code></pre>14f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$382"}}]
383:Te86,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">  Open Drawer</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Drawer</span></span>
<span class="line"><span style="color:#6F42C1">  isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isOpen}</span></span>
<span class="line"><span style="color:#6F42C1">  onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">  title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Menu"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">nav</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex flex-col gap-2"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/about"</span><span style="color:#24292EFF">>About&#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/contact"</span><span style="color:#24292EFF">>Contact&#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">nav</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Drawer</span><span style="color:#24292EFF">></span></span></code></pre>159:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$383"}}]
384:T184d,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">  Open Navigation Drawer</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Drawer</span></span>
<span class="line"><span style="color:#6F42C1">  isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isOpen}</span></span>
<span class="line"><span style="color:#6F42C1">  onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">  title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Navigation"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">nav</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"flex flex-col gap-1"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-md px-3 py-2 font-bold hover:bg-bg-mute"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Dashboard</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/profile"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Profile</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/settings"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Settings</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">hr</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"border-border-mute my-2"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/help"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Help</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/logout"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Sign Out</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">nav</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Drawer</span><span style="color:#24292EFF">></span></span></code></pre>15b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$384"}}]
385:Tef2,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">  Open Modal</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span></span>
<span class="line"><span style="color:#6F42C1">  isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isOpen}</span></span>
<span class="line"><span style="color:#6F42C1">  onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">  type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"center"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span></span>
<span class="line"><span style="color:#6F42C1">      onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)}</span></span>
<span class="line"><span style="color:#6F42C1">      title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Confirmation"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Are you sure you want to proceed?&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span></code></pre>163:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$385"}}]
386:T1f13,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setCenterOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}>Center&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setBottomOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}>Bottom&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setRightOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}>Right&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span><span style="color:#6F42C1"> isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{centerOpen} </span><span style="color:#6F42C1">onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setCenterOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"center"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span><span style="color:#6F42C1"> onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setCenterOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Center Modal"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">>Centered on screen&#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span><span style="color:#6F42C1"> isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{bottomOpen} </span><span style="color:#6F42C1">onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setBottomOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span><span style="color:#6F42C1"> onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setBottomOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Bottom Modal"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">>Slides up from bottom&#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span><span style="color:#6F42C1"> isOpen</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{rightOpen} </span><span style="color:#6F42C1">onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setRightOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"right"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span><span style="color:#6F42C1"> onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setRightOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)} </span><span style="color:#6F42C1">title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Right Modal"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">>Slides in from right&#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span></code></pre>165:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$386"}}]
387:T807,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Modal</span><span style="color:#6F42C1"> defaultOpen</span><span style="color:#6F42C1"> type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"center"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Header</span></span>
<span class="line"><span style="color:#6F42C1">      onClose</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}}</span></span>
<span class="line"><span style="color:#6F42C1">      title</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Default Open Modal"</span></span>
<span class="line"><span style="color:#24292EFF">    /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This modal is open by default.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Dialog.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Dialog.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Modal</span><span style="color:#24292EFF">></span></span></code></pre>167:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$387"}}]
388:Tba4,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">        Open Popover</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Content</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span></span>
<span class="line"><span style="color:#6F42C1">        className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-lg bg-bg-mute p-4 shadow-md"</span></span>
<span class="line"><span style="color:#24292EFF">        {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}</span></span>
<span class="line"><span style="color:#24292EFF">      ></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Popover content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span></code></pre>173:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$388"}}]
389:T2ad8,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Popover.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"top"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF">>Top&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Content</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Top placement&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Popover.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"right"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF">>Right&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Content</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Right placement&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Popover.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF">>Bottom&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Content</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Bottom placement&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Popover.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"left"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Trigger</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props} </span><span style="color:#6F42C1">type</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"button"</span><span style="color:#24292EFF">>Left&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Popover.Content</span></span>
<span class="line"><span style="color:#6F42C1">    renderItem</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(props) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="color:#24292EFF"> {</span><span style="color:#D32F2F">...</span><span style="color:#24292EFF">props}></span></span>
<span class="line"><span style="color:#24292EFF">        &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Left placement&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Popover.Root</span><span style="color:#24292EFF">></span></span></code></pre>175:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$389"}}]
38a:T956,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Actions"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Duplicate"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span></code></pre>181:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38a"}}]
38b:Tc0a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { DarkModeIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.IconTrigger</span></span>
<span class="line"><span style="color:#6F42C1">    icon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">DarkModeIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF"> />}</span></span>
<span class="line"><span style="color:#6F42C1">    label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Theme"</span></span>
<span class="line"><span style="color:#24292EFF">  /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Light"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Dark"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"System"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span></code></pre>183:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38b"}}]
38c:T176c,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Small"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Medium"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Large"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span></code></pre>185:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38c"}}]
38d:T17a3,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom-start"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Bottom Start"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"bottom-end"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Bottom End"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#6F42C1"> placement</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"top-start"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Trigger</span><span style="color:#6F42C1"> text</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Top Start"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Edit"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">DropdownMenu.Item</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Delete"</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {}} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">DropdownMenu.Content</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">DropdownMenu.Root</span><span style="color:#24292EFF">></span></span></code></pre>187:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38d"}}]
196:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"mute\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
197:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> orientation</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"horizontal\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> orientation</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"vertical\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
38e:T10ef,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tabs.Root</span><span style="color:#6F42C1"> ids</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{[</span><span style="color:#22863A">'overview'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'settings'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'history'</span><span style="color:#24292EFF">]}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.List</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Navigation"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"overview"</span><span style="color:#24292EFF">>Overview&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"settings"</span><span style="color:#24292EFF">>Settings&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"history"</span><span style="color:#24292EFF">>History&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.List</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"overview"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Overview content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"settings"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Settings content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"history"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>History content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tabs.Root</span><span style="color:#24292EFF">></span></span></code></pre>19c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38e"}}]
38f:T11ed,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Tabs.Root</span></span>
<span class="line"><span style="color:#6F42C1">  defaultSelectedId</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"settings"</span></span>
<span class="line"><span style="color:#6F42C1">  ids</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{[</span><span style="color:#22863A">'overview'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'settings'</span><span style="color:#212121">,</span><span style="color:#22863A"> 'history'</span><span style="color:#24292EFF">]}</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.List</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Navigation"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"overview"</span><span style="color:#24292EFF">>Overview&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"settings"</span><span style="color:#24292EFF">>Settings&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"history"</span><span style="color:#24292EFF">>History&#x3C;/</span><span style="color:#1976D2">Tabs.Tab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.List</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"overview"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Overview content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"settings"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Settings content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#6F42C1"> id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"history"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>History content goes here.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Tabs.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Tabs.Root</span><span style="color:#24292EFF">></span></span></code></pre>19d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38f"}}]
390:Tc00,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/components"</span><span style="color:#24292EFF">>Components&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> current</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/components/breadcrumb"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Breadcrumb</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span></code></pre>1ab:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$390"}}]
391:T875,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> containerRef</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useRef</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#6F42C1">HTMLDivElement</span><span style="color:#24292EFF">>(</span><span style="color:#1976D2">null</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#22863A">div</span></span>
<span class="line"><span style="color:#6F42C1">  className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"relative h-64 overflow-y-scroll rounded-lg border"</span></span>
<span class="line"><span style="color:#6F42C1">  ref</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{containerRef}</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">ScrollLinked</span><span style="color:#6F42C1"> container</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{containerRef} /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> className</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"h-[800px] p-4"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Scroll this container to see the progress bar.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span></code></pre>1b3:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$391"}}]
1b4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#C2C3C5\">// Without a container prop, ScrollLinked tracks the window scroll position.</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">ScrollLinked</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
392:T476,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ErrorBoundary } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey/error-boundary'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#6F42C1"> fallback</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Something went wrong.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">MyComponent</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#24292EFF">></span></span></code></pre>1b7:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$392"}}]
393:Tb71,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ErrorBoundary } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey/error-boundary'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ErrorBoundary</span></span>
<span class="line"><span style="color:#6F42C1">  fallbackRender</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{({ error</span><span style="color:#212121">,</span><span style="color:#24292EFF"> resetErrorBoundary }) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> role</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"alert"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Error: {</span><span style="color:#1976D2">error</span><span style="color:#24292EFF">.message}&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{resetErrorBoundary}></span></span>
<span class="line"><span style="color:#24292EFF">        Try again</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  )}</span></span>
<span class="line"><span style="color:#6F42C1">  onReset</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#C2C3C5">    // Reset application state here</span></span>
<span class="line"><span style="color:#24292EFF">  }}</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">MyComponent</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#24292EFF">></span></span></code></pre>1b8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$393"}}]
394:Tcc8,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ErrorBoundary } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey/error-boundary'</span><span style="color:#24292EFF">;</span></span>
<span class="line"><span style="color:#D32F2F">import</span><span style="color:#D32F2F"> type</span><span style="color:#24292EFF"> { FallbackProps } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> 'react-error-boundary'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> ErrorFallback</span><span style="color:#24292EFF">({ error</span><span style="color:#212121">,</span><span style="color:#24292EFF"> resetErrorBoundary }</span><span style="color:#D32F2F">:</span><span style="color:#6F42C1"> FallbackProps</span><span style="color:#24292EFF">) {</span></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> role</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"alert"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">h2</span><span style="color:#24292EFF">>Something went wrong&#x3C;/</span><span style="color:#22863A">h2</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>{</span><span style="color:#1976D2">error</span><span style="color:#24292EFF">.message}&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{resetErrorBoundary}>Try again&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#6F42C1"> FallbackComponent</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{ErrorFallback}></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">MyComponent</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#24292EFF">></span></span></code></pre>1b9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$394"}}]
395:Taf4,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ErrorBoundary } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey/error-boundary'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">function</span><span style="color:#6F42C1"> App</span><span style="color:#24292EFF">() {</span></span>
<span class="line"><span style="color:#D32F2F">  const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">retryKey</span><span style="color:#212121">,</span><span style="color:#1976D2"> setRetryKey</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">0</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">ErrorBoundary</span></span>
<span class="line"><span style="color:#6F42C1">      fallback</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Something went wrong.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>}</span></span>
<span class="line"><span style="color:#6F42C1">      onReset</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#C2C3C5">        // Reset application state when retryKey changes</span></span>
<span class="line"><span style="color:#24292EFF">      }}</span></span>
<span class="line"><span style="color:#6F42C1">      resetKeys</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{[retryKey]}</span></span>
<span class="line"><span style="color:#24292EFF">    ></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">MyComponent</span><span style="color:#6F42C1"> key</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{retryKey} /></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">ErrorBoundary</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  );</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span></code></pre>1ba:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$395"}}]
396:Tac5,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">isOpen</span><span style="color:#212121">,</span><span style="color:#1976D2"> setIsOpen</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> ref</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useClickAway</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#6F42C1">HTMLDivElement</span><span style="color:#24292EFF">>(() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#6F42C1">  setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#24292EFF">}</span><span style="color:#212121">,</span><span style="color:#24292EFF"> isOpen);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setIsOpen</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">)}>Open Popup&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    {isOpen </span><span style="color:#D32F2F">&#x26;&#x26;</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> ref</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{ref}>Click outside to close&#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    )}</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>1e2:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$396"}}]
397:T517,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> isClient</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useClient</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">if</span><span style="color:#24292EFF"> (</span><span style="color:#D32F2F">!</span><span style="color:#24292EFF">isClient) {</span></span>
<span class="line"><span style="color:#D32F2F">  return</span><span style="color:#24292EFF"> &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Loading...&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>;</span></span>
<span class="line"><span style="color:#24292EFF">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Window width: {</span><span style="color:#1976D2">window</span><span style="color:#24292EFF">.innerWidth}px&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>;</span></span></code></pre>1e9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$397"}}]
398:Tbe0,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">writeClipboard</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useClipboard</span><span style="color:#24292EFF">();</span></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">copied</span><span style="color:#212121">,</span><span style="color:#1976D2"> setCopied</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#6F42C1"> handleCopy</span><span style="color:#D32F2F"> =</span><span style="color:#D32F2F"> async</span><span style="color:#24292EFF"> () </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#D32F2F">  await</span><span style="color:#6F42C1"> writeClipboard</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'Hello from ArteOdyssey!'</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#6F42C1">  setCopied</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#6F42C1">  setTimeout</span><span style="color:#24292EFF">(() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setCopied</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">)</span><span style="color:#212121">,</span><span style="color:#1976D2"> 2000</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#24292EFF">};</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{handleCopy}></span></span>
<span class="line"><span style="color:#24292EFF">    {copied </span><span style="color:#D32F2F">?</span><span style="color:#22863A"> 'Copied!'</span><span style="color:#D32F2F"> :</span><span style="color:#22863A"> 'Copy Text'</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>1ec:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$398"}}]
399:T78d,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> hash</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useHash</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Current hash: {hash </span><span style="color:#D32F2F">??</span><span style="color:#22863A"> 'none'</span><span style="color:#24292EFF">}&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#section-1"</span><span style="color:#24292EFF">>Go to Section 1&#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">a</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#section-2"</span><span style="color:#24292EFF">>Go to Section 2&#x3C;/</span><span style="color:#22863A">a</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>1f1:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$399"}}]
39a:T790,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">count</span><span style="color:#212121">,</span><span style="color:#1976D2"> setCount</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">0</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> increment</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useCallback</span><span style="color:#24292EFF">(() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#6F42C1">  setCount</span><span style="color:#24292EFF">((prev) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> prev </span><span style="color:#D32F2F">+</span><span style="color:#1976D2"> 1</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#24292EFF">}</span><span style="color:#212121">,</span><span style="color:#24292EFF"> []);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6F42C1">useInterval</span><span style="color:#24292EFF">(increment</span><span style="color:#212121">,</span><span style="color:#1976D2"> 1000</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Count: {count}&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>;</span></span></code></pre>1f4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39a"}}]
39b:T83e,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">value</span><span style="color:#212121">,</span><span style="color:#1976D2"> setValue</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useLocalStorage</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'demo-count'</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Count: {value}&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setValue</span><span style="color:#24292EFF">(value </span><span style="color:#D32F2F">+</span><span style="color:#1976D2"> 1</span><span style="color:#24292EFF">)}></span></span>
<span class="line"><span style="color:#24292EFF">      Increment</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>1f9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39b"}}]
39c:T9b8,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">value</span><span style="color:#212121">,</span><span style="color:#1976D2"> setValue</span><span style="color:#212121">,</span><span style="color:#1976D2"> handleRemove</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useLocalStorage</span><span style="color:#24292EFF">(</span></span>
<span class="line"><span style="color:#22863A">  'demo-name'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#22863A">  'ArteOdyssey'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Value: {value}&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{() </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setValue</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'Updated!'</span><span style="color:#24292EFF">)}>Update&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{handleRemove}>Remove&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>1fb:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39c"}}]
39d:Tcce,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">size</span><span style="color:#212121">,</span><span style="color:#1976D2"> setSize</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">({ width</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 0</span><span style="color:#212121">,</span><span style="color:#24292EFF"> height</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 0</span><span style="color:#24292EFF"> });</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> ref</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> useResize</span><span style="color:#24292EFF">&#x3C;</span><span style="color:#6F42C1">HTMLDivElement</span><span style="color:#24292EFF">>((entry) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#D32F2F">  const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">width</span><span style="color:#212121">,</span><span style="color:#1976D2"> height</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#1976D2"> entry</span><span style="color:#24292EFF">.contentRect;</span></span>
<span class="line"><span style="color:#6F42C1">  setSize</span><span style="color:#24292EFF">({ width</span><span style="color:#212121">,</span><span style="color:#24292EFF"> height });</span></span>
<span class="line"><span style="color:#24292EFF">}</span><span style="color:#212121">,</span><span style="color:#24292EFF"> { debounceMs</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 100</span><span style="color:#24292EFF"> });</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#6F42C1"> ref</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{ref}></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Width: {</span><span style="color:#1976D2">size</span><span style="color:#24292EFF">.width}px&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>Height: {</span><span style="color:#1976D2">size</span><span style="color:#24292EFF">.height}px&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>203:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39d"}}]
39e:T5d2,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">x</span><span style="color:#212121">,</span><span style="color:#1976D2"> y</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useScrollDirection</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Vertical: {y}&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Horizontal: {x}&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>20c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39e"}}]
39f:Tb1d,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">count</span><span style="color:#212121">,</span><span style="color:#1976D2"> back</span><span style="color:#212121">,</span><span style="color:#1976D2"> next</span><span style="color:#212121">,</span><span style="color:#1976D2"> isDisabledBack</span><span style="color:#212121">,</span><span style="color:#1976D2"> isDisabledNext</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useStep</span><span style="color:#24292EFF">({</span></span>
<span class="line"><span style="color:#24292EFF">  initialCount</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 1</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  maxCount</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 5</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">});</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isDisabledBack} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{back}>Back&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Step {count} / 5&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">button</span><span style="color:#6F42C1"> disabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{isDisabledNext} </span><span style="color:#6F42C1">onClick</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{next}>Next&#x3C;/</span><span style="color:#22863A">button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>214:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39f"}}]
3a0:T694,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> [</span><span style="color:#1976D2">visible</span><span style="color:#212121">,</span><span style="color:#1976D2"> setVisible</span><span style="color:#24292EFF">] </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useState</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">true</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6F42C1">useTimeout</span><span style="color:#24292EFF">(() </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#6F42C1">  setVisible</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#24292EFF">}</span><span style="color:#212121">,</span><span style="color:#1976D2"> 3000</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> visible </span><span style="color:#D32F2F">?</span><span style="color:#24292EFF"> &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This will disappear in 3 seconds&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">> </span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> null</span><span style="color:#24292EFF">;</span></span></code></pre>21a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a0"}}]
3a1:T56a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#6F42C1">useWindowResize</span><span style="color:#24292EFF">(</span></span>
<span class="line"><span style="color:#24292EFF">  (size) </span><span style="color:#D32F2F">=></span><span style="color:#24292EFF"> {</span></span>
<span class="line"><span style="color:#1976D2">    console</span><span style="color:#6F42C1">.log</span><span style="color:#24292EFF">(</span><span style="color:#22863A">`Window: </span><span style="color:#D32F2F">${</span><span style="color:#1976D2">size</span><span style="color:#24292EFF">.width</span><span style="color:#D32F2F">}</span><span style="color:#22863A">x</span><span style="color:#D32F2F">${</span><span style="color:#1976D2">size</span><span style="color:#24292EFF">.height</span><span style="color:#D32F2F">}</span><span style="color:#22863A">`</span><span style="color:#24292EFF">);</span></span>
<span class="line"><span style="color:#24292EFF">  }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  { debounceMs</span><span style="color:#D32F2F">:</span><span style="color:#1976D2"> 200</span><span style="color:#24292EFF"> }</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>21f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a1"}}]
3a2:T5dc,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#24292EFF"> { </span><span style="color:#1976D2">width</span><span style="color:#212121">,</span><span style="color:#1976D2"> height</span><span style="color:#24292EFF"> } </span><span style="color:#D32F2F">=</span><span style="color:#6F42C1"> useWindowSize</span><span style="color:#24292EFF">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#D32F2F">return</span><span style="color:#24292EFF"> (</span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Width: {width}px&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">span</span><span style="color:#24292EFF">>Height: {height}px&#x3C;/</span><span style="color:#22863A">span</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#22863A">div</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>224:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a2"}}]
3a3:T635,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> className</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> cn</span><span style="color:#24292EFF">(</span></span>
<span class="line"><span style="color:#22863A">  'rounded-lg border px-4 py-2'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#22863A">  'bg-bg-mute text-fg-base'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C2C3C5">// Conditional classes</span></span>
<span class="line"><span style="color:#D32F2F">const</span><span style="color:#1976D2"> className</span><span style="color:#D32F2F"> =</span><span style="color:#6F42C1"> cn</span><span style="color:#24292EFF">(</span></span>
<span class="line"><span style="color:#22863A">  'rounded-lg px-4 py-2'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  isActive </span><span style="color:#D32F2F">&#x26;&#x26;</span><span style="color:#22863A"> 'bg-bg-mute'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  isError </span><span style="color:#D32F2F">&#x26;&#x26;</span><span style="color:#22863A"> 'bg-red-500'</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">);</span></span></code></pre>22a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a3"}}]
3a4:T4bc,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"contained"</span><span style="color:#24292EFF">>Contained&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"outlined"</span><span style="color:#24292EFF">>Outlined&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"skeleton"</span><span style="color:#24292EFF">>Skeleton&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span></code></pre>25d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a4"}}]
25e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"primary\"</span><span style=\"color:#24292EFF\">>Primary&#x3C;/</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"gray\"</span><span style=\"color:#24292EFF\">>Gray&#x3C;/</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
3a5:T497,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF">>Small&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#24292EFF">>Medium&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF">>Large&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span></code></pre>25f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a5"}}]
3a6:T77a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { MailIcon</span><span style="color:#212121">,</span><span style="color:#24292EFF"> ChevronIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> startIcon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">MailIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> />}></span></span>
<span class="line"><span style="color:#24292EFF">  Send Email</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Button</span><span style="color:#6F42C1"> endIcon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">ChevronIcon</span><span style="color:#6F42C1"> direction</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"right"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> />}></span></span>
<span class="line"><span style="color:#24292EFF">  Next</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Button</span><span style="color:#24292EFF">></span></span></code></pre>260:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a6"}}]
261:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#6F42C1\"> fullWidth</span><span style=\"color:#24292EFF\">>Full Width Button&#x3C;/</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
262:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#6F42C1\"> disabled</span><span style=\"color:#24292EFF\">>Disabled&#x3C;/</span><span style=\"color:#1976D2\">Button</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
3a7:T9f1,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span></code></pre>26a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a7"}}]
3a8:T9fb,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> bg</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"transparent"</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> bg</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"base"</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">IconButton</span><span style="color:#6F42C1"> bg</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"primary"</span><span style="color:#6F42C1"> label</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Close"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">CloseIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">IconButton</span><span style="color:#24292EFF">></span></span></code></pre>26b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a8"}}]
26c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">IconButton</span><span style=\"color:#6F42C1\"> disabled</span><span style=\"color:#6F42C1\"> label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Close\"</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  &#x3C;</span><span style=\"color:#1976D2\">CloseIcon</span><span style=\"color:#6F42C1\"> size</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"sm\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">IconButton</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
3a9:T62a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"contained"</span><span style="color:#24292EFF">>Contained&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"outlined"</span><span style="color:#24292EFF">>Outlined&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> variant</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"skeleton"</span><span style="color:#24292EFF">>Skeleton&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span></code></pre>270:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a9"}}]
3aa:T431,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> color</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"primary"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#24292EFF">>Primary&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> color</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"gray"</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#24292EFF">>Gray&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span></code></pre>271:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3aa"}}]
3ab:T605,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF">>Small&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#24292EFF">>Medium&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF">>Large&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span></code></pre>272:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ab"}}]
3ac:T8e6,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { MailIcon</span><span style="color:#212121">,</span><span style="color:#24292EFF"> ChevronIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#6F42C1"> startIcon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">MailIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> />}></span></span>
<span class="line"><span style="color:#24292EFF">  Send Email</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span></span>
<span class="line"><span style="color:#6F42C1">  endIcon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">ChevronIcon</span><span style="color:#6F42C1"> direction</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"right"</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> />}</span></span>
<span class="line"><span style="color:#6F42C1">  href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  Next</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span></code></pre>273:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ac"}}]
274:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">LinkButton</span><span style=\"color:#6F42C1\"> active</span><span style=\"color:#6F42C1\"> href</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"#\"</span><span style=\"color:#6F42C1\"> variant</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"skeleton\"</span><span style=\"color:#24292EFF\">></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">  Active Link</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;/</span><span style=\"color:#1976D2\">LinkButton</span><span style=\"color:#24292EFF\">></span></span></code></pre>"}}]
3ad:T57a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#D32F2F">import</span><span style="color:#24292EFF"> { ExternalLinkIcon } </span><span style="color:#D32F2F">from</span><span style="color:#22863A"> '@k8o/arte-odyssey'</span><span style="color:#24292EFF">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">LinkButton</span></span>
<span class="line"><span style="color:#6F42C1">  endIcon</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{&#x3C;</span><span style="color:#1976D2">ExternalLinkIcon</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF"> />}</span></span>
<span class="line"><span style="color:#6F42C1">  href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"https://example.com"</span></span>
<span class="line"><span style="color:#6F42C1">  openInNewTab</span></span>
<span class="line"><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  External Link</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">LinkButton</span><span style="color:#24292EFF">></span></span></code></pre>275:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ad"}}]
3ae:T486,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Anchor</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"#"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  Same Tab Link</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Anchor</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Anchor</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"https://example.com"</span><span style="color:#6F42C1"> openInNewTab</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  New Tab Link</span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Anchor</span><span style="color:#24292EFF">></span></span></code></pre>27d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ae"}}]
280:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  placeholder</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Disabled field\"</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
281:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">TextField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  defaultValue</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"invalid value\"</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
3af:T553,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Textarea</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"textarea-invalid"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"invalid value"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>286:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3af"}}]
291:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">NumberField</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isDisabled</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isInvalid</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  isRequired</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">false</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
3b0:T547,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Select</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"select-required"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>299:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b0"}}]
3b1:T67f,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Select</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"select-default-value"</span></span>
<span class="line"><span style="color:#6F42C1">  defaultValue</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"cherry"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>29a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b1"}}]
3b2:T547,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Select</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"select-disabled"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>29b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b2"}}]
3b3:T546,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Select</span></span>
<span class="line"><span style="color:#6F42C1">  id</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"select-invalid"</span></span>
<span class="line"><span style="color:#6F42C1">  describedbyId</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">undefined</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  isInvalid</span></span>
<span class="line"><span style="color:#6F42C1">  isRequired</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{</span><span style="color:#1976D2">false</span><span style="color:#24292EFF">}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>29c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b3"}}]
3b4:T581,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Radio</span></span>
<span class="line"><span style="color:#6F42C1">  isDisabled</span></span>
<span class="line"><span style="color:#6F42C1">  labelId</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit-disabled-label"</span></span>
<span class="line"><span style="color:#6F42C1">  name</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"fruit-disabled"</span></span>
<span class="line"><span style="color:#6F42C1">  onChange</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{(e) </span><span style="color:#D32F2F">=></span><span style="color:#6F42C1"> setValue</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">e</span><span style="color:#24292EFF">.</span><span style="color:#1976D2">target</span><span style="color:#24292EFF">.value)}</span></span>
<span class="line"><span style="color:#6F42C1">  options</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{options}</span></span>
<span class="line"><span style="color:#6F42C1">  value</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{value}</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>2a5:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b4"}}]
3b5:T1353,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#6F42C1"> defaultOpen</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Section A&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This panel is open by default.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#6F42C1"> defaultOpen</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Section B&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This panel is also open by default.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">>Section C&#x3C;/</span><span style="color:#1976D2">Accordion.Button</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#22863A">h3</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      &#x3C;</span><span style="color:#22863A">p</span><span style="color:#24292EFF">>This panel is closed by default.&#x3C;/</span><span style="color:#22863A">p</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Accordion.Panel</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Accordion.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Accordion.Root</span><span style="color:#24292EFF">></span></span></code></pre>2c4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b5"}}]
2d1:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Progress</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  label</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"Upload progress\"</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  maxProgress</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">100</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">  progress</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#24292EFF\">{</span><span style=\"color:#1976D2\">75</span><span style=\"color:#24292EFF\">}</span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">/></span></span></code></pre>"}}]
3b6:T6ea,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Alert</span><span style="color:#6F42C1"> message</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Operation completed successfully."</span><span style="color:#6F42C1"> status</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"success"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Alert</span><span style="color:#6F42C1"> message</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Here is some useful information."</span><span style="color:#6F42C1"> status</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"info"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Alert</span><span style="color:#6F42C1"> message</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Please proceed with caution."</span><span style="color:#6F42C1"> status</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"warning"</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Alert</span><span style="color:#6F42C1"> message</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"Something went wrong."</span><span style="color:#6F42C1"> status</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"error"</span><span style="color:#24292EFF"> /></span></span></code></pre>2d9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b6"}}]
3b7:T42f,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Alert</span></span>
<span class="line"><span style="color:#6F42C1">  message</span><span style="color:#D32F2F">=</span><span style="color:#24292EFF">{[</span></span>
<span class="line"><span style="color:#22863A">    "Password must be at least 8 characters."</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#22863A">    "Password must include a number."</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#22863A">    "Password must include a special character."</span><span style="color:#212121">,</span></span>
<span class="line"><span style="color:#24292EFF">  ]}</span></span>
<span class="line"><span style="color:#6F42C1">  status</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"error"</span></span>
<span class="line"><span style="color:#24292EFF">/></span></span></code></pre>2da:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b7"}}]
198:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"base\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"mute\"</span><span style=\"color:#24292EFF\"> /></span></span>\n<span class=\"line\"><span style=\"color:#24292EFF\">&#x3C;</span><span style=\"color:#1976D2\">Separator</span><span style=\"color:#6F42C1\"> color</span><span style=\"color:#D32F2F\">=</span><span style=\"color:#22863A\">\"subtle\"</span><span style=\"color:#24292EFF\"> /></span></span></code></pre>"}}]
3b8:Tc00,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/components"</span><span style="color:#24292EFF">>Components&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> current</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/components/breadcrumb"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">      Breadcrumb</span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span></code></pre>2e8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b8"}}]
3b9:T1885,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"sm"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> current</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/docs"</span><span style="color:#24292EFF">>Docs&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"md"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> current</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/docs"</span><span style="color:#24292EFF">>Docs&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span>
<span class="line"></span>
<span class="line"><span style="color:#24292EFF">&#x3C;</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#6F42C1"> size</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"lg"</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/"</span><span style="color:#24292EFF">>Home&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Separator</span><span style="color:#24292EFF"> /></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">    &#x3C;</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#6F42C1"> current</span><span style="color:#6F42C1"> href</span><span style="color:#D32F2F">=</span><span style="color:#22863A">"/docs"</span><span style="color:#24292EFF">>Docs&#x3C;/</span><span style="color:#1976D2">Breadcrumb.Link</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">  &#x3C;/</span><span style="color:#1976D2">Breadcrumb.Item</span><span style="color:#24292EFF">></span></span>
<span class="line"><span style="color:#24292EFF">&#x3C;/</span><span style="color:#1976D2">Breadcrumb.List</span><span style="color:#24292EFF">></span></span></code></pre>2e9:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b9"}}]
4d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Button } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/button'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
57:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { IconButton } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/icon-button'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
61:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { LinkButton } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/link-button'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
6c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Anchor } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/anchor'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
74:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { TextField } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/text-field'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
7c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Textarea } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/textarea'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
85:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { NumberField } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/number-field'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
8e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Select } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/select'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
9a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Checkbox } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/checkbox'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
a8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Radio } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/radio'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
b0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Autocomplete } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/autocomplete'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
bc:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { RangeField } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/range-field'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
c4:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { FileField } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/file-field'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
d0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { FormControl } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/form-control'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
dc:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Accordion } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/accordion'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
e8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Card } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/card'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
f2:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Code } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/code'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
f7:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { ListBox } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/list-box'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
10a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { TextTag } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/text-tag'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
110:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { BaselineStatus } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/baseline-status'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
116:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Progress } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/progress'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
11d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Heading } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/heading'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
123:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Alert } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/alert'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
130:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { ToastProvider</span><span style=\"color:#212121\">,</span><span style=\"color:#24292EFF\"> useToast } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/toast'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
13d:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Tooltip } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/tooltip'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
149:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Dialog } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/dialog'</span><span style=\"color:#24292EFF\">;</span></span>\n<span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Modal } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/modal'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
157:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Drawer } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/drawer'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
161:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Modal } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/modal'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
171:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Popover } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/popover'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
17f:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { DropdownMenu } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/dropdown-menu'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
195:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Separator } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/separator'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
19b:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Tabs } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/tabs'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1aa:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { Breadcrumb } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/breadcrumb'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1b1:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { ScrollLinked } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/scroll-linked'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1b6:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { ErrorBoundary } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/error-boundary'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1e0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useClickAway } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/click-away'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1e8:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useClient } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/client'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1ea:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useClipboard } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/clipboard'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1f0:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useHash } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/hash'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1f2:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useInterval } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/interval'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
1f7:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useLocalStorage } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/local-storage'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
202:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useResize } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/resize'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
20a:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useScrollDirection } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/scroll-direction'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
212:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useStep } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/step'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
219:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useTimeout } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/timeout'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
21e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useWindowResize } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/window-resize'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
222:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { useWindowSize } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/hooks/window-size'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
228:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { cn } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/cn'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
22e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { findAllColors } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/color/find-all-colors'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
230:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">const</span><span style=\"color:#1976D2\"> colors</span><span style=\"color:#D32F2F\"> =</span><span style=\"color:#6F42C1\"> findAllColors</span><span style=\"color:#24292EFF\">(</span><span style=\"color:#22863A\">'color: #ff0080; background: hsl(280, 70%, 50%)'</span><span style=\"color:#24292EFF\">);</span></span>\n<span class=\"line\"><span style=\"color:#C2C3C5\">// [</span></span>\n<span class=\"line\"><span style=\"color:#C2C3C5\">//   { color: '#ff0080', start: 7, end: 14 },</span></span>\n<span class=\"line\"><span style=\"color:#C2C3C5\">//   { color: 'hsl(280, 70%, 50%)', start: 27, end: 45 },</span></span>\n<span class=\"line\"><span style=\"color:#C2C3C5\">// ]</span></span></code></pre>"}}]
234:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { between } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/number/between'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
3ba:T4ea,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#6F42C1">between</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">5</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0</span><span style="color:#212121">,</span><span style="color:#1976D2"> 10</span><span style="color:#24292EFF">);   </span><span style="color:#C2C3C5">// 5</span></span>
<span class="line"><span style="color:#6F42C1">between</span><span style="color:#24292EFF">(</span><span style="color:#D32F2F">-</span><span style="color:#1976D2">5</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0</span><span style="color:#212121">,</span><span style="color:#1976D2"> 10</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 0</span></span>
<span class="line"><span style="color:#6F42C1">between</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">15</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0</span><span style="color:#212121">,</span><span style="color:#1976D2"> 10</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 10</span></span></code></pre>236:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ba"}}]
23c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { cast } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/number/cast'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
3bb:T533,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#6F42C1">cast</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'1.5'</span><span style="color:#212121">,</span><span style="color:#1976D2"> 1</span><span style="color:#24292EFF">);       </span><span style="color:#C2C3C5">// 1.5</span></span>
<span class="line"><span style="color:#6F42C1">cast</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'3.14159'</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0.01</span><span style="color:#24292EFF">); </span><span style="color:#C2C3C5">// 3.14</span></span>
<span class="line"><span style="color:#6F42C1">cast</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'-19'</span><span style="color:#212121">,</span><span style="color:#1976D2"> 3</span><span style="color:#24292EFF">);        </span><span style="color:#C2C3C5">// -19</span></span>
<span class="line"><span style="color:#6F42C1">cast</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'1e4'</span><span style="color:#212121">,</span><span style="color:#1976D2"> 1</span><span style="color:#24292EFF">);        </span><span style="color:#C2C3C5">// 10000</span></span></code></pre>23e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bb"}}]
245:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { commalize } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/number/commalize'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
3bc:T433,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#6F42C1">commalize</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">100</span><span style="color:#24292EFF">);         </span><span style="color:#C2C3C5">// '100'</span></span>
<span class="line"><span style="color:#6F42C1">commalize</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1000</span><span style="color:#24292EFF">);        </span><span style="color:#C2C3C5">// '1,000'</span></span>
<span class="line"><span style="color:#6F42C1">commalize</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1000000</span><span style="color:#24292EFF">);     </span><span style="color:#C2C3C5">// '1,000,000'</span></span>
<span class="line"><span style="color:#6F42C1">commalize</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1234567.89</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// '1,234,568'</span></span></code></pre>247:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bc"}}]
24c:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { toPrecision } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/number/to-precision'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
3bd:T53a,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#6F42C1">toPrecision</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1.2345</span><span style="color:#212121">,</span><span style="color:#1976D2"> 0</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 1</span></span>
<span class="line"><span style="color:#6F42C1">toPrecision</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1.2345</span><span style="color:#212121">,</span><span style="color:#1976D2"> 1</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 1.2</span></span>
<span class="line"><span style="color:#6F42C1">toPrecision</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1.2345</span><span style="color:#212121">,</span><span style="color:#1976D2"> 2</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 1.23</span></span>
<span class="line"><span style="color:#6F42C1">toPrecision</span><span style="color:#24292EFF">(</span><span style="color:#1976D2">1.2345</span><span style="color:#212121">,</span><span style="color:#1976D2"> 3</span><span style="color:#24292EFF">);  </span><span style="color:#C2C3C5">// 1.235</span></span></code></pre>24e:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bd"}}]
254:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { uuidV4 } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/uuid-v4'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
256:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">const</span><span style=\"color:#1976D2\"> id</span><span style=\"color:#D32F2F\"> =</span><span style=\"color:#6F42C1\"> uuidV4</span><span style=\"color:#24292EFF\">();</span></span>\n<span class=\"line\"><span style=\"color:#C2C3C5\">// 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'</span></span></code></pre>"}}]
257:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#D32F2F\">import</span><span style=\"color:#24292EFF\"> { isInternalRoute } </span><span style=\"color:#D32F2F\">from</span><span style=\"color:#22863A\"> '@k8o/arte-odyssey/helpers/is-internal-route'</span><span style=\"color:#24292EFF\">;</span></span></code></pre>"}}]
259:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki min-light\" style=\"background-color:#ffffff;color:#24292eff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color:#6F42C1\">isInternalRoute</span><span style=\"color:#24292EFF\">(</span><span style=\"color:#22863A\">'/about'</span><span style=\"color:#24292EFF\">);              </span><span style=\"color:#C2C3C5\">// true</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">isInternalRoute</span><span style=\"color:#24292EFF\">(</span><span style=\"color:#22863A\">'/docs/getting-started'</span><span style=\"color:#24292EFF\">); </span><span style=\"color:#C2C3C5\">// true</span></span>\n<span class=\"line\"><span style=\"color:#6F42C1\">isInternalRoute</span><span style=\"color:#24292EFF\">(</span><span style=\"color:#22863A\">'https://example.com'</span><span style=\"color:#24292EFF\">);  </span><span style=\"color:#C2C3C5\">// false</span></span></code></pre>"}}]
3be:T440,<pre class="shiki min-light" style="background-color:#ffffff;color:#24292eff" tabindex="0"><code><span class="line"><span style="color:#C2C3C5">// Enable dark mode</span></span>
<span class="line"><span style="color:#1976D2">document</span><span style="color:#6F42C1">.</span><span style="color:#1976D2">documentElement</span><span style="color:#6F42C1">.</span><span style="color:#1976D2">classList</span><span style="color:#6F42C1">.add</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'dark'</span><span style="color:#24292EFF">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C2C3C5">// Disable dark mode</span></span>
<span class="line"><span style="color:#1976D2">document</span><span style="color:#6F42C1">.</span><span style="color:#1976D2">documentElement</span><span style="color:#6F42C1">.</span><span style="color:#1976D2">classList</span><span style="color:#6F42C1">.remove</span><span style="color:#24292EFF">(</span><span style="color:#22863A">'dark'</span><span style="color:#24292EFF">);</span></span></code></pre>306:["$","div",null,{"className":"[&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3be"}}]