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]
e:I["ad1f042a7c8d",[],"default",1]
5a:I["c797c47b6503",[],"Components",1]
5c:I["6080185159ea",[],"Button",1]
68:I["3a5141374105",[],"IconButton",1]
7e:I["3a09bc083ef4",[],"TextField",1]
8e:I["ae6085caf2c6",[],"Textarea",1]
97:I["91c860d2a4fd",[],"NumberField",1]
ad:I["9622329a7e30",[],"Select",1]
b6:I["b697a4db76dc",[],"Checkbox",1]
b9:I["21432a60d512",[],"CheckboxControlledPreview",1]
bc:I["21432a60d512",[],"CheckboxGroupControlledPreview",1]
be:I["21432a60d512",[],"CheckboxGroupDisabledPreview",1]
c5:I["705b52bbdbc8",[],"CheckboxCardControlledPreview",1]
c7:I["5a285b2bd6cd",[],"CheckboxCard",1]
d3:I["9d4788df136c",[],"Switch",1]
d6:I["725578a605c2",[],"SwitchControlledPreview",1]
e7:I["09b9cd90ad2c",[],"PasswordInput",1]
e9:I["f7a7a2081c6a",[],"PasswordInputControlledPreview",1]
fc:I["05b695ec3934",[],"Radio",1]
fe:I["9624e3024842",[],"RadioControlledPreview",1]
10a:I["ca22bbee4123",[],"RadioCardControlledPreview",1]
10c:I["031924d9c982",[],"RadioCard",1]
119:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
11b:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
11d:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
11f:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
121:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
130:I["95680beb798c",[],"Slider",1]
144:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
146:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
148:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
14a:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
14c:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
159:I["8888908e7e61",[],"FormControlBasicPreview",1]
15b:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
15d:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
15f:I["8888908e7e61",[],"FormControlRequiredPreview",1]
161:I["8888908e7e61",[],"FormControlDisabledPreview",1]
16e:I["7b08ec006ffa",[],"FormBasicPreview",1]
170:I["7b08ec006ffa",[],"FormActionStatePreview",1]
176:I["8c5b7f2aa6ac",[],"AccordionItem",1]
177:I["0f6565584477",[],"AccordionButton",1]
178:I["f6f067fc08a1",[],"AccordionPanel",1]
180:I["23bf66a48bcf",[],"Avatar",1]
19e:"$Sreact.fragment"
1ac:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
1ae:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
1b0:I["75dff7ac12d9",[],"ListBoxTriggerIconPreview",1]
1bf:I["954ab57d3797",[],"BaselineStatus",1]
1f1:I["132b1b725f7e",[],"ToastBasicPreview",1]
1f4:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
1fe:I["5145f2bca71b",[],"TooltipBasicPreview",1]
200:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
209:I["218edecdc217",[],"DialogBasicPreview",1]
20b:I["218edecdc217",[],"DialogWithModalPreview",1]
20d:I["218edecdc217",[],"AlertDialogPreview",1]
217:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
219:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
220:I["6e891aca3d00",[],"ModalBasicPreview",1]
222:I["6e891aca3d00",[],"ModalTypesPreview",1]
224:I["6e891aca3d00",[],"DefaultOpenPreview",1]
22e:I["f94374e4000c",[],"PopoverBasicPreview",1]
230:I["f94374e4000c",[],"PopoverPlacementPreview",1]
23e:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
240:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
242:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
244:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
25c:I["f74bd0fb5a52",[],"TabsBasicPreview",1]
25e:I["f74bd0fb5a52",[],"TabsDefaultSelectedPreview",1]
274:I["34416532db7f",[],"PaginationPreview",1]
276:I["34416532db7f",[],"PaginationDisabledPreview",1]
280:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
2db:I["c6eb5e7e987f",[],"HooksPage",1]
2dd:I["1ffdaeb5dfc9",[],"UseBreakpointPreview",1]
2e8:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
2f1:I["939b7f2e8860",[],"UseClipboardPreview",1]
2f7:I["93666e144dfe",[],"UseDebouncedTransitionPreview",1]
2fe:I["126edf4198ff",[],"UseDeferredDebouncePreview",1]
306:I["9760dcff36a7",[],"UseDisclosurePreview",1]
310:I["63c3e1e7de0a",[],"UseInViewPreview",1]
325:I["d80343ececf7",[],"UseIntervalPreview",1]
32a:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
32c:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
335:I["4dc090a700b5",[],"UseSessionStorageBasicPreview",1]
337:I["4dc090a700b5",[],"UseSessionStorageRemovePreview",1]
347:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
349:I["6720b60124cb",[],"UseScrollDirectionTargetPreview",1]
350:I["ff99af3476ea",[],"UseStepPreview",1]
361:I["e148fe3c7f1d",[],"UseScrollLockPreview",1]
363:I["e148fe3c7f1d",[],"UseScrollLockTargetPreview",1]
369:I["010446d0c157",[],"UseHoverPreview",1]
36f:I["68218b119e8f",[],"UseControllableStatePreview",1]
375:I["87949b3e951c",[],"UseWindowSizePreview",1]
379:I["3f34d1649026",[],"Helpers",1]
37b:I["0af5f2cf11c5",[],"CnPreview",1]
381:I["5e0ad78f7e7b",[],"MergeRefsPreview",1]
388:I["d8c1e3a1d589",[],"MergePropsPreview",1]
390:I["445ebd3407d0",[],"ChainPreview",1]
397:I["d5dfa84ddd8c",[],"CreateSafeContextPreview",1]
39f:I["4cb23748e3c8",[],"ButtonAsLinkPreview",1]
3ad:I["cafd544e051f",[],"IconButtonAsLinkPreview",1]
43d: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","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","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","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","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","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","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","children":["$","$L5",null,{"k":"getStarted.requirementsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"getStarted.requirementsDescription"}]}],["$","ul",null,{"className":"text-fg-mute flex flex-col gap-2 pl-6","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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M15 3h6v6","key":"1q9fwt"}],["path",{"d":"M10 14 21 3","key":"gplh6r"}],["path",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","key":"a6xqqp"}]],"className":"lucide-external-link size-4"}]]}]}]]}]]}]]}]},{"path":"/components","component":"$Lf"},{"path":"/components/button","component":"$L10"},{"path":"/components/icon-button","component":"$L11"},{"path":"/components/anchor","component":"$L12"},{"path":"/components/text-field","component":"$L13"},{"path":"/components/textarea","component":"$L14"},{"path":"/components/number-field","component":"$L15"},{"path":"/components/select","component":"$L16"},{"path":"/components/checkbox","component":"$L17"},{"path":"/components/checkbox-card","component":"$L18"},{"path":"/components/switch","component":"$L19"},{"path":"/components/password-input","component":"$L1a"},{"path":"/components/radio","component":"$L1b"},{"path":"/components/radio-card","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/form","component":"$L21"},{"path":"/components/accordion","component":"$L22"},{"path":"/components/avatar","component":"$L23"},{"path":"/components/badge","component":"$L24"},{"path":"/components/card","component":"$L25"},{"path":"/components/code","component":"$L26"},{"path":"/components/table","component":"$L27"},{"path":"/components/list-box","component":"$L28"},{"path":"/components/baseline-status","component":"$L29"},{"path":"/components/progress","component":"$L2a"},{"path":"/components/heading","component":"$L2b"},{"path":"/components/alert","component":"$L2c"},{"path":"/components/skeleton","component":"$L2d"},{"path":"/components/spinner","component":"$L2e"},{"path":"/components/toast","component":"$L2f"},{"path":"/components/tooltip","component":"$L30"},{"path":"/components/dialog","component":"$L31"},{"path":"/components/drawer","component":"$L32"},{"path":"/components/modal","component":"$L33"},{"path":"/components/popover","component":"$L34"},{"path":"/components/dropdown-menu","component":"$L35"},{"path":"/components/separator","component":"$L36"},{"path":"/components/tabs","component":"$L37"},{"path":"/components/breadcrumb","component":"$L38"},{"path":"/components/pagination","component":"$L39"},{"path":"/components/scroll-linked","component":"$L3a"},{"path":"/components/icons","component":"$L3b"},{"path":"/theming","component":"$L3c"},{"path":"/hooks","component":"$L3d"},{"path":"/hooks/use-breakpoint","component":"$L3e"},{"path":"/hooks/use-click-away","component":"$L3f"},{"path":"/hooks/use-client","component":"$L40"},{"path":"/hooks/use-clipboard","component":"$L41"},{"path":"/hooks/use-debounced-transition","component":"$L42"},{"path":"/hooks/use-deferred-debounce","component":"$L43"},{"path":"/hooks/use-disclosure","component":"$L44"},{"path":"/hooks/use-hash","component":"$L45"},{"path":"/hooks/use-in-view","component":"$L46"},{"path":"/hooks/use-intersection-observer","component":"$L47"},{"path":"/hooks/use-interval","component":"$L48"},{"path":"/hooks/use-local-storage","component":"$L49"},{"path":"/hooks/use-session-storage","component":"$L4a"},{"path":"/hooks/use-resize","component":"$L4b"},{"path":"/hooks/use-scroll-direction","component":"$L4c"},{"path":"/hooks/use-step","component":"$L4d"},{"path":"/hooks/use-timeout","component":"$L4e"},{"path":"/hooks/use-window-resize","component":"$L4f"},{"path":"/hooks/use-scroll-lock","component":"$L50"},{"path":"/hooks/use-hover","component":"$L51"},{"path":"/hooks/use-controllable-state","component":"$L52"},{"path":"/hooks/use-window-size","component":"$L53"},{"path":"/helpers","component":"$L54"},{"path":"/helpers/cn","component":"$L55"},{"path":"/helpers/merge-refs","component":"$L56"},{"path":"/helpers/merge-props","component":"$L57"},{"path":"/helpers/chain","component":"$L58"},{"path":"/helpers/create-safe-context","component":"$L59"}]}]}]}
f:["$","$L5a",null,{}]
10:["$","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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L5c",null,{"color":"primary","variant":"contained","children":"Click me"}]}],"$L5d"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L5c",null,{"variant":"contained","children":"Contained"}],["$","$L5c",null,{"variant":"outlined","children":"Outlined"}],["$","$L5c",null,{"variant":"skeleton","children":"Skeleton"}]]}],"$L5e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L5c",null,{"color":"primary","children":"Primary"}],["$","$L5c",null,{"color":"secondary","children":"Secondary"}],["$","$L5c",null,{"color":"gray","children":"Gray"}]]}],"$L5f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L5c",null,{"size":"sm","children":"Small"}],["$","$L5c",null,{"size":"md","children":"Medium"}],["$","$L5c",null,{"size":"lg","children":"Large"}]]}],"$L60"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.iconsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L5c",null,{"startIcon":["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7","key":"132q7q"}],["rect",{"x":"2","y":"4","width":"20","height":"16","rx":"2","key":"izxlao"}]],"className":"lucide-mail size-4"}],"children":"Send Email"}],["$","$L5c",null,{"endIcon":["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"m9 18 6-6-6-6","key":"mthhwq"}]],"className":"lucide-chevron-right size-4"}],"children":"Next"}]]}],"$L61"]}]]}],"$L62","$L63","$L64"]}],"$L65","$L66"]}]
11:["$","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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L67"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L68",null,{"label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M18 6 6 18","key":"1bl5f8"}],["path",{"d":"m6 6 12 12","key":"d8bk6v"}]],"className":"lucide-x size-4"}]}]}],"$L69"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L68",null,{"label":"Close","size":"sm","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L68",null,{"label":"Close","size":"md","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L68",null,{"label":"Close","size":"lg","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L6a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.backgroundsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L68",null,{"bg":"transparent","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L68",null,{"bg":"base","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L68",null,{"bg":"primary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L68",null,{"bg":"secondary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L6b"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L68",null,{"disabled":true,"label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]}],"$L6c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.renderItemTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":["$L6d","$L6e"]}]]}]]}],"$L6f","$L70"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L71"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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",["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}],"$L72"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.anchor.openInNewTabTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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",["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]]}],"$L73"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.anchor.renderAnchorTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"components.anchor.renderAnchorDescription"}]}],"$L74"]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","href",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L75","$L76","$L77"]}],"$L78","$L79","$L7a"]}],"$L7b","$L7c"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L7d"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L7e",null,{"disabled":false,"invalid":false,"required":false}]}],"$L7f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.placeholderTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L7e",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your name"}]}],"$L80"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L7e",null,{"disabled":true,"invalid":false,"required":false,"placeholder":"Disabled field"}]}],"$L81"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L7e",null,{"defaultValue":"invalid value","disabled":false,"invalid":true,"required":false}]}],"$L82"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,"$L83"]}]]}]]}],"$L84"]}],"$L85","$L86","$L87","$L88","$L89","$L8a"]}],"$L8b","$L8c"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L8d"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L8e",null,{"aria-describedby":"$undefined","id":"textarea-basic","disabled":false,"invalid":false,"required":false,"placeholder":"Enter text"}]}],"$L8f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textarea.rowsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L8e",null,{"aria-describedby":"$undefined","id":"textarea-rows","disabled":false,"invalid":false,"required":false,"placeholder":"6 rows","rows":6}]}],"$L90"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textarea.autoResizeTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L8e",null,{"autoResize":true,"aria-describedby":"$undefined","id":"textarea-auto","disabled":false,"invalid":false,"required":false,"placeholder":"Type to auto-resize","rows":2}]}],"$L91"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textarea.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L8e",null,{"aria-describedby":"$undefined","id":"textarea-disabled","disabled":true,"invalid":false,"required":false,"placeholder":"Disabled"}]}],"$L92"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textarea.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L8e",null,{"defaultValue":"invalid value","aria-describedby":"$undefined","id":"textarea-invalid","disabled":false,"invalid":true,"required":false}]}],"$L93"]}]]}]]}],["$","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":["$L94","$L95"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L96"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L97",null,{"disabled":false,"invalid":false,"required":false}]}],"$L98"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.stepPrecisionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L97",null,{"disabled":false,"invalid":false,"required":false,"precision":2,"step":0.25}]}],"$L99"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.minMaxTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L97",null,{"disabled":false,"invalid":false,"required":false,"max":10,"min":0,"step":1}]}],"$L9a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L97",null,{"disabled":true,"invalid":false,"required":false}]}],"$L9b"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L97",null,{"disabled":false,"invalid":true,"required":false}]}],"$L9c"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L9d","$L9e","$L9f"]}],"$La0","$La1","$La2","$La3","$La4","$La5","$La6","$La7","$La8","$La9"]}],"$Laa","$Lab"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lad",null,{"aria-describedby":"$undefined","id":"select-basic","disabled":false,"invalid":false,"required":false,"options":[{"label":"Apple","value":"apple"},{"label":"Banana","value":"banana"},{"label":"Cherry","value":"cherry"}]}]}],"$Lae"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lad",null,{"aria-describedby":"$undefined","id":"select-required","disabled":false,"invalid":false,"required":true,"options":"$16:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Laf"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lad",null,{"defaultValue":"cherry","aria-describedby":"$undefined","id":"select-default-value","disabled":false,"invalid":false,"required":false,"options":"$16:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lb0"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lad",null,{"aria-describedby":"$undefined","id":"select-disabled","disabled":true,"invalid":false,"required":false,"options":"$16:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lb1"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lad",null,{"aria-describedby":"$undefined","id":"select-invalid","disabled":false,"invalid":true,"required":false,"options":"$16:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$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","children":"$Lb3"}],"$Lb4"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lb5"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lb6",null,{"label":"I agree to the terms"}]}],"$Lb7"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkbox.defaultCheckedTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lb6",null,{"defaultChecked":true,"label":"Checked by default"}]}],"$Lb8"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkbox.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lb9",null,{}]}],"$Lba"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkbox.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$Lb6",null,{"disabled":true,"label":"Unchecked disabled"}],["$","$Lb6",null,{"defaultChecked":true,"disabled":true,"label":"Checked disabled"}]]}],"$Lbb"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Group"}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lbc",null,{}]}],"$Lbd"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Group Disabled"}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lbe",null,{}]}],"$Lbf"]}]]}]]}],["$","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":["$Lc0","$Lc1"]}],"$Lc2","$Lc3"]}]
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","children":"CheckboxCard"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.checkboxCard.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-checkbox-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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lc4"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lc5",null,{}]}],"$Lc6"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkboxCard.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full max-w-2xl","children":[["$","p",null,{"className":"text-fg-base mb-3 font-medium","id":"features-default-label","children":"有効にする機能を選択"}],["$","$Lc7",null,{"defaultValue":["history","share"],"disabled":false,"invalid":false,"aria-labelledby":"features-default-label","options":[{"value":"history","label":"Version history","description":"変更履歴を保存して必要な時に差し戻せます。"},{"value":"comments","label":"Inline comments","description":"各セクションに直接フィードバックを残せます。"},{"value":"share","label":"Share links","description":"閲覧専用の共有リンクをすぐに発行できます。"}]}]]}]}],"$Lc8"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],"$Lc9","$Lca"]}],"$Lcb","$Lcc","$Lcd","$Lce","$Lcf"]}],"$Ld0","$Ld1"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Ld2"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Ld3",null,{"disabled":false,"invalid":false,"required":false,"label":"Email notifications"}]}],"$Ld4"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.switch.defaultCheckedTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Ld3",null,{"defaultChecked":true,"disabled":false,"invalid":false,"required":false,"label":"Automatic backups"}]}],"$Ld5"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.switch.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Ld6",null,{}]}],"$Ld7"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.switch.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$Ld3",null,{"disabled":true,"invalid":false,"required":false,"label":"Airplane mode"}],["$","$Ld3",null,{"defaultChecked":true,"disabled":true,"invalid":false,"required":false,"label":"Offline sync"}]]}],"$Ld8"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":["$Ld9"]}]]}],"$Lda"]}],"$Ldb","$Ldc","$Ldd","$Lde","$Ldf","$Le0","$Le1","$Le2","$Le3"]}],"$Le4","$Le5"]}]]}]]}]
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","children":"PasswordInput"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.passwordInput.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-password-input--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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Le6"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Le7",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your password"}]}],"$Le8"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.passwordInput.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Le9",null,{}]}],"$Lea"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.passwordInput.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Le7",null,{"defaultValue":"read-only-password","disabled":true,"invalid":false,"required":false}]}],"$Leb"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],"$Lec","$Led"]}],"$Lee","$Lef","$Lf0","$Lf1","$Lf2","$Lf3","$Lf4","$Lf5","$Lf6","$Lf7","$Lf8"]}],"$Lf9","$Lfa"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lfb"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full max-w-md","children":[["$","p",null,{"className":"text-fg-base mb-3 font-medium","id":"radio-label","children":"Framework"}],["$","$Lfc",null,{"defaultValue":"vue","disabled":false,"aria-labelledby":"radio-label","options":[{"label":"React","value":"react"},{"label":"Vue","value":"vue"},{"label":"Svelte","value":"svelte"}]}]]}]}],"$Lfd"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.radio.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$Lfe",null,{}]}],"$Lff"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.radio.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full max-w-md","children":[["$","p",null,{"className":"text-fg-base mb-3 font-medium","id":"radio-disabled-label","children":"Framework"}],["$","$Lfc",null,{"defaultValue":"vue","disabled":true,"aria-labelledby":"radio-disabled-label","options":"$1b:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:1:props:options"}]]}]}],"$L100"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}],"$L101"]}],"$L102","$L103","$L104","$L105","$L106"]}],"$L107","$L108"]}]]}]]}]
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","children":"RadioCard"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.radioCard.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-radio-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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L109"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L10a",null,{}]}],"$L10b"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.radioCard.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full max-w-2xl","children":[["$","p",null,{"className":"text-fg-base mb-3 font-medium","id":"plan-default-label","children":"プランを選択"}],["$","$L10c",null,{"defaultValue":"starter","disabled":false,"invalid":false,"aria-labelledby":"plan-default-label","options":[{"value":"starter","label":"Starter","description":"個人利用や小さなプロトタイプ向けの最小構成です。"},{"value":"pro","label":"Pro","description":"継続的な更新と公開運用を前提にした標準構成です。"},{"value":"team","label":"Team","description":"レビューや共同編集を含むチーム利用向けです。"}]}]]}]}],"$L10d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L10e","$L10f"]}],"$L110"]}],"$L111","$L112","$L113","$L114","$L115"]}],"$L116","$L117"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L118"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L119",null,{}]}],"$L11a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L11b",null,{}]}],"$L11c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.multipleSelectionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L11d",null,{}]}],"$L11e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L11f",null,{}]}],"$L120"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L121",null,{}]}],"$L122"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],"$L123","$L124"]}],"$L125","$L126","$L127","$L128","$L129","$L12a","$L12b","$L12c"]}],"$L12d","$L12e"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L12f"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","$L130",null,{"defaultValue":50,"disabled":false,"invalid":false,"required":false}]}]}],"$L131"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.slider.minMaxStepTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","$L130",null,{"defaultValue":20,"disabled":false,"invalid":false,"required":false,"max":50,"min":10,"step":5}]}]}],"$L132"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.slider.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","$L130",null,{"defaultValue":30,"disabled":true,"invalid":false,"required":false}]}]}],"$L133"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L134","$L135","$L136"]}],"$L137","$L138","$L139","$L13a","$L13b","$L13c","$L13d","$L13e","$L13f","$L140"]}],"$L141","$L142"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L143"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L144",null,{}]}],"$L145"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.fileField.acceptTypesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L146",null,{}]}],"$L147"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.fileField.multipleFilesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L148",null,{}]}],"$L149"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.fileField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L14a",null,{}]}],"$L14b"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.fileField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L14c",null,{}]}],"$L14d"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],"$L14e","$L14f"]}],"$L150","$L151","$L152","$L153","$L154","$L155"]}],"$L156","$L157"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L158"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L159",null,{}]}],"$L15a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.formControl.helpTextTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L15b",null,{}]}],"$L15c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.formControl.errorTextTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L15d",null,{}]}],"$L15e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.formControl.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L15f",null,{}]}],"$L160"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.formControl.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L161",null,{}]}],"$L162"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],"$L163","$L164"]}],"$L165","$L166","$L167","$L168","$L169","$L16a","$L16b"]}],"$L16c",null]}]]}]]}]
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","children":"Form"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.form.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-form-form--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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L16e",null,{}]}],"$L16f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.form.actionStateTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L170",null,{}]}],"$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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","action",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"action"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(formData: FormData) => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(formData: FormData) => void | Promise<void>"}]]}],["$","span","string",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"-"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"$L172"]}],"$L173"]}]]}],"$L174",null]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L175"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute divide-y","children":[["$","$L176",null,{"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"What is ArteOdyssey?"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$L176",null,{"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"How do I install it?"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$L176",null,{"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Is it accessible?"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],"$L179"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.accordion.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute divide-y","children":[["$","$L176",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Open by default"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$L176",null,{"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Closed by default"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],"$L17a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.accordion.multipleDefaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute divide-y","children":[["$","$L176",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Section A"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"This panel is open by default."}]}]]}],["$","$L176",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Section B"}]}],["$","$L178",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}],["$","$L176",null,{"children":[["$","h3",null,{"children":["$","$L177",null,{"children":"Section C"}]}],["$","$L178",null,{"children":"$L17b"}]]}]]}]}]}],"$L17c"]}]]}]]}],"$L17d","$L17e"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L17f"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L180",null,{"name":"Arte Odyssey"}]}],"$L181"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.avatar.withImageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L180",null,{"alt":"Arte Odyssey","src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80"}]}],"$L182"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.avatar.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","$L180",null,{"name":"Small","size":"sm"}],["$","$L180",null,{"name":"Medium","size":"md"}],["$","$L180",null,{"name":"Large","size":"lg"}]]}],"$L183"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","src",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","alt",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L184"}],"$L185","$L186"]}],"$L187","$L188","$L189"]}],"$L18a","$L18b"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L18c"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]}],"$L18d"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.tonesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}],"$L18e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}],"$L18f"]}],"$L190"]}]]}],"$L191"]}],"$L192","$L193"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L194"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Card content"}]}]}],"$L195"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.card.widthTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Full width"}]}]}],["$","div",null,{"className":"rounded-xl shadow-sm w-fit bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Fit content"}]}]]}],"$L196"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","width",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'full'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'full'"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L197","$L198","$L199"]}]]}],"$L19a","$L19b"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L19c"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","p",null,{"children":["Use the ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"console.log()"}]," function to output values."]}]}],"$L19d"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.code.colorDetectionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":[["$","code",null,{"className":"bg-bg-mute m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":[["$","$19e","color-0",{"children":[["$","span",null,{"aria-label":"Color: #ff6347","className":"border-border-base inline-block size-3 shrink-0 rounded-sm border","role":"img","style":{"backgroundColor":"#ff6347"}}],"#ff6347"]}]]}],["$","code",null,{"className":"bg-bg-mute m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":[["$","$19e","color-0",{"children":[["$","span",null,{"aria-label":"Color: #3498db","className":"border-border-base inline-block size-3 shrink-0 rounded-sm border","role":"img","style":{"backgroundColor":"#3498db"}}],"#3498db"]}]]}],["$","code",null,{"className":"bg-bg-mute m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["background: ",["$","$19e","color-0",{"children":[["$","span",null,{"aria-label":"Color: #22c55e","className":"border-border-base inline-block size-3 shrink-0 rounded-sm border","role":"img","style":{"backgroundColor":"#22c55e"}}],"#22c55e"]}]]}]]}],"$L19f"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L1a0","$L1a1"]}],"$L1a2"]}]]}],"$L1a3","$L1a4"]}]]}]]}]
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","children":"Table"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.table.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-table--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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1a5"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full overflow-x-auto rounded-lg border border-border-mute bg-bg-base","children":["$","table",null,{"className":"min-w-full border-collapse text-left text-sm","children":[["$","thead",null,{"className":"bg-bg-subtle","children":["$","tr",null,{"className":"border-border-mute border-b transition-colors","children":[["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base","scope":"col","children":"Feature"}],["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base","scope":"col","children":"Status"}],["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base text-right","scope":"col","children":"Coverage"}]]}]}],["$","tbody",null,{"className":"[&_tr:last-child]:border-b-0","children":[["$","tr",null,{"className":"border-border-mute border-b transition-colors hover:bg-bg-mute","children":[["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base","colSpan":"$undefined","children":"Switch"}],["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base","colSpan":"$undefined","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":"Stable"}]}],["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base text-right","colSpan":"$undefined","children":"100%"}]]}],["$","tr",null,{"className":"border-border-mute border-b transition-colors hover:bg-bg-mute","children":[["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base","colSpan":"$undefined","children":"Table"}],["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base","colSpan":"$undefined","children":["$","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-base text-fg-info","children":"Planned"}]}],["$","td",null,{"className":"px-4 py-3 align-middle text-fg-base text-right","colSpan":"$undefined","children":"0%"}]]}]]}]]}]}]}],"$L1a6"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.table.emptyStateTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":"$L1a7"}],"$L1a8"]}]]}]]}],"$L1a9","$L1aa"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1ab"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1ac",null,{}]}],"$L1ad"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.listBox.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1ae",null,{}]}],"$L1af"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.listBox.triggerIconTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1b0",null,{}]}],"$L1b1"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom'"}]]}]]}],["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],"$L1b2","$L1b3"]}],"$L1b4","$L1b5","$L1b6"]}],"$L1b7",null]}],"$L1b8","$L1b9","$L1ba","$L1bb","$L1bc","$L1bd"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1be"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","$L1bf",null,{"featureId":"container-queries"}]}]}],"$L1c0"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.baselineStatus.differentFeaturesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","$L1bf",null,{"featureId":"subgrid"}],["$","$L1bf",null,{"featureId":"has-selector"}],["$","$L1bf",null,{"featureId":"anchor-positioning"}]]}]}],"$L1c1"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","featureId",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":["$L1c2"]}]]}],null]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1c3"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":["$","div",null,{"aria-label":"0.6%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":60,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"60%"}}]}]}]}],"$L1c4"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.progress.differentValuesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":["$","div",null,{"aria-label":"0.2%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":20,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"20%"}}]}],["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":["$","div",null,{"aria-label":"0.5%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":50,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"50%"}}]}],["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":["$","div",null,{"aria-label":"0.8%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":80,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"80%"}}]}],["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":["$","div",null,{"aria-label":"1%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":100,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"100%"}}]}]]}]}],"$L1c5"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.progress.withLabelTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"bg-bg-emphasize w-full rounded-full","children":"$L1c6"}]}]}],"$L1c7"]}]]}]]}],"$L1c8","$L1c9"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1ca"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":"Section Title"}]}],"$L1cb"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.heading.typesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"Heading 1"}],["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":"Heading 2"}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Heading 3"}],["$","h4",null,{"className":"font-bold text-md md:text-lg","children":"Heading 4"}],["$","h5",null,{"className":"font-bold text-sm md:text-md","children":"Heading 5"}],["$","h6",null,{"className":"font-bold text-xs md:text-sm","children":"Heading 6"}]]}]}],"$L1cc"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.heading.lineClampTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"max-w-sm","children":["$","h3",null,{"className":"font-bold text-lg md:text-xl line-clamp-1","children":"This is a very long heading text that will be truncated to a single line using line clamp"}]}]}],"$L1cd"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"type"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L1ce","$L1cf"]}],"$L1d0"]}],"$L1d1","$L1d2","$L1d3"]}],"$L1d4","$L1d5"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1d6"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M12 16v-4","key":"1dtifu"}],["path",{"d":"M12 8h.01","key":"e9boi3"}]],"className":"lucide-info size-6"}],["$","span",null,{"className":"sr-only","children":"情報"}]]}],["$","p",null,{"className":"font-bold","children":"This is an info alert."}]]}]}],"$L1d7"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.alert.statusesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"m9 12 2 2 4-4","key":"dzmm74"}]],"className":"lucide-circle-check size-6"}],["$","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":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:0:props:children:0:props:iconNode","className":"lucide-info size-6"}],["$","span",null,{"className":"sr-only","children":"情報"}]]}],["$","p",null,{"className":"font-bold","children":"Here is some useful information."}]]}],["$","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":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"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","key":"wmoenq"}],["path",{"d":"M12 9v4","key":"juzpu7"}],["path",{"d":"M12 17h.01","key":"p32p05"}]],"className":"lucide-triangle-alert size-6"}],["$","span",null,{"className":"sr-only","children":"警告"}]]}],["$","p",null,{"className":"font-bold","children":"Please proceed with caution."}]]}],["$","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":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["line",{"x1":"12","x2":"12","y1":"8","y2":"12","key":"1pkeuh"}],["line",{"x1":"12","x2":"12.01","y1":"16","y2":"16","key":"4dfq90"}]],"className":"lucide-circle-alert size-6"}],"$L1d8"]}],"$L1d9"]}]]}],"$L1da"]}]]}],"$L1db"]}],"$L1dc","$L1dd"]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1de"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}]}],"$L1df"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.skeleton.shapesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}],"$L1e0"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.skeleton.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}],"$L1e1"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.skeleton.animationTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}],"$L1e2"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":["$L1e3","$L1e4","$L1e5"]}],"$L1e6","$L1e7"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1e8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}]}],"$L1e9"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.spinner.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]]}]]}],"$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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],"$L1eb","$L1ec"]}],"$L1ed"]}],"$L1ee","$L1ef"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1f0"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","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","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1f1",null,{}]}],"$L1f2"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.toast.useToastTitle"}]}],"$L1f3"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.toast.closeAllTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1f4",null,{}]}],"$L1f5"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ToastProvider"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","portalRef",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","position",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"position"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L1f6","$L1f7"]}],"$L1f8"]}],"$L1f9"]}],"$L1fa",null]}],"$L1fb","$L1fc"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L1fd"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L1fe",null,{}]}],"$L1ff"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.tooltip.placementTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L200",null,{}]}],"$L201"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}],"$L202"]}]]}],"$L203",null]}],"$L204","$L205","$L206","$L207"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L208"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L209",null,{}]}],"$L20a"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L20b",null,{}]}],"$L20c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.dialog.alertDialogTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L20d",null,{}]}],"$L20e"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","role",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'dialog'"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],"$L20f","$L210"]}]]}],"$L211",null]}],"$L212","$L213","$L214","$L215"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L216"]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L217",null,{}]}],"$L218"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.drawer.customContentTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L219",null,{}]}],"$L21a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","title",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}],"$L21b"]}],"$L21c","$L21d"]}],"$L21e",null]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L21f"]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L220",null,{}]}],"$L221"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.modal.typesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L222",null,{}]}],"$L223"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.modal.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L224",null,{}]}],"$L225"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'center'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"|"}],"$L226"]}]]}]]}],"$L227"]}],"$L228","$L229","$L22a","$L22b"]}],"$L22c",null]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L22d"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L22e",null,{}]}],"$L22f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.popover.placementTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L230",null,{}]}],"$L231"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]]}],["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'dialog'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'dialog'"}]]}],"$L232","$L233","$L234"]}]]}],"$L235"]}],"$L236","$L237"]}],"$L238",null]}],"$L239","$L23a","$L23b","$L23c"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L23d"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L23e",null,{}]}],"$L23f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.dropdownMenu.iconTriggerTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L240",null,{}]}],"$L241"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.dropdownMenu.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L242",null,{}]}],"$L243"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.dropdownMenu.placementTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L244",null,{}]}],"$L245"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","placement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]]}],"$L246"]}],"$L247"]}],"$L248",null]}],"$L249","$L24a","$L24b","$L24c","$L24d","$L24e","$L24f","$L250"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L251"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]}]}],"$L252"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.separator.orientationsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]}]]}]}],"$L253"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.separator.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}]}]]}]}],"$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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","orientation",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L255","$L256","$L257"]}],"$L258"]}],"$L259","$L25a"]}]]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L25b"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L25c",null,{}]}],"$L25d"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.tabs.defaultSelectedTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L25e",null,{}]}],"$L25f"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ids",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","[string, ...string[]]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultSelectedId"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":["$L260","$L261"]}]]}]]}],"$L262"]}],"$L263"]}],"$L264",null]}],"$L265","$L266","$L267","$L268","$L269","$L26a"]}]]}]
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","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L26b"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/components","children":"Components"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]]}]}]}],"$L26c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.breadcrumb.currentPageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","a",null,{"className":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/components","children":"Components"}]}],"$L26d","$L26e"]}]}]}],"$L26f"]}]]}],"$L270"]}],"$L271","$L272"]}]
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","children":"Pagination"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.pagination.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-navigation-pagination--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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L273"]}],["$","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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L274",null,{}]}],"$L275"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.pagination.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L276",null,{}]}],"$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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","totalPages",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"totalPages"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","currentPage",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"currentPage"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"$L278"]}]]}],"$L279","$L27a","$L27b","$L27c","$L27d"]}],"$L27e",null]}]]}]]}]
3a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L27f"]}],["$","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","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","children":["$","$L5",null,{"k":"components.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L280",null,{}]}],"$L281"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.scrollLinked.windowScrollTitle"}]}],"$L282"]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","container",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","container",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"container"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L283"}],"$L284"]}]]}]]}],null]}]]}]]}]
287:T188e, M790.13,638.72   C770.63,652.99 751.13,667.26 731.47,681.64   C735.44,690.03 742.88,694.97 749.52,700.59   C752.36,703.01 756.16,704.32 758.92,706.81   C767.25,714.32 775.49,721.96 783.39,729.92   C788.86,735.44 793.91,741.41 798.81,747.45   C809.38,760.45 809.98,775.59 807.59,791.23   C806.66,797.27 805.19,803.24 804.40,809.30   C802.88,820.97 798.52,831.58 793.46,842.07   C784.44,860.81 776.42,880.03 765.01,897.55   C752.08,917.40 736.40,934.91 719.77,951.63   C698.06,973.44 673.65,991.93 648.37,1009.32   C634.72,1018.72 619.64,1023.74 602.96,1022.66   C601.02,1022.54 597.83,1019.71 597.74,1017.98   C597.57,1015.08 599.01,1011.82 600.56,1009.17   C601.55,1007.47 603.93,1006.58 605.70,1005.34   C615.74,998.30 626.35,991.94 635.64,984.02   C643.52,977.29 649.63,968.53 656.94,961.09   C684.15,933.42 705.12,900.97 727.13,869.36   C735.18,857.80 741.76,845.15 748.24,832.60   C753.17,823.08 750.17,813.31 745.60,804.56   C742.70,798.99 738.61,793.58 733.85,789.52   C719.72,777.49 705.44,765.55 690.35,754.78   C681.15,748.22 670.40,743.81 660.25,738.61   C659.07,738.01 656.80,737.96 655.84,738.71   C641.76,749.70 626.51,759.22 615.22,773.62   C602.09,790.36 598.20,809.25 602.23,829.42   C605.04,843.50 614.60,854.32 623.63,865.37   C634.75,878.98 648.98,886.94 664.95,892.86   C669.89,894.69 674.50,897.40 679.27,899.69   C683.02,901.50 685.13,904.63 683.81,908.52   C682.92,911.13 680.58,913.53 678.32,915.29   C676.77,916.49 674.24,916.89 672.16,916.86   C655.09,916.54 638.08,918.03 621.02,914.20   C600.59,909.61 581.24,902.62 562.84,892.91   C551.31,886.82 543.36,877.00 537.05,865.84   C534.20,860.81 530.91,855.76 529.45,850.29   C527.72,843.86 527.70,836.95 527.06,830.24   C526.86,828.11 527.03,825.94 526.17,823.36   C524.92,825.50 523.42,827.53 522.45,829.79   C516.77,843.10 507.31,852.86 496.28,862.24   C484.64,872.14 471.63,879.08 458.45,886.03   C450.15,890.41 440.99,892.61 431.52,892.24   C417.09,891.67 402.40,892.16 388.32,889.53   C371.49,886.39 357.22,878.13 348.35,861.86   C339.22,845.13 334.01,827.18 329.61,808.97   C327.77,801.35 327.81,793.07 328.22,785.15   C329.09,768.70 324.00,754.19 314.34,741.47   C306.73,731.46 295.37,725.20 281.33,732.11   C272.58,736.41 263.86,740.30 256.13,746.31   C241.20,757.92 232.94,773.90 226.99,791.19   C222.56,804.04 218.81,817.15 215.43,830.31   C213.33,838.46 212.44,846.92 211.09,855.25   C210.27,860.30 210.15,865.53 208.75,870.39   C206.23,879.15 197.12,886.36 188.48,886.01   C177.18,885.55 165.79,886.24 154.56,885.11   C138.52,883.49 124.39,877.76 115.13,863.16   C109.27,853.91 108.94,843.85 110.00,833.79   C113.28,802.68 119.72,772.11 129.32,742.39   C135.07,724.59 143.40,707.64 150.18,690.16   C155.03,677.64 159.03,664.80 163.77,652.24   C168.99,638.42 174.79,624.82 180.02,611.00   C188.17,589.45 196.07,567.81 204.05,546.20   C211.64,525.66 219.05,505.05 226.80,484.57   C233.96,465.65 241.46,446.85 248.81,428.01   C251.93,420.01 253.84,411.23 258.44,404.20   C266.49,391.92 268.28,377.99 270.40,364.41   C272.91,348.35 269.58,332.66 260.54,318.62   C257.84,314.43 255.45,310.04 252.86,305.77   C248.09,297.91 250.51,285.45 257.98,280.21   C259.29,279.29 260.91,278.40 262.45,278.29   C270.83,277.63 279.22,276.97 287.62,276.79   C305.59,276.40 323.58,275.94 341.54,276.29   C347.65,276.41 354.14,277.93 359.70,280.46   C372.89,286.43 379.15,297.90 379.90,311.84   C380.65,325.64 381.19,339.62 379.74,353.30   C378.24,367.39 375.21,381.51 371.08,395.09   C364.77,415.88 356.79,436.15 346.97,455.61   C342.11,465.22 336.60,474.53 332.19,484.34   C323.41,503.87 315.36,523.72 306.64,543.28   C302.56,552.43 296.99,560.94 293.18,570.20   C285.66,588.45 279.09,607.10 271.71,625.41   C269.00,632.14 264.67,638.21 261.83,644.89   C257.38,655.38 253.53,666.13 249.54,676.81   C249.30,677.44 249.99,678.41 250.24,679.22   C251.08,678.62 252.17,678.19 252.72,677.39   C258.83,668.47 264.49,659.22 270.96,650.57   C283.59,633.70 295.68,616.28 309.79,600.71   C323.85,585.19 339.56,571.04 355.57,557.49   C367.25,547.62 381.18,540.44 393.00,530.70   C404.57,521.16 418.84,517.62 431.34,510.44   C444.67,502.79 458.79,499.64 473.71,500.19   C487.10,500.67 500.55,501.80 513.78,503.90   C524.50,505.60 531.55,512.64 536.57,522.62   C547.66,544.67 541.78,563.87 528.56,582.45   C519.71,594.89 507.56,602.66 493.63,608.06   C488.26,610.14 482.81,612.01 477.35,613.87   C465.48,617.92 454.93,615.69 445.71,607.13   C438.68,600.59 430.38,596.14 421.23,593.54   C410.44,590.48 400.20,593.68 391.30,599.28   C379.05,606.99 367.14,615.42 356.00,624.66   C342.38,635.96 329.70,648.40 316.67,660.40   C315.60,661.39 314.83,662.75 314.08,664.03   C312.00,667.56 312.97,669.86 317.02,670.23   C320.95,670.58 324.99,670.78 328.89,670.31   C347.24,668.07 362.05,674.92 375.42,686.94   C384.88,695.46 391.73,705.71 397.88,716.57   C399.54,719.51 400.01,723.11 401.23,726.33   C403.98,733.61 407.16,740.73 409.62,748.10   C413.04,758.32 415.24,769.00 419.31,778.93   C422.62,787.00 427.13,794.90 432.64,801.61   C435.89,805.58 441.85,808.14 447.07,809.54   C463.96,814.06 481.11,813.41 497.60,807.90   C507.60,804.57 516.93,799.25 526.52,794.73   C527.51,794.26 528.57,793.33 528.99,792.35   C534.21,780.16 543.33,770.80 552.13,761.39   C561.06,751.84 571.46,743.65 580.24,733.98   C590.41,722.80 603.07,715.39 615.59,707.58   C615.83,707.44 615.90,707.03 616.74,705.47   C602.91,692.24 588.23,679.25 574.86,665.04   C565.20,654.78 557.82,642.37 555.08,628.29   C553.61,620.74 554.68,612.69 554.63,604.87   C554.45,573.79 569.02,550.48 593.10,532.33   C602.86,524.97 612.40,517.01 623.07,511.22   C635.76,504.34 649.59,499.56 662.88,493.75   C666.80,492.03 670.54,489.91 674.70,488.38   C676.16,498.79 676.34,509.02 678.69,518.71   C680.66,526.88 685.08,534.47 688.64,542.22   C689.21,543.45 690.99,544.14 692.05,545.39   C686.79,552.16 681.34,558.37 676.70,565.15   C672.05,571.92 666.17,578.79 664.49,586.42   C661.63,599.41 661.49,613.03 660.57,626.40   C660.41,628.59 661.56,631.35 663.01,633.09   C670.69,642.38 679.53,649.94 691.63,653.39   C695.15,654.40 697.83,654.19 700.18,652.54   C711.81,644.36 724.12,636.82 734.46,627.20   C744.40,617.96 752.21,606.44 760.99,596.32   C762.07,599.79 762.90,602.96 764.20,605.92   C769.59,618.19 774.70,630.73 788.43,636.45   C789.18,636.76 789.57,637.95 790.13,638.72  z3b:["$","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","children":"Icons"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.icons.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-icons--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"}],["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4"}]]}]}]]}],["$","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","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L285"]}],["$","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","children":["$","$L5",null,{"k":"components.icons.sizesTitle"}]}],["$","div",null,{"className":"flex items-end gap-6","children":[["$","div","xs",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M20 6 9 17l-5-5","key":"1gmf2c"}]],"className":"lucide-check size-3"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"xs"}]]}],["$","div","sm",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-4"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"sm"}]]}],["$","div","md",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-6"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"md"}]]}],["$","div","lg",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-8"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"lg"}]]}],["$","div","xl",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-10"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"xl"}]]}],["$","div","2xl",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-12"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"2xl"}]]}],["$","div","3xl",{"className":"flex flex-col items-center gap-2","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-14"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"3xl"}]]}]]}],"$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","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"grid-cols-auto-fit-28 grid gap-4","children":[["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","svg",null,{"className":"size-6","viewBox":"0 128 1280 896","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"className":"fill-primary-fg","d":"$287"}],"$L288","$L289"]}],"$L28a"]}],"$L28b","$L28c","$L28d","$L28e","$L28f","$L290","$L291","$L292","$L293","$L294","$L295","$L296","$L297","$L298","$L299","$L29a","$L29b","$L29c","$L29d","$L29e","$L29f","$L2a0","$L2a1","$L2a2","$L2a3","$L2a4","$L2a5","$L2a6","$L2a7","$L2a8","$L2a9","$L2aa","$L2ab","$L2ac","$L2ad","$L2ae","$L2af","$L2b0","$L2b1","$L2b2","$L2b3","$L2b4","$L2b5","$L2b6","$L2b7","$L2b8","$L2b9","$L2ba","$L2bb","$L2bc","$L2bd","$L2be","$L2bf","$L2c0"]}]]}]]}]
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","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","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":"text-sm font-medium","children":"Gray"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.001 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.001 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.0015 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.0015 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.003 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.003 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.004 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.004 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.005 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.005 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.006 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.006 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.52 0.006 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.52 0.006 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.42 0.003 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.42 0.003 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.3 0.002 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.3 0.002 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.25 0.0015 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.25 0.0015 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],"$L2c1"]}]]}],"$L2c2","$L2c3","$L2c4","$L2c5","$L2c6","$L2c7","$L2c8","$L2c9","$L2ca"]}]]}],"$L2cb","$L2cc","$L2cd","$L2ce","$L2cf","$L2d0","$L2d1","$L2d2","$L2d3","$L2d4","$L2d5","$L2d6","$L2d7","$L2d8","$L2d9","$L2da"]}]
3d:["$","$L2db",null,{}]
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","children":"useBreakpoint"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useBreakpoint.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2dc"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L2dd",null,{}]}],"$L2de"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","breakpoint",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"breakpoint"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'xl'"}]]}],["$","span","'2xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'2xl'"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","breakpoint",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"breakpoint"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L2df","$L2e0","$L2e1","$L2e2","$L2e3"]}]}],"$L2e4"]}]]}]]}],null]}]]}],"$L2e5","$L2e6"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2e7"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L2e8",null,{}]}],"$L2e9"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(e: Event) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":["$L2ea","$L2eb"]}],null]}]]}],"$L2ec","$L2ed"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2ee"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L2ef"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isClient",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isClient",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isClient"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2f0"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L2f1",null,{}]}],"$L2f2"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","writeClipboard",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(text: string) => Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => Promise<string>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","writeClipboard",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"writeClipboard"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L2f3"]}]}],"$L2f4"]}],"$L2f5"]}]]}],null]}]]}]]}]
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","children":"useDebouncedTransition"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDebouncedTransition.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2f6"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L2f7",null,{}]}],"$L2f8"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","delay",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","delay",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"delay"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","[boolean, (action) => void]",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L2f9"}],"$L2fa","$L2fb"]}]]}],"$L2fc",null]}]]}]]}]
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","children":"useDeferredDebounce"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDeferredDebounce.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L2fd"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L2fe",null,{}]}],"$L2ff"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","initialValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,"$L300"]}]]}]}],"$L301"]}],"$L302"]}]]}],null]}]]}],"$L303","$L304"]}]
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","children":"useDisclosure"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDisclosure.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L305"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L306",null,{}]}],"$L307"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":["$L308","$L309","$L30a","$L30b"]}],"$L30c",null]}]]}]]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L30d"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L30e"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","hash",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string | null",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","hash",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"hash"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | null",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string | null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]]}]
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","children":"useInView"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useInView.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L30f"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L310",null,{}]}],"$L311"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","options.threshold",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]]}]]}],["$","div","options.root",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.root"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Element",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Element"}]]}],"$L312"]}]]}],"$L313"]}],"$L314","$L315"]}],"$L316",null]}]]}],"$L317","$L318"]}]
47:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"useIntersectionObserver"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useIntersectionObserver.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L319"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L31a"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"once"}],"$L31b"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(entry: IntersectionObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(entry: IntersectionObserverEntry) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","options.threshold",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L31c","$L31d"]}]]}],"$L31e","$L31f","$L320"]}],"$L321",null]}]]}],"$L322","$L323"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L324"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L325",null,{}]}],"$L326"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],"$L327"]}],"$L328"]}]]}],null]}]]}]]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L329"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L32a",null,{}]}],"$L32b"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"hooks.useLocalStorage.removeTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L32c",null,{}]}],"$L32d"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","key",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","key",{"className":"border-border-mute border-b","children":["$L32e","$L32f","$L330"]}],"$L331"]}]]}],null]}]]}],"$L332","$L333"]}]
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","children":"useSessionStorage"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useSessionStorage.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L334"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L335",null,{}]}],"$L336"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"hooks.useSessionStorage.removeTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L337",null,{}]}],"$L338"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","key",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","key",{"className":"border-border-mute border-b","children":["$L339","$L33a","$L33b"]}],"$L33c"]}]]}],null]}]]}],"$L33d","$L33e"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L33f"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L340"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(entry: ResizeObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],"$L341","$L342"]}]}],"$L343"]}],null]}]]}],"$L344","$L345"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L346"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"hooks.useScrollDirection.bodyNotScrollableNote"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L347",null,{}]}],"$L348"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"hooks.useScrollDirection.targetTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L349",null,{}]}],"$L34a"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","options.threshold",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"50"}]]}]]}],["$","div","options.target",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.target"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"window"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":"$L34b"}],"$L34c"]}],null]}]]}],"$L34d","$L34e"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L34f"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L350",null,{}]}],"$L351"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","initialCount",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","initialCount",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"initialCount"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],"$L352"]}],"$L353"]}]]}],null]}]]}],"$L354","$L355"]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L356"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L357"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","delay",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L358"}],"$L359","$L35a"]}]]}]]}],null]}]]}]]}]
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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L35b"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],"$L35c"]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(size: { width: number; height: number }) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(size: { width: number; height: number }) => void",{"className":"flex items-center gap-1","children":[false,"$L35d"]}]]}]}],"$L35e"]}],"$L35f"]}]]}],null]}]]}]]}]
50:["$","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","children":"useScrollLock"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useScrollLock.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L360"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"hooks.useScrollLock.bodyNotScrollableNote"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L361",null,{}]}],"$L362"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"hooks.useScrollLock.targetTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L363",null,{}]}],"$L364"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","target",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"target"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"document.body"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","target",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"target"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]}],"$L365"]}]]}]]}],null]}]]}],"$L366","$L367"]}]
51:["$","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","children":"useHover"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useHover.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L368"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L369",null,{}]}],"$L36a"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isHovered",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isHovered"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","hoverProps",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"hoverProps"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","{ onPointerEnter: () => void; onPointerLeave: () => void }",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"{ onPointerEnter: () => void; onPointerLeave: () => 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isHovered",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isHovered"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L36b"]}]}],"$L36c"]}],"$L36d"]}]]}],null]}]]}]]}]
52:["$","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","children":"useControllableState"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useControllableState.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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L36e"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L36f",null,{}]}],"$L370"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"undefined"}]]}]]}],["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"undefined"}]]}]]}]]}],"$L371",null]}]]}],"$L372","$L373"]}]
53:["$","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","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","children":["$","$L5",null,{"k":"hooks.common.importTitle"}]}],"$L374"]}],["$","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","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","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L375",null,{}]}],"$L376"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","width",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","width",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"width"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],"$L377"]}],"$L378"]}]]}],null]}]]}]]}]
54:["$","$L379",null,{}]
55:["$","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","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","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L37a"]}],["$","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","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","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L37b",null,{}]}],"$L37c"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","...inputs",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ClassValue[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","...inputs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"...inputs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ClassValue[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ClassValue[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],"$L37d","$L37e"]}]]}],"$L37f",null]}]]}]]}]
56:["$","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","children":"mergeRefs"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.mergeRefs.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","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L380"]}],["$","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","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","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L381",null,{}]}],"$L382"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","...refs",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"...refs"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReadonlyArray<Ref<T> | undefined>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReadonlyArray<Ref<T> | undefined>"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","...refs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"...refs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReadonlyArray<Ref<T> | undefined>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReadonlyArray<Ref<T> | undefined>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","callbackRef",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L383","$L384","$L385"]}]]}],"$L386",null]}]]}]]}]
57:["$","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","children":"mergeProps"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.mergeProps.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","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L387"]}],["$","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","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","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L388",null,{}]}],"$L389"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","base",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"base"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Record<string, unknown>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Record<string, unknown>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","override",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"override"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Record<string, unknown>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Record<string, unknown>"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","base",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"base"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Record<string, unknown>",{"className":"flex items-center gap-1","children":[false,"$L38a"]}]]}]}],"$L38b"]}],"$L38c"]}]]}],null]}]]}],"$L38d","$L38e"]}]
58:["$","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","children":"chain"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.chain.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","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L38f"]}],["$","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","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","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L390",null,{}]}],"$L391"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","...callbacks",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"...callbacks"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(T | undefined)[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(T | undefined)[]"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","...callbacks",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"...callbacks"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(T | undefined)[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(T | undefined)[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","chainedFunction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L392","$L393","$L394"]}]]}],"$L395",null]}]]}]]}]
59:["$","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","children":"createSafeContext"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.createSafeContext.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","children":["$","$L5",null,{"k":"helpers.common.importTitle"}]}],"$L396"]}],["$","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","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","children":["$","$L5",null,{"k":"helpers.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L397",null,{}]}],"$L398"]}]]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","errorMessage",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"errorMessage"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","errorMessage",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"errorMessage"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","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","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","[Context, useSafeContext]",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L399"}],"$L39a","$L39b"]}]]}],"$L39c",null]}]]}]]}]
62:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.fullWidthTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","div",null,{"className":"w-full","children":["$","$L5c",null,{"fullWidth":true,"children":"Full Width Button"}]}]}],"$L39d"]}]]}]
63:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L5c",null,{"disabled":true,"children":"Disabled"}]}],"$L39e"]}]]}]
64:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.renderItemTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L39f",null,{}]}],"$L3a0"]}]]}]
65:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
66:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","variant",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'contained'"}]]}]]}],["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'secondary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["'",["$","$19e","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"border-border-base inline-block size-3 shrink-0 rounded-sm border","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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'primary'"}]]}]]}],["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]]}],"$L3a1"]}],"$L3a2","$L3a3","$L3a4","$L3a5","$L3a6","$L3a7","$L3a8","$L3a9","$L3aa"]}],"$L3ab","$L3ac"]}]]}]
6d:["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b p-6","children":["$","$L3ad",null,{}]}]
6f:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
70:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","bg",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'transparent'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'secondary'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'transparent'"}]]}]]}],["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"$L3ae"]}],"$L3af"]}],"$L3b0","$L3b1","$L3b2","$L3b3","$L3b4"]}],"$L3b5","$L3b6"]}]]}]
75:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"href"}]}]
76:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
77:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
78:["$","div","openInNewTab",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
79:["$","div","renderAnchor",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderAnchor"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props) => ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
7a:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
7b:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"href"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","openInNewTab",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"openInNewTab"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","renderAnchor",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderAnchor"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
7c:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"AnchorHTMLAttributes<HTMLAnchorElement>"}]]}]
83:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
84:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
85:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
86:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
87:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
88:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
89:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
8a:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
8b:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L3b7"}],"$L3b8","$L3b9"]}]]}]]}]
8c:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
94:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
95:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L3ba","$L3bb"]}],"$L3bc"]}],"$L3bd","$L3be","$L3bf","$L3c0","$L3c1","$L3c2"]}],"$L3c3","$L3c4"]}]
9d:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}]
9e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
9f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
a0:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a1:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a2:["$","div","step",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1"}]]}]]}]
a3:["$","div","precision",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]]}]]}]
a4:["$","div","max",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a5:["$","div","min",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a6:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a7:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a8:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
a9:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
aa:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","step",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"step"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1"}]}]]}],["$","tr","precision",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"precision"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"max"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L3c5"}]]}],"$L3c6","$L3c7","$L3c8","$L3c9","$L3ca"]}]]}]
ab:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
b3:["$","$L5",null,{"k":"components.common.propsTitle"}]
b4:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L3cb","$L3cc"]}],"$L3cd"]}],"$L3ce","$L3cf","$L3d0"]}],"$L3d1","$L3d2"]}]
c0:["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}]
c1:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","itemValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"itemValue"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}],["$","div","defaultChecked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultChecked"}]}],"$L3d3","$L3d4"]}]]}],"$L3d5","$L3d6"]}]
c2:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
c3:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":"CheckboxGroup Props"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],"$L3d7","$L3d8","$L3d9","$L3da"]}],"$L3db","$L3dc"]}]]}]
c9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
ca:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
cb:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
cc:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","CheckboxCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"CheckboxCardOption[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
cd:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
ce:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
cf:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
d0:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-labelledby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","CheckboxCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"CheckboxCardOption[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: string[]) => void"}]]}]]}]}],"$L3dd"]}],"$L3de"]}]]}]
d1:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"FieldsetHTMLAttributes<HTMLFieldSetElement>"}]]}]
d9:["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]
da:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
db:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
dc:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
dd:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
de:["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
df:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
e0:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
e1:["$","div","defaultChecked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
e2:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
e3:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
e4:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,"$L3df"]}]]}]}],"$L3e0"]}],"$L3e1","$L3e2","$L3e3","$L3e4"]}]]}]
e5:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
ec:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
ed:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
ee:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
ef:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
f0:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f1:["$","div","autoComplete",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"autoComplete"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"current-password\""}]]}]]}]
f2:["$","div","showLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"showLabel"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"Show password\""}]]}]]}]
f3:["$","div","hideLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"hideLabel"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"Hide password\""}]]}]]}]
f4:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f5:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f6:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f7:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f8:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
f9:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","autoComplete",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"autoComplete"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,"$L3e5"]}]]}]}],"$L3e6"]}],"$L3e7","$L3e8","$L3e9","$L3ea","$L3eb","$L3ec","$L3ed"]}]]}]
fa:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
101:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
102:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
103:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
104:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
105:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
106:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-labelledby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],"$L3ee"]}]]}]]}]
108:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLDivElement>"}]]}]
10e:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
10f:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]
110:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
111:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
112:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","RadioCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RadioCardOption[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
113:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
114:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
115:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
116:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-labelledby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RadioCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RadioCardOption[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]}],"$L3ef"]}],"$L3f0"]}]]}]
117:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"FieldsetHTMLAttributes<HTMLFieldSetElement>"}]]}]
123:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
124:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
125:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
126:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
127:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
128:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
129:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
12b:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
12c:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L3f1"}],"$L3f2","$L3f3"]}],"$L3f4","$L3f5"]}]]}]
12e:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
134:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}]
135:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
136:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
137:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
138:["$","div","step",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1"}]]}]]}]
139:["$","div","max",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"100"}]]}]]}]
13a:["$","div","min",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]]}]]}]
13b:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
13c:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
13d:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
13e:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
13f:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
140:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
141:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","step",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"step"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"max"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"100"}]}]]}],["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"min"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L3f6"}]]}],"$L3f7","$L3f8","$L3f9","$L3fa","$L3fb","$L3fc"]}]]}]
142:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
14e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
14f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
150:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
151:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
152:["$","div","accept",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
153:["$","div","multiple",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
154:["$","div","maxFiles",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
155:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
156:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","accept",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"accept"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","multiple",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"multiple"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","maxFiles",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"maxFiles"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L3fd"]}]}],"$L3fe"]}],"$L3ff"]}]]}]
157:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
163:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
164:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
165:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
166:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
167:["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
168:["$","div","labelAs",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'label'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'legend'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'label'"}]]}]]}]
169:["$","div","helpText",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
16a:["$","div","errorText",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
16b:["$","div","renderInput",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","function",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
16c:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","labelAs",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"labelAs"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'label'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'legend'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'label'"}]}]]}],["$","tr","helpText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L400"}],"$L401","$L402"]}],"$L403","$L404"]}]]}]
172:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","action",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"action"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(formData: FormData) => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(formData: FormData) => void | Promise<void>"}]]}],["$","span","string",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"-"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
17b:["$","p",null,{"children":"This panel is closed by default."}]
17d:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
17e:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Item"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":["$L405","$L406","$L407"]}]}],"$L408"]}],null]}],"$L409","$L40a","$L40b","$L40c"]}]
184:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"alt"}]
185:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
186:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
187:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
188:["$","div","fallback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
189:["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]
18a:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","src",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"src"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","alt",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"alt"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","fallback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"fallback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}]]}]]}]
18b:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLSpanElement>"}]]}]
18f:["$","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"}]
191:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.interactiveTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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"}],"$L40d"]}],"$L40e"]}]]}]
192:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
193:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","text",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","tone",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'neutral'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'warning'"}]]}],"$L40f"]}]]}],"$L410"]}],"$L411"]}],"$L412","$L413"]}]]}]
197:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}]
198:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}]
199:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
19a:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","width",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"width"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'full'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fit'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'full'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
19b:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLDivElement>"}]]}]
1a0:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
1a1:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
1a2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1a3:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
1a4:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLElement>"}]]}]
1a7:["$","div",null,{"className":"w-full overflow-x-auto rounded-lg border border-border-mute bg-bg-base","children":["$","table",null,{"className":"min-w-full border-collapse text-left text-sm","children":[["$","thead",null,{"className":"bg-bg-subtle","children":["$","tr",null,{"className":"border-border-mute border-b transition-colors","children":[["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base","scope":"col","children":"Name"}],["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base","scope":"col","children":"Role"}],["$","th",null,{"className":"px-4 py-3 font-medium text-fg-base text-right","scope":"col","children":"Projects"}]]}]}],["$","tbody",null,{"className":"[&_tr:last-child]:border-b-0","children":["$","tr",null,{"className":"border-border-mute border-b transition-colors","children":["$","td",null,{"className":"px-4 align-middle text-center text-fg-mute py-10","colSpan":3,"children":"No records have been added yet."}]}]}]]}]}]
1a9:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1aa:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Root"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","containerClassName",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"containerClassName"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,"$L414"]}]]}]}],"$L415"]}],"$L416"]}]]}],null]}],"$L417","$L418","$L419","$L41a"]}]
1b2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]]}]
1b3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1b4:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1b5:["$","div","onSelect",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(key: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1b6:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1b7:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom'"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"undefined"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onSelect",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onSelect"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(key: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(key: string) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
1b8:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Trigger"}]
1b9:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}]]}]]}],null]}]
1ba:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.TriggerIcon"}]
1bb:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","icon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","icon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"icon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]}],"$L41b"]}]]}]]}],null]}]
1bc:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Content"}]
1bd:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","helpContent",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","helpContent",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"helpContent"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
1c2:["$","tr","featureId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"featureId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
1c6:["$","div",null,{"aria-label":"Upload progress","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":75,"className":"bg-primary-bg h-4 rounded-full transition-all","role":"progressbar","style":{"width":"75%"}}]
1c8:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1c9:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","progress",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]]}]]}],["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","progress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"progress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L41c"]}]}],"$L41d"]}],"$L41e","$L41f","$L420"]}]]}],"$L421"]}]]}]
1ce:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
1cf:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'h1'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'h6'"}]]}]]}]
1d0:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1d1:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1d2:["$","div","lineClamp",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1d3:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1d4:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'h1'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'h6'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","lineClamp",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"lineClamp"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
1d5:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLHeadingElement>"}]]}]
1d8:["$","span",null,{"className":"sr-only","children":"エラー"}]
1d9:["$","p",null,{"className":"font-bold","children":"Something went wrong."}]
1db:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.alert.multipleMessagesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:1:props:children:1:props:children:0:props:children:3:props:children:0:props:children:0:props:iconNode","className":"lucide-circle-alert size-6"}],["$","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."}]]}]]}]}],"$L422"]}]]}]
1dc:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
1dd:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","status",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'success'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","status",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"status"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'success'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'warning'"}]]}],"$L423"]}]}],"$L424"]}],"$L425"]}]]}],"$L426"]}]]}]
1e3:["$","div","animate",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]]}]]}]
1e4:["$","div","shape",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'rect'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'rect'"}]]}]]}]
1e5:["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]
1e6:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","animate",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"animate"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]}]]}],["$","tr","shape",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"shape"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'rect'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'circle'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'rect'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}]]}]]}]
1e7:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLDivElement>"}]]}]
1eb:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
1ec:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'Loading'"}]]}]
1ed:["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]
1ee:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'Loading'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}]]}]]}]
1ef:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"OutputHTMLAttributes<HTMLOutputElement>"}]]}]
1f6:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
1f7:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'fixed'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'absolute'"}]]}]]}]
1f8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fixed'"}]]}]
1f9:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
1fa:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","portalRef",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"portalRef"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","position",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"position"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'fixed'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'absolute'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fixed'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
1fb:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"useToast"}]
1fc:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","onOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(status: Status, message: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(id: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","onOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(status: Status, message: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(status: Status, message: string) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(id: string) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(id: string) => void"}]]}]]}]}],"$L427"]}],"$L428"]}]]}],null]}]
202:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
203:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
204:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Trigger"}]
205:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
206:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Content"}]
207:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
20f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]]}]
210:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
211:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","role",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"role"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'dialog'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
212:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Header"}]
213:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","title",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","title",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"title"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
214:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Content"}]
215:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
21b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
21c:["$","div","onClose",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
21d:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
21e:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","title",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"title"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
226:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'right'"}]
227:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'center'"}]]}]
228:["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
229:["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
22a:["$","div","onClose",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
22b:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
22c:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'center'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'center'"}]}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onClose",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onClose"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
232:["$","span","'menu'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'menu'"}]]}]
233:["$","span","'tooltip'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'tooltip'"}]]}]
234:["$","span","'listbox'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'listbox'"}]]}]
235:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'menu'"}]]}]
236:["$","div","flipDisabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
237:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
238:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'dialog'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'listbox'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'menu'"}]}]]}],["$","tr","flipDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"flipDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
239:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Trigger"}]
23a:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(props: HTMLProps<HTMLButtonElement>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props: HTMLProps<HTMLButtonElement>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: HTMLProps<HTMLButtonElement>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
23b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Content"}]
23c:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","Variants",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props: Record<string, unknown>) => ReactElement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","motionVariants",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"motionVariants"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Variants",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Variants"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
246:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]]}]
247:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
248:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","placement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'bottom-start'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
249:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Trigger"}]
24a:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","text",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","variant",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","text",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"text"}]}],"$L429","$L42a"]}],"$L42b","$L42c"]}]]}],null]}]
24b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.IconTrigger"}]
24c:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","icon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","icon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"icon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
24d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Content"}]
24e:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
24f:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Item"}]
250:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","MouseEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onClick",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onClick"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","MouseEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"MouseEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
255:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"orientation"}]}]
256:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'horizontal'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'vertical'"}]]}]]}]]}]
257:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'horizontal'"}]]}]
258:["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'base'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'base'"}]]}]]}]
259:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","orientation",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"orientation"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'horizontal'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'vertical'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'horizontal'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"color"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'base'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'subtle'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'base'"}]}]]}]]}]]}]
25a:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLSpanElement>"}]]}]
260:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
261:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]
262:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]
263:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
264:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ids",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ids"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","[string, ...string[]]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[string, ...string[]]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultSelectedId",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultSelectedId"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
265:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.List"}]
266:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
267:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Tab"}]
268:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
269:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Panel"}]
26a:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
26d:["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}]
26e:["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]
270:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.breadcrumb.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","div",null,{"className":"border-border-mute bg-bg-base flex flex-wrap items-center gap-4 border-b 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":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","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":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","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":"hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-none","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:1:props:endIcon:props:iconNode","className":"lucide-chevron-right size-4"}]}],["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Docs"}]}]]}]}]]}]}],"$L42d"]}]]}]
271:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
272:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.List"}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],"$L42e","$L42f"]}]]}]]}],null]}],"$L430","$L431","$L432","$L433","$L434","$L435"]}]
278:"-"
279:["$","div","onPageChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onPageChange"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(page: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(page: number) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
27a:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
27b:["$","div","prevLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"prevLabel"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'前へ'"}]]}]]}]
27c:["$","div","nextLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"nextLabel"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'次へ'"}]]}]]}]
27d:["$","div","aria-label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-label"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'ページネーション'"}]]}]]}]
27e:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","totalPages",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"totalPages"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","currentPage",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"currentPage"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onPageChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onPageChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(page: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(page: number) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","prevLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"prevLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'前へ'"}]}]]}],["$","tr","nextLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"nextLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],"$L436"]}],"$L437"]}]]}]
283:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]
284:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
438:Ta17, M836.63,192.96   C834.95,196.90 833.03,200.86 830.81,204.64   C826.01,212.81 820.12,220.48 816.47,229.12   C813.45,236.27 812.44,244.44 811.55,252.27   C810.13,264.93 808.60,277.67 812.01,290.35   C815.76,304.24 821.73,316.94 833.95,325.07   C843.12,331.17 853.35,335.68 863.10,340.91   C868.79,343.96 874.66,346.74 880.11,350.19   C885.60,353.67 888.20,358.83 888.08,365.67   C887.88,377.59 886.09,389.15 882.74,400.59   C881.62,404.45 881.68,408.87 882.23,412.90   C882.48,414.81 884.86,417.39 886.77,417.95   C896.24,420.73 903.41,425.99 907.33,435.16   C908.28,437.37 908.66,439.87 909.06,442.28   C909.49,444.87 909.64,447.51 909.98,450.54   C899.09,458.14 891.61,468.20 884.82,479.29   C877.18,491.77 869.12,504.28 859.41,515.14   C852.31,523.07 845.92,530.96 842.40,540.87   C840.63,545.82 839.93,551.18 839.07,556.40   C837.80,564.05 837.62,571.97 835.49,579.34   C833.41,586.55 830.11,593.61 826.21,600.04   C817.00,615.20 805.38,628.33 790.44,638.66   C789.57,637.95 789.18,636.76 788.43,636.45   C774.70,630.73 769.59,618.19 764.20,605.92   C762.90,602.96 762.07,599.79 761.00,595.96   C762.07,593.59 763.07,591.90 764.28,590.37   C768.31,585.33 772.89,580.65 776.39,575.26   C782.25,566.26 783.44,555.87 784.07,545.34   C784.47,538.60 784.70,531.54 786.89,525.27   C791.93,510.81 801.59,499.29 812.40,488.53   C824.27,476.71 837.86,465.83 839.80,447.30   C840.42,441.32 837.75,431.53 830.51,430.11   C822.04,428.45 809.48,433.66 805.47,441.37   C800.38,451.18 795.19,460.99 791.00,471.19   C785.28,485.09 775.51,494.82 762.59,501.80   C757.35,504.62 752.00,507.24 746.76,510.08   C742.11,512.61 737.72,515.64 732.93,517.86   C721.21,523.32 709.69,529.01 700.13,537.97   C697.54,540.40 694.85,542.71 692.21,545.08   C690.99,544.14 689.21,543.45 688.64,542.22   C685.08,534.47 680.66,526.88 678.69,518.71   C676.34,509.02 676.16,498.79 675.07,488.31   C683.20,483.13 691.13,478.07 699.47,473.82   C709.17,468.89 719.82,465.62 728.97,459.88   C737.28,454.66 744.23,447.21 751.59,440.53   C754.76,437.65 757.49,434.27 760.36,431.06   C761.35,429.95 762.32,428.77 763.03,427.47   C766.36,421.43 764.37,416.55 758.04,414.86   C745.37,411.48 732.62,411.80 719.61,412.53   C710.14,413.06 700.50,411.04 690.99,409.76   C684.82,408.92 682.22,404.09 681.10,398.65   C679.35,390.14 680.16,381.73 683.99,373.85   C689.82,361.87 695.12,349.54 702.03,338.20   C711.30,322.96 721.79,308.47 731.92,293.76   C742.40,278.53 752.26,262.77 763.90,248.48   C772.37,238.10 782.77,229.07 793.29,220.68   C802.76,213.12 813.55,207.24 823.79,200.66   C827.91,198.02 832.10,195.48 836.63,192.96  z288:["$","path",null,{"className":"fill-(--teal-700) dark:fill-(--teal-400)","d":"$438"}]
439:T1226, M880.95,659.66   C880.03,663.93 878.45,667.85 878.28,671.82   C877.60,687.55 876.88,703.30 877.16,719.03   C877.34,729.21 879.24,739.35 880.64,749.76   C880.93,750.47 880.94,750.91 880.99,752.10   C881.88,757.73 882.76,762.61 883.61,767.49   C888.10,793.18 902.21,814.17 917.15,834.53   C927.87,849.16 943.42,858.32 959.06,866.79   C965.81,870.45 973.36,873.59 980.88,874.67   C995.06,876.69 1009.16,874.17 1022.45,868.86   C1028.04,866.62 1033.61,863.29 1037.97,859.16   C1047.37,850.25 1056.35,840.81 1064.79,830.98   C1070.79,823.99 1075.95,816.21 1080.93,808.43   C1089.25,795.41 1089.95,780.05 1092.72,765.47   C1094.42,756.51 1093.64,747.09 1094.21,737.88   C1094.44,734.30 1095.89,730.74 1095.81,727.19   C1095.30,704.97 1098.32,682.65 1094.18,660.51   C1092.82,653.26 1092.74,645.65 1090.47,638.73   C1087.09,628.43 1082.42,618.54 1078.05,608.59   C1070.76,591.99 1062.47,576.10 1048.42,563.86   C1039.48,556.08 1030.48,548.38 1019.28,544.26   C1011.91,541.54 1004.04,540.18 996.44,538.22   C994.01,531.23 998.61,527.20 1005.93,525.35   C1011.87,523.84 1017.87,522.32 1023.94,521.65   C1031.99,520.77 1040.39,519.25 1048.20,520.59   C1069.90,524.33 1089.15,534.67 1107.90,545.76   C1113.30,548.96 1117.99,553.34 1123.33,556.66   C1134.63,563.71 1143.81,572.44 1150.82,584.06   C1162.41,603.28 1170.84,623.85 1178.84,644.64   C1181.88,652.54 1183.58,660.97 1185.78,669.18   C1186.66,672.50 1187.92,675.92 1187.85,679.27   C1187.36,702.48 1186.57,725.68 1185.86,748.89   C1185.84,749.54 1185.63,750.20 1185.42,750.82   C1182.94,758.32 1180.56,765.84 1177.93,773.28   C1175.41,780.41 1173.60,788.03 1169.76,794.39   C1161.23,808.53 1152.71,822.91 1142.22,835.56   C1126.35,854.70 1108.02,871.53 1084.45,881.19   C1071.40,886.54 1058.32,891.96 1044.93,896.33   C1029.21,901.45 1013.48,906.97 996.32,905.24   C987.24,904.33 978.00,905.14 968.89,904.45   C956.07,903.48 945.22,897.00 934.44,890.68   C917.50,880.76 900.61,871.10 891.86,851.75   C885.45,837.57 876.91,824.36 869.84,810.46   C867.25,805.36 866.19,799.49 864.36,794.00   C860.61,782.72 856.68,771.50 853.10,760.17   C851.44,754.87 850.43,749.36 849.13,743.94   C849.11,743.20 849.09,742.46 849.05,740.90   C849.01,725.38 848.99,710.69 848.98,696.00   C849.03,695.56 849.08,695.12 849.09,694.34   C849.66,691.81 850.58,689.64 850.83,687.40   C852.63,670.95 853.95,654.43 856.16,638.03   C857.10,631.04 859.78,624.28 861.70,617.43   C864.77,606.44 867.31,595.25 871.16,584.54   C873.87,576.98 878.21,569.98 882.09,562.88   C890.03,548.36 897.91,533.81 906.25,519.54   C913.57,507.00 918.85,493.64 922.47,479.73   C924.88,470.43 924.19,460.76 918.05,452.67   C916.92,451.18 913.35,451.53 910.41,450.58   C909.64,447.51 909.49,444.87 909.06,442.28   C908.66,439.87 908.28,437.37 907.33,435.16   C903.41,425.99 896.24,420.73 886.77,417.95   C884.86,417.39 882.48,414.81 882.23,412.90   C881.68,408.87 881.62,404.45 882.74,400.59   C886.09,389.15 887.88,377.59 888.08,365.67   C888.20,358.83 885.60,353.67 880.11,350.19   C874.66,346.74 868.79,343.96 863.10,340.91   C853.35,335.68 843.12,331.17 833.95,325.07   C821.73,316.94 815.76,304.24 812.01,290.35   C808.60,277.67 810.13,264.93 811.55,252.27   C812.44,244.44 813.45,236.27 816.47,229.12   C820.12,220.48 826.01,212.81 830.81,204.64   C833.03,200.86 834.95,196.90 837.00,193.03   C849.73,185.21 862.70,178.40 878.40,178.89   C883.57,179.06 888.79,176.86 894.02,176.67   C903.28,176.34 912.58,176.47 921.85,176.88   C926.77,177.09 931.75,177.88 936.52,179.13   C944.25,181.15 952.08,183.16 959.42,186.25   C968.95,190.26 978.41,194.72 987.22,200.09   C998.51,206.96 1009.14,214.91 1020.01,222.46   C1022.73,224.35 1025.25,226.52 1027.91,228.51   C1037.40,235.62 1043.18,245.45 1049.59,255.24   C1058.52,268.87 1063.04,284.30 1070.45,298.48   C1076.21,309.50 1080.58,321.26 1085.28,332.81   C1086.68,336.26 1087.04,340.13 1088.00,343.77   C1089.04,347.69 1090.41,351.54 1091.32,355.49   C1092.38,360.10 1092.85,364.84 1094.02,369.42   C1098.02,385.17 1095.85,401.16 1095.65,417.02   C1095.55,424.45 1092.77,431.84 1091.44,439.28   C1090.94,442.04 1090.84,444.94 1091.05,447.74   C1091.77,457.53 1087.56,465.63 1081.54,472.52   C1079.05,475.37 1074.21,476.95 1070.21,477.55   C1052.65,480.18 1035.22,478.98 1019.74,469.78   C1012.51,465.47 1005.27,461.67 997.30,459.74   C986.66,457.17 977.55,459.07 970.61,469.28   C962.84,480.71 959.41,493.63 954.50,505.97   C948.18,521.83 939.28,535.97 930.27,550.24   C924.38,559.58 919.58,569.60 914.37,579.36   C908.12,591.08 901.38,602.59 895.91,614.66   C890.94,625.64 887.34,637.24 883.26,648.61   C882.26,651.38 881.76,654.33 881.11,657.60   C881.10,658.44 881.01,658.88 880.95,659.66  z289:["$","path",null,{"className":"fill-(--teal-600) dark:fill-(--teal-500)","d":"$439"}]
28a:["$","p",null,{"className":"text-fg-mute text-xs","children":"LogoIcon"}]
28b:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","svg",null,{"className":"size-6","viewBox":"0 0 512 512","fill":"none","xmlns":"http://www.w3.org/2000/svg","children":[["$","defs",null,{"children":["$","linearGradient",null,{"id":"arte-odyssey-g1","x1":"0%","y1":"0%","x2":"80%","y2":"100%","children":[["$","stop",null,{"offset":"0%","stopColor":"var(--teal-300)"}],["$","stop",null,{"offset":"100%","stopColor":"var(--cyan-300)"}]]}]}],["$","circle",null,{"cx":"128","cy":"250","r":"20","fill":"url(#arte-odyssey-g1)"}],["$","path",null,{"d":"M146 242 C158 155 215 90 300 78 C375 68 425 120 432 195 C436 235 420 268 392 282","stroke":"url(#arte-odyssey-g1)","strokeWidth":"22","strokeLinecap":"round"}],["$","path",null,{"d":"M146 258 C185 278 250 288 320 284 C355 280 378 274 392 265","stroke":"url(#arte-odyssey-g1)","strokeWidth":"22","strokeLinecap":"round"}],["$","path",null,{"d":"M200 286 C195 330 185 375 192 425","stroke":"url(#arte-odyssey-g1)","strokeWidth":"13","strokeLinecap":"round"}],["$","path",null,{"d":"M280 288 C282 332 288 378 298 430","stroke":"url(#arte-odyssey-g1)","strokeWidth":"10","strokeLinecap":"round"}],["$","path",null,{"d":"M350 280 C358 320 370 365 388 415","stroke":"url(#arte-odyssey-g1)","strokeWidth":"7","strokeLinecap":"round"}]]}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ArteOdyssey"}]]}]
28c:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$11:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CloseIcon"}]]}]
28d:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$3b:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CheckIcon"}]]}]
28e:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"m6 9 6 6 6-6","key":"qrunsl"}]],"className":"lucide-chevron-down size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ChevronIcon"}]]}]
28f:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M5 12h14","key":"1ays0h"}],["path",{"d":"M12 5v14","key":"s699le"}]],"className":"lucide-plus size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PlusIcon"}]]}]
290:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M5 12h14","key":"1ays0h"}]],"className":"lucide-minus size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MinusIcon"}]]}]
291:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71","key":"1cjeqo"}],["path",{"d":"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71","key":"19qd67"}]],"className":"lucide-link size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LinkIcon"}]]}]
292:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$0:root:props:routes:1:children:1:component:props:children:10:props:children:1:props:children:2:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ExternalLinkIcon"}]]}]
293:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["rect",{"width":"8","height":"4","x":"8","y":"2","rx":"1","key":"1oijnt"}],["path",{"d":"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-.5","key":"1but9f"}],["path",{"d":"M16 4h2a2 2 0 0 1 1.73 1","key":"1p8n7l"}],["path",{"d":"M8 18h1","key":"13wk12"}],["path",{"d":"M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z","key":"2t3380"}]],"className":"lucide-clipboard-pen-line size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CopyIcon"}]]}]
294:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z","key":"1ffxy3"}],["path",{"d":"m21.854 2.147-10.94 10.939","key":"12cjpa"}]],"className":"lucide-send size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SendIcon"}]]}]
295:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$10:props:children:4:props:children:4:props:children:1:props:children:0:props:children:0:props:startIcon:props:iconNode","className":"lucide-mail size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MailIcon"}]]}]
296:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0","key":"1nclc0"}],["circle",{"cx":"12","cy":"12","r":"3","key":"1v7zrd"}]],"className":"lucide-eye size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ViewIcon"}]]}]
297:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49","key":"ct8e1f"}],["path",{"d":"M14.084 14.158a3 3 0 0 1-4.242-4.242","key":"151rxh"}],["path",{"d":"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143","key":"13bj9a"}],["path",{"d":"m2 2 20 20","key":"1ooewy"}]],"className":"lucide-eye-off size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ViewOffIcon"}]]}]
298:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:0:props:children:0:props:iconNode","className":"lucide-info size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (info)"}]]}]
299:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:1:props:children:1:props:children:0:props:children:0:props:children:0:props:children:0:props:iconNode","className":"lucide-circle-check size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (success)"}]]}]
29a:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:1:props:children:1:props:children:0:props:children:2:props:children:0:props:children:0:props:iconNode","className":"lucide-triangle-alert size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (warning)"}]]}]
29b:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$2c:props:children:4:props:children:1:props:children:1:props:children:0:props:children:3:props:children:0:props:children:0:props:iconNode","className":"lucide-circle-alert size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (error)"}]]}]
29c:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"16","cy":"4","r":"1","key":"1grugj"}],["path",{"d":"m18 19 1-7-6 1","key":"r0i19z"}],["path",{"d":"m5 8 3-3 5.5 3-2.36 3.5","key":"9ptxx2"}],["path",{"d":"M4.24 14.5a5 5 0 0 0 6.88 6","key":"10kmtu"}],["path",{"d":"M13.76 17.5a5 5 0 0 0-6.88-6","key":"2qq6rc"}]],"className":"lucide-accessibility size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AccessibilityIcon"}]]}]
29d:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12 8V4H8","key":"hb8ula"}],["rect",{"width":"16","height":"12","x":"4","y":"8","rx":"2","key":"enze0r"}],["path",{"d":"M2 14h2","key":"vft8re"}],["path",{"d":"M20 14h2","key":"4cs60a"}],["path",{"d":"M15 13v2","key":"1xurst"}],["path",{"d":"M9 13v2","key":"rq6x2g"}]],"className":"lucide-bot size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AIIcon"}]]}]
29e:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"1","key":"41hilf"}],["path",{"d":"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z","key":"1l2ple"}],["path",{"d":"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z","key":"1wam0m"}]],"className":"lucide-atom size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AtomIcon"}]]}]
29f:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20","key":"k3hazp"}],["path",{"d":"M8 11h8","key":"vwpz6n"}],["path",{"d":"M8 7h6","key":"1f0q6e"}]],"className":"lucide-book-text size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BlogIcon"}]]}]
2a0:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M12 18a6 6 0 0 0 0-12v12z","key":"j4l70d"}]],"className":"lucide-contrast size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ColorContrastIcon"}]]}]
2a1:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M11 7 6 2","key":"1jwth8"}],["path",{"d":"M18.992 12H2.041","key":"xw1gg"}],["path",{"d":"M21.145 18.38A3.34 3.34 0 0 1 20 16.5a3.3 3.3 0 0 1-1.145 1.88c-.575.46-.855 1.02-.855 1.595A2 2 0 0 0 20 22a2 2 0 0 0 2-2.025c0-.58-.285-1.13-.855-1.595","key":"1nkol4"}],["path",{"d":"m8.5 4.5 2.148-2.148a1.205 1.205 0 0 1 1.704 0l7.296 7.296a1.205 1.205 0 0 1 0 1.704l-7.592 7.592a3.615 3.615 0 0 1-5.112 0l-3.888-3.888a3.615 3.615 0 0 1 0-5.112L5.67 7.33","key":"1nk1rd"}]],"className":"lucide-paint-bucket size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ColorInfoIcon"}]]}]
2a2:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M18 5h4","key":"1lhgn2"}],["path",{"d":"M20 3v4","key":"1olli1"}],["path",{"d":"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401","key":"kfwtm"}]],"className":"lucide-moon-star size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"DarkModeIcon"}]]}]
2a3:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"4","key":"4exip2"}],["path",{"d":"M12 2v2","key":"tus03m"}],["path",{"d":"M12 20v2","key":"1lh1kg"}],["path",{"d":"m4.93 4.93 1.41 1.41","key":"149t6j"}],["path",{"d":"m17.66 17.66 1.41 1.41","key":"ptbguv"}],["path",{"d":"M2 12h2","key":"1t8f8n"}],["path",{"d":"M20 12h2","key":"1q8mjw"}],["path",{"d":"m6.34 17.66-1.41 1.41","key":"1m8zz5"}],["path",{"d":"m19.07 4.93-1.41 1.41","key":"1shlcs"}]],"className":"lucide-sun size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LightModeIcon"}]]}]
2a4:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M16 5H3","key":"m91uny"}],["path",{"d":"M11 12H3","key":"51ecnj"}],["path",{"d":"M16 19H3","key":"zzsher"}],["path",{"d":"M21 12h-6","key":"bt1uis"}]],"className":"lucide-list-minus size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"FormIcon"}]]}]
2a5:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8","key":"1357e3"}],["path",{"d":"M3 3v5h5","key":"1xhq8a"}],["path",{"d":"M12 7v5l4 2","key":"1fdv2h"}]],"className":"lucide-history size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"HistoryIcon"}]]}]
2a6:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M3 5h.01","key":"18ugdj"}],["path",{"d":"M3 12h.01","key":"nlz23k"}],["path",{"d":"M3 19h.01","key":"noohij"}],["path",{"d":"M8 5h13","key":"1pao27"}],["path",{"d":"M8 12h13","key":"1za7za"}],["path",{"d":"M8 19h13","key":"m83p4d"}]],"className":"lucide-list size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ListIcon"}]]}]
2a7:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0","key":"1r0f0z"}],["circle",{"cx":"12","cy":"10","r":"3","key":"ilqhr7"}]],"className":"lucide-map-pin size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LocationIcon"}]]}]
2a8:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"9","cy":"9","r":"7","key":"p2h5vp"}],["circle",{"cx":"15","cy":"15","r":"7","key":"19ennj"}]],"className":"lucide-blend size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MixedColorIcon"}]]}]
2a9:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M21 5H3","key":"1fi0y6"}],["path",{"d":"M21 12H9","key":"dn1m92"}],["path",{"d":"M21 19H7","key":"4cu937"}]],"className":"lucide-text-align-end size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"NavigationMenuIcon"}]]}]
2aa:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M10.268 21a2 2 0 0 0 3.464 0","key":"vwvbt9"}],["path",{"d":"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326","key":"11g9vi"}]],"className":"lucide-bell size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"NewsIcon"}]]}]
2ab:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z","key":"e79jfc"}],["circle",{"cx":"13.5","cy":"6.5","r":".5","fill":"currentColor","key":"1okk4w"}],["circle",{"cx":"17.5","cy":"10.5","r":".5","fill":"currentColor","key":"f64h9f"}],["circle",{"cx":"6.5","cy":"12.5","r":".5","fill":"currentColor","key":"qy21gx"}],["circle",{"cx":"8.5","cy":"7.5","r":".5","fill":"currentColor","key":"fotxhn"}]],"className":"lucide-palette size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PaletteIcon"}]]}]
2ac:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5","key":"qeys4"}],["path",{"d":"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09","key":"u4xsad"}],["path",{"d":"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z","key":"676m9"}],["path",{"d":"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05","key":"92ym6u"}]],"className":"lucide-rocket size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PrepareIcon"}]]}]
2ad:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M8 2v4","key":"1cmpym"}],["path",{"d":"M16 2v4","key":"4m81vk"}],["rect",{"width":"18","height":"18","x":"3","y":"4","rx":"2","key":"1hopcy"}],["path",{"d":"M3 10h18","key":"8toen8"}]],"className":"lucide-calendar size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PublishDateIcon"}]]}]
2ae:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M4 11a9 9 0 0 1 9 9","key":"pv89mb"}],["path",{"d":"M4 4a16 16 0 0 1 16 16","key":"k0647b"}],["circle",{"cx":"5","cy":"19","r":"1","key":"bfqh0e"}]],"className":"lucide-rss size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"RSSIcon"}]]}]
2af:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z","key":"oel41y"}],["path",{"d":"m9 12 2 2 4-4","key":"dzmm74"}]],"className":"lucide-shield-check size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ShieldCheckIcon"}]]}]
2b0:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M2 3h20","key":"91anmk"}],["path",{"d":"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3","key":"2k9sn8"}],["path",{"d":"m7 21 5-5 5 5","key":"bip4we"}]],"className":"lucide-presentation size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SlideIcon"}]]}]
2b1:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z","key":"1s2grr"}],["path",{"d":"M20 2v4","key":"1rf3ol"}],["path",{"d":"M22 4h-4","key":"gwowj6"}],["circle",{"cx":"4","cy":"20","r":"2","key":"6kqj1y"}]],"className":"lucide-sparkles size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SparklesIcon"}]]}]
2b2:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z","key":"oz39mx"}]],"className":"lucide-bookmark size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SubscribeIcon"}]]}]
2b3:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18","key":"gugj83"}]],"className":"lucide-table2 lucide-table-2 size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"TableIcon"}]]}]
2b4:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z","key":"vktsd0"}],["circle",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor","key":"kqv944"}]],"className":"lucide-tag size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"TagIcon"}]]}]
2b5:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M12 6v6l4 2","key":"mmk7yg"}]],"className":"lucide-clock size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"UpdateDateIcon"}]]}]
2b6:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z","key":"emmmcr"}],["path",{"d":"M7 10v12","key":"1qc93n"}]],"className":"lucide-thumbs-up size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"GoodIcon"}]]}]
2b7:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z","key":"m61m77"}],["path",{"d":"M17 14V2","key":"8ymqnk"}]],"className":"lucide-thumbs-down size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BadIcon"}]]}]
2b8:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5","key":"1gvzjb"}],["path",{"d":"M9 18h6","key":"x1upvd"}],["path",{"d":"M10 22h4","key":"ceow96"}]],"className":"lucide-lightbulb size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"InformativeIcon"}]]}]
2b9:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z","key":"1ptgy4"}],["path",{"d":"M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97","key":"1sl1rz"}]],"className":"lucide-droplets size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ShallowIcon"}]]}]
2ba:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M8 14s1.5 2 4 2 4-2 4-2","key":"1y1vjs"}],["line",{"x1":"9","x2":"9.01","y1":"9","y2":"9","key":"yxxnd0"}],["line",{"x1":"15","x2":"15.01","y1":"9","y2":"9","key":"1p4y9e"}]],"className":"lucide-smile size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"InterestingIcon"}]]}]
2bb:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M8 15h8","key":"45n4r"}],["path",{"d":"M8 9h2","key":"1g203m"}],["path",{"d":"M14 9h2","key":"116p9w"}]],"className":"lucide-annoyed size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BoringIcon"}]]}]
2bc:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12Z","key":"b2q4dd"}],["line",{"x1":"9","x2":"9.01","y1":"9","y2":"9","key":"yxxnd0"}],["line",{"x1":"15","x2":"15.01","y1":"9","y2":"9","key":"1p4y9e"}]],"className":"lucide-laugh size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"EasyIcon"}]]}]
2bd:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","$Le",null,{"ref":"$undefined","iconNode":[["circle",{"cx":"12","cy":"12","r":"10","key":"1mglay"}],["path",{"d":"M16 16s-1.5-2-4-2-4 2-4 2","key":"epbg0q"}],["path",{"d":"M7.5 8 10 9","key":"olxxln"}],["path",{"d":"m14 9 2.5-1","key":"1j6cij"}],["path",{"d":"M9 10h.01","key":"qbtxuw"}],["path",{"d":"M15 10h.01","key":"1qmjsl"}]],"className":"lucide-angry size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"DifficultIcon"}]]}]
2be:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","svg",null,{"className":"size-6","viewBox":"0 0 98 96","xmlns":"http://www.w3.org/2000/svg","children":["$","path",null,{"d":"M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z","fill":"currentColor"}]}],["$","p",null,{"className":"text-fg-mute text-xs","children":"GitHubIcon"}]]}]
2bf:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","svg",null,{"className":"size-6","fill":"none","viewBox":"0 0 1200 1227","xmlns":"http://www.w3.org/2000/svg","children":["$","path",null,{"className":"fill-fg-base","d":"M714.16 519.28L1160.89 0H1055.03L667.14 450.89L357.33 0H0L468.49 681.82L0 1226.37H105.87L515.49 750.22L842.67 1226.37H1200L714.14 519.28H714.16ZM569.16 687.83L521.70 619.93L144.01 79.69H306.62L611.41 515.68L658.88 583.58L1055.08 1150.3H892.48L569.16 687.85V687.83Z"}]}],["$","p",null,{"className":"text-fg-mute text-xs","children":"TwitterIcon"}]]}]
43a:T907,
M170.00,301.00 
	C155.98,301.00 141.96,301.00 127.35,300.63 
	C126.24,299.87 125.76,299.21 125.20,299.13 
	C106.99,296.55 90.22,289.99 74.41,280.79 
	C57.08,270.70 42.21,257.64 30.40,241.57 
	C17.26,223.68 7.53,204.01 3.83,181.76 
	C3.44,179.42 1.97,177.25 1.00,175.00 
	C1.00,159.31 1.00,143.62 1.37,127.35 
	C2.16,125.91 2.75,125.10 2.96,124.21 
	C4.27,118.70 5.15,113.07 6.79,107.67 
	C14.92,80.92 29.17,58.11 50.06,39.28 
	C66.69,24.30 85.52,13.55 106.81,7.03 
	C114.44,4.70 122.26,2.99 130.00,1.00 
	C144.35,1.00 158.71,1.00 173.67,1.36 
	C175.17,2.13 176.02,2.66 176.95,2.92 
	C186.59,5.62 196.44,7.73 205.85,11.06 
	C232.83,20.58 254.47,37.78 271.49,60.35 
	C284.87,78.08 294.49,97.92 298.16,120.22 
	C298.55,122.58 300.03,124.75 301.00,127.00 
	C301.00,127.00 301.00,127.50 300.67,127.85 
	C300.56,129.13 300.78,130.07 301.00,131.00 
	C301.00,145.35 301.00,159.71 300.63,174.65 
	C299.17,179.59 298.12,183.95 296.99,188.29 
	C293.93,200.06 289.71,211.37 283.83,222.00 
	C274.89,218.56 269.44,218.19 260.01,219.87 
	C258.35,220.17 256.09,220.08 254.83,219.16 
	C245.13,212.12 238.85,205.04 243.48,192.58 
	C246.15,185.39 247.37,177.40 247.77,169.69 
	C248.16,162.24 246.97,154.64 245.95,147.17 
	C243.29,127.59 235.48,110.16 223.22,94.68 
	C221.02,91.91 217.97,89.20 217.25,86.02 
	C216.02,80.64 216.26,74.90 216.03,69.31 
	C215.88,65.65 216.19,61.96 215.96,58.31 
	C215.47,50.74 210.89,48.36 204.49,52.19 
	C199.48,55.18 194.13,57.74 189.57,61.31 
	C185.80,64.26 182.76,63.56 178.91,62.05 
	C163.35,55.96 147.25,55.54 131.04,58.51 
	C117.56,60.98 105.90,67.68 94.50,74.96 
	C92.48,76.25 89.34,76.72 86.93,76.31 
	C80.88,75.27 74.98,73.40 68.98,72.08 
	C63.87,70.96 60.62,74.59 61.90,79.73 
	C62.92,83.81 63.68,87.98 65.00,91.96 
	C68.00,100.99 67.47,108.98 62.43,117.71 
	C56.07,128.72 53.74,141.57 53.23,154.22 
	C52.79,165.18 53.42,176.38 55.23,187.20 
	C57.65,201.60 63.63,214.93 73.51,225.90 
	C90.29,244.49 112.10,252.72 136.56,253.81 
	C147.36,254.29 158.27,252.89 169.10,251.95 
	C181.31,250.87 193.16,247.93 203.90,241.91 
	C211.07,237.88 217.72,232.91 223.48,229.10 
	C228.86,234.44 233.77,240.46 239.81,244.96 
	C245.72,249.37 252.79,252.22 259.77,255.97 
	C254.96,260.09 249.64,264.89 244.07,269.38 
	C228.58,281.87 211.13,290.65 191.99,295.95 
	C184.75,297.95 177.34,299.33 170.00,301.00 
