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]
50:I["c797c47b6503",[],"Components",1]
81:I["2c4477afb2eb",[],"Textarea",1]
8a:I["802a63214cb5",[],"NumberField",1]
9f:I["a5a2ed268852",[],"Checkbox",1]
a2:I["21432a60d512",[],"CheckboxControlledPreview",1]
ad:I["ef2c3955e573",[],"Switch",1]
b0:I["725578a605c2",[],"SwitchControlledPreview",1]
b5:I["9624e3024842",[],"RadioBasicPreview",1]
bd:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
bf:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
c1:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
c3:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
c5:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
c9:I["f06544016c2b",[],"Slider",1]
dc:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
de:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
e0:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
e2:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
e4:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
e8:I["8888908e7e61",[],"FormControlBasicPreview",1]
ea:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
ec:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
ee:I["8888908e7e61",[],"FormControlRequiredPreview",1]
f0:I["8888908e7e61",[],"FormControlDisabledPreview",1]
f4:I["427f1ffd75b0",[],"AccordionItem",1]
f5:I["9a40853fa522",[],"AccordionButton",1]
f6:I["5fe9e123c78c",[],"AccordionPanel",1]
100:I["d4c57bade63d",[],"Avatar",1]
11e:"$Sreact.fragment"
122:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
124:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
126:I["75dff7ac12d9",[],"ListBoxTriggerIconPreview",1]
135:I["e12e8ed6b68e",[],"BaselineStatus",1]
161:I["132b1b725f7e",[],"ToastBasicPreview",1]
164:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
16e:I["5145f2bca71b",[],"TooltipBasicPreview",1]
170:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
17a:I["218edecdc217",[],"DialogBasicPreview",1]
17c:I["218edecdc217",[],"DialogWithModalPreview",1]
17e:I["218edecdc217",[],"AlertDialogPreview",1]
188:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
18a:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
192:I["6e891aca3d00",[],"ModalBasicPreview",1]
194:I["6e891aca3d00",[],"ModalTypesPreview",1]
196:I["6e891aca3d00",[],"DefaultOpenPreview",1]
1a2:I["f94374e4000c",[],"PopoverBasicPreview",1]
1a4:I["f94374e4000c",[],"PopoverPlacementPreview",1]
1b0:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
1b2:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
1b4:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
1b6:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
1cc:I["f74bd0fb5a52",[],"TabsBasicPreview",1]
1ce:I["f74bd0fb5a52",[],"TabsDefaultSelectedPreview",1]
1e2:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
20f:I["c6eb5e7e987f",[],"HooksPage",1]
211:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
21b:I["939b7f2e8860",[],"UseClipboardPreview",1]
223:I["d80343ececf7",[],"UseIntervalPreview",1]
228:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
22a:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
23b:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
243:I["ff99af3476ea",[],"UseStepPreview",1]
253:I["87949b3e951c",[],"UseWindowSizePreview",1]
257:I["3f34d1649026",[],"Helpers",1]
259:I["0af5f2cf11c5",[],"CnPreview",1]
25f:I["b58f1ae147b9",[],"FindAllColorsPreview",1]
265:I["3cd9d7b297ca",[],"BetweenPreview",1]
26d:I["2320e75c9eb6",[],"CastPreview",1]
276:I["c3d6331b6977",[],"CommalizePreview",1]
27d:I["8e336d54aee6",[],"ToPrecisionPreview",1]
285:I["54da1518d518",[],"UuidV4Preview",1]
288:I["66606323575d",[],"IsInternalRoutePreview",1]
2dc:I["9624e3024842",[],"RadioDisabledPreview",1]
336:I["c2cefcba799f",[],"TokenCard",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/switch","component":"$L1b"},{"path":"/components/radio","component":"$L1c"},{"path":"/components/autocomplete","component":"$L1d"},{"path":"/components/slider","component":"$L1e"},{"path":"/components/file-field","component":"$L1f"},{"path":"/components/form-control","component":"$L20"},{"path":"/components/accordion","component":"$L21"},{"path":"/components/avatar","component":"$L22"},{"path":"/components/badge","component":"$L23"},{"path":"/components/card","component":"$L24"},{"path":"/components/code","component":"$L25"},{"path":"/components/list-box","component":"$L26"},{"path":"/components/baseline-status","component":"$L27"},{"path":"/components/progress","component":"$L28"},{"path":"/components/heading","component":"$L29"},{"path":"/components/alert","component":"$L2a"},{"path":"/components/skeleton","component":"$L2b"},{"path":"/components/spinner","component":"$L2c"},{"path":"/components/toast","component":"$L2d"},{"path":"/components/tooltip","component":"$L2e"},{"path":"/components/dialog","component":"$L2f"},{"path":"/components/drawer","component":"$L30"},{"path":"/components/modal","component":"$L31"},{"path":"/components/popover","component":"$L32"},{"path":"/components/dropdown-menu","component":"$L33"},{"path":"/components/separator","component":"$L34"},{"path":"/components/tabs","component":"$L35"},{"path":"/components/breadcrumb","component":"$L36"},{"path":"/components/scroll-linked","component":"$L37"},{"path":"/components/error-boundary","component":"$L38"},{"path":"/theming","component":"$L39"},{"path":"/hooks","component":"$L3a"},{"path":"/hooks/use-click-away","component":"$L3b"},{"path":"/hooks/use-client","component":"$L3c"},{"path":"/hooks/use-clipboard","component":"$L3d"},{"path":"/hooks/use-hash","component":"$L3e"},{"path":"/hooks/use-interval","component":"$L3f"},{"path":"/hooks/use-local-storage","component":"$L40"},{"path":"/hooks/use-resize","component":"$L41"},{"path":"/hooks/use-scroll-direction","component":"$L42"},{"path":"/hooks/use-step","component":"$L43"},{"path":"/hooks/use-timeout","component":"$L44"},{"path":"/hooks/use-window-resize","component":"$L45"},{"path":"/hooks/use-window-size","component":"$L46"},{"path":"/helpers","component":"$L47"},{"path":"/helpers/cn","component":"$L48"},{"path":"/helpers/find-all-colors","component":"$L49"},{"path":"/helpers/between","component":"$L4a"},{"path":"/helpers/cast","component":"$L4b"},{"path":"/helpers/commalize","component":"$L4c"},{"path":"/helpers/to-precision","component":"$L4d"},{"path":"/helpers/uuid-v4","component":"$L4e"},{"path":"/helpers/is-internal-route","component":"$L4f"}]}]}]}
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:["$","$L50",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"}]}],"$L51"]}],["$","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":"$L52"}]]}]]}],["$","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"]}]]}],"$L53"]}]]}],"$L54","$L55","$L56","$L57","$L58"]}],"$L59","$L5a"]}]
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"}]}],"$L5b"]}],["$","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":"$L5c"}]]}]]}],["$","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":["$L5d","$L5e"]}],"$L5f"]}],"$L60"]}]]}],"$L61","$L62"]}],"$L63","$L64"]}]
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"}]}],"$L65"]}],["$","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":"$L66"}]]}]]}],["$","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":"$L67"}]]}],"$L68"]}]]}],"$L69","$L6a","$L6b","$L6c","$L6d"]}],"$L6e","$L6f"]}]
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"}]}],"$L70"]}],["$","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":"$L71"}]]}]]}],["$","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":["$L72","$L73","$L74","$undefined"]}]]}]]}],"$L75"]}]]}]]}],"$L76","$L77"]}]
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"}]}],"$L78"]}],["$","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":"$L79"}]]}]]}],["$","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":"$L7a"}]]}]]}],["$","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":"$L7b"}],"$L7c"]}]]}],"$L7d"]}],"$L7e","$L7f"]}]
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"}]}],"$L80"]}],["$","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":["$","$L81",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":"$L82"}]]}]]}],["$","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":["$","$L81",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":"$L83"}]]}]]}],["$","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":["$","$L81",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":"$L84"}]]}]]}],["$","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":["$","$L81",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":"$L85"}]]}]]}],["$","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"}]}],"$L86"]}]]}],"$L87","$L88"]}]
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"}]}],"$L89"]}],["$","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":["$","$L8a",null,{"isDisabled":false,"isInvalid":false,"isRequired":false}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L8b"}]]}]]}],["$","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":["$","$L8a",null,{"isDisabled":false,"isInvalid":false,"isRequired":false,"precision":2,"step":0.25}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L8c"}]]}]]}],["$","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":["$","$L8a",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":"$L8d"}]]}]]}],["$","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":["$","$L8a",null,{"isDisabled":true,"isInvalid":false,"isRequired":false}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L8e"}]]}]]}],["$","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":["$","$L8a",null,{"isDisabled":false,"isInvalid":true,"isRequired":false}]}],"$L8f"]}]]}]]}],"$L90","$L91"]}]
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"}]}],"$L92"]}],["$","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":"$L93"}]]}]]}],["$","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":["$L94","$L95","$L96"]}],"$L97"]}]}],"$L98"]}]]}],"$L99","$L9a","$L9b"]}],"$L9c","$L9d"]}]
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"}]}],"$L9e"]}],["$","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":["$","$L9f",null,{"label":"I agree to the terms"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$La0"}]]}]]}],["$","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":["$","$L9f",null,{"defaultChecked":true,"label":"Checked by default"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$La1"}]]}]]}],["$","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":["$","$La2",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$La3"}]]}]]}],["$","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":[["$","$L9f",null,{"label":"Unchecked disabled"}],["$","$L9f",null,{"defaultChecked":true,"label":"Checked disabled"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$La4"}]]}]]}]]}],["$","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":["$La5","$La6","$La7"]}],"$La8","$La9","$Laa"]}],"$Lab"]]}]]}]
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":"Switch"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.switch.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-switch--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"}]}],"$Lac"]}],["$","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":["$","$Lad",null,{"isDisabled":false,"isInvalid":false,"isRequired":false,"label":"Email notifications"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lae"}]]}]]}],["$","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.switch.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":["$","$Lad",null,{"defaultChecked":true,"isDisabled":false,"isInvalid":false,"isRequired":false,"label":"Automatic backups"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Laf"}]]}]]}],["$","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.switch.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":["$","$Lb0",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb1"}]]}]]}],["$","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.switch.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":[["$","$Lad",null,{"isDisabled":true,"isInvalid":false,"isRequired":false,"label":"Airplane mode"}],["$","$Lad",null,{"defaultChecked":true,"isDisabled":true,"isInvalid":false,"isRequired":false,"label":"Offline sync"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lb2"}]]}]]}]]}],["$","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"}]}],"$Lb3"]}]]}]
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":"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"}]}],"$Lb4"]}],["$","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":["$","$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.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":"$Lb7"}]]}]]}],["$","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":"$Lb8"}],"$Lb9"]}]]}]]}],"$Lba","$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":"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"}]}],"$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":["$","$Lbd",null,{}]}],["$","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.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":["$","$Lbf",null,{}]}],["$","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.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":["$","$Lc1",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc2"}]]}]]}],["$","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":["$","$Lc3",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc4"}]]}]]}],["$","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":["$","$Lc5",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lc6"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Lc7"]}]
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":"Slider"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.slider.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-slider--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"}]}],"$Lc8"]}],["$","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":["$","$Lc9",null,{"defaultValue":50,"isDisabled":false,"isInvalid":false,"isRequired":false}]}]}],["$","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.slider.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":["$","$Lc9",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":"$Lcb"}]]}]]}],["$","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.slider.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":["$","$Lc9",null,{"defaultValue":30,"isDisabled":true,"isInvalid":false,"isRequired":false}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lcc"}]]}]]}]]}],["$","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","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":["$Lcd"]}]]}],"$Lce"]}],"$Lcf","$Ld0","$Ld1","$Ld2","$Ld3","$Ld4","$Ld5","$Ld6","$Ld7","$Ld8","$Ld9"]}],"$Lda"]]}]]}]
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":"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"}]}],"$Ldb"]}],["$","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":["$","$Ldc",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ldd"}]]}]]}],["$","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":["$","$Lde",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Ldf"}]]}]]}],["$","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":["$","$Le0",null,{}]}],["$","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.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":["$","$Le2",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Le3"}]]}]]}],["$","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":["$","$Le4",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Le5"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Le6"]}]
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":"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"}]}],"$Le7"]}],["$","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":["$","$Le8",null,{}]}],["$","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.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":["$","$Lea",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Leb"}]]}]]}],["$","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":["$","$Lec",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Led"}]]}]]}],["$","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":["$","$Lee",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lef"}]]}]]}],["$","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":["$","$Lf0",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf1"}]]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],"$Lf2"]}]
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":"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"}]}],"$Lf3"]}],["$","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":[["$","$Lf4",null,{"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"What is ArteOdyssey?"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$Lf4",null,{"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"How do I install it?"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$Lf4",null,{"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Is it accessible?"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf7"}]]}]]}],["$","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":[["$","$Lf4",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Open by default"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$Lf4",null,{"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Closed by default"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$Lf8"}]]}]]}],["$","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":["$Lf9","$Lfa","$Lfb"]}]}]}],"$Lfc"]}]]}]]}],"$Lfd","$Lfe"]}]
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":"Avatar"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.avatar.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-avatar--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"}]}],"$Lff"]}],["$","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":["$","$L100",null,{"name":"Arte Odyssey"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L101"}]]}]]}],["$","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.avatar.withImageTitle"}]}],["$","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":["$","$L100",null,{"alt":"Arte Odyssey","src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L102"}]]}]]}],["$","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.avatar.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":[["$","$L100",null,{"name":"Small","size":"sm"}],["$","$L100",null,{"name":"Medium","size":"md"}],["$","$L100",null,{"name":"Large","size":"lg"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L103"}]]}]]}]]}],["$","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","src",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"src"}]}],["$","dd",null,{"className":"text-fg-mute 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,"$L104"]}]]}]]}],"$L105"]}],"$L106","$L107","$L108","$L109"]}],"$L10a"]]}]]}]
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":"Badge"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.badge.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-badge--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"}]}],"$L10b"]}],["$","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-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-mute bg-bg-mute text-fg-base","children":"New"}]}],["$","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.badge.tonesTitle"}]}],["$","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-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-mute bg-bg-mute text-fg-base","children":"Neutral"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-info bg-bg-info text-fg-info","children":"Info"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-success text-fg-success","children":"Success"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-warning bg-bg-warning text-fg-warning","children":"Warning"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-error bg-bg-error text-fg-error","children":"Error"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L10d"}]]}]]}],["$","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.badge.variantsTitle"}]}],"$L10e"]}],"$L10f"]}],"$L110","$L111"]}]
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":"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"}]}],"$L112"]}],["$","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":"$L113"}]]}]]}],["$","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":"$L114"}]]}]]}],["$","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":"$L115"}]]}]]}]]}],["$","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":["$L116","$L117","$L118"]}],"$L119","$L11a"]}],"$L11b"]]}]]}]
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":"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"}]}],"$L11c"]}],["$","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":"$L11d"}]]}]]}],["$","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":[["$","$11e","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":[["$","$11e","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: ",["$","$11e","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":"$L11f"}]]}]]}]]}],["$","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"}]}],"$L120"]}]]}]
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":"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"}]}],"$L121"]}],["$","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":["$","$L122",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L123"}]]}]]}],["$","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":["$","$L124",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L125"}]]}]]}],["$","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":["$","$L126",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L127"}]]}]]}]]}],["$","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"}]]}]]}]]}],"$L128"]}],"$L129","$L12a","$L12b","$L12c"]}],"$L12d"],"$L12e","$L12f","$L130","$L131","$L132","$L133"]}]]}]
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":"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"}]}],"$L134"]}],["$","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":["$","$L135",null,{"featureId":"container-queries"}]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L136"}]]}]]}],["$","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":[["$","$L135",null,{"featureId":"subgrid"}],["$","$L135",null,{"featureId":"has-selector"}],["$","$L135",null,{"featureId":"anchor-positioning"}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L137"}]]}]]}]]}],["$","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":["$L138","$L139"]}]]]}]]}]
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":"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"}]}],"$L13a"]}],["$","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":"$L13b"}]]}]]}],["$","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":"$L13c"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"$L13d"}],"$L13e"]}]]}],"$L13f","$L140"]}]
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":"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"}]}],"$L141"]}],["$","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":"$L142"}]]}]]}],["$","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":"$L143"}]]}]]}],["$","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":"$L144"}]]}]]}]]}],["$","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":["$L145","$L146"]}]]}]
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":"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"}]}],"$L147"]}],["$","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":"$L148"}]]}]]}],["$","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":["$L149","$L14a","$L14b","$undefined"]}],"$L14c"]}],"$L14d"]}],"$L14e","$L14f"]}],"$L150"]}]]}],"$L151"]}],"$L152","$L153"]}]
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":"Skeleton"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.skeleton.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-skeleton--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"}]}],"$L154"]}],["$","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,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L155"}]]}]]}],["$","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.skeleton.shapesTitle"}]}],["$","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-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}],["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-full size-12"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L156"}]]}]]}],["$","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.skeleton.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,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-3 w-24"}],["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}],["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-5 w-56"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L157"}]]}]]}],["$","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.skeleton.animationTitle"}]}],["$","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-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}],["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute rounded-lg h-4 w-40"}]]}],"$L158"]}]]}]]}],"$L159","$L15a"]}]
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":"Spinner"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.spinner.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-spinner--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"}]}],"$L15b"]}],["$","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":["$","output",null,{"aria-label":"Loading","aria-live":"polite","className":"inline-flex items-center justify-center","children":[["$","span",null,{"aria-hidden":true,"className":"inline-block animate-spin rounded-full border-4 border-border-base border-t-primary-border size-6"}],["$","span",null,{"className":"sr-only","children":"Loading"}]]}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L15c"}]]}]]}],["$","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.spinner.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":[["$","output",null,{"aria-label":"Loading","aria-live":"polite","className":"inline-flex items-center justify-center","children":[["$","span",null,{"aria-hidden":true,"className":"inline-block animate-spin rounded-full border-4 border-border-base border-t-primary-border size-4"}],["$","span",null,{"className":"sr-only","children":"Loading"}]]}],["$","output",null,{"aria-label":"Loading","aria-live":"polite","className":"inline-flex items-center justify-center","children":[["$","span",null,{"aria-hidden":true,"className":"inline-block animate-spin rounded-full border-4 border-border-base border-t-primary-border size-6"}],["$","span",null,{"className":"sr-only","children":"Loading"}]]}],["$","output",null,{"aria-label":"Loading","aria-live":"polite","className":"inline-flex items-center justify-center","children":[["$","span",null,{"aria-hidden":true,"className":"inline-block animate-spin rounded-full border-4 border-border-base border-t-primary-border size-8"}],["$","span",null,{"className":"sr-only","children":"Loading"}]]}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L15d"}]]}]]}]]}],["$","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":["$L15e","$L15f"]}]]}]
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":"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"}]}],"$L160"]}],["$","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":["$","$L161",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L162"}]]}]]}],["$","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"}]}],"$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.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":["$","$L164",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L165"}]]}]]}]]}],["$","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":["$L166","$L167"]}]]}],"$L168","$L169"]}],"$L16a"],"$L16b","$L16c"]}]]}]
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":"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"}]}],"$L16d"]}],["$","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":["$","$L16e",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L16f"}]]}]]}],["$","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":["$","$L170",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L171"}]]}]]}]]}],["$","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"}]}],"$L172","$L173"]}]]}],"$L174"],"$L175","$L176","$L177","$L178"]}]]}]
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":"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"}]}],"$L179"]}],["$","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":["$","$L17a",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L17b"}]]}]]}],["$","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":["$","$L17c",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L17d"}]]}]]}],["$","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":["$","$L17e",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L17f"}]]}]]}]]}],["$","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"}]]}]]}]]}],"$L180"]}],"$L181"]}],"$L182"],"$L183","$L184","$L185","$L186"]}]]}]
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":"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"}]}],"$L187"]}],["$","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":["$","$L188",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L189"}]]}]]}],["$","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":["$","$L18a",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L18b"}]]}]]}]]}],["$","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"}]}],"$L18c","$L18d"]}],"$L18e","$L18f"]}],"$L190"]]}]]}]
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":"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"}]}],"$L191"]}],["$","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":["$","$L192",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L193"}]]}]]}],["$","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":["$","$L194",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L195"}]]}]]}],["$","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":["$","$L196",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L197"}]]}]]}]]}],["$","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,"$L198"]}],"$L199","$L19a"]}]]}],"$L19b"]}],"$L19c","$L19d","$L19e","$L19f"]}],"$L1a0"]]}]]}]
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":"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"}]}],"$L1a1"]}],["$","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":["$","$L1a2",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1a3"}]]}]]}],["$","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":["$","$L1a4",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1a5"}]]}]]}]]}],["$","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"}]}],"$L1a6","$L1a7"]}],"$L1a8","$L1a9"]}],"$L1aa"],"$L1ab","$L1ac","$L1ad","$L1ae"]}]]}]
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":"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"}]}],"$L1af"]}],["$","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":["$","$L1b0",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1b1"}]]}]]}],["$","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":["$","$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.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":["$","$L1b4",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1b5"}]]}]]}],["$","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":["$","$L1b6",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1b7"}]]}]]}]]}],["$","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":["$L1b8","$L1b9","$L1ba"]}],"$L1bb"]}],"$L1bc"],"$L1bd","$L1be","$L1bf","$L1c0","$L1c1","$L1c2","$L1c3","$L1c4"]}]]}]
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":"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"}]}],"$L1c5"]}],["$","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":"$L1c6"}]]}]]}],["$","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":"$L1c7"}]]}]]}],["$","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":"$L1c8"}]]}]]}]]}],"$L1c9","$L1ca"]}]
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":"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"}]}],"$L1cb"]}],["$","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":["$","$L1cc",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1cd"}]]}]]}],["$","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":["$","$L1ce",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1cf"}]]}]]}]]}],["$","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":[["$","dt",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"}]}],["$","dd",null,{"className":"text-fg-mute 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[]]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","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"}]}],"$L1d0","$L1d1"]}],"$L1d2"]}],"$L1d3"],"$L1d4","$L1d5","$L1d6","$L1d7","$L1d8","$L1d9"]}]]}]
36:["$","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"}]}],"$L1da"]}],["$","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":"$L1db"}]]}]]}],["$","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":"$L1dc"}],"$L1dd"]}]]}],"$L1de"]}],"$L1df","$L1e0"]}]
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":"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"}]}],"$L1e1"]}],["$","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":["$","$L1e2",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L1e3"}]]}]]}],["$","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"}]}],"$L1e4"]}]]}],["$","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"}]]}]}],"$L1e5"]}]]]}]]}]
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":"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"}]}],"$L1e6"]}],["$","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"}]}],"$L1e7"]}],["$","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"}]}],"$L1e8"]}],["$","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"}]}],"$L1e9"]}],["$","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"}]}],"$L1ea"]}]]}],["$","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":["$L1eb","$L1ec"]}],"$L1ed"]}],"$L1ee","$L1ef","$L1f0","$L1f1","$L1f2"]}],"$L1f3"]]}]]}]
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":["$","$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"}}],"$L1f4","$L1f5"]}]]}]]}],"$L1f6","$L1f7","$L1f8","$L1f9","$L1fa","$L1fb","$L1fc","$L1fd","$L1fe"]}]]}],"$L1ff","$L200","$L201","$L202","$L203","$L204","$L205","$L206","$L207","$L208","$L209","$L20a","$L20b","$L20c","$L20d","$L20e"]}]
3a:["$","$L20f",null,{}]
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":"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"}]}],"$L210"]}],["$","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":["$","$L211",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L212"}]]}]]}]]}],["$","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":["$L213"]}]}],"$L214"]}],"$L215"]}]]}]]]}],"$L216","$L217"]}]
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":"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"}]}],"$L218"]}],["$","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"}]}],"$L219"]}]]}],["$","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":"-"}]]}]]}]]}]]]}]]}]
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":"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"}]}],"$L21a"]}],["$","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":["$","$L21b",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L21c"}]]}]]}]]}],["$","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":["$L21d"]}]}],"$L21e"]}],"$L21f"]}]]}]]]}]]}]
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":"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"}]}],"$L220"]}],["$","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"}]}],"$L221"]}]]}],["$","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":"-"}]]}]]}]]}]]]}]]}]
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":"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"}]}],"$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.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"}]]}]]}]}],"$L225"]}],"$L226"]}]]}]]]}]]}]
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":"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"}]}],"$L227"]}],["$","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":["$","$L228",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L229"}]]}]]}],["$","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":["$","$L22a",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L22b"}]]}]]}]]}],["$","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":["$L22c","$L22d","$L22e"]}],"$L22f"]}]]}]]]}],"$L230","$L231"]}]
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":"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"}]}],"$L232"]}],["$","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"}]}],"$L233"]}]]}],["$","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":["$L234","$L235","$L236"]}]}],"$L237"]}]]]}],"$L238","$L239"]}]
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":"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"}]}],"$L23a"]}],["$","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":["$","$L23b",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L23c"}]]}]]}]]}],["$","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":["$L23d","$L23e","$L23f"]}],"$L240"]}],"$L241"]]}]]}]
43:["$","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"}]}],"$L242"]}],["$","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":["$","$L243",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L244"}]]}]]}]]}],["$","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"}]]}]]}]}],"$L245"]}],"$L246"]}]]}]]]}],"$L247","$L248"]}]
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":"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"}]}],"$L249"]}],["$","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"}]}],"$L24a"]}]]}],["$","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":"$L24b"}],"$L24c","$L24d"]}]]}]]}]]]}]]}]
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":"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"}]}],"$L24e"]}],["$","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"}]}],"$L24f"]}]]}],["$","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":"$L250"}],"$L251"]}]]]}]]}]
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":"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"}]}],"$L252"]}],["$","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":["$","$L253",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L254"}]]}]]}]]}],["$","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"}]]}]]}]}],"$L255"]}],"$L256"]}]]}]]]}]]}]
47:["$","$L257",null,{}]
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":"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"}]}],"$L258"]}],["$","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":["$","$L259",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L25a"}]]}]]}]]}],["$","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"}]}],"$L25b","$L25c"]}]]}],"$L25d"]]}]]}]
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":"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"}]}],"$L25e"]}],["$","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":["$","$L25f",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L260"}]]}]]}]]}],["$","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"}]}],"$L261","$L262"]}]]}],"$L263"]]}]]}]
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":"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"}]}],"$L264"]}],["$","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":["$","$L265",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L266"}]]}]]}]]}],["$","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"}],"$L267","$L268"]}]}],"$L269"]}]]]}],"$L26a","$L26b"]}]
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":"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"}]}],"$L26c"]}],["$","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":["$","$L26d",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L26e"}]]}]]}]]}],["$","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":["$L26f","$L270","$L271"]}]}],"$L272"]}]]]}],"$L273","$L274"]}]
4c:["$","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"}]}],"$L275"]}],["$","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":["$","$L276",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L277"}]]}]]}]]}],["$","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":["$L278","$L279"]}],"$L27a"]}]]}],"$L27b"]]}]]}]
4d:["$","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"}]}],"$L27c"]}],["$","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":["$","$L27d",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L27e"}]]}]]}]]}],["$","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":["$L27f"]}]}],"$L280"]}],"$L281"]}]]}]]]}],"$L282","$L283"]}]
4e:["$","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"}]}],"$L284"]}],["$","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":["$","$L285",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L286"}]]}]]}]]}],["$","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":"-"}]]}]]}]]}]]]}]]}]
4f:["$","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"}]}],"$L287"]}],["$","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":["$","$L288",null,{}]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L289"}]]}]]}]]}],["$","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"}]}],"$L28a","$L28b"]}]]}],"$L28c"]]}]]}]
53:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L28d"}]
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.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":"$L28e"}]]}]]}]
55:["$","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":"$L28f"}]]}]]}]
56:["$","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":"$L290"}]]}]]}]
57:["$","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":"$L291"}]]}]]}]
58:["$","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":"$L292"}]]}]]}]
59:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
5a:["$","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":["'",["$","$11e","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'"}]]}]]}],"$L293","$L294","$L295","$L296","$L297","$L298"]}],"$L299"]]}]
5d:["$","span",null,{"className":"sr-only","children":"Close"}]
5e:["$","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"]}]
5f:["$","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"]}]]}]
60:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L29a"}]
61:["$","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":"$L29b"}]]}]]}]
62:["$","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":"$L29c"}]]}]]}]
63:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
64:["$","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"}]]}]]}]]}],"$L29d"]}],"$L29e"]}],"$L29f"]]}]
67:["$undefined","Skeleton","$undefined"]
68:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2a0"}]
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.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":"$L2a1"}]]}]]}]
6a:["$","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":"$L2a2"}]]}]]}]
6b:["$","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":"$L2a3"}]]}]]}]
6c:["$","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":"$L2a4"}]]}]]}]
6d:["$","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":"$L2a5"}]]}]]}]
6e:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
6f:["$","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":["'",["$","$11e","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'"}]]}]]}],"$L2a6","$L2a7","$L2a8","$L2a9","$L2aa","$L2ab"]}],"$L2ac"]]}]
72:["$","path","1q9fwt",{"d":"M15 3h6v6"}]
73:["$","path","gplh6r",{"d":"M10 14 21 3"}]
74:["$","path","a6xqqp",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}]
75:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2ad"}]
76:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
77:["$","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"}]]}]]}]}],"$L2ae"]}],"$L2af"]}]]}]]]}]
7b:["$","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"}]
7c:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2b0"}]
7d:["$","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":"$L2b1"}]]}]]}]
7e:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
7f:["$","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"}]}],"$L2b2","$L2b3"]}],"$L2b4"]}],"$L2b5"]]}]
86:["$","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":["$","$L81",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":"$L2b6"}]]}]
87:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
88:["$","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":"$L2b7"}],"$L2b8","$L2b9"]}],"$L2ba","$L2bb","$L2bc","$L2bd","$L2be","$L2bf"]}],"$L2c0"]]}]
8f:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2c1"}]
90:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
91:["$","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"}]]}]]}],"$L2c2","$L2c3","$L2c4","$L2c5","$L2c6","$L2c7"]}],"$L2c8"]]}]
94:["$","option","apple",{"value":"apple","children":"Apple"}]
95:["$","option","banana",{"value":"banana","children":"Banana"}]
96:["$","option","cherry",{"value":"cherry","children":"Cherry"}]
97:["$","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"]}]}]
98:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2c9"}]
99:["$","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":"$L2ca"}]]}]]}]
9a:["$","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":"$L2cb"}]]}]]}]
9b:["$","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":"$L2cc"}]]}]]}]
9c:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
9d:["$","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":"$L2cd"}],"$L2ce","$L2cf"]}],"$L2d0","$L2d1","$L2d2"]}],"$L2d3"]]}]
a5:["$","dt",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"}]}]
a6:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
a7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
a8:["$","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: "}],"-"]}]]}]
a9:["$","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: "}],"-"]}]]}]
aa:["$","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: "}],"-"]}]]}]
ab:["$","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":"-"}]]}]]}]]}]
b3:[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","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",{"className":"flex items-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","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","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","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","value",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":["$L2d4","$L2d5","$L2d6"]}],"$L2d7","$L2d8","$L2d9","$L2da"]}],"$L2db"]
b8:["$","$L2dc",null,{}]
b9:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2dd"}]
ba:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
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","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"}]}],"$L2de","$L2df"]}],"$L2e0"]}],"$L2e1"]]}]
c7:["$","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":"$L2e2"}],"$L2e3","$L2e4"]}],"$L2e5","$L2e6","$L2e7"]}],"$L2e8"]]}]
cd:["$","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"}]]}]
ce:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
cf:["$","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: "}],"-"]}]]}]
d0:["$","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: "}],"-"]}]]}]
d1:["$","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"}]]}]]}]
d2:["$","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"}]]}]]}]
d3:["$","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: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]]}]]}]
d4:["$","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: "}],"-"]}]]}]
d5:["$","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: "}],"-"]}]]}]
d6:["$","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: "}],"-"]}]]}]
d7:["$","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: "}],"-"]}]]}]
d8:["$","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: "}],"-"]}]]}]
d9:["$","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",{"className":"flex items-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: "}],"-"]}]]}]
da:["$","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":"$L2e9"}]]}],"$L2ea","$L2eb","$L2ec","$L2ed","$L2ee","$L2ef"]}]]}]
e6:["$","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"}]]}]]}]]}],"$L2f0"]}],"$L2f1","$L2f2"]}],"$L2f3"]]}]
f2:["$","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":["$L2f4","$L2f5"]}]]}]]}],"$L2f6"]}],"$L2f7","$L2f8","$L2f9"]}],"$L2fa"]]}]
f9:["$","$Lf4",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Section A"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"This panel is open by default."}]}]]}]
fa:["$","$Lf4",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Section B"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}]
fb:["$","$Lf4",null,{"children":[["$","h3",null,{"children":["$","$Lf5",null,{"children":"Section C"}]}],["$","$Lf6",null,{"children":["$","p",null,{"children":"This panel is closed by default."}]}]]}]
fc:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L2fb"}]
fd:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
fe:["$","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"}],"$L2fc","$L2fd"]}]}],"$L2fe"]}]],"$L2ff","$L300","$L301","$L302"]}]
104:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"string"}]
105:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
106:["$","div","alt",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"alt"}]}],["$","dd",null,{"className":"text-fg-mute 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: "}],"-"]}]]}]
107:["$","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: "}],"-"]}]]}]
108:["$","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","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: "}],"-"]}]]}]
109:["$","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'"}]]}]]}]
10a:["$","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","src",{"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":"src"}]}],["$","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","alt",{"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":"alt"}]}],["$","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","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","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","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,["$","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'"}]}]]}]]}]]}]
10e:["$","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-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-success text-fg-success","children":"Solid"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-base text-fg-success","children":"Outline"}]]}],["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L303"}]]}]
10f:["$","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.badge.interactiveTitle"}]}],["$","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":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-mute bg-bg-mute text-fg-base cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-emphasize active:bg-bg-base","type":"button","children":"Neutral Solid"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-base bg-bg-base text-fg-base cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-subtle active:bg-bg-mute","type":"button","children":"Neutral Outline"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-info bg-bg-info text-fg-info cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-info/80 active:bg-bg-info/60","type":"button","children":"Info Solid"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-info bg-bg-base text-fg-info cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-info active:bg-bg-info/80","type":"button","children":"Info Outline"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-success text-fg-success cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-success/80 active:bg-bg-success/60","type":"button","children":"Success Solid"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-base text-fg-success cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-success active:bg-bg-success/80","type":"button","children":"Success Outline"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-warning bg-bg-warning text-fg-warning cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-warning/80 active:bg-bg-warning/60","type":"button","children":"Warning Solid"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-warning bg-bg-base text-fg-warning cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-warning active:bg-bg-warning/80","type":"button","children":"Warning Outline"}],["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-error bg-bg-error text-fg-error cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-error/80 active:bg-bg-error/60","type":"button","children":"Error Solid"}],"$L304"]}],"$L305"]}]]}]
110:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
111:["$","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","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","interactive",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"interactive"}]}],["$","dd",null,{"className":"text-fg-mute 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","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","tone",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"tone"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'neutral'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'neutral'"}]]}],["$","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","'success'",{"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":"'success'"}]]}],["$","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'"}]]}],"$L306"]}]]}],"$L307"]}],"$L308"]}],"$L309"]]}]
116:["$","dt",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"}]}]
117:["$","dd",null,{"className":"text-fg-mute 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'"}]]}]]}]]}]
118:["$","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'"}]]}]
119:["$","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'"}]]}]]}]
11a:["$","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: "}],"-"]}]]}]
11b:["$","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":"-"}]]}]]}]]}]
120:[["$","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":"-"}]]}]]}]]}]]
128:["$","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'"}]]}]
129:["$","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: "}],"-"]}]]}]
12a:["$","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: "}],"-"]}]]}]
12b:["$","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: "}],"-"]}]]}]
12c:["$","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: "}],"-"]}]]}]
12d:["$","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":"-"}]]}]]}]]}]
12e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.Trigger"}]
12f:[["$","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'"}]}]]}]]}]]}]]
130:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.TriggerIcon"}]
131:[["$","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"}]]}]]}]}],"$L30a"]}]]}]]}]]
132:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"ListBox.Content"}]
133:[["$","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":"-"}]]}]]}]]}]]
138:["$","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"}]]}]}]
139:["$","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":"-"}]]}]]}]
13d:["$","$L5",null,{"k":"components.progress.withLabelTitle"}]
13e:["$","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":"$L30b"}]]}]
13f:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
140:["$","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":["$L30c"]}]}],"$L30d"]}],"$L30e","$L30f","$L310"]}]]}]]]}]
145:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
146:[["$","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":["$L311","$L312"]}]]
149:["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}]
14a:["$","path","1dtifu",{"d":"M12 16v-4"}]
14b:["$","path","e9boi3",{"d":"M12 8h.01"}]
14c:["$","span",null,{"className":"sr-only","children":"情報"}]
14d:["$","p",null,{"className":"font-bold","children":"Here is some useful information."}]
14e:["$","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."}]]}]
14f:["$","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."}]]}]
150:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L313"}]
151:["$","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":"$L314"}]]}]]}]
152:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
153:["$","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":["$L315","$L316"]}]]}]}],"$L317"]}],"$L318"]}]]}]]]}]
158:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L319"}]
159:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
15a:["$","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","animate",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"animate"}]}],["$","dd",null,{"className":"text-fg-mute 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","shape",{"className":"flex flex-col gap-1 border-border-mute border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"shape"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'rect'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'rect'"}]]}],["$","span","'circle'",{"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":"'circle'"}]]}]]}]]}],["$","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":"'rect'"}]]}]]}],["$","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","animate",{"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":"animate"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L31a"}],"$L31b"]}],"$L31c","$L31d"]}]]}]]]}]
15e:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","id":"$undefined","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
15f:[["$","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: "}],["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'Loading'"}]]}]]}],["$","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","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":["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'Loading'"}]}]]}],["$","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":"|"}],"$L31e"]}]]}]}],"$L31f"]}]]}]]}]]
166:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
167:"-"
168:["$","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'"}]]}]]}]
169:["$","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: "}],"-"]}]]}]
16a:["$","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":"-"}]]}]]}]]}]
16b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"useToast"}]
16c:[["$","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"}]]}]]}]}],"$L320"]}],"$L321"]}]]}]]
172:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
173:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
174:["$","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":"-"}]]}]]}]]}]
175:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tooltip.Trigger"}]
176:[["$","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":"-"}]]}]]}]]}]]
177:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tooltip.Content"}]
178:[["$","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":"-"}]]}]]}]]}]]
180:["$","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'"}]]}]
181:["$","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: "}],"-"]}]]}]
182:["$","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":"-"}]]}]]}]]}]
183:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Dialog.Header"}]
184:[["$","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":"-"}]]}]]}]]}]]
185:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Dialog.Content"}]
186:[["$","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":"-"}]]}]]}]]}]]
18c:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
18d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
18e:["$","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: "}],"-"]}]]}]
18f:["$","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: "}],"-"]}]]}]
190:["$","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":"-"}]]}]]}]]}]
198:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'center'"}]
199:["$","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'"}]]}]
19a:["$","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'"}]]}]
19b:["$","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'"}]]}]
19c:["$","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: "}],"-"]}]]}]
19d:["$","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: "}],"-"]}]]}]
19e:["$","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: "}],"-"]}]]}]
19f:["$","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: "}],"-"]}]]}]
1a0:["$","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":"-"}]]}]]}]]}]
1a6:["$","dd",null,{"className":"text-fg-mute 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'"}]]}]]}]]}]
1a7:["$","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'"}]]}]
1a8:["$","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"}]]}]]}]
1a9:["$","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: "}],"-"]}]]}]
1aa:["$","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":"-"}]]}]]}]]}]
1ab:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Popover.Trigger"}]
1ac:[["$","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":"-"}]]}]]}]]}]]
1ad:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Popover.Content"}]
1ae:[["$","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":"-"}]]}]]}]]}]]
1b8:["$","dt",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"}]}]
1b9:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
1ba:["$","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'"}]]}]
1bb:["$","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: "}],"-"]}]]}]
1bc:["$","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":"-"}]]}]]}]]}]
1bd:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Trigger"}]
1be:[["$","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":"$L322"}],"$L323"]}],"$L324","$L325"]}]]}]]
1bf:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.IconTrigger"}]
1c0:[["$","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":"-"}]]}]]}]]}]]
1c1:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Content"}]
1c2:[["$","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":"-"}]]}]]}]]}]]
1c3:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"DropdownMenu.Item"}]
1c4:[["$","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":"-"}]]}]]}]]}]]
1c9:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1ca:["$","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":["$L326","$L327","$L328"]}]]}]]}]]]}]
1d0:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
1d1:["$","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"}]]}]
1d2:["$","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: "}],"-"]}]]}]
1d3:["$","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":"-"}]]}]]}]]}]
1d4:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.List"}]
1d5:[["$","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":"-"}]]}]]}]]}]]
1d6:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.Tab"}]
1d7:[["$","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":"-"}]]}]]}]]}]]
1d8:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Tabs.Panel"}]
1d9:[["$","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":"-"}]]}]]}]]}]]
1dc:["$","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"}]}]]}]}]
1dd:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L329"}]
1de:["$","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":"$L32a"}]]}]]}]
1df:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1e0:["$","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"}]}],"$L32b","$L32c"]}]]}]]}]],"$L32d","$L32e","$L32f","$L330","$L331","$L332"]}]
1e5:["$","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":"-"}]]}]]}]
1eb:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
1ec:["$","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"}]]}]]}]
1ed:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1ee:["$","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: "}],"-"]}]]}]
1ef:["$","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: "}],"-"]}]]}]
1f0:["$","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: "}],"-"]}]]}]
1f1:["$","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: "}],"-"]}]]}]
1f2:["$","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: "}],"-"]}]]}]
1f3:["$","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,"$L333"]}]]}]}],"$L334"]}],"$L335"]}]]}]
1f4:["$","span",null,{"className":"font-medium text-xs","children":900}]
1f5:["$","span",null,{"className":"text-fg-subtle text-xs","children":"#18181b"}]
1f6:["$","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"}]]}]]}]]}]
1f7:["$","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"}]]}]]}]]}]
1f8:["$","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"}]]}]]}]]}]
1f9:["$","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"}]]}]]}]]}]
1fa:["$","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"}]]}]]}]]}]
1fb:["$","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"}]]}]]}]]}]
1fc:["$","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"}]]}]]}]]}]
1fd:["$","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"}]]}]]}]]}]
1fe:["$","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"}]]}]]}]]}]
1ff:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
200:["$","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":[["$","$L336","fg-base",{"token":{"name":"fg-base","light":{"source":"gray-900","hex":"#18181b"},"dark":{"source":"gray-50","hex":"#fafafa"}}}],["$","$L336","fg-subtle",{"token":{"name":"fg-subtle","light":{"source":"gray-400","hex":"#a1a1aa"},"dark":{"source":"gray-500","hex":"#71717a"}}}],["$","$L336","fg-mute",{"token":{"name":"fg-mute","light":{"source":"gray-700","hex":"#3f3f46"},"dark":{"source":"gray-300","hex":"#d4d4d8"}}}],["$","$L336","fg-inverse",{"token":{"name":"fg-inverse","light":{"source":"gray-50","hex":"#fafafa"},"dark":{"source":"gray-900","hex":"#18181b"}}}],["$","$L336","fg-info",{"token":{"name":"fg-info","light":{"source":"blue-700","hex":"#173da6"},"dark":{"source":"blue-300","hex":"#a3cfff"}}}],["$","$L336","fg-success",{"token":{"name":"fg-success","light":{"source":"green-700","hex":"#116932"},"dark":{"source":"green-300","hex":"#86efac"}}}],["$","$L336","fg-warning",{"token":{"name":"fg-warning","light":{"source":"yellow-700","hex":"#845209"},"dark":{"source":"yellow-300","hex":"#fde047"}}}],["$","$L336","fg-error",{"token":{"name":"fg-error","light":{"source":"red-700","hex":"#991919"},"dark":{"source":"red-300","hex":"#fca5a5"}}}]]}]]}],["$","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":[["$","$L336","bg-base",{"token":{"name":"bg-base","light":{"source":"white","hex":"#ffffff"},"dark":{"source":"gray-900","hex":"#18181b"}}}],["$","$L336","bg-subtle",{"token":{"name":"bg-subtle","light":{"source":"gray-100","hex":"#f4f4f5"},"dark":{"source":"gray-800","hex":"#27272a"}}}],["$","$L336","bg-mute",{"token":{"name":"bg-mute","light":{"source":"gray-200","hex":"#e4e4e7"},"dark":{"source":"gray-700","hex":"#3f3f46"}}}],["$","$L336","bg-emphasize",{"token":{"name":"bg-emphasize","light":{"source":"gray-300","hex":"#d4d4d8"},"dark":{"source":"gray-600","hex":"#52525b"}}}],["$","$L336","bg-inverse",{"token":{"name":"bg-inverse","light":{"source":"gray-900","hex":"#18181b"},"dark":{"source":"white","hex":"#ffffff"}}}],["$","$L336","bg-info",{"token":{"name":"bg-info","light":{"source":"blue-100","hex":"#dbeafe"},"dark":{"source":"blue-900","hex":"#14204a"}}}],["$","$L336","bg-success",{"token":{"name":"bg-success","light":{"source":"green-100","hex":"#dcfce7"},"dark":{"source":"green-900","hex":"#042713"}}}],["$","$L336","bg-warning",{"token":{"name":"bg-warning","light":{"source":"yellow-100","hex":"#fef9c3"},"dark":{"source":"yellow-900","hex":"#422006"}}}],["$","$L336","bg-error",{"token":{"name":"bg-error","light":{"source":"red-100","hex":"#fee2e2"},"dark":{"source":"red-900","hex":"#300c0c"}}}]]}]]}],["$","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":[["$","$L336","border-base",{"token":{"name":"border-base","light":{"source":"gray-400","hex":"#a1a1aa"},"dark":{"source":"gray-600","hex":"#52525b"}},"type":"border"}],["$","$L336","border-subtle",{"token":{"name":"border-subtle","light":{"source":"gray-100","hex":"#f4f4f5"},"dark":{"source":"gray-900","hex":"#18181b"}},"type":"border"}],["$","$L336","border-mute",{"token":{"name":"border-mute","light":{"source":"gray-200","hex":"#e4e4e7"},"dark":{"source":"gray-800","hex":"#27272a"}},"type":"border"}],["$","$L336","border-emphasize",{"token":{"name":"border-emphasize","light":{"source":"gray-500","hex":"#71717a"},"dark":{"source":"gray-500","hex":"#71717a"}},"type":"border"}],["$","$L336","border-inverse",{"token":{"name":"border-inverse","light":{"source":"gray-700","hex":"#3f3f46"},"dark":{"source":"gray-300","hex":"#d4d4d8"}},"type":"border"}],["$","$L336","border-info",{"token":{"name":"border-info","light":{"source":"blue-500","hex":"#3b82f6"},"dark":{"source":"blue-400","hex":"#60a5fa"}},"type":"border"}],["$","$L336","border-success",{"token":{"name":"border-success","light":{"source":"green-500","hex":"#22c55e"},"dark":{"source":"green-400","hex":"#4ade80"}},"type":"border"}],["$","$L336","border-warning",{"token":{"name":"border-warning","light":{"source":"yellow-500","hex":"#eab308"},"dark":{"source":"yellow-400","hex":"#facc15"}},"type":"border"}],["$","$L336","border-error",{"token":{"name":"border-error","light":{"source":"red-500","hex":"#ef4444"},"dark":{"source":"red-400","hex":"#f87171"}},"type":"border"}]]}]]}]]}]
201:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
202:["$","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":[["$","$L336","primary-fg",{"token":{"name":"primary-fg","light":{"source":"teal-700","hex":"#0c5d56"},"dark":{"source":"teal-300","hex":"#5eead4"}},"type":"fill"}],["$","$L336","primary-bg",{"token":{"name":"primary-bg","light":{"source":"teal-300","hex":"#5eead4"},"dark":{"source":"teal-700","hex":"#0c5d56"}},"type":"fill"}],["$","$L336","primary-bg-subtle",{"token":{"name":"primary-bg-subtle","light":{"source":"teal-100","hex":"#ccfbf1"},"dark":{"source":"teal-900","hex":"#032726"}},"type":"fill"}],["$","$L336","primary-bg-mute",{"token":{"name":"primary-bg-mute","light":{"source":"teal-200","hex":"#99f6e4"},"dark":{"source":"teal-800","hex":"#114240"}},"type":"fill"}],["$","$L336","primary-bg-emphasize",{"token":{"name":"primary-bg-emphasize","light":{"source":"teal-300","hex":"#5eead4"},"dark":{"source":"teal-700","hex":"#0c5d56"}},"type":"fill"}],["$","$L336","primary-border",{"token":{"name":"primary-border","light":{"source":"teal-600","hex":"#0d9488"},"dark":{"source":"teal-600","hex":"#0d9488"}},"type":"border"}]]}]]}],["$","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":[["$","$L336","secondary-fg",{"token":{"name":"secondary-fg","light":{"source":"cyan-700","hex":"#0c5c72"},"dark":{"source":"cyan-300","hex":"#67e8f9"}},"type":"fill"}],["$","$L336","secondary-bg",{"token":{"name":"secondary-bg","light":{"source":"cyan-300","hex":"#67e8f9"},"dark":{"source":"cyan-700","hex":"#0c5c72"}},"type":"fill"}],["$","$L336","secondary-bg-subtle",{"token":{"name":"secondary-bg-subtle","light":{"source":"cyan-100","hex":"#cffafe"},"dark":{"source":"cyan-900","hex":"#072a38"}},"type":"fill"}],["$","$L336","secondary-bg-mute",{"token":{"name":"secondary-bg-mute","light":{"source":"cyan-200","hex":"#a5f3fc"},"dark":{"source":"cyan-800","hex":"#134152"}},"type":"fill"}],["$","$L336","secondary-bg-emphasize",{"token":{"name":"secondary-bg-emphasize","light":{"source":"cyan-300","hex":"#67e8f9"},"dark":{"source":"cyan-700","hex":"#0c5c72"}},"type":"fill"}],["$","$L336","secondary-border",{"token":{"name":"secondary-border","light":{"source":"cyan-600","hex":"#0891b2"},"dark":{"source":"cyan-600","hex":"#0891b2"}},"type":"border"}]]}]]}],["$","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":[["$","$L336","group-primary",{"token":{"name":"group-primary","light":{"source":"teal-700","hex":"#0c5d56"},"dark":{"source":"teal-300","hex":"#5eead4"}}}],["$","$L336","group-secondary",{"token":{"name":"group-secondary","light":{"source":"cyan-700","hex":"#0c5c72"},"dark":{"source":"cyan-300","hex":"#67e8f9"}}}],["$","$L336","group-tertiary",{"token":{"name":"group-tertiary","light":{"source":"pink-700","hex":"#a41752"},"dark":{"source":"pink-300","hex":"#f9a8d4"}}}],["$","$L336","group-quaternary",{"token":{"name":"group-quaternary","light":{"source":"purple-700","hex":"#641ba3"},"dark":{"source":"purple-300","hex":"#d8b4fe"}}}]]}]]}]]}]
203:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
204:["$","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":["$L337","$L338","$L339"]}],"$L33a"]}]}]]}],"$L33b","$L33c"]}]
205:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
206:["$","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"}]]}]]}]]}]]}]
207:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
208:["$","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)"}]]}]]}]]}]]}]
209:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
20a:["$","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",")"]}]]}],"$L33d"]}]}]]}]
20b:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
20c:["$","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",")"]}]]}]]}]}]]}]
20d:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
20e:["$","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"}]}],"$L33e"]}]
213:["$","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"}]]}]
214:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
215:["$","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"}]}]]}]
216:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
217:["$","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":"-"}]]}]]}]]}]]]}]
21d:["$","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>"}]]}]
21e:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
21f:["$","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":"-"}]]}]
225:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
226:["$","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":"-"}]]}]
22c:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
22d:["$","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"}]]}]]}]}]
22e:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
22f:["$","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":"-"}]]}]
230:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
231:["$","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":"$L33f"}]]}],"$L340"]}]]}]]]}]
234:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
235:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
236:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
237:["$","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":"-"}]}]]}]]}]
238:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
239:["$","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":"-"}]]}]]}]]}]]]}]
23d:["$","dt",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"}]}]
23e:["$","dd",null,{"className":"text-fg-mute 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'"}]]}]]}]]}]
23f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
240:["$","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: "}],"-"]}]]}]
241:["$","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":"-"}]]}]]}]]}]
245:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
246:["$","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":"-"}]]}]
247:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
248:["$","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":["$L341","$L342","$L343"]}]}],"$L344"]}]]]}]
24b:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"delay"}]
24c:["$","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"}]]}]]}]}]
24d:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
250:["$","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"}]]}]
251:["$","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":"-"}]}]]}]]}]
255:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
256:["$","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":"-"}]]}]
25b:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
25c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
25d:["$","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":"-"}]]}]]}]]}]
261:["$","dd",null,{"className":"text-fg-mute 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 }[]"}]]}]]}]]}]
262:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
263:["$","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":"-"}]]}]]}]]}]
267:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
268:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
269:["$","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":"-"}]]}]]}]
26a:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
26b:["$","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":"-"}]]}]]}]]}]]]}]
26f:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
270:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
271:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
272:["$","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"}]}]]}]]}]
273:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
274:["$","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":"-"}]]}]]}]]}]]]}]
278:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
279:["$","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"}]]}]]}]
27a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
27b:["$","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":"-"}]]}]]}]]}]
27f:["$","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"}]]}]
280:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
281:["$","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"}]}]]}]
282:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
283:["$","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":"-"}]]}]]}]]}]]]}]
28a:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
28b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
28c:["$","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":"-"}]]}]]}]]}]
293:["$","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'"}]]}]]}]
294:["$","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"}]]}]]}]
295:["$","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: "}],"-"]}]]}]
296:["$","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: "}],"-"]}]]}]
297:["$","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"}]]}]]}]
298:["$","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: "}],"-"]}]]}]
299:["$","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":["'",["$","$11e","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"}]}],"$L345","$L346"]}],"$L347","$L348","$L349","$L34a","$L34b"]}]]}]
29d:["$","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"}]]}]
29e:["$","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: "}],"-"]}]]}]
29f:["$","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":"$L34c"}],"$L34d","$L34e"]}]]}]]}]
2a6:["$","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: "}],"-"]}]]}]
2a7:["$","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: "}],"-"]}]]}]
2a8:["$","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: "}],"-"]}]]}]
2a9:["$","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"}]]}]]}]
2aa:["$","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"}]]}]]}]
2ab:["$","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: "}],"-"]}]]}]
2ac:["$","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":["'",["$","$11e","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"}]}],"$L34f","$L350"]}],"$L351","$L352","$L353","$L354","$L355"]}]]}]
2ae:["$","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"}]}]
2af:["$","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":"-"}]]}]
2b2:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
2b3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2b4:["$","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: "}],"-"]}]]}]
2b5:["$","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":["$L356","$L357","$L358"]}]]}]]}]
2b7:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"placeholder"}]
2b8:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
2b9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2ba:["$","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: "}],"-"]}]]}]
2bb:["$","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"}]]}]]}]
2bc:["$","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"}]]}]]}]
2bd:["$","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: "}],"-"]}]]}]
2be:["$","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: "}],"-"]}]]}]
2bf:["$","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: "}],"-"]}]]}]
2c0:["$","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":["$L359","$L35a","$L35b"]}],"$L35c","$L35d","$L35e","$L35f","$L360"]}]]}]
2c2:["$","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: "}],"-"]}]]}]
2c3:["$","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: "}],"-"]}]]}]
2c4:["$","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: "}],"-"]}]]}]
2c5:["$","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: "}],"-"]}]]}]
2c6:["$","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: "}],"-"]}]]}]
2c7:["$","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: "}],"-"]}]]}]
2c8:["$","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"}]]}]]}]}],"$L361"]}],"$L362","$L363","$L364","$L365","$L366"]}]]}]
2cd:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]
2ce:["$","dd",null,{"className":"text-fg-mute 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[]"}]]}]]}]]}]
2cf:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2d0:["$","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: "}],"-"]}]]}]
2d1:["$","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: "}],"-"]}]]}]
2d2:["$","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: "}],"-"]}]]}]
2d3:["$","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":["$L367","$L368","$L369"]}],"$L36a","$L36b"]}]]}]
2d4:["$","dt",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"}]}]
2d5:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
2d6:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2d7:["$","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<HTMLInputElement>",{"className":"flex items-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<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2d8:["$","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: "}],"-"]}]]}]
2d9:["$","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: "}],"-"]}]]}]
2da:["$","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: "}],"-"]}]]}]
2db:["$","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","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",{"className":"flex items-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","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","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","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","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,"$L36c"]}]]}]}],"$L36d"]}],"$L36e","$L36f","$L370","$L371"]}]]}]
2de:["$","dd",null,{"className":"text-fg-mute 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"}]]}]]}]]}]
2df:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2e0:["$","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: "}],"-"]}]]}]
2e1:["$","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":"$L372"}],"$L373","$L374"]}]]}]]}]
2e2:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"options"}]
2e3:["$","dd",null,{"className":"text-fg-mute 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[]"}]]}]]}]]}]
2e4:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2e5:["$","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: "}],"-"]}]]}]
2e6:["$","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: "}],"-"]}]]}]
2e7:["$","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: "}],"-"]}]]}]
2e8:["$","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":["$L375","$L376","$L377"]}],"$L378","$L379"]}]]}]
2e9:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"0"}]
2ea:["$","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":"-"}]]}]
2eb:["$","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":"-"}]]}]
2ec:["$","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":"-"}]]}]
2ed:["$","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":"-"}]]}]
2ee:["$","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":"-"}]]}]
2ef:["$","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",{"className":"flex items-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":"-"}]]}]
2f0:["$","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"}]]}]
2f1:["$","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: "}],"-"]}]]}]
2f2:["$","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: "}],"-"]}]]}]
2f3:["$","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":["$L37a"]}]}],"$L37b"]}],"$L37c"]}]]}]
2f4:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
2f5:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'legend'"}]
2f6:["$","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'"}]]}]
2f7:["$","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: "}],"-"]}]]}]
2f8:["$","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: "}],"-"]}]]}]
2f9:["$","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: "}],"-"]}]]}]
2fa:["$","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":"$L37d"}],"$L37e","$L37f"]}],"$L380","$L381"]}]]}]
2fc:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
2fd:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
2fe:["$","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":"-"}]]}]]}]
2ff:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Button"}]
300:[["$","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":"-"}]]}]]}]]}]]
301:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Accordion.Panel"}]
302:[["$","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":"-"}]]}]]}]]}]]
304:["$","button",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-error bg-bg-base text-fg-error cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info hover:bg-bg-error active:bg-bg-error/80","type":"button","children":"Error Outline"}]
305:["$","div",null,{"className":"[&_pre]:rounded-t-none [&_pre]:border-t-0","children":"$L382"}]
306:["$","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'"}]]}]
307:["$","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":"'neutral'"}]]}]
308:["$","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","'solid'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'solid'"}]]}],["$","span","'outline'",{"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":"'outline'"}]]}]]}]]}],["$","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":"'solid'"}]]}]]}]
309:["$","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","interactive",{"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":"interactive"}]}],["$","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","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'"}]]}]]}]}],["$","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","tone",{"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":"tone"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'neutral'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'neutral'"}]]}],["$","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","'success'",{"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":"'success'"}]]}],["$","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'"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"$L383"}]]}],"$L384"]}]]}]
30a:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
30c:["$","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"}]]}]
30d:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
30e:["$","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":"-"}]]}]
30f:["$","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"}]}]]}]
310:["$","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":"-"}]]}]
311:["$","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"}]]}]}]
312:["$","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":"-"}]]}]]}]
315:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
316:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'error'"}]
317:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
318:["$","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":"-"}]]}]
31a:["$","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"}]]}]]}]
31b:["$","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"}]}]
31c:["$","tr","shape",{"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":"shape"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"flex flex-wrap items-center gap-1","children":[["$","span","'rect'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'rect'"}]]}],["$","span","'circle'",{"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":"'circle'"}]]}]]}]}],["$","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":"'rect'"}]}]]}]
31d:["$","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'"}]}]]}]
31e:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'lg'"}]
31f:["$","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'"}]}]
320:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
321:["$","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":"-"}]]}]
322:["$","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"}]]}]]}]
323:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
324:["$","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'"}]}]]}]
325:["$","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'"}]}]]}]
326:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
327:["$","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'"}]]}]]}]}]
328:["$","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'"}]}]
32b:["$","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"}]]}]]}]}]
32c:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
32d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Item"}]
32e:[["$","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":"-"}]]}]]}]]}]]
32f:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Separator"}]
330:[["$","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":[]}]]}]]
331:["$","h3",null,{"className":"font-bold text-lg md:text-xl","id":"$undefined","children":"Breadcrumb.Link"}]
332:[["$","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":"$L385"}]]}],"$L386","$L387","$L388"]}]]}]]
333:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"unknown[]"}]
334:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
335:["$","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":"-"}]]}]
337:["$","code",null,{"className":"w-20 shrink-0 text-fg-subtle text-sm","children":"medium"}]
338:["$","span",null,{"className":"text-lg","style":{"fontWeight":"450"},"children":"ArteOdyssey"}]
339:["$","span",null,{"className":"ml-auto shrink-0 text-fg-subtle text-xs","children":"450"}]
33a:["$","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"}]]}]
33b:["$","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"}]]}]]}]}]]}]
33c:["$","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"}]]}]]}]}]]}]
33d:["$","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",")"]}]]}]
33f:"-"
340:["$","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":"-"}]]}]
341:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Prop"}]
342:["$","th",null,{"className":"whitespace-nowrap py-3 pr-6 font-medium","children":"Type"}]
343:["$","th",null,{"className":"whitespace-nowrap py-3 font-medium","children":"Default"}]
344:["$","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":"-"}]]}]]}]
345:["$","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'"}]]}]]}]}]
346:["$","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'"}]}]
347:["$","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"}]}]]}]
348:["$","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":"-"}]]}]
349:["$","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":"-"}]]}]
34a:["$","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"}]}]]}]
34b:["$","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":"-"}]]}]
34c:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"children"}]
34d:["$","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"}]]}]]}]}]
34e:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
34f:["$","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"}]]}]]}]}]
350:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
351:["$","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":"-"}]]}]
352:["$","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":"-"}]]}]
353:["$","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"}]}]]}]
354:["$","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"}]}]]}]
355:["$","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":"-"}]]}]
356:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
357:["$","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"}]]}]]}]}]
358:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
359:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
35a:["$","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"}]]}]]}]}]
35b:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
35c:["$","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"}]}]]}]
35d:["$","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"}]}]]}]
35e:["$","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":"-"}]]}]
35f:["$","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":"-"}]]}]
360:["$","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":"-"}]]}]
361:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
362:["$","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":"-"}]]}]
363:["$","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":"-"}]]}]
364:["$","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":"-"}]]}]
365:["$","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":"-"}]]}]
366:["$","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":"-"}]]}]
367:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
368:["$","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"}]]}]]}]}]
369:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
36a:["$","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":"-"}]]}]
36b:["$","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":"-"}]]}]
36c:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"boolean"}]
36d:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
36e:["$","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<HTMLInputElement>",{"className":"flex items-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<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]]}]
36f:["$","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":"-"}]]}]
370:["$","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":"-"}]]}]
371:["$","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":"-"}]]}]
372:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"defaultValue"}]
373:["$","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"}]]}]]}]}]
374:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
375:["$","td",null,{"className":"whitespace-nowrap 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"}]}]
376:["$","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[]"}]]}]]}]}]
377:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
378:["$","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":"-"}]]}]
379:["$","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":"-"}]]}]
37a:["$","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"}]]}]
37b:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
37c:["$","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":"-"}]]}]
37d:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"helpText"}]
37e:["$","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"}]]}]]}]}]
37f:["$","td",null,{"className":"whitespace-nowrap py-3","children":"-"}]
380:["$","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":"-"}]]}]
381:["$","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":"-"}]]}]
383:["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'neutral'"}]
384:["$","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","'solid'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"m-0.5 rounded-md bg-bg-mute px-1.5 sm:py-0.5","children":"'solid'"}]]}],["$","span","'outline'",{"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":"'outline'"}]]}]]}]}],["$","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":"'solid'"}]}]]}]
385:"-"
386:["$","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"}]}]]}]
387:["$","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":"-"}]]}]
388:["$","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":"-"}]]}]
389:T49c,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"contained"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Click me</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>52:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$389"}}]
38a:T6cc,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { CloseIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>5c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38a"}}]
66:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">LinkButton</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> href</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"#\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">>Get Started&#x3C;/</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">LinkButton</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">></span></span></code></pre>"}}]
38b:T425,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"https://example.com"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> openInNewTab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  External Link</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>71:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38b"}}]
38c:T61b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>79:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38c"}}]
38d:T715,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Enter your name"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>7a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38d"}}]
38e:T979,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Textarea</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"textarea-basic"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Enter text"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>82:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38e"}}]
38f:Tadd,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Textarea</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"textarea-rows"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"6 rows"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  rows</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">6</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>83:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$38f"}}]
390:Tb51,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Textarea</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"textarea-auto"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  autoResize</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Type to auto-resize"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  rows</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">2</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>84:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$390"}}]
391:T86e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Textarea</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"textarea-disabled"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Disabled"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>85:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$391"}}]
a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/styles.css'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
392:T731,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ArteOdysseyProvider } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> App</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ children }) {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ArteOdysseyProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      {children}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ArteOdysseyProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$392"}}]
393:Tbdb,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { Button</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> Heading } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> MyComponent</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">() {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h1"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Hello ArteOdyssey&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"contained"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Click me&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$393"}}]
394:T61d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">NumberField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>8b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$394"}}]
395:T8f7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">NumberField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  precision</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">2</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  step</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">0.25</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>8c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$395"}}]
396:Ta57,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">NumberField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  max</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">10</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  min</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  step</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>8d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$396"}}]
397:T511,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">NumberField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>8e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$397"}}]
398:T12ae,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Apple'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Banana'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'banana'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Cherry'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'cherry'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Select</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"select-basic"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>93:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$398"}}]
a0:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Checkbox</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> label</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"I agree to the terms\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
a1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Checkbox</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> defaultChecked</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> label</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"Checked by default\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
399:T9a7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">checked</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setChecked</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Checkbox</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Controlled checkbox"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(e) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setChecked</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">e</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">target</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.checked)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{checked}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>a3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$399"}}]
39a:T49b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Unchecked disabled"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultChecked</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Checked disabled"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>a4:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39a"}}]
39b:T710,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Switch</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Email notifications"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>ae:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39b"}}]
39c:T779,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Switch</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultChecked</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Automatic backups"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>af:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39c"}}]
39d:Tdfb,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Switch</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Controlled switch"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(event) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">event</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">target</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.checked)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>b1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39d"}}]
39e:Ta7e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Switch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isDisabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Airplane mode"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Switch</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultChecked</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isDisabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Offline sync"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>b2:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39e"}}]
39f:T1620,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Apple'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Banana'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'banana'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Cherry'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'cherry'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Radio</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  labelId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit-label"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(e) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">e</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">target</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.value)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>b6:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$39f"}}]
3a0:T6ff,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Radio</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"cherry"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  labelId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit-default-label"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit-default"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>b7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a0"}}]
3a1:T1cda,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">string</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">[]>([]);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Apple'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Banana'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'banana'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Cherry'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'cherry'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Grape'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'grape'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Orange'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'orange'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Autocomplete</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"autocomplete-basic"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setValue}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>be:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a1"}}]
3a2:Ta51,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Autocomplete</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"autocomplete-required"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setValue}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>c0:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a2"}}]
3a3:Tfa4,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">string</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">[]>([</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'apple'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'cherry'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Autocomplete</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"autocomplete-multiple"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setValue}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>c2:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a3"}}]
3a4:Tad7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Autocomplete</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"autocomplete-disabled"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setValue}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{[</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>c4:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a4"}}]
3a5:Ta50,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Autocomplete</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"autocomplete-invalid"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setValue}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>c6:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a5"}}]
3a6:T78a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Slider</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">50</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>ca:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a6"}}]
3a7:Tbc5,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Slider</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">20</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  max</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">50</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  min</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">10</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  step</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">5</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>cb:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a7"}}]
3a8:T67e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Slider</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">30</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>cc:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a8"}}]
3a9:Td0f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> accept</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"image/*"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> multiple</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ disabled</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> onClick }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{disabled} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onClick}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Select File</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.ItemList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clearable</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>dd:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3a9"}}]
3aa:Te24,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* Accept only PDF and Word documents */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> accept</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">".pdf,.doc,.docx"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> multiple</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ disabled</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> onClick }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{disabled} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onClick}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Select Document</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.ItemList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clearable</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>df:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3aa"}}]
3ab:Tcce,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxFiles</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">multiple</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ disabled</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> onClick }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{disabled} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onClick}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Select Files (max 3)</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.ItemList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clearable</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>e1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ab"}}]
3ac:Tc89,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isDisabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> multiple</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ disabled</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> onClick }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{disabled} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onClick}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Select File</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.ItemList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clearable</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>e3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ac"}}]
3ad:Tc88,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isInvalid</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> multiple</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ disabled</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> onClick }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{disabled} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onClick}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Select File</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.ItemList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> clearable</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FileField.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>e5:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ad"}}]
3ae:T789,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FormControl</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Name"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderInput</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Enter your name"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>e9:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ae"}}]
3af:T895,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FormControl</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  helpText</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Please enter a valid email address."</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Email"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderInput</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"you@example.com"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>eb:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3af"}}]
3b0:T772,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FormControl</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  errorText</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"This field is required."</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Email"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderInput</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>ed:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b0"}}]
3b1:T7f3,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FormControl</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Username"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderInput</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Required field"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>ef:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b1"}}]
3b2:T7f3,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">FormControl</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Username"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderInput</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Disabled field"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>f1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b2"}}]
3b3:T1da6,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>What is ArteOdyssey?&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>ArteOdyssey is a React UI component library.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>How do I install it?&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Install via npm, yarn, or pnpm.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Is it accessible?&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Yes, it follows WAI-ARIA accordion patterns.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>f7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b3"}}]
3b4:T14e7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Open by default&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This panel is open on initial render.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Closed by default&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This panel is closed on initial render.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>f8:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b4"}}]
101:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Avatar</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> name</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"Arte Odyssey\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
102:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Avatar</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">  alt</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"Arte Odyssey\"</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">  src</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&#x26;fit=crop&#x26;w=200&#x26;q=80\"</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">/></span></span></code></pre>"}}]
3b5:T848,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Avatar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Small"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Avatar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Medium"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Avatar</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Large"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>103:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b5"}}]
10c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Badge</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> text</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"New\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3b6:Tc96,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Neutral"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Info"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"info"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Success"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Warning"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"warning"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Error"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"error"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>10d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b6"}}]
3b7:T4e1,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"p-6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Card content&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>113:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b7"}}]
3b8:Taa8,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"p-6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Primary&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"secondary"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"p-6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Secondary&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>114:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b8"}}]
3b9:Taa0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> width</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"full"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"p-6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Full width&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> width</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fit"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"p-6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Fit content&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>115:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3b9"}}]
3ba:T48f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Use the &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>console.log()&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">> function</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  to output values.</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>11d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ba"}}]
3bb:T541,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>#ff6347&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>#3498db&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>background: #22c55e&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Code</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>11f:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bb"}}]
3bc:T1a46,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> OPTIONS</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'apple'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Apple'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'banana'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Banana'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'cherry'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Cherry'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'grape'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Grape'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'melon'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Melon'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">];</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">selected</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setSelected</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">string</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onSelect</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(key) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setSelected</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(key)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">OPTIONS</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{selected}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Trigger</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>123:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bc"}}]
3bd:T16ff,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onSelect</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onSelect} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">OPTIONS</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onSelect</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onSelect} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">OPTIONS</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onSelect</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onSelect} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">OPTIONS</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>125:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bd"}}]
3be:Ta0f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ListIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onSelect</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onSelect} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">OPTIONS</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.TriggerIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> icon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListIcon</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ListBox.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>127:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3be"}}]
136:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">BaselineStatus</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> featureId</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"container-queries\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3bf:T626,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">BaselineStatus</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> featureId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"subgrid"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">BaselineStatus</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> featureId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"has-selector"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">BaselineStatus</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> featureId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"anchor-positioning"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>137:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3bf"}}]
3c0:T40e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">60</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} /></span></span></code></pre>13b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c0"}}]
3c1:Te11,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">20</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">50</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">80</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} /></span></span></code></pre>13c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c1"}}]
142:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Heading</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> type</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"h2\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">>Section Title&#x3C;/</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Heading</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">></span></span></code></pre>"}}]
3c2:Te9e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h1"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 1&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 2&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h3"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 3&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h4"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 4&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h5"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 5&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h6"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Heading 6&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>143:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c2"}}]
3c3:T5c5,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> lineClamp</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h3"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  This is a very long heading text that will be</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  truncated to a single line using line clamp</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Heading</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>144:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c3"}}]
148:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Alert</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> message</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"This is an info alert.\"</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> status</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"info\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
155:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Skeleton</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3c4:T434,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Skeleton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> shape</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rect"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Skeleton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> shape</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"circle"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>156:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c4"}}]
3c5:T5e6,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Skeleton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Skeleton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Skeleton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>157:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c5"}}]
15c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Spinner</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3c6:T5e3,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Spinner</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Spinner</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Spinner</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>15d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c6"}}]
3c7:T1e16,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ToastProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ToastDemo</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ToastProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ToastDemo</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">() {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useToast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex flex-wrap gap-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'success'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Operation completed'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Success</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'info'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Here is some information'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Info</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'warning'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Please check your input'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Warning</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'error'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Something went wrong'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Error</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>162:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c7"}}]
3c8:T88e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">onOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> onClose</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> onCloseAll</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useToast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Show a toast</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'success'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Saved successfully'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Close a specific toast by ID</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClose</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(toastId);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Close all toasts</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onCloseAll</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span></code></pre>163:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c8"}}]
3c9:T142d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> CloseAllDemo</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">() {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">onOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> onCloseAll</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useToast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex flex-wrap gap-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'info'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Notification 1'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Add Toast</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'success'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Notification 2'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Add Another</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onCloseAll}>Close All&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>165:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3c9"}}]
3ca:T30fb,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"top"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}>Top&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Top tooltip&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"right"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}>Right&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Right tooltip&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}>Bottom&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Bottom tooltip&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"left"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}>Left&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Left tooltip&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>171:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ca"}}]
3cb:Td94,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom-start"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Hover me</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Supplementary information&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tooltip.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>16f:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3cb"}}]
3cc:T6e0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{handleClose} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Dialog Title"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Dialog content here&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>17b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3cc"}}]
3cd:T17da,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Open Dialog</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isOpen}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"center"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Confirmation"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Are you sure you want to proceed?&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>17d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3cd"}}]
3ce:T29d3,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Delete Item&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isOpen}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"center"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> role</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"alertdialog"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete Confirmation"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex flex-col gap-4"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          Are you sure you want to delete this item?</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          This action cannot be undone.</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex justify-end gap-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">            color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"gray"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">            onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">            variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outlined"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          ></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">            Cancel</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">            Delete</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">          &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>17f:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ce"}}]
3cf:T17a7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Open Drawer</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Drawer</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isOpen}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Menu"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">nav</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex flex-col gap-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/about"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>About&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/contact"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Contact&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">nav</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Drawer</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>189:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3cf"}}]
3d0:T26c1,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Open Navigation Drawer</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Drawer</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isOpen}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Navigation"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">nav</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"flex flex-col gap-1"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-md px-3 py-2 font-bold hover:bg-bg-mute"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Dashboard</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/profile"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Profile</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/settings"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Settings</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">hr</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"border-border-mute my-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/help"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Help</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-md px-3 py-2 hover:bg-bg-mute"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/logout"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Sign Out</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">nav</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Drawer</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>18b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d0"}}]
3d1:T17d9,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Open Modal</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isOpen}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"center"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Confirmation"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Are you sure you want to proceed?&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>193:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d1"}}]
3d2:T32bd,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setCenterOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Center&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setBottomOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Bottom&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setRightOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Right&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{centerOpen} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setCenterOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"center"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setCenterOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Center Modal"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Centered on screen&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{bottomOpen} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setBottomOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setBottomOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Bottom Modal"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Slides up from bottom&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isOpen</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{rightOpen} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setRightOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"right"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setRightOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Right Modal"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Slides in from right&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>195:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d2"}}]
3d3:Tca0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultOpen</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"center"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Header</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      onClose</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      title</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Default Open Modal"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This modal is open by default.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Dialog.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Modal</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>197:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d3"}}]
3d4:T120d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Open Popover</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Content</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">        className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-lg bg-bg-mute p-4 shadow-md"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      ></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Popover content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1a3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d4"}}]
3d5:T439b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"top"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Top&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Content</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Top placement&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"right"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Right&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Content</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Right placement&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Bottom&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Content</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Bottom placement&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"left"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Trigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"button"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Left&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Content</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    renderItem</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(props) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"rounded-lg bg-bg-mute p-4 shadow-md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">props}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Left placement&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Popover.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1a5:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d5"}}]
3d6:Tf11,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Actions"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Duplicate"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1b1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d6"}}]
3d7:T133e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { DarkModeIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.IconTrigger</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    icon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DarkModeIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Theme"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Light"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Dark"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"System"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1b3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d7"}}]
3d8:T25a6,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Small"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Medium"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Large"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1b5:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d8"}}]
3d9:T25dd,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom-start"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Bottom Start"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bottom-end"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Bottom End"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> placement</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"top-start"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Trigger</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Top Start"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Edit"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Delete"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {}} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">DropdownMenu.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1b7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3d9"}}]
1c6:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Separator</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> color</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"mute\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3da:T44a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Separator</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> orientation</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"horizontal"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Separator</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> orientation</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"vertical"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>1c7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3da"}}]
3db:T1b4f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ids</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{[</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'overview'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'settings'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'history'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.List</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Navigation"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"overview"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Overview&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"settings"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Settings&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"history"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>History&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"overview"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Overview content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"settings"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Settings content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"history"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>History content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1cd:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3db"}}]
3dc:T1cc1,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Root</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultSelectedId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"settings"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  ids</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{[</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'overview'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'settings'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'history'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.List</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Navigation"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"overview"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Overview&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"settings"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Settings&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"history"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>History&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Tab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"overview"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Overview content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"settings"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Settings content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"history"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>History content goes here.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Tabs.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1cf:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3dc"}}]
3dd:T12c0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/components"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Components&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> current</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/components/breadcrumb"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Breadcrumb</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1db:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3dd"}}]
3de:Td48,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> containerRef</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useRef</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HTMLDivElement</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">null</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"relative h-64 overflow-y-scroll rounded-lg border"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{containerRef}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ScrollLinked</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> container</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{containerRef} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"h-[800px] p-4"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Scroll this container to see the progress bar.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1e3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3de"}}]
1e4:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#C2C3C5;--shiki-dark:#6B737C\">// Without a container prop, ScrollLinked tracks the window scroll position.</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">ScrollLinked</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span></code></pre>"}}]
3df:T705,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ErrorBoundary } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/error-boundary'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> fallback</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Something went wrong.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MyComponent</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1e7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3df"}}]
3e0:T11da,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ErrorBoundary } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/error-boundary'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  fallbackRender</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ error</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> resetErrorBoundary }) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> role</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"alert"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Error: {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">error</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.message}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{resetErrorBoundary}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        Try again</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  )}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onReset</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">    // Reset application state here</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  }}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MyComponent</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1e8:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e0"}}]
3e1:T1419,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ErrorBoundary } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/error-boundary'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> type</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { FallbackProps } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'react-error-boundary'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ErrorFallback</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ error</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> resetErrorBoundary }</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> FallbackProps</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">) {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> role</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"alert"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h2</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Something went wrong&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h2</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">error</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.message}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{resetErrorBoundary}>Try again&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> FallbackComponent</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{ErrorFallback}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MyComponent</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1e9:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e1"}}]
3e2:T1106,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ErrorBoundary } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/error-boundary'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> App</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">() {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">retryKey</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setRetryKey</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      fallback</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Something went wrong.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      onReset</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">        // Reset application state when retryKey changes</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      }}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      resetKeys</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{[retryKey]}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    ></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MyComponent</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> key</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{retryKey} /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ErrorBoundary</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  );</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>1ea:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e2"}}]
3e3:T114b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">isOpen</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useClickAway</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HTMLDivElement</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>(() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> isOpen);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setIsOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Open Popup&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    {isOpen </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">&#x26;&#x26;</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{ref}>Click outside to close&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>212:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e3"}}]
3e4:T81a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isClient</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useClient</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">if</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">!</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">isClient) {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Loading...&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>;</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Window width: {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">window</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.innerWidth}px&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>;</span></span></code></pre>219:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e4"}}]
3e5:T1331,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">writeClipboard</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useClipboard</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">copied</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setCopied</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> handleCopy</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> async</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> () </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> writeClipboard</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'Hello from ArteOdyssey!'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setCopied</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setTimeout</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setCopied</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 2000</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">};</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{handleCopy}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    {copied </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Copied!'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Copy Text'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>21c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e5"}}]
3e6:Tc26,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> hash</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useHash</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Current hash: {hash </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">??</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'none'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#section-1"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Go to Section 1&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#section-2"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Go to Section 2&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">a</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>221:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e6"}}]
3e7:Tc46,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">count</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setCount</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> increment</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useCallback</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setCount</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((prev) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> prev </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">+</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> []);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">useInterval</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(increment</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1000</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Count: {count}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>;</span></span></code></pre>224:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e7"}}]
3e8:Td4b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useLocalStorage</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'demo-count'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Count: {value}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(value </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">+</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Increment</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>229:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e8"}}]
3e9:Tf90,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">value</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setValue</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> handleRemove</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useLocalStorage</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'demo-name'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'ArteOdyssey'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Value: {value}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'Updated!'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">)}>Update&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{handleRemove}>Remove&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>22b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3e9"}}]
3ea:T14ea,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">size</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setSize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ width</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> height</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> });</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useResize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HTMLDivElement</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>((entry) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">width</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> height</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> entry</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.contentRect;</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setSize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ width</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> height });</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { debounceMs</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> });</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{ref}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Width: {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">size</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.width}px&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Height: {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">size</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.height}px&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>233:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ea"}}]
3eb:T949,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">x</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> y</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useScrollDirection</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Vertical: {y}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Horizontal: {x}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>23c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3eb"}}]
3ec:T11fa,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">count</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> back</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> next</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isDisabledBack</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isDisabledNext</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useStep</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  initialCount</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  maxCount</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 5</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">});</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isDisabledBack} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{back}>Back&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Step {count} / 5&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isDisabledNext} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{next}>Next&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>244:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ec"}}]
3ed:Tab9,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> [</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">visible</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setVisible</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">] </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">true</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">useTimeout</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  setVisible</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 3000</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> visible </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This will disappear in 3 seconds&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">> </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> null</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span></code></pre>24a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ed"}}]
3ee:T8e1,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">useWindowResize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  (size) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> {</span></span>
<span class="line"><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">    console</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.log</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">`Window: </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">${</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">size</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.width</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">}</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">x</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">${</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">size</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.height</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">}</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">`</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { debounceMs</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 200</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>24f:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ee"}}]
3ef:T953,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { </span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">width</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> height</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useWindowSize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Width: {width}px&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Height: {height}px&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>254:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ef"}}]
3f0:T98f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cn</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'rounded-lg border px-4 py-2'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'bg-bg-mute text-fg-base'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Conditional classes</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cn</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'rounded-lg px-4 py-2'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  isActive </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">&#x26;&#x26;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'bg-bg-mute'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  isError </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">&#x26;&#x26;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'bg-red-500'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>25a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f0"}}]
3f1:T7bf,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"contained"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Contained&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outlined"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Outlined&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"skeleton"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Skeleton&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>28d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f1"}}]
3f2:T558,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Primary&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"gray"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Gray&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>28e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f2"}}]
3f3:T79a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Small&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Medium&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Large&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>28f:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f3"}}]
3f4:Tc13,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { MailIcon</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ChevronIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> startIcon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MailIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Send Email</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> endIcon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ChevronIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> direction</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"right"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Next</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>290:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f4"}}]
291:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Button</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> fullWidth</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">>Full Width Button&#x3C;/</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Button</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">></span></span></code></pre>"}}]
292:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Button</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> disabled</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">>Disabled&#x3C;/</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Button</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">></span></span></code></pre>"}}]
3f5:T105a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>29a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f5"}}]
3f6:T1064,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> bg</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"transparent"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> bg</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"base"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> bg</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>29b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f6"}}]
3f7:T56d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> disabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Close"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CloseIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">IconButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>29c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f7"}}]
3f8:Ta32,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"contained"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Contained&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outlined"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Outlined&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"skeleton"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Skeleton&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a0:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f8"}}]
3f9:T6fa,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Primary&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"gray"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Gray&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3f9"}}]
3fa:Ta0d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Small&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Medium&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Large&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a2:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3fa"}}]
3fb:Te4a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { MailIcon</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ChevronIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> startIcon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">MailIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Send Email</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  endIcon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ChevronIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> direction</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"right"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Next</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3fb"}}]
3fc:T4e6,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> active</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"skeleton"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Active Link</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a4:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3fc"}}]
3fd:T87d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ExternalLinkIcon } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">;</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  endIcon</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ExternalLinkIcon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"https://example.com"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  openInNewTab</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  External Link</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">LinkButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2a5:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3fd"}}]
3fe:T732,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"#"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  Same Tab Link</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"https://example.com"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> openInNewTab</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  New Tab Link</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Anchor</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2ad:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3fe"}}]
3ff:T608,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Disabled field"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2b0:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$3ff"}}]
400:T608,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">TextField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"invalid value"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2b1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$400"}}]
401:T873,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Textarea</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"textarea-invalid"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"invalid value"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2b6:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$401"}}]
402:T511,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">NumberField</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2c1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$402"}}]
403:T867,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Select</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"select-required"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2c9:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$403"}}]
404:Ta6a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Select</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"select-default-value"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  defaultValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"cherry"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2ca:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$404"}}]
405:T867,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Select</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"select-disabled"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2cb:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$405"}}]
406:T866,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Select</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"select-invalid"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  describedbyId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">undefined</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isInvalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isRequired</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2cc:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$406"}}]
407:T8be,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Radio</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  isDisabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  labelId</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit-disabled-label"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"fruit-disabled"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(e) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">e</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">target</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.value)}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  options</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{options}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{value}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>2dd:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$407"}}]
408:T1e0a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Section A&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This panel is open by default.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> defaultOpen</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Section B&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This panel is also open by default.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Section C&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Button</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">h3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>This panel is closed by default.&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Panel</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Accordion.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>2fb:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$408"}}]
409:T69e,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Solid"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>303:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$409"}}]
40a:T596,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Progress</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Upload progress"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  maxProgress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  progress</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">75</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>30b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40a"}}]
40b:Tb49,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Alert</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> message</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Operation completed successfully."</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Alert</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> message</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Here is some useful information."</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"info"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Alert</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> message</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Please proceed with caution."</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"warning"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Alert</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> message</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Something went wrong."</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"error"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>313:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40b"}}]
40c:T64a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Alert</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  message</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{[</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">    "Password must be at least 8 characters."</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">    "Password must include a number."</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">    "Password must include a special character."</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  ]}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"error"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>314:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40c"}}]
319:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Skeleton</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> animate</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> /></span></span>\n<span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Skeleton</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> animate</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">{</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">false</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">} /></span></span></code></pre>"}}]
40d:T5f4,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Separator</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"base"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Separator</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"mute"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Separator</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"subtle"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>1c8:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40d"}}]
40e:T12c0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/components"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Components&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> current</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/components/breadcrumb"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      Breadcrumb</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>329:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40e"}}]
40f:T26bf,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"sm"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> current</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/docs"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Docs&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"md"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> current</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/docs"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Docs&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> size</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"lg"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Home&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Separator</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> current</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> href</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"/docs"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Docs&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Link</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.Item</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Breadcrumb.List</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>32a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$40f"}}]
410:T1fcc,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Neutral Solid"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Neutral Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Info Solid"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"info"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Info Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"info"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Success Solid"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Success Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"success"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Warning Solid"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"warning"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Warning Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"warning"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Error Solid"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"error"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Badge</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> text</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Error Outline"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> tone</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"error"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> variant</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>382:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$410"}}]
51:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Button } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/button'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
5b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { IconButton } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/icon-button'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
65:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { LinkButton } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/link-button'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
70:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Anchor } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/anchor'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
78:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { TextField } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/text-field'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
80:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Textarea } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/textarea'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
89:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { NumberField } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/number-field'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
92:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Select } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/select'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
9e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Checkbox } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/checkbox'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
ac:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Switch } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/switch'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
b4:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Radio } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/radio'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
bc:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Autocomplete } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/autocomplete'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
c8:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Slider } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/slider'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
db:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { FileField } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/file-field'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
e7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { FormControl } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/form-control'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
f3:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Accordion } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/accordion'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
ff:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Avatar } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/avatar'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
10b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Badge } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/badge'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
112:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Card } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/card'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
11c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Code } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/code'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
121:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { ListBox } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/list-box'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
134:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { BaselineStatus } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/baseline-status'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
13a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Progress } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/progress'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
141:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Heading } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/heading'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
147:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Alert } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/alert'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
154:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Skeleton } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/skeleton'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
15b:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Spinner } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/spinner'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
160:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { ToastProvider</span><span style=\"--shiki-light:#212121;--shiki-dark:#BBBBBB\">,</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> useToast } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/toast'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
16d:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Tooltip } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/tooltip'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
179:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Dialog } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/dialog'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Modal } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/modal'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
187:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Drawer } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/drawer'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
191:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Modal } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/modal'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1a1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Popover } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/popover'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1af:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { DropdownMenu } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/dropdown-menu'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1c5:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Separator } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/separator'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1cb:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Tabs } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/tabs'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1da:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { Breadcrumb } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/breadcrumb'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1e1:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { ScrollLinked } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/scroll-linked'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1e6:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { ErrorBoundary } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/error-boundary'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
210:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useClickAway } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/click-away'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
218:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useClient } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/client'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
21a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useClipboard } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/clipboard'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
222:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useInterval } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/interval'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
220:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useHash } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/hash'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
227:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useLocalStorage } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/local-storage'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
232:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useResize } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/resize'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
23a:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useScrollDirection } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/scroll-direction'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
242:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useStep } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/step'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
249:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useTimeout } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/timeout'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
24e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useWindowResize } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/window-resize'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
252:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { useWindowSize } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/hooks/window-size'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
258:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { cn } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/cn'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
25e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { findAllColors } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/color/find-all-colors'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
411:T4c0,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> colors</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> findAllColors</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'color: #ff0080; background: hsl(280, 70%, 50%)'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// [</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">//   { color: '#ff0080', start: 7, end: 14 },</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">//   { color: 'hsl(280, 70%, 50%)', start: 27, end: 45 },</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// ]</span></span></code></pre>260:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$411"}}]
264:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { between } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/number/between'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
412:T861,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">between</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">5</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 10</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);   </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 5</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">between</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">-</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">5</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 10</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 0</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">between</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">15</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 10</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 10</span></span></code></pre>266:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$412"}}]
26c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { cast } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/number/cast'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
413:T8aa,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">cast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'1.5'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);       </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 1.5</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">cast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'3.14159'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0.01</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">); </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 3.14</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">cast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'-19'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);        </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// -19</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">cast</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'1e4'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);        </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 10000</span></span></code></pre>26e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$413"}}]
275:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { commalize } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/number/commalize'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
414:T6c2,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">commalize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">100</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);         </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// '100'</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">commalize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1000</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);        </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// '1,000'</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">commalize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1000000</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);     </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// '1,000,000'</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">commalize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1234567.89</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// '1,234,568'</span></span></code></pre>277:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$414"}}]
27c:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { toPrecision } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/number/to-precision'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
415:T8b1,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">toPrecision</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1.2345</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 1</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">toPrecision</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1.2345</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 1</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 1.2</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">toPrecision</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1.2345</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 2</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 1.23</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">toPrecision</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">1.2345</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 3</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 1.235</span></span></code></pre>27e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$415"}}]
284:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { uuidV4 } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/uuid-v4'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
286:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">const</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\"> id</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\"> =</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> uuidV4</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">();</span></span>\n<span class=\"line\"><span style=\"--shiki-light:#C2C3C5;--shiki-dark:#6B737C\">// 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'</span></span></code></pre>"}}]
287:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { isInternalRoute } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">from</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/helpers/is-internal-route'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
416:T566,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">isInternalRoute</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'/about'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);              </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// true</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">isInternalRoute</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'/docs/getting-started'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">); </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// true</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">isInternalRoute</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'https://example.com'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);  </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// false</span></span></code></pre>289:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$416"}}]
417:T6cf,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Enable dark mode</span></span>
<span class="line"><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">document</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">documentElement</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">classList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.add</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'dark'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Disable dark mode</span></span>
<span class="line"><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">document</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">documentElement</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">classList</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.remove</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'dark'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>33e:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"$417"}}]
7:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">npm</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> install</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
8:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">pnpm</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> add</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
9:["$","div",null,{"className":"light:[&_.shiki]:!bg-[var(--shiki-light-bg)] dark:[&_.shiki]:!bg-[var(--shiki-dark-bg)] light:[&_.shiki_span]:!text-[var(--shiki-light)] dark:[&_.shiki_span]:!text-[var(--shiki-dark)] [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:border [&_pre]:border-border-mute [&_pre]:p-4","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">yarn</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> add</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]