z43b:T528,
M201.23,166.28 
	C189.03,176.10 175.09,180.47 160.14,181.96 
	C150.82,182.88 141.43,184.14 132.12,183.81 
	C118.49,183.33 105.09,180.78 94.96,170.37 
	C86.98,162.16 83.84,151.87 83.87,140.38 
	C79.76,142.15 75.81,143.84 71.86,145.53 
	C71.43,145.03 70.99,144.53 70.56,144.04 
	C71.61,142.71 72.39,140.92 73.75,140.17 
	C76.27,138.78 79.26,138.24 81.79,136.87 
	C83.04,136.19 83.71,134.45 85.18,132.44 
	C79.51,132.44 75.18,132.44 70.38,132.44 
	C70.30,131.77 70.16,130.61 70.02,129.51 
	C75.18,127.89 81.27,130.22 85.99,124.27 
	C81.13,123.77 77.32,123.37 73.50,123.00 
	C70.70,122.73 68.22,122.20 69.41,117.91 
	C73.09,118.51 76.74,119.06 80.36,119.73 
	C83.67,120.33 85.66,120.26 87.22,116.06 
	C96.19,91.86 113.31,77.04 139.13,73.01 
	C162.04,69.44 181.37,76.33 196.90,93.51 
	C199.93,96.87 202.45,100.74 204.79,104.63 
	C206.07,106.76 206.94,107.32 209.40,106.38 
	C212.69,105.12 216.24,104.44 219.73,103.80 
	C220.98,103.58 222.38,104.19 223.71,104.42 
	C223.71,104.86 223.71,105.29 223.72,105.72 
	C218.54,107.58 213.36,109.43 208.00,111.35 
	C212.07,119.52 219.17,110.88 224.17,115.11 
	C221.41,120.75 214.59,115.81 211.18,119.90 
	C211.36,123.79 214.46,123.98 217.68,124.37 
	C220.48,124.71 223.23,125.53 226.13,126.17 
	C224.53,129.57 224.53,129.57 212.76,127.41 
	C214.08,141.79 212.91,155.47 201.23,166.28 
z2c0:["$","div",null,{"className":"border-border-base flex flex-col items-center justify-center gap-2 rounded-lg border p-4","children":[["$","svg",null,{"className":"size-6","enableBackground":"new 0 0 300 300","version":"1.1","viewBox":"0 0 300 300","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"d":"$43a","fill":"#55C500","opacity":"1.00","stroke":"none"}],["$","path",null,{"d":"$43b","fill":"#55C500","opacity":"1.00","stroke":"none"}]]}],"$L43c"]}]
2c1:["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.001 235)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.001 235)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]
2c2:["$","div","red",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Red"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.016 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.016 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.042 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.042 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.084 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.084 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.15 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.15 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.225 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.225 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.27 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.27 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.255 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.255 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.22 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.22 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.18 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.18 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.14 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.14 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.1 25)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.1 25)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c3:["$","div","pink",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Pink"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.016 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.016 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.038 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.038 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.078 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.078 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.145 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.145 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.225 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.225 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.27 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.27 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.26 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.26 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.23 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.23 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.19 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.19 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.15 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.15 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.108 350)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.108 350)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c4:["$","div","purple",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Purple"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.018 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.018 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.042 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.042 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.082 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.082 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.155 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.155 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.24 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.24 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.29 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.29 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.295 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.295 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.265 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.265 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.22 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.22 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.175 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.175 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.125 305)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.125 305)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c5:["$","div","cyan",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Cyan"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.022 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.022 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.055 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.055 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.098 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.098 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.155 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.155 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.18 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.18 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.17 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.17 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.15 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.15 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.128 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.128 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.105 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.105 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.082 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.082 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.058 210)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.058 210)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c6:["$","div","blue",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Blue"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.016 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.016 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.04 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.04 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.078 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.078 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.145 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.145 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.21 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.21 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.255 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.255 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.275 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.275 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.26 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.26 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.215 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.215 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.165 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.165 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.118 260)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.118 260)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c7:["$","div","teal",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Teal"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.02 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.02 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.058 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.058 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.11 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.11 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.16 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.16 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.175 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.175 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.165 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.165 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.145 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.145 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.12 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.12 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.098 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.098 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.078 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.078 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.055 180)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.055 180)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c8:["$","div","green",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Green"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.02 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.02 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.052 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.052 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.1 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.1 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.175 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.175 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.235 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.235 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.245 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.245 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.22 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.22 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.18 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.18 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.14 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.14 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.108 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.108 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.075 150)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.075 150)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2c9:["$","div","yellow",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Yellow"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.03 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.03 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.08 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.08 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.148 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.148 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.2 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.2 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.2 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.2 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.18 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.18 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.158 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.158 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.135 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.135 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.11 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.11 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.085 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.085 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.06 90)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.06 90)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2ca:["$","div","orange",{"className":"flex flex-col gap-1","children":[["$","span",null,{"className":"text-sm font-medium","children":"Orange"}],["$","div",null,{"className":"grid grid-cols-5 gap-2 sm:grid-cols-11","children":[["$","div","50",{"className":"flex flex-col items-center gap-1","title":"oklch(0.975 0.02 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.975 0.02 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":50}]]}],["$","div","100",{"className":"flex flex-col items-center gap-1","title":"oklch(0.945 0.05 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.945 0.05 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":100}]]}],["$","div","200",{"className":"flex flex-col items-center gap-1","title":"oklch(0.9 0.098 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.9 0.098 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":200}]]}],["$","div","300",{"className":"flex flex-col items-center gap-1","title":"oklch(0.84 0.165 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.84 0.165 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":300}]]}],["$","div","400",{"className":"flex flex-col items-center gap-1","title":"oklch(0.75 0.22 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.75 0.22 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":400}]]}],["$","div","500",{"className":"flex flex-col items-center gap-1","title":"oklch(0.66 0.24 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.66 0.24 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":500}]]}],["$","div","600",{"className":"flex flex-col items-center gap-1","title":"oklch(0.575 0.235 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.575 0.235 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":600}]]}],["$","div","700",{"className":"flex flex-col items-center gap-1","title":"oklch(0.49 0.2 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.49 0.2 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":700}]]}],["$","div","800",{"className":"flex flex-col items-center gap-1","title":"oklch(0.41 0.165 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.41 0.165 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":800}]]}],["$","div","900",{"className":"flex flex-col items-center gap-1","title":"oklch(0.37 0.128 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.37 0.128 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":900}]]}],["$","div","950",{"className":"flex flex-col items-center gap-1","title":"oklch(0.18 0.09 55)","children":[["$","div",null,{"className":"border-border-mute aspect-square w-full rounded-md border","style":{"backgroundColor":"oklch(0.18 0.09 55)"}}],["$","span",null,{"className":"text-xs font-medium","children":950}]]}]]}]]}]
2cb:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2cc:["$","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","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","children":["$","$L5",null,{"k":"theming.foregroundTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","fg-base",{"token":{"name":"fg-base","light":"gray-900","dark":"gray-50"}}],["$","$L43d","fg-subtle",{"token":{"name":"fg-subtle","light":"gray-400","dark":"gray-500"}}],["$","$L43d","fg-mute",{"token":{"name":"fg-mute","light":"gray-700","dark":"gray-300"}}],["$","$L43d","fg-inverse",{"token":{"name":"fg-inverse","light":"gray-50","dark":"gray-900"}}],["$","$L43d","fg-info",{"token":{"name":"fg-info","light":"blue-800","dark":"blue-200"}}],["$","$L43d","fg-success",{"token":{"name":"fg-success","light":"green-800","dark":"green-200"}}],["$","$L43d","fg-warning",{"token":{"name":"fg-warning","light":"yellow-800","dark":"yellow-200"}}],["$","$L43d","fg-error",{"token":{"name":"fg-error","light":"red-800","dark":"red-200"}}]]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"theming.backgroundTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","bg-base",{"token":{"name":"bg-base","light":"white","dark":"gray-900"}}],["$","$L43d","bg-raised",{"token":{"name":"bg-raised","light":"white","dark":"gray-800"}}],["$","$L43d","bg-surface",{"token":{"name":"bg-surface","light":"gray-50","dark":"gray-950"}}],["$","$L43d","bg-subtle",{"token":{"name":"bg-subtle","light":"gray-100","dark":"gray-800"}}],["$","$L43d","bg-mute",{"token":{"name":"bg-mute","light":"gray-200","dark":"gray-700"}}],["$","$L43d","bg-emphasize",{"token":{"name":"bg-emphasize","light":"gray-300","dark":"gray-600"}}],["$","$L43d","bg-inverse",{"token":{"name":"bg-inverse","light":"gray-900","dark":"white"}}],["$","$L43d","bg-info",{"token":{"name":"bg-info","light":"blue-100","dark":"blue-900"}}],["$","$L43d","bg-success",{"token":{"name":"bg-success","light":"green-100","dark":"green-900"}}],["$","$L43d","bg-warning",{"token":{"name":"bg-warning","light":"yellow-100","dark":"yellow-900"}}],["$","$L43d","bg-error",{"token":{"name":"bg-error","light":"red-100","dark":"red-900"}}]]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"theming.borderTitle"}]}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","border-base",{"token":{"name":"border-base","light":"gray-400","dark":"gray-600"},"type":"border"}],["$","$L43d","border-subtle",{"token":{"name":"border-subtle","light":"gray-100","dark":"gray-700"},"type":"border"}],["$","$L43d","border-mute",{"token":{"name":"border-mute","light":"gray-200","dark":"gray-600"},"type":"border"}],["$","$L43d","border-emphasize",{"token":{"name":"border-emphasize","light":"gray-500","dark":"gray-500"},"type":"border"}],["$","$L43d","border-inverse",{"token":{"name":"border-inverse","light":"gray-700","dark":"gray-300"},"type":"border"}],["$","$L43d","border-info",{"token":{"name":"border-info","light":"blue-500","dark":"blue-400"},"type":"border"}],["$","$L43d","border-success",{"token":{"name":"border-success","light":"green-500","dark":"green-400"},"type":"border"}],["$","$L43d","border-warning",{"token":{"name":"border-warning","light":"yellow-500","dark":"yellow-400"},"type":"border"}],["$","$L43d","border-error",{"token":{"name":"border-error","light":"red-500","dark":"red-400"},"type":"border"}]]}]]}]]}]
2cd:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2ce:["$","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","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","children":"Primary"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","primary-fg",{"token":{"name":"primary-fg","light":"teal-800","dark":"teal-300"},"type":"fill"}],["$","$L43d","primary-bg",{"token":{"name":"primary-bg","light":"teal-200","dark":"teal-800"},"type":"fill"}],["$","$L43d","primary-bg-subtle",{"token":{"name":"primary-bg-subtle","light":"teal-50","dark":"teal-950"},"type":"fill"}],["$","$L43d","primary-bg-mute",{"token":{"name":"primary-bg-mute","light":"teal-100","dark":"teal-900"},"type":"fill"}],["$","$L43d","primary-bg-emphasize",{"token":{"name":"primary-bg-emphasize","light":"teal-300","dark":"teal-700"},"type":"fill"}],["$","$L43d","primary-border",{"token":{"name":"primary-border","light":"teal-500","dark":"teal-500"},"type":"border"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Secondary"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","secondary-fg",{"token":{"name":"secondary-fg","light":"cyan-800","dark":"cyan-300"},"type":"fill"}],["$","$L43d","secondary-bg",{"token":{"name":"secondary-bg","light":"cyan-200","dark":"cyan-800"},"type":"fill"}],["$","$L43d","secondary-bg-subtle",{"token":{"name":"secondary-bg-subtle","light":"cyan-50","dark":"cyan-950"},"type":"fill"}],["$","$L43d","secondary-bg-mute",{"token":{"name":"secondary-bg-mute","light":"cyan-100","dark":"cyan-900"},"type":"fill"}],["$","$L43d","secondary-bg-emphasize",{"token":{"name":"secondary-bg-emphasize","light":"cyan-300","dark":"cyan-700"},"type":"fill"}],["$","$L43d","secondary-border",{"token":{"name":"secondary-border","light":"cyan-500","dark":"cyan-500"},"type":"border"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Group"}],["$","div",null,{"className":"grid gap-2 sm:grid-cols-2","children":[["$","$L43d","group-primary",{"token":{"name":"group-primary","light":"teal-800","dark":"teal-200"}}],["$","$L43d","group-secondary",{"token":{"name":"group-secondary","light":"cyan-800","dark":"cyan-200"}}],["$","$L43d","group-tertiary",{"token":{"name":"group-tertiary","light":"pink-800","dark":"pink-200"}}],["$","$L43d","group-quaternary",{"token":{"name":"group-quaternary","light":"purple-800","dark":"purple-200"}}]]}]]}]]}]
2cf:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2d0:["$","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","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","children":["$","$L5",null,{"k":"theming.textSizesTitle"}]}],["$","div",null,{"className":"rounded-xl 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":"text-fg-subtle w-20 shrink-0 text-sm","children":"xs"}],["$","span",null,{"className":"truncate","style":{"fontSize":"0.75rem","lineHeight":1.3333333333333333},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["0.75rem"," / ",1.333]}]]}],["$","div","sm",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"sm"}],["$","span",null,{"className":"truncate","style":{"fontSize":"0.875rem","lineHeight":1.4285714285714286},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["0.875rem"," / ",1.429]}]]}],["$","div","md",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"md"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1rem","lineHeight":1.5},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["1rem"," / ",1.5]}]]}],["$","div","lg",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"lg"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.125rem","lineHeight":1.5555555555555556},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["1.125rem"," / ",1.556]}]]}],["$","div","xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.25rem","lineHeight":1.4},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["1.25rem"," / ",1.4]}]]}],["$","div","2xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"2xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.5rem","lineHeight":1.3333333333333333},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["1.5rem"," / ",1.333]}]]}],["$","div","3xl",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"3xl"}],["$","span",null,{"className":"truncate","style":{"fontSize":"1.875rem","lineHeight":1.2},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["1.875rem"," / ",1.2]}]]}],["$","div","emphasize",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"emphasize"}],["$","span",null,{"className":"truncate","style":{"fontSize":"3rem","lineHeight":1},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["3rem"," / ",1]}]]}],["$","div","highlight",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"highlight"}],["$","span",null,{"className":"truncate","style":{"fontSize":"6rem","lineHeight":1},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":["6rem"," / ",1]}]]}]]}]}]]}],["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"theming.fontWeightsTitle"}]}],["$","div",null,{"className":"rounded-xl 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":["$L43e","$L43f","$L440"]}],"$L441"]}]}]]}],"$L442","$L443"]}]
2d1:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2d2:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"theming.borderRadiusTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.borderRadiusDescription"}]}],["$","div",null,{"className":"grid grid-cols-3 gap-4 sm:grid-cols-5 sm:gap-6","children":[["$","div","sm",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"border-border-base bg-bg-subtle size-16 border-2","style":{"borderRadius":"0.375rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","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":"border-border-base bg-bg-subtle size-16 border-2","style":{"borderRadius":"0.5rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","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":"border-border-base bg-bg-subtle size-16 border-2","style":{"borderRadius":"0.75rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","children":"lg"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0.75rem"}]]}]]}],["$","div","xl",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"border-border-base bg-bg-subtle size-16 border-2","style":{"borderRadius":"1rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","children":"xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"1rem"}]]}]]}],["$","div","2xl",{"className":"flex flex-col items-center gap-2","children":[["$","div",null,{"className":"border-border-base bg-bg-subtle size-16 border-2","style":{"borderRadius":"1.25rem"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","children":"2xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"1.25rem"}]]}]]}]]}]]}]
2d3:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2d4:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","style":{"boxShadow":"0 1px rgb(0 0 0 / 0.05)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","style":{"boxShadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","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":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","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":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","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":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","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":"text-sm font-medium","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":"border-border-mute bg-bg-base h-16 w-full rounded-lg border","style":{"boxShadow":"0 25px 50px -12px rgb(0 0 0 / 0.25)"}}],["$","div",null,{"className":"flex flex-col items-center","children":[["$","code",null,{"className":"text-sm font-medium","children":"2xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":"0 25px 50px -12px rgb(0 0 0 / 0.25)"}]]}]]}]]}]]}]
2d5:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2d6:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"theming.spacingTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.spacingDescription"}]}],["$","div",null,{"className":"rounded-xl 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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":0.5}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":1}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":2}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":3}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":4}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":5}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":6}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":8}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":10}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":12}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":16}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","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":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":20}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","style":{"width":"80px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["5rem"," (","80px",")"]}]]}],"$L444"]}]}]]}]
2d7:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2d8:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"theming.breakpointsTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.breakpointsDescription"}]}],["$","div",null,{"className":"rounded-xl 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 text-sm font-medium","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 text-sm font-medium","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 text-sm font-medium","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 text-sm font-medium","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 text-sm font-medium","children":"2xl"}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["≥ ","1536px"," (","96rem",")"]}]]}]]}]}]]}]
2d9:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2da:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"theming.darkModeTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.darkModeDescription"}]}],"$L445"]}]
2df:["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'sm'"}]]}]
2e0:["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]
2e1:["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]
2e2:["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'xl'"}]]}]
2e3:["$","span","'2xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'2xl'"}]]}]
2e4:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
2e5:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2e6:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","matches",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"matches"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","matches",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"matches"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
2ea:["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}]
2eb:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(e: Event) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(e: Event) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]}]]}]]}]
2ec:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
2ed:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","void",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","void",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
2f3:["$","span","(text: string) => Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(text: string) => Promise<void>"}]]}]
2f4:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
2f5:["$","tr","readClipboard",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readClipboard"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => Promise<string>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => Promise<string>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
2f9:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[boolean, (action) => void]"}]
2fa:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]"}]]}]]}]]}]
2fb:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2fc:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","[boolean, (action) => void]",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[boolean, (action) => void]"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
300:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]
301:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
302:["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"initialValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"-"}]}]]}]
303:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
304:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","[T, boolean]",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[T, boolean]"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [deferredValue: T, isPending: boolean]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [deferredValue: T, isPending: 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","[T, boolean]",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[T, boolean]"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [deferredValue: T, isPending: boolean]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [deferredValue: T, isPending: boolean]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
308:["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
309:["$","div","open",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"open"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
30a:["$","div","close",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"close"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
30b:["$","div","toggle",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"toggle"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
30c:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","open",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"open"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","close",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"close"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","toggle",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"toggle"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
312:["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]
313:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]
314:["$","div","options.rootMargin",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.rootMargin"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'0px'"}]]}]]}]
315:["$","div","options.once",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.once"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
316:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","options.threshold",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]}]]}],["$","tr","options.root",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.root"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Element",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]}]]}],["$","tr","options.rootMargin",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.rootMargin"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'0px'"}]}]]}],["$","tr","options.once",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.once"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],"$L446"]}]]}]]}]
317:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
318:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","isInView",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isInView"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","isInView",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isInView"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
31c:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
31d:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]
31e:["$","div","options.root",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.root"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Element",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]]}]
31f:["$","div","options.rootMargin",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.rootMargin"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'0px'"}]]}]]}]
320:["$","div","options.once",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.once"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
321:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(entry: IntersectionObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(entry: IntersectionObserverEntry) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","options.threshold",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]}]]}],["$","tr","options.root",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.root"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Element",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]}]]}],["$","tr","options.rootMargin",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.rootMargin"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],"$L447"]}],"$L448"]}]]}]
322:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
323:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","void",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","void",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
327:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
328:["$","tr","timeout",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"timeout"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
32e:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"key"}]}]
32f:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
330:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
331:["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"initialValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
332:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
333:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","current",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"current"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","setState",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"setState"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: T) => void"}]]}]]}]}],"$L449"]}],"$L44a"]}]]}],null]}]]}]
339:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"key"}]}]
33a:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
33b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
33c:["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"initialValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
33d:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
33e:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","current",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"current"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","setState",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"setState"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: T) => void"}]]}]]}]}],"$L44b"]}],"$L44c"]}]]}],null]}]]}]
341:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
342:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
343:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<T | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callback"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(entry: ResizeObserverEntry) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(entry: ResizeObserverEntry) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","options.enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]}]]}]]}]
344:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
345:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","void",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","void",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
34b:["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]
34c:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","options.threshold",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.threshold"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"50"}]}]]}],["$","tr","options.target",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.target"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLElement | null>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"window"}]}]]}]]}]
34d:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
34e:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","x",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"x"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'left'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","y",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'up'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","x",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"x"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'left'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'right'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","y",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"y"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'up'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'down'"}]]}]]}]}],"$L44d"]}]]}]]}],null]}]]}]
352:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
353:["$","tr","maxCount",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"maxCount"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
354:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
355:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","count",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":["$L44e","$L44f","$L450"]}]}],"$L451"]}],null]}]]}]
358:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"delay"}]
359:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}]
35a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
35d:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(size: { width: number; height: number }) => void"}]
35e:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
35f:["$","tr","options.enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"true"}]}]]}]
365:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"document.body"}]}]
366:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
367:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","lock",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"lock"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","unlock",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"unlock"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","lock",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"lock"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","unlock",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"unlock"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
36b:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]
36c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
36d:["$","tr","hoverProps",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"hoverProps"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","{ onPointerEnter: () => void; onPointerLeave: () => void }",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"{ onPointerEnter: () => void; onPointerLeave: () => void }"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
371:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T | undefined"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"undefined"}]}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: T) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: T) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"undefined"}]}]]}]]}]]}]
372:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
373:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","[0]",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[0]"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","[1]",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[1]"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(next: T | ((prev: T) => T)) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(next: T | ((prev: T) => T)) => 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","[0]",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[0]"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","T",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","[1]",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[1]"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(next: T | ((prev: T) => T)) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(next: T | ((prev: T) => T)) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
377:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
378:["$","tr","height",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"height"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
37d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
37e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
37f:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
383:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callbackRef"}]}]
384:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefCallback<T>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefCallback<T>"}]]}]]}]]}]
385:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
386:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","callbackRef",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"callbackRef"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefCallback<T>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"RefCallback<T>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
38a:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Record<string, unknown>"}]
38b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
38c:["$","tr","override",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"override"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Record<string, unknown>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Record<string, unknown>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
38d:["$","span",null,{"aria-orientation":"horizontal","className":"block h-px w-full bg-border-mute","role":"separator"}]
38e:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"helpers.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","mergedProps",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"mergedProps"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Omit<A, keyof B> & B",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Omit<A, keyof B> & B"}]]}]]}]]}],["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","mergedProps",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"mergedProps"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Omit<A, keyof B> & B",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Omit<A, keyof B> & B"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}]
392:["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"chainedFunction"}]}]
393:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(...args: Parameters<T>) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(...args: Parameters<T>) => void"}]]}]]}]]}]
394:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
395:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","chainedFunction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"chainedFunction"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(...args: Parameters<T>) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(...args: Parameters<T>) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
399:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[Context, useSafeContext]"}]
39a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [Context<T | null>, () => T]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [Context<T | null>, () => T]"}]]}]]}]]}]
39b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
39c:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","[Context, useSafeContext]",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[Context, useSafeContext]"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly [Context<T | null>, () => T]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"readonly [Context<T | null>, () => T]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
3a1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]
3a2:["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'button'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'button'"}]]}]]}]
3a3:["$","div","fullWidth",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3a4:["$","div","isActive",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isActive"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3a5:["$","div","startIcon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3a6:["$","div","endIcon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3a7:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3a8:["$","div","onAction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onAction"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void | Promise<void>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3a9:["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(props: { className, children }) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: { className, children }) => ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3aa:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3ab:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'contained'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"color"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'primary'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'secondary'"}]]}],["$","span","'gray'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["'",["$","$19e","color-0",{"children":[["$","span",null,{"aria-label":"Color: gray","className":"border-border-base inline-block size-3 shrink-0 rounded-sm border","role":"img","style":{"backgroundColor":"gray"}}],"gray"]}],"'"]}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'primary'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}],"$L452","$L453","$L454","$L455","$L456","$L457","$L458","$L459","$L45a"]}]]}]
3ac:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ButtonHTMLAttributes<HTMLButtonElement>"}]]}]
3ae:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]
3af:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]
3b0:["$","div","tooltipPlacement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tooltipPlacement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'top'"}]]}]]}]
3b1:["$","div","tooltipDisabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tooltipDisabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3b2:["$","div","onAction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onAction"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void | Promise<void>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3b3:["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(props: { className, children, \"aria-label\", triggerProps }) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: { className, children, \"aria-label\", triggerProps }) => ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3b4:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3b5:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","bg",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"bg"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'transparent'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'secondary'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'transparent'"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],"$L45b","$L45c","$L45d","$L45e","$L45f"]}]]}]
3b6:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ButtonHTMLAttributes<HTMLButtonElement>"}]]}]
3b7:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]
3b8:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
3b9:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3ba:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
3bb:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
3bc:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3bd:["$","div","rows",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3be:["$","div","fullHeight",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3bf:["$","div","autoResize",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3c0:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3c1:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3c2:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3c3:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","rows",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L460"}],"$L461","$L462"]}],"$L463","$L464","$L465","$L466","$L467"]}]]}]
3c4:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"TextareaHTMLAttributes<HTMLTextAreaElement>"}]]}]
3c5:"-"
3c6:["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"min"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3c7:["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"placeholder"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3c8:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3c9:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3ca:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3cb:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
3cc:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]
3cd:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3ce:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3cf:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3d0:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3d1:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string | undefined",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string | undefined"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Option[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L468"}],"$L469","$L46a"]}],"$L46b","$L46c"]}]]}]
3d2:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"SelectHTMLAttributes<HTMLSelectElement>"}]]}]
3d3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]]}]
3d4:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3d5:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","itemValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"itemValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultChecked",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultChecked"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
3d6:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
3d7:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}]
3d8:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3d9:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3da:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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: "}],"-"]}]]}]
3db:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-labelledby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-labelledby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"invalid"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"required"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],"$L46d"]}],"$L46e","$L46f","$L470"]}]]}]
3dc:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
3dd:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3de:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3df:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
3e0:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3e1:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3e2:["$","tr","defaultChecked",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultChecked"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3e3:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3e4:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3e5:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
3e6:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"current-password\""}]}]
3e7:["$","tr","showLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"showLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"Show password\""}]}]]}]
3e8:["$","tr","hideLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"hideLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"Hide password\""}]}]]}]
3e9:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3ea:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3eb:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3ec:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3ed:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3ee:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3ef:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3f0:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f1:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
3f2:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}]
3f3:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3f4:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: string[]) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f5:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f6:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]
3f7:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f8:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: number) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: number) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f9:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3fa:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"id"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3fb:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"name"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3fc:["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-describedby"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3fd:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]
3fe:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3ff:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
400:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"helpText"}]
401:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
402:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
403:["$","tr","errorText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"errorText"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
404:["$","tr","renderInput",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderInput"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","function",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"function"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
405:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
406:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
407:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
408:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultOpen"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]
409:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Button"}]
40a:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
40b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Panel"}]
40c:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
40d:["$","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"}]
40f:["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'error'"}]]}]
410:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'neutral'"}]]}]
411:["$","div","variant",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","'solid'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'solid'"}]]}]]}]
412:["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","text",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"text"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","interactive",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"interactive"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}],["$","tr","tone",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tone"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'neutral'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'error'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'neutral'"}]}]]}],"$L471"]}]]}]
413:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLElement>"}]]}]
414:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
415:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
416:["$","tr","containerClassName",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"containerClassName"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
417:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Row"}]
418:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","interactive",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","interactive",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"interactive"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}],"$L472"]}]]}],null]}]
419:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Cell / Table.HeaderCell"}]
41a:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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","align",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"align"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","\"left\" | \"center\" | \"right\"",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"left\" | \"center\" | \"right\""}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"left\""}]]}]]}],["$","div","tone",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","\"default\" | \"muted\"",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"default\" | \"muted\""}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"default\""}]]}]]}],["$","div","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L473"]}]}],"$L474"]}],"$L475","$L476","$L477"]}]]}],null]}]
41b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
41c:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]
41d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
41e:["$","tr","maxProgress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"maxProgress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
41f:["$","tr","minProgress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"minProgress"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]}]]}]
420:["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
421:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLDivElement>"}]]}]
423:["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'error'"}]]}]
424:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
425:["$","tr","message",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"message"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
426:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"HTMLAttributes<HTMLDivElement>"}]]}]
427:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
428:["$","tr","onCloseAll",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onCloseAll"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
429:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
42a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
42b:["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"size"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'md'"}]}]]}]
42c:["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'contained'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'contained'"}]}]]}]
42e:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}]
42f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
430:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Item"}]
431:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]
432:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Separator"}]
433:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[]}]]}],null]}]
434:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Link"}]
435:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","href",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]]}]]}],["$","div","component",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","FC",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","href",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"href"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],"$L478"]}],"$L479","$L47a","$L47b"]}]]}],null]}]
436:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'次へ'"}]}]
437:["$","tr","aria-label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"aria-label"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'ページネーション'"}]}]]}]
43c:["$","p",null,{"className":"text-fg-mute text-xs","children":"QiitaIcon"}]
43e:["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"medium"}]
43f:["$","span",null,{"className":"text-lg","style":{"fontWeight":"450"},"children":"ArteOdyssey"}]
440:["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":"450"}]
441:["$","div","bold",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"bold"}],["$","span",null,{"className":"text-lg","style":{"fontWeight":"700"},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":"700"}]]}]
442:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"theming.letterSpacingTitle"}]}],["$","div",null,{"className":"rounded-xl 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":"text-fg-subtle w-20 shrink-0 text-sm","children":"none"}],["$","span",null,{"className":"text-lg","style":{"letterSpacing":"0em"},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":"0em"}]]}],["$","div","normal",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"normal"}],["$","span",null,{"className":"text-lg","style":{"letterSpacing":"0.025em"},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":"0.025em"}]]}]]}]}]]}]
443:["$","div",null,{"className":"flex flex-col gap-3","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"theming.lineHeightTitle"}]}],["$","div",null,{"className":"rounded-xl 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":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"1"}]]}],["$","div","tight",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"1.25"}]]}],["$","div","snug",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"1.375"}]]}],["$","div","normal",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"1.5"}]]}],["$","div","relaxed",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"1.625"}]]}],["$","div","loose",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 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":"text-fg-subtle shrink-0 text-xs","children":"2"}]]}]]}]}]]}]
444:["$","div","24",{"className":"flex items-center gap-3","children":[["$","code",null,{"className":"text-fg-subtle w-8 shrink-0 text-right text-sm","children":24}],["$","div",null,{"className":"bg-primary-bg h-4 rounded","style":{"width":"96px"}}],["$","span",null,{"className":"text-fg-subtle text-xs","children":["6rem"," (","96px",")"]}]]}]
446:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]
447:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'0px'"}]}]
448:["$","tr","options.once",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"options.once"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
449:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
44a:["$","tr","handleRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"handleRemove"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
44b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
44c:["$","tr","handleRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"handleRemove"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
44d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
44e:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
44f:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
450:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
451:["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","count",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"count"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","next",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"next"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","back",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"back"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","isDisabledBack",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isDisabledBack"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","isDisabledNext",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isDisabledNext"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]
452:["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'button'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'submit'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'button'"}]}]]}]
453:["$","tr","fullWidth",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"fullWidth"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
454:["$","tr","isActive",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"isActive"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
455:["$","tr","startIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"startIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
456:["$","tr","endIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"endIcon"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
457:["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
458:["$","tr","onAction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onAction"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void | Promise<void>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
459:["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props: { className, children }) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: { className, children }) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
45a:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
45b:["$","tr","tooltipPlacement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tooltipPlacement"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Placement",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'top'"}]}]]}]
45c:["$","tr","tooltipDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tooltipDisabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
45d:["$","tr","onAction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onAction"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","() => void | Promise<void>",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"() => void | Promise<void>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
45e:["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"renderItem"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(props: { className, children, \"aria-label\", triggerProps }) => ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(props: { className, children, \"aria-label\", triggerProps }) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
45f:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
460:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"rows"}]
461:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"number"}]]}]]}]}]
462:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
463:["$","tr","fullHeight",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"fullHeight"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
464:["$","tr","autoResize",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"autoResize"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
465:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
466:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
467:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
468:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
469:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}]
46a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
46b:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ChangeEventHandler",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46c:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]
46e:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46f:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: string[]) => void",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(value: string[]) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
470:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
471:["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"variant"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'solid'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md 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":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'outline'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'solid'"}]}]]}]
472:["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
473:["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]
474:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
475:["$","tr","align",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"align"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","\"left\" | \"center\" | \"right\"",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"left\" | \"center\" | \"right\""}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"left\""}]}]]}]
476:["$","tr","tone",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"tone"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","\"default\" | \"muted\"",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"default\" | \"muted\""}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"\"default\""}]}]]}]
477:["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"className"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
478:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
479:["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"current"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]}]]}]
47a:["$","tr","component",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"component"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","FC",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"FC"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
47b:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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>"}}]
a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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>"}}]
47c: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":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$47c"}}]
47d: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":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$47d"}}]
47e: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>5d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$47e"}}]
47f: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>5e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$47f"}}]
480:T7af,<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">"secondary"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Secondary&#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>5f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$480"}}]
481: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>60:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$481"}}]
482: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>69:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$482"}}]
483: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>6a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$483"}}]
484:T159f,<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>
<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">"secondary"</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>6b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$484"}}]
485: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>6c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$485"}}]
486: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>72:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$486"}}]
487: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>73:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$487"}}]
488:Tacf,<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">// Next.js の Link で差し替え</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> Link </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'next/link'</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">Anchor</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">"/about"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  renderAnchor</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{({ children</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> ...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">rest }) </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">Link</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">rest}>{children}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Link</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">  About</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>74:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$488"}}]
489:T615,<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">  disabled</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">  invalid</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">  required</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>7f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$489"}}]
48a:T70f,<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">  disabled</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">  invalid</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">  required</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>80:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48a"}}]
48b:T602,<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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>81:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48b"}}]
48c:T602,<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">  disabled</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">  invalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  required</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>82:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48c"}}]
48d:T976,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>8f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48d"}}]
48e:Tada,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>90:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48e"}}]
48f:Tb4e,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>91:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$48f"}}]
490:T86b,<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">  aria-describedby</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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>92:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$490"}}]
491:T870,<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">  aria-describedby</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">  disabled</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">  invalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  required</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>93:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$491"}}]
492:T617,<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">  disabled</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">  invalid</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">  required</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>98:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$492"}}]
493:T8f1,<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">  disabled</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">  invalid</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">  required</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>99:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$493"}}]
494: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">NumberField</span></span>
<span class="line"><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">{</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">  invalid</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">  required</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>9a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$494"}}]
495:T50b,<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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>9b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$495"}}]
496:T50b,<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">  disabled</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">  invalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  required</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>9c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$496"}}]
497:T12ab,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>ae:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$497"}}]
498:T864,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>af:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$498"}}]
499:Ta67,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>b0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$499"}}]
49a:T864,<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">  aria-describedby</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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>b1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49a"}}]
49b:T863,<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">  aria-describedby</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">  disabled</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">  invalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  required</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>b2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49b"}}]
b7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
b8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
49c: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>ba:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49c"}}]
49d:T52d,<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"> 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">"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"> 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">"Checked disabled"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>bb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49d"}}]
49e: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">CheckboxGroup</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">"frameworks"</span><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 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">Checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"react"</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">"React"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"vue"</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">"Vue"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"svelte"</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">"Svelte"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckboxGroup</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>bd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49e"}}]
49f:Tcd2,<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">CheckboxGroup</span><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:#22863A;--shiki-dark:#FFAB70">'vue'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">disabled</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">"frameworks-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"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"react"</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">"React"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"vue"</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">"Vue"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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"> itemValue</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"svelte"</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">"Svelte"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckboxGroup</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>bf:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$49f"}}]
4a0:T216d,<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"> { CheckboxCard } </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 style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { useState } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'react'</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">  {</span></span>
<span class="line"><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"> 'history'</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"> 'Version history'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '変更履歴を保存して必要な時に差し戻せます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">  {</span></span>
<span class="line"><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"> 'comments'</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"> 'Inline comments'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '各セクションに直接フィードバックを残せます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">  {</span></span>
<span class="line"><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"> 'share'</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"> 'Share links'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '閲覧専用の共有リンクをすぐに発行できます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">];</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">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">'comments'</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">p</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">"features-label"</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:#1976D2;--shiki-dark:#79B8FF">CheckboxCard</span></span>
<span class="line"><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">{</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">  invalid</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"features-label"</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":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a0"}}]
4a1:T1b49,<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">  {</span></span>
<span class="line"><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"> 'history'</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"> 'Version history'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '変更履歴を保存して必要な時に差し戻せます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">  {</span></span>
<span class="line"><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"> 'comments'</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"> 'Inline comments'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '各セクションに直接フィードバックを残せます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">  {</span></span>
<span class="line"><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"> 'share'</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"> 'Share links'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    description</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '閲覧専用の共有リンクをすぐに発行できます。'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">];</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">p</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">"features-default-label"</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:#1976D2;--shiki-dark:#79B8FF">CheckboxCard</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:#22863A;--shiki-dark:#FFAB70">'history'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'share'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">]}</span></span>
<span class="line"><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">{</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">  invalid</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"features-default-label"</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>c8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a1"}}]
4a2:T70a,<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">  disabled</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">  invalid</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">  required</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>d4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a2"}}]
4a3:T773,<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">  disabled</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">  invalid</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">  required</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>d5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a3"}}]
4a4:Tdf5,<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">  disabled</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">  invalid</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">  required</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>d7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a4"}}]
4a5:Ta72,<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"> disabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> invalid</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">required</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"> disabled</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> invalid</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">required</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>d8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a5"}}]
4a6:T717,<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">PasswordInput</span></span>
<span class="line"><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">{</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">  invalid</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">  required</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 password"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>e8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a6"}}]
4a7:Td08,<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">'hunter2'</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">PasswordInput</span></span>
<span class="line"><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">{</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">  invalid</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">  required</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">{(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">.value)}</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>ea:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a7"}}]
4a8:T60b,<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">PasswordInput</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">"read-only-password"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>eb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a8"}}]
4a9: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">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'</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"> 'React'</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"> 'react'</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"> 'Vue'</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"> 'vue'</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"> 'Svelte'</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"> 'svelte'</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:#22863A;--shiki-dark:#FFAB70">p</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">"radio-label"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Framework&#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">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">"vue"</span></span>
<span class="line"><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">{</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"radio-label"</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>fd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4a9"}}]
4aa:Te69,<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">'react'</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">p</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">"radio-controlled-label"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Framework&#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">Radio</span></span>
<span class="line"><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">{</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"radio-controlled-label"</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">.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>ff:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4aa"}}]
4ab:T75b,<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:#6F42C1;--shiki-dark:#B392F0"> id</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"radio-disabled-label"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Framework&#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">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">"vue"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"radio-disabled-label"</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>100:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ab"}}]
4ac:T1f6e,<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"> { RadioCard } </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 style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { useState } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'react'</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">  { value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'starter'</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"> 'Starter'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><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"> 'pro'</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"> 'Pro'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><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"> 'team'</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"> 'Team'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 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">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">'pro'</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">p</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">"plan-label"</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:#1976D2;--shiki-dark:#79B8FF">RadioCard</span></span>
<span class="line"><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">{</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">  invalid</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"plan-label"</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">.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>10b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ac"}}]
4ad:T165e,<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">  { value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'starter'</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"> 'Starter'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><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"> 'pro'</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"> 'Pro'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><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"> 'team'</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"> 'Team'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> description</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 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:#22863A;--shiki-dark:#FFAB70">p</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">"plan-default-label"</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:#1976D2;--shiki-dark:#79B8FF">RadioCard</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">"starter"</span></span>
<span class="line"><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">{</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">  invalid</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">  aria-labelledby</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"plan-default-label"</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>10d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ad"}}]
4ae:T1cd7,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>11a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ae"}}]
4af:Ta4e,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>11c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4af"}}]
4b0:Tfa1,<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">  aria-describedby</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">  disabled</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">  invalid</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">  required</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>11e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b0"}}]
4b1:Tad4,<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">  aria-describedby</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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>120:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b1"}}]
4b2:Ta4d,<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">  aria-describedby</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">  disabled</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">  invalid</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  required</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>122:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b2"}}]
4b3:T784,<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">  disabled</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">  invalid</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">  required</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>131:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b3"}}]
4b4:Tbbf,<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">  disabled</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">  invalid</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">  required</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>132:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b4"}}]
4b5:T678,<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">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  invalid</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">  required</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>133:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b5"}}]
4b6: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>145:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b6"}}]
4b7: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>147:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b7"}}]
4b8: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>149:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b8"}}]
4b9:Tc87,<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"> disabled</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>14b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4b9"}}]
4ba:Tc86,<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"> invalid</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>14d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ba"}}]
4bb: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>15a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4bb"}}]
4bc: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>15c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4bc"}}]
4bd:T770,<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">  invalid</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>15e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4bd"}}]
4be:T7f1,<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">  required</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>160:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4be"}}]
4bf:T7f1,<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">  disabled</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>162:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4bf"}}]
4c0:T103e,<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">Form</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  action</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">async</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (formData) </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:#1976D2;--shiki-dark:#79B8FF"> name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> formData</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.get</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'name'</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"> save</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(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">  &#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">"お名前"</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"> &#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 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">"name"</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">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">"submit"</span><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">Form</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>16f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c0"}}]
4c1:T197e,<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">message</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> formAction</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"> useActionState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  async</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (_prev</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> formData) </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:#1976D2;--shiki-dark:#79B8FF"> name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> formData</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.get</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'name'</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"> sleep</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>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">    return</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> `こんにちは、</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">${</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">name</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:#22863A;--shiki-dark:#FFAB70">  ''</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:#1976D2;--shiki-dark:#79B8FF">Form</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> action</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{formAction}></span></span>
<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">"お名前"</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"> &#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 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">"name"</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">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">"submit"</span><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">p</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:#1976D2;--shiki-dark:#79B8FF">Form</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>171:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c1"}}]
4c2: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>179:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c2"}}]
4c3: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>17a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c3"}}]
181:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
182:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4c4: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>183:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c4"}}]
18d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4c5: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>18e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c5"}}]
4c6: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>195:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c6"}}]
4c7: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>196:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c7"}}]
4c8: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>19d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c8"}}]
4c9: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>19f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c9"}}]
4ca:T159e,<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">Table.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">Table.Head</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Feature&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Status&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> align</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">>Coverage&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Head</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Body</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> interactive</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Switch&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Stable&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> align</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">>100%&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Cell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Body</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1a6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ca"}}]
4cb: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>1ad:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cb"}}]
4cc: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>1af:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cc"}}]
4cd: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>1b1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cd"}}]
1c0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4ce: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>1c1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ce"}}]
4cf: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>1c4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cf"}}]
4d0: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>1c5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d0"}}]
1cb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4d1: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>1cc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d1"}}]
4d2: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>1cd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d2"}}]
1d7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
1df:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4d3: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>1e0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d3"}}]
4d4: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>1e1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d4"}}]
1e2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
1e9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4d5: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>1ea:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d5"}}]
4d6: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>1f2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d6"}}]
4d7: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>1f3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4d7"}}]
4d8: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>1f5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d8"}}]
4d9: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>1ff:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d9"}}]
4da: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>201:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4da"}}]
4db: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>20a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4db"}}]
4dc: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>20c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4dc"}}]
4dd: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>20e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4dd"}}]
4de: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>218:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4de"}}]
4df: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>21a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4df"}}]
4e0: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>221:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e0"}}]
4e1: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>223:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e1"}}]
4e2: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>225:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e2"}}]
4e3:T120f,<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-raised 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>22f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e3"}}]
4e4:T43a3,<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-raised 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-raised 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-raised 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-raised 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>231:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e4"}}]
4e5: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>23f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e5"}}]
4e6: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>241:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e6"}}]
4e7: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>243:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e7"}}]
4e8: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>245:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e8"}}]
252:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
4e9: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>253:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e9"}}]
4ea: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>254:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ea"}}]
4eb: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>25d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4eb"}}]
4ec: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>25f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ec"}}]
4ed: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>26c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ed"}}]
4ee:T83c,<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">page</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setPage</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">1</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">Pagination</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  currentPage</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{page}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onPageChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{setPage}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  totalPages</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:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>275:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ee"}}]
4ef:T681,<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">Pagination</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  currentPage</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>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  disabled</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  onPageChange</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">  totalPages</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:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>277:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ef"}}]
4f0: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>281:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f0"}}]
282:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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>"}}]
4f1:T10cf,<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">CheckIcon</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">"xs"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />  {</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 12px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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 style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 16px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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 style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 24px (default) */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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 style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 32px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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">"xl"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />  {</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 40px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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">"2xl"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /> {</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 48px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CheckIcon</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">"3xl"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /> {</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* 56px */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>286:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4f1"}}]
4f2:Td60,<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"> isMd</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useBreakpoint</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</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:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isLg</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useBreakpoint</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</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>
<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">>md (48rem): {isMd </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Yes'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'No'</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">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>lg (64rem): {isLg </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Yes'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'No'</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">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>2de:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f2"}}]
4f3:T12fe,<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"> 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 style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">useClickAway</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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>2e9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f3"}}]
4f4: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>2ef:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4f4"}}]
4f5: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>2f2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f5"}}]
4f6:T1dc7,<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">query</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setQuery</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">''</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">result</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setResult</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">''</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">isPending</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> run</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"> useDebouncedTransition</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">500</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"> handleChange</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"> ChangeEvent</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HTMLInputElement</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">  const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> next</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</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">  setQuery</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(next);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  run</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">async</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (signal) </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"> sleep</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8">800</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> signal);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    setResult</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">`</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">${</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">next</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>
<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>
<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:#6F42C1;--shiki-dark:#B392F0"> value</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{query} </span><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">{handleChange} /></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:#6F42C1;--shiki-dark:#B392F0"> aria-busy</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isPending}>{isPending </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '通信中…'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> result}&#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>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>2f8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f6"}}]
4f7:T1781,<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">query</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setQuery</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">''</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">deferredQuery</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isPending</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"> useDeferredDebounce</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(query);</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"> filtered</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> words</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.filter</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((w) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> w</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.includes</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(deferredQuery));</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:#1976D2;--shiki-dark:#79B8FF">TextField</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">{query} </span><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"> setQuery</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:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">ul</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> aria-busy</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isPending} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isPending </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'opacity-60'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</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:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">filtered</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.map</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((w) </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">li</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">{w}>{w}&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">li</span><span style="--shiki-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">ul</span><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>2ff:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f7"}}]
4f8:Tfa6,<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"> open</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> close</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> toggle</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"> useDisclosure</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">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">{toggle}>Toggle&#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">{open}>Open&#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">{close}>Close&#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"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Content is visible&#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>307:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f8"}}]
4f9: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>30e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4f9"}}]
4fa:Tb65,<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"> ref</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 style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> isInView</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useInView</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { threshold</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0.5</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">    {isInView </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Visible'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Not visible'</span><span style="--shiki-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>311:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4fa"}}]
4fb:Tb6d,<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"> ref</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:#6F42C1;--shiki-dark:#B392F0">useIntersectionObserver</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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:#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">'isIntersecting:'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> entry</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.isIntersecting);</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"> { threshold</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#F8F8F8"> 0.5</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">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}>Observed element&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>;</span></span></code></pre>31a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4fb"}}]
4fc:Tc16,<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"> ref</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:#6F42C1;--shiki-dark:#B392F0">useIntersectionObserver</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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">  if</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> (</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">entry</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.isIntersecting) {</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">    // Triggered only once</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    loadContent</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 style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { once</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</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:#D32F2F;--shiki-dark:#F97583">return</span><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}>Lazy loaded content&#x3C;/</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">div</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>;</span></span></code></pre>31b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4fc"}}]
4fd: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>326:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4fd"}}]
4fe: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>32b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4fe"}}]
4ff: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>32d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ff"}}]
500:Td4d,<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"> useSessionStorage</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>336:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$500"}}]
501:Tf92,<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"> useSessionStorage</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>338:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$501"}}]
502:T1544,<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 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"> 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:#6F42C1;--shiki-dark:#B392F0">useResize</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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>
<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>340:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$502"}}]
503: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>348:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$503"}}]
504:Te6e,<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"> scrollRef</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 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">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">({ target</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> scrollRef</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> threshold</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</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>
<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">{scrollRef} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">style</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{{ overflow</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'auto'</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"> 128</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:#C2C3C5;--shiki-dark:#6B737C">/* scrollable 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:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span></code></pre>34a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$504"}}]
505: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>351:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$505"}}]
506: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>357:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$506"}}]
507:T66b,<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">((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></code></pre>35c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$507"}}]
508:Ta62,<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">lock</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> unlock</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"> useScrollLock</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">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">{lock}>Lock&#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">{unlock}>Unlock&#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>362:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$508"}}]
509:T1324,<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"> scrollRef</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 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">lock</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> unlock</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"> useScrollLock</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(scrollRef);</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"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{lock}>Lock area&#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">{unlock}>Unlock area&#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:#6F42C1;--shiki-dark:#B392F0"> ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{scrollRef} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">style</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{{ overflow</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'auto'</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"> 128</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:#C2C3C5;--shiki-dark:#6B737C">/* scrollable 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:#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>364:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$509"}}]
50a:Tb36,<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">isHovered</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> hoverProps</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"> useHover</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">div</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">hoverProps}>Hover me&#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">>State: {isHovered </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Hovered'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Not hovered'</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">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>36a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50a"}}]
50b:T1038,<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"> useControllableState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ defaultValue</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">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"> 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"> 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">)}>Increment&#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">{() </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> setCount</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">)}>Reset&#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">p</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Count: {count}&#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>370:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50b"}}]
50c: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>376:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50c"}}]
50d: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>37c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50d"}}]
50e:Ta9a,<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"> Input</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> FC</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;{ ref</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Ref</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">HTMLInputElement</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"> ({ ref }) </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:#1976D2;--shiki-dark:#79B8FF"> internalRef</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">HTMLInputElement</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:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">input</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">{</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">mergeRefs</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(internalRef</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ref)} />;</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">};</span></span></code></pre>382:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50e"}}]
50f:Tac9,<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"> merged</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> mergeProps</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  { className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'p-2'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> log</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'a'</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">  { className</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'text-fg-info'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> log</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'b'</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 style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// className: 'p-2 text-fg-info' (cn merged)</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// onClick: chained — calls 'a' then 'b'</span></span></code></pre>389:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50f"}}]
510:T72a,<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">button</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:#6F42C1;--shiki-dark:#B392F0">chain</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:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> playRipple</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">    onClick</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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:#6F42C1;--shiki-dark:#B392F0"> trackAnalytics</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 style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>391:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$510"}}]
511:T11b1,<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">CounterContext</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> useCounter</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"> createSafeContext</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">CounterValue</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>(</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">  'useCounter must be used within CounterProvider'</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:#6F42C1;--shiki-dark:#B392F0"> Provider</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> FC</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">PropsWithChildren</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"> ({ children }) </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">CounterContext</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">{</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}>{children}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">CounterContext</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">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Child</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:#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:#24292EFF;--shiki-dark:#B392F0"> } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useCounter</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(); </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// throws if used outside Provider</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">span</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>{count}&#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">};</span></span></code></pre>398:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$511"}}]
512: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>61:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$512"}}]
39d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
39e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","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>"}}]
513:T975,<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>
<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">{({ className</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> children }) </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">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:#24292EFF;--shiki-dark:#B392F0">{className} </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:#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:#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">  )}</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">  Visit</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>3a0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$513"}}]
514:T1112,<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>
<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">"Close"</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">{({</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    className</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    children</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">    'aria-label'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ariaLabel</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    triggerProps</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> (</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>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">      aria-label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{ariaLabel}</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:#24292EFF;--shiki-dark:#B392F0">{className}</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:#24292EFF;--shiki-dark:#B392F0">      {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">triggerProps}</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">      {children}</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">  )}</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">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>6e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$514"}}]
515: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>17c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$515"}}]
516: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>190:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$516"}}]
517:T116f,<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">Table.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">Table.Head</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Name&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Role&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> align</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">>Projects&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.HeaderCell</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Row</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Head</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Body</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.EmptyState</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> colSpan</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>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      No records have been added yet.</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">    &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.EmptyState</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Body</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Table.Root</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1a8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$517"}}]
518: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>1c7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$518"}}]
519: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>1da:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$519"}}]
51a: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>422:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51a"}}]
51b: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>26f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51b"}}]
51c: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>42d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51c"}}]
51d: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>40e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51d"}}]
5b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
67:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
71:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
7d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
8d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
96:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
ac:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
b5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
c4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { CheckboxCard } </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></code></pre>"}}]
d2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
e6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { PasswordInput } </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></code></pre>"}}]
fb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
109:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { RadioCard } </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></code></pre>"}}]
118:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
12f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
143:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
158:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
16d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { Form } </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></code></pre>"}}]
175:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
17f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
18c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
194:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
19c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1a5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { Table } </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></code></pre>"}}]
1ab:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1be:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1c3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1ca:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1d6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1de:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1e8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1f0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
1fd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
208:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
216:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
21f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
22d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
23d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
251:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
25b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
26b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
273:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { Pagination } </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></code></pre>"}}]
27f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
285:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { CloseIcon</span><span style=\"--shiki-light:#212121;--shiki-dark:#BBBBBB\">,</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> CheckIcon } </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></code></pre>"}}]
2dc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useBreakpoint } </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></code></pre>"}}]
2e7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
2ee:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
2f0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
2f6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useDebouncedTransition } </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></code></pre>"}}]
2fd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useDeferredDebounce } </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></code></pre>"}}]
305:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useDisclosure } </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></code></pre>"}}]
30d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
30f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useInView } </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></code></pre>"}}]
319:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useIntersectionObserver } </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></code></pre>"}}]
324:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
329:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
334:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useSessionStorage } </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></code></pre>"}}]
33f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
346:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
34f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
356:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
35b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
360:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useScrollLock } </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></code></pre>"}}]
368:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useHover } </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></code></pre>"}}]
36e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { useControllableState } </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></code></pre>"}}]
374:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
37a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
380:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { mergeRefs } </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></code></pre>"}}]
387:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { mergeProps } </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></code></pre>"}}]
38f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { chain } </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></code></pre>"}}]
396:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","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\"> { createSafeContext } </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></code></pre>"}}]
51e: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>445:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$51e"}}]