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["d747ad926bcc",[],"default",1]
64:I["c797c47b6503",[],"Components",1]
66:I["798bb9c24f1b",[],"PreviewArea",1]
67:I["6080185159ea",[],"Button",1]
73:I["3a5141374105",[],"IconButton",1]
78:I["cafd544e051f",[],"IconButtonAsLinkPreview",1]
89:I["3a09bc083ef4",[],"TextField",1]
99:I["ae6085caf2c6",[],"Textarea",1]
b0:I["91c860d2a4fd",[],"NumberField",1]
c4:I["9622329a7e30",[],"Select",1]
d7:I["b697a4db76dc",[],"Checkbox",1]
da:I["21432a60d512",[],"CheckboxControlledPreview",1]
dd:I["21432a60d512",[],"CheckboxGroupControlledPreview",1]
df:I["21432a60d512",[],"CheckboxGroupDisabledPreview",1]
ed:I["705b52bbdbc8",[],"CheckboxCardControlledPreview",1]
ef:I["5a285b2bd6cd",[],"CheckboxCard",1]
fb:I["9d4788df136c",[],"Switch",1]
fe:I["725578a605c2",[],"SwitchControlledPreview",1]
10f:I["09b9cd90ad2c",[],"PasswordInput",1]
111:I["f7a7a2081c6a",[],"PasswordInputControlledPreview",1]
124:I["05b695ec3934",[],"Radio",1]
126:I["9624e3024842",[],"RadioControlledPreview",1]
133:I["ca22bbee4123",[],"RadioCardControlledPreview",1]
135:I["031924d9c982",[],"RadioCard",1]
141:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
143:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
145:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
147:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
149:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
158:I["95680beb798c",[],"Slider",1]
16b:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
16d:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
16f:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
171:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
173:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
17e:I["8888908e7e61",[],"FormControlBasicPreview",1]
180:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
182:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
184:I["8888908e7e61",[],"FormControlRequiredPreview",1]
186:I["8888908e7e61",[],"FormControlDisabledPreview",1]
191:I["7b08ec006ffa",[],"FormBasicPreview",1]
193:I["7b08ec006ffa",[],"FormActionStatePreview",1]
198:I["8c5b7f2aa6ac",[],"AccordionItem",1]
199:I["0f6565584477",[],"AccordionButton",1]
19a:I["f6f067fc08a1",[],"AccordionPanel",1]
1a4:I["23bf66a48bcf",[],"Avatar",1]
1c6:"$Sreact.fragment"
1d3:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
1d5:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
1d7:I["75dff7ac12d9",[],"ListBoxTriggerIconPreview",1]
1e6:I["954ab57d3797",[],"BaselineStatus",1]
21b:I["132b1b725f7e",[],"ToastBasicPreview",1]
21e:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
228:I["5145f2bca71b",[],"TooltipBasicPreview",1]
22a:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
233:I["218edecdc217",[],"DialogBasicPreview",1]
235:I["218edecdc217",[],"DialogWithModalPreview",1]
237:I["218edecdc217",[],"AlertDialogPreview",1]
241:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
243:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
24b:I["6e891aca3d00",[],"ModalBasicPreview",1]
24d:I["6e891aca3d00",[],"ModalTypesPreview",1]
24f:I["6e891aca3d00",[],"DefaultOpenPreview",1]
257:I["f94374e4000c",[],"PopoverBasicPreview",1]
259:I["f94374e4000c",[],"PopoverPlacementPreview",1]
266:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
268:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
26a:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
26c:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
296:I["f74bd0fb5a52",[],"TabsBasicPreview",1]
298:I["f74bd0fb5a52",[],"TabsDefaultSelectedPreview",1]
2ad:I["34416532db7f",[],"PaginationPreview",1]
2af:I["34416532db7f",[],"PaginationDisabledPreview",1]
2b9:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
316:I["c6eb5e7e987f",[],"HooksPage",1]
318:I["1ffdaeb5dfc9",[],"UseBreakpointPreview",1]
323:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
32e:I["939b7f2e8860",[],"UseClipboardPreview",1]
334:I["93666e144dfe",[],"UseDebouncedTransitionPreview",1]
33a:I["126edf4198ff",[],"UseDeferredDebouncePreview",1]
341:I["9760dcff36a7",[],"UseDisclosurePreview",1]
34d:I["63c3e1e7de0a",[],"UseInViewPreview",1]
362:I["d80343ececf7",[],"UseIntervalPreview",1]
367:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
369:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
371:I["4dc090a700b5",[],"UseSessionStorageBasicPreview",1]
373:I["4dc090a700b5",[],"UseSessionStorageRemovePreview",1]
382:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
384:I["6720b60124cb",[],"UseScrollDirectionTargetPreview",1]
38b:I["ff99af3476ea",[],"UseStepPreview",1]
39c:I["e148fe3c7f1d",[],"UseScrollLockPreview",1]
39e:I["e148fe3c7f1d",[],"UseScrollLockTargetPreview",1]
3a3:I["010446d0c157",[],"UseHoverPreview",1]
3a9:I["68218b119e8f",[],"UseControllableStatePreview",1]
3b0:I["87949b3e951c",[],"UseWindowSizePreview",1]
3ba:I["3f34d1649026",[],"Helpers",1]
3bc:I["0af5f2cf11c5",[],"CnPreview",1]
3c2:I["5e0ad78f7e7b",[],"MergeRefsPreview",1]
3c9:I["d8c1e3a1d589",[],"MergePropsPreview",1]
3d0:I["445ebd3407d0",[],"ChainPreview",1]
3d6:I["d5dfa84ddd8c",[],"CreateSafeContextPreview",1]
3dc:I["4cb23748e3c8",[],"ButtonAsLinkPreview",1]
480: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 block-px inline-full 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 block-px inline-full 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 block-px inline-full 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 block-px inline-full 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 >= 6.0.0"}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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-hidden 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":"/generative-ui","component":"$Lf"},{"path":"/components","component":"$L10"},{"path":"/components/button","component":"$L11"},{"path":"/components/icon-button","component":"$L12"},{"path":"/components/anchor","component":"$L13"},{"path":"/components/text-field","component":"$L14"},{"path":"/components/textarea","component":"$L15"},{"path":"/components/number-field","component":"$L16"},{"path":"/components/select","component":"$L17"},{"path":"/components/checkbox","component":"$L18"},{"path":"/components/checkbox-card","component":"$L19"},{"path":"/components/switch","component":"$L1a"},{"path":"/components/password-input","component":"$L1b"},{"path":"/components/radio","component":"$L1c"},{"path":"/components/radio-card","component":"$L1d"},{"path":"/components/autocomplete","component":"$L1e"},{"path":"/components/slider","component":"$L1f"},{"path":"/components/file-field","component":"$L20"},{"path":"/components/form-control","component":"$L21"},{"path":"/components/form","component":"$L22"},{"path":"/components/accordion","component":"$L23"},{"path":"/components/avatar","component":"$L24"},{"path":"/components/badge","component":"$L25"},{"path":"/components/card","component":"$L26"},{"path":"/components/code","component":"$L27"},{"path":"/components/table","component":"$L28"},{"path":"/components/list-box","component":"$L29"},{"path":"/components/baseline-status","component":"$L2a"},{"path":"/components/progress","component":"$L2b"},{"path":"/components/heading","component":"$L2c"},{"path":"/components/alert","component":"$L2d"},{"path":"/components/skeleton","component":"$L2e"},{"path":"/components/spinner","component":"$L2f"},{"path":"/components/toast","component":"$L30"},{"path":"/components/tooltip","component":"$L31"},{"path":"/components/dialog","component":"$L32"},{"path":"/components/drawer","component":"$L33"},{"path":"/components/modal","component":"$L34"},{"path":"/components/popover","component":"$L35"},{"path":"/components/dropdown-menu","component":"$L36"},{"path":"/components/separator","component":"$L37"},{"path":"/components/stack","component":"$L38"},{"path":"/components/grid","component":"$L39"},{"path":"/components/tabs","component":"$L3a"},{"path":"/components/breadcrumb","component":"$L3b"},{"path":"/components/pagination","component":"$L3c"},{"path":"/components/scroll-linked","component":"$L3d"},{"path":"/components/icons","component":"$L3e"},{"path":"/theming","component":"$L3f"},{"path":"/hooks","component":"$L40"},{"path":"/hooks/use-breakpoint","component":"$L41"},{"path":"/hooks/use-click-away","component":"$L42"},{"path":"/hooks/use-client","component":"$L43"},{"path":"/hooks/use-clipboard","component":"$L44"},{"path":"/hooks/use-debounced-transition","component":"$L45"},{"path":"/hooks/use-deferred-debounce","component":"$L46"},{"path":"/hooks/use-disclosure","component":"$L47"},{"path":"/hooks/use-hash","component":"$L48"},{"path":"/hooks/use-in-view","component":"$L49"},{"path":"/hooks/use-intersection-observer","component":"$L4a"},{"path":"/hooks/use-interval","component":"$L4b"},{"path":"/hooks/use-local-storage","component":"$L4c"},{"path":"/hooks/use-session-storage","component":"$L4d"},{"path":"/hooks/use-resize","component":"$L4e"},{"path":"/hooks/use-scroll-direction","component":"$L4f"},{"path":"/hooks/use-step","component":"$L50"},{"path":"/hooks/use-timeout","component":"$L51"},{"path":"/hooks/use-window-resize","component":"$L52"},{"path":"/hooks/use-scroll-lock","component":"$L53"},{"path":"/hooks/use-hover","component":"$L54"},{"path":"/hooks/use-controllable-state","component":"$L55"},{"path":"/hooks/use-window-size","component":"$L56"},{"path":"/hooks/use-writing-mode","component":"$L57"},{"path":"/helpers","component":"$L58"},{"path":"/helpers/cn","component":"$L59"},{"path":"/helpers/merge-refs","component":"$L5a"},{"path":"/helpers/merge-props","component":"$L5b"},{"path":"/helpers/chain","component":"$L5c"},{"path":"/helpers/create-safe-context","component":"$L5d"}]}]}]}
f:["$","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.generativeUi"}]}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"generativeUi.introduction"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"generativeUi.promptTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.promptDescription"}]}],"$L5e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"generativeUi.renderTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.renderDescription"}]}],"$L5f"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"generativeUi.validateTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.validateDescription"}]}],"$L60"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"generativeUi.typedTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.typedDescription"}]}],"$L61"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"generativeUi.openuiTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.openuiDescription"}]}],"$L62","$L63"]}]]}]
10:["$","$L64",null,{}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L65"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L67",null,{"color":"primary","variant":"solid","children":"Click me"}]}],"$L68"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","$L67",null,{"variant":"solid","children":"Solid"}],["$","$L67",null,{"variant":"outline","children":"Outline"}],["$","$L67",null,{"variant":"skeleton","children":"Skeleton"}]]}],"$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.button.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","$L67",null,{"color":"primary","children":"Primary"}],["$","$L67",null,{"color":"secondary","children":"Secondary"}],["$","$L67",null,{"color":"gray","children":"Gray"}]]}],"$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.button.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","$L67",null,{"size":"sm","children":"Small"}],["$","$L67",null,{"size":"md","children":"Medium"}],["$","$L67",null,{"size":"lg","children":"Large"}]]}],"$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.button.iconsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","$L67",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"}],["$","$L67",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"}]]}],"$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.button.fullWidthTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L67",null,{"fullWidth":true,"children":"Full Width Button"}]}]}],"$L6d"]}]]}],["$","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"}]}],"$L6e"]}],"$L6f"]}],"$L70","$L71"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L72"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L73",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"}]}]}],"$L74"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","$L73",null,{"label":"Close","size":"sm","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L73",null,{"label":"Close","size":"md","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L73",null,{"label":"Close","size":"lg","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L75"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","$L73",null,{"color":"transparent","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L73",null,{"color":"base","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L73",null,{"color":"primary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L73",null,{"color":"secondary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L76"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L73",null,{"disabled":true,"label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$12:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]}],"$L77"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L78",null,{}]}],"$L79"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$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":"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-hidden 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 block-px inline-full 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 block-px inline-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":[["$","$L66",null,{"children":["$","a",null,{"type":"external","href":"https://example.com","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-hidden 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"}]]}]}],"$L7e"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","a",null,{"type":"internal","href":"#","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-hidden 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-hidden 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"}]]}]]}],"$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.anchor.renderAnchorTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"components.anchor.renderAnchorDescription"}]}],"$L80"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","dt",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"}]}],"$L81","$L82"]}],"$L83","$L84","$L85"]}],"$L86","$L87"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L88"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L89",null,{"disabled":false,"invalid":false,"required":false}]}],"$L8a"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L89",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your name"}]}],"$L8b"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L89",null,{"disabled":true,"invalid":false,"required":false,"placeholder":"Disabled field"}]}],"$L8c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L89",null,{"defaultValue":"invalid value","disabled":false,"invalid":true,"required":false}]}],"$L8d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","dt",null,{"className":"font-medium","children":"$L8e"}],"$L8f","$L90"]}],"$L91","$L92","$L93","$L94","$L95"]}],"$L96","$L97"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L98"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L99",null,{"aria-describedby":"$undefined","id":"textarea-basic","disabled":false,"invalid":false,"required":false,"placeholder":"Enter text"}]}],"$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.textarea.rowsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$L99",null,{"aria-describedby":"$undefined","id":"textarea-rows","disabled":false,"invalid":false,"required":false,"placeholder":"6 rows","rows":6}]}],"$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.textarea.autoResizeTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$L99",null,{"autoResize":true,"aria-describedby":"$undefined","id":"textarea-auto","disabled":false,"invalid":false,"required":false,"placeholder":"Type to auto-resize","rows":2}]}],"$L9c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L99",null,{"aria-describedby":"$undefined","id":"textarea-disabled","disabled":true,"invalid":false,"required":false,"placeholder":"Disabled"}]}],"$L9d"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L99",null,{"defaultValue":"invalid value","aria-describedby":"$undefined","id":"textarea-invalid","disabled":false,"invalid":true,"required":false}]}],"$L9e"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L9f","$La0"]}],"$La1"]}],"$La2","$La3","$La4","$La5","$La6","$La7","$La8","$La9","$Laa","$Lab","$Lac"]}],"$Lad","$Lae"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$Laf"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$Lb0",null,{"disabled":false,"invalid":false,"required":false}]}],"$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.numberField.stepPrecisionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$Lb0",null,{"disabled":false,"invalid":false,"required":false,"precision":2,"step":0.25}]}],"$Lb2"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lb0",null,{"disabled":false,"invalid":false,"required":false,"max":10,"min":0,"step":1}]}],"$Lb3"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lb0",null,{"disabled":true,"invalid":false,"required":false}]}],"$Lb4"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lb0",null,{"disabled":false,"invalid":true,"required":false}]}],"$Lb5"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]]}],"$Lb6"]}],"$Lb7","$Lb8","$Lb9","$Lba","$Lbb","$Lbc","$Lbd","$Lbe","$Lbf","$Lc0"]}],"$Lc1","$Lc2"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$Lc3"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$Lc4",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"}]}]}],"$Lc5"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lc4",null,{"aria-describedby":"$undefined","id":"select-required","disabled":false,"invalid":false,"required":true,"options":"$17:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$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.select.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$Lc4",null,{"defaultValue":"cherry","aria-describedby":"$undefined","id":"select-default-value","disabled":false,"invalid":false,"required":false,"options":"$17:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lc7"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lc4",null,{"aria-describedby":"$undefined","id":"select-disabled","disabled":true,"invalid":false,"required":false,"options":"$17:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lc8"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lc4",null,{"aria-describedby":"$undefined","id":"select-invalid","disabled":false,"invalid":true,"required":false,"options":"$17:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lc9"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],"$Lca"]}],"$Lcb"]}],"$Lcc","$Lcd","$Lce","$Lcf","$Ld0","$Ld1","$Ld2","$Ld3"]}],"$Ld4","$Ld5"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$Ld6"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$Ld7",null,{"label":"I agree to the terms"}]}],"$Ld8"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Ld7",null,{"defaultChecked":true,"label":"Checked by default"}]}],"$Ld9"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lda",null,{}]}],"$Ldb"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","$Ld7",null,{"disabled":true,"label":"Unchecked disabled"}],["$","$Ld7",null,{"defaultChecked":true,"disabled":true,"label":"Checked disabled"}]]}],"$Ldc"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Ldd",null,{}]}],"$Lde"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Ldf",null,{}]}],"$Le0"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":["$Le1"]}]]}],"$Le2"]}],"$Le3","$Le4","$Le5","$Le6","$Le7"]}],"$Le8","$Le9"]}]]}],"$Lea","$Leb"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$Lec"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$Led",null,{}]}],"$Lee"]}]]}],["$","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":[["$","$L66",null,{"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":"有効にする機能を選択"}],["$","$Lef",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":"閲覧専用の共有リンクをすぐに発行できます。"}]}]]}]}],"$Lf0"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":["$Lf1"]}]]}],"$Lf2"]}],"$Lf3","$Lf4","$Lf5","$Lf6","$Lf7"]}],"$Lf8","$Lf9"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$Lfa"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$Lfb",null,{"disabled":false,"invalid":false,"required":false,"label":"Email notifications"}]}],"$Lfc"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$Lfb",null,{"defaultChecked":true,"disabled":false,"invalid":false,"required":false,"label":"Automatic backups"}]}],"$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.switch.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"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.switch.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","$Lfb",null,{"disabled":true,"invalid":false,"required":false,"label":"Airplane mode"}],["$","$Lfb",null,{"defaultChecked":true,"disabled":true,"invalid":false,"required":false,"label":"Offline sync"}]]}],"$L100"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$L101","$L102","$L103"]}],"$L104","$L105","$L106","$L107","$L108","$L109","$L10a","$L10b"]}],"$L10c","$L10d"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L10e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L10f",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your password"}]}],"$L110"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L111",null,{}]}],"$L112"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L10f",null,{"defaultValue":"read-only-password","disabled":true,"invalid":false,"required":false}]}],"$L113"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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,"$L114"]}]]}]]}],"$L115"]}],"$L116","$L117","$L118","$L119","$L11a","$L11b","$L11c","$L11d","$L11e","$L11f","$L120"]}],"$L121","$L122"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L123"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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"}],["$","$L124",null,{"defaultValue":"vue","disabled":false,"aria-labelledby":"radio-label","options":[{"label":"React","value":"react"},{"label":"Vue","value":"vue"},{"label":"Svelte","value":"svelte"}]}]]}]}],"$L125"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L126",null,{}]}],"$L127"]}]]}],["$","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":[["$","$L66",null,{"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"}],["$","$L124",null,{"defaultValue":"vue","disabled":true,"aria-labelledby":"radio-disabled-label","options":"$1c:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:1:props:options"}]]}]}],"$L128"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$L129","$L12a","$L12b"]}],"$L12c","$L12d","$L12e","$L12f"]}],"$L130","$L131"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L132"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L133",null,{}]}],"$L134"]}]]}],["$","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":[["$","$L66",null,{"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":"プランを選択"}],["$","$L135",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":"レビューや共同編集を含むチーム利用向けです。"}]}]]}]}],"$L136"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","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,"$L137"]}]]}]]}],"$L138"]}],"$L139","$L13a","$L13b","$L13c","$L13d"]}],"$L13e","$L13f"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L140"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L141",null,{}]}],"$L142"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L143",null,{}]}],"$L144"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L145",null,{}]}],"$L146"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L147",null,{}]}],"$L148"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L149",null,{}]}],"$L14a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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":["$L14b","$L14c","$L14d"]}],"$L14e","$L14f","$L150","$L151","$L152","$L153","$L154"]}],"$L155","$L156"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L157"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L158",null,{"defaultValue":50,"disabled":false,"invalid":false,"required":false}]}]}],"$L159"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L158",null,{"defaultValue":20,"disabled":false,"invalid":false,"required":false,"max":50,"min":10,"step":5}]}]}],"$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.slider.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L158",null,{"defaultValue":30,"disabled":true,"invalid":false,"required":false}]}]}],"$L15b"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","dt",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":["$L15c"]}]]}],"$L15d"]}],"$L15e","$L15f","$L160","$L161","$L162","$L163","$L164","$L165","$L166","$L167"]}],"$L168","$L169"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L16a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L16b",null,{}]}],"$L16c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L16d",null,{}]}],"$L16e"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L16f",null,{}]}],"$L170"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L171",null,{}]}],"$L172"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L173",null,{}]}],"$L174"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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"}]]}]]}],"$L175","$L176","$L177","$L178","$L179","$L17a"]}],"$L17b","$L17c"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L17d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L17e",null,{}]}],"$L17f"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L180",null,{}]}],"$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.formControl.errorTextTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$L182",null,{}]}],"$L183"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L184",null,{}]}],"$L185"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L186",null,{}]}],"$L187"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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"}]]}]]}],"$L188","$L189","$L18a","$L18b","$L18c","$L18d","$L18e"]}],"$L18f",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":"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-hidden 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 block-px inline-full 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"}]}],"$L190"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L191",null,{}]}],"$L192"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L193",null,{}]}],"$L194"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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: "}],["$","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"}]]}]]}]]}],"$L195"]}]]}],"$L196",null]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L197"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute vertical:flex vertical:h-full vertical:flex-col vertical:divide-y-0 vertical:[&>:not(:last-child)]:border-l vertical:[&>:not(:last-child)]:border-border-mute divide-y","children":[["$","$L198",null,{"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"What is ArteOdyssey?"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$L198",null,{"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"How do I install it?"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$L198",null,{"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Is it accessible?"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],"$L19b"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute vertical:flex vertical:h-full vertical:flex-col vertical:divide-y-0 vertical:[&>:not(:last-child)]:border-l vertical:[&>:not(:last-child)]:border-border-mute divide-y","children":[["$","$L198",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Open by default"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$L198",null,{"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Closed by default"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],"$L19c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"divide-border-mute vertical:flex vertical:h-full vertical:flex-col vertical:divide-y-0 vertical:[&>:not(:last-child)]:border-l vertical:[&>:not(:last-child)]:border-border-mute divide-y","children":[["$","$L198",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Section A"}]}],["$","$L19a",null,{"children":"$L19d"}]]}],"$L19e","$L19f"]}]}]}],"$L1a0"]}]]}]]}],"$L1a1","$L1a2"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1a3"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L1a4",null,{"name":"Arte Odyssey"}]}],"$L1a5"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L1a4",null,{"alt":"Arte Odyssey","src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80"}]}],"$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.avatar.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","$L1a4",null,{"name":"Small","size":"sm"}],["$","$L1a4",null,{"name":"Medium","size":"md"}],["$","$L1a4",null,{"name":"Large","size":"lg"}]]}],"$L1a7"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"alt"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,"$L1a8"]}]]}]]}],"$L1a9"]}],"$L1aa","$L1ab","$L1ac"]}],"$L1ad","$L1ae"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1af"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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"}]}],"$L1b0"]}]]}],["$","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":[["$","$L66",null,{"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"}]]}],"$L1b1"]}]]}],["$","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":[["$","$L66",null,{"children":[["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-success text-fg-success","children":"Solid"}],["$","span",null,{"className":"inline-flex items-center rounded-full border font-medium transition-colors px-2.5 py-1 text-xs border-border-success bg-bg-base text-fg-success","children":"Outline"}]]}],"$L1b2"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"$L1b3"}],"$L1b4"]}]]}],"$L1b5","$L1b6"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1b7"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Card content"}]}]}],"$L1b8"]}]]}],["$","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":[["$","$L66",null,{"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"}]}]]}],"$L1b9"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Interactive"}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"components.card.interactiveDescription"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"rounded-xl shadow-sm w-full motion-safe:transition-transform hover:motion-safe:scale-[1.02] active:motion-safe:scale-[0.98] bg-bg-base","children":["$","a",null,{"className":"block p-6","href":"https://example.com","children":"Hover to scale up"}]}]}],"$L1ba"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Appearance"}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Shadow"}]}],["$","div",null,{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Bordered"}]}]]}],"$L1bb"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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","appearance",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L1bc"}],"$L1bd","$L1be"]}],"$L1bf","$L1c0","$L1c1"]}],"$L1c2","$L1c3"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1c4"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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."]}]}],"$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.code.colorDetectionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":[["$","code",null,{"className":"bg-bg-mute vertical:inline vertical:gap-0 m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":[["$","$1c6","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 vertical:inline vertical:gap-0 m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":[["$","$1c6","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 vertical:inline vertical:gap-0 m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["background: ",["$","$1c6","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"]}]]}]]}],"$L1c7"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],"$L1c8"]}],"$L1c9"]}]]}],"$L1ca","$L1cb"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1cc"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"border-border-mute bg-bg-base vertical:writing-sideways-rl vertical:size-fit w-full overflow-x-auto rounded-lg border","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 vertical:border-b-0 vertical:border-l","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":"vertical:[&_tr:last-child]:border-l-0 [&_tr:last-child]:border-b-0","children":[["$","tr",null,{"className":"border-border-mute border-b transition-colors vertical:border-b-0 vertical:border-l 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 vertical:border-b-0 vertical:border-l 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%"}]]}]]}]]}]}]}],"$L1cd"]}]]}],["$","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":["$L1ce","$L1cf"]}]]}]]}],"$L1d0","$L1d1"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1d2"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L1d3",null,{}]}],"$L1d4"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L1d5",null,{}]}],"$L1d6"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L1d7",null,{}]}],"$L1d8"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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,"$L1d9"]}]]}]]}],"$L1da"]}],"$L1db","$L1dc","$L1dd"]}],"$L1de",null]}],"$L1df","$L1e0","$L1e1","$L1e2","$L1e3","$L1e4"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1e5"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L1e6",null,{"featureId":"container-queries"}]}]}],"$L1e7"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","$L1e6",null,{"featureId":"subgrid"}],["$","$L1e6",null,{"featureId":"has-selector"}],["$","$L1e6",null,{"featureId":"anchor-positioning"}]]}]}],"$L1e8"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","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"}]}],"$L1e9","$L1ea"]}]]}]]}],null]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1eb"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"60%"},"children":["$","div",null,{"aria-label":"0.6%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":60,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}]}]}],"$L1ec"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"20%"},"children":["$","div",null,{"aria-label":"0.2%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":20,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}],["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"50%"},"children":["$","div",null,{"aria-label":"0.5%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":50,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}],["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"80%"},"children":["$","div",null,{"aria-label":"0.8%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":80,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}],["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"100%"},"children":["$","div",null,{"aria-label":"1%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":100,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}]]}]}],"$L1ed"]}]]}],["$","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":["$L1ee","$L1ef"]}]]}]]}],"$L1f0","$L1f1"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L1f2"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":"Section Title"}]}],"$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.heading.typesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"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"}]]}]}],"$L1f4"]}]]}],["$","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":[["$","$L66",null,{"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"}]}]}],"$L1f5"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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","'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'"}]]}],"$L1f6","$L1f7","$L1f8","$L1f9","$L1fa"]}]]}],"$L1fb"]}],"$L1fc","$L1fd","$L1fe"]}],"$L1ff","$L200"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L201"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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."}]]}]}],"$L202"]}]]}],["$","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":[["$","$L66",null,{"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":"$2d: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"}],["$","span",null,{"className":"sr-only","children":"エラー"}]]}],["$","p",null,{"className":"font-bold","children":"Something went wrong."}]]}]]}],"$L203"]}]]}],"$L204"]}],"$L205","$L206"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L207"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}]}],"$L208"]}]]}],["$","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":[["$","$L66",null,{"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"}]]}],"$L209"]}]]}],["$","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":[["$","$L66",null,{"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"}]]}],"$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.skeleton.animationTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"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"}]]}],"$L20b"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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","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":["$L20c"]}]]}],"$L20d"]}],"$L20e","$L20f"]}],"$L210","$L211"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L212"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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"}]]}]}],"$L213"]}]]}],["$","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":[["$","$L66",null,{"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"}]]}]]}],"$L214"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],"$L215"]}],"$L216"]}],"$L217"]}],"$L218","$L219"]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L21a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L21b",null,{}]}],"$L21c"]}]]}],["$","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"}]}],"$L21d"]}],["$","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":[["$","$L66",null,{"children":["$","$L21e",null,{}]}],"$L21f"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'fixed'",{"className":"flex items-center gap-1","children":[false,"$L220"]}],"$L221"]}]]}],"$L222"]}],"$L223"]}],"$L224",null]}],"$L225","$L226"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L227"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L228",null,{}]}],"$L229"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L22a",null,{}]}],"$L22b"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]]}],["$","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":["$L22c","$L22d"]}],null]}],"$L22e","$L22f","$L230","$L231"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L232"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L233",null,{}]}],"$L234"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L235",null,{}]}],"$L236"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L237",null,{}]}],"$L238"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],["$","dd",null,{"className":"text-fg-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,"$L239"]}]]}]]}],"$L23a"]}]]}],"$L23b",null]}],"$L23c","$L23d","$L23e","$L23f"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L240"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L241",null,{}]}],"$L242"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L243",null,{}]}],"$L244"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]]}],["$","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":["$L245","$L246","$L247"]}],"$L248"]}],"$L249",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":"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-hidden 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 block-px inline-full 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"}]}],"$L24a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L24b",null,{}]}],"$L24c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L24d",null,{}]}],"$L24e"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L24f",null,{}]}],"$L250"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"|"}],["$","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: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'center'"}]]}]]}],"$L251","$L252","$L253","$L254"]}],"$L255",null]}]]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L256"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L257",null,{}]}],"$L258"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L259",null,{}]}],"$L25a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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'"}]]}],["$","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'"}]]}],"$L25b","$L25c"]}]]}],"$L25d"]}],"$L25e","$L25f"]}],"$L260",null]}],"$L261","$L262","$L263","$L264"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L265"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L266",null,{}]}],"$L267"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L268",null,{}]}],"$L269"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L26a",null,{}]}],"$L26b"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L26c",null,{}]}],"$L26d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]]}],["$","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":"$L26e"}],"$L26f","$L270"]}]]}],"$L271",null]}],"$L272","$L273","$L274","$L275","$L276","$L277","$L278","$L279"]}]]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L27a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"block-32 inline-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]}]}],"$L27b"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-col gap-6 block-32 inline-full","children":[["$","div",null,{"className":"flex-1 inline-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-base","role":"separator"}]}],["$","div",null,{"className":"flex items-center block-16 inline-full","children":["$","span",null,{"aria-orientation":"vertical","className":"block block-full inline-px bg-border-base","role":"separator"}]}]]}]}],"$L27c"]}]]}],["$","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":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-col gap-6 block-32 inline-full","children":[["$","div",null,{"className":"flex-1 inline-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-base","role":"separator"}]}],["$","div",null,{"className":"flex-1 inline-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]}],["$","div",null,{"className":"flex-1 inline-full","children":["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-subtle","role":"separator"}]}]]}]}],"$L27d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","dt",null,{"className":"font-medium","children":"$L27e"}],"$L27f","$L280"]}],"$L281"]}],"$L282","$L283"]}]]}]]}]
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":"Stack"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.stack.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-stack--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-hidden 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 block-px inline-full 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"}]}],"$L284"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-row gap-2","children":[["$","span","有効",{"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":"有効"}],["$","span","保留",{"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":"保留"}],["$","span","エラー",{"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":"エラー"}]]}]}],"$L285"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.stack.directionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-col gap-4","children":[["$","div",null,{"className":"flex flex-col gap-2","children":[["$","span","有効",{"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":"有効"}],["$","span","保留",{"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":"保留"}],["$","span","エラー",{"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":"エラー"}]]}],["$","div",null,{"className":"flex flex-row gap-2","children":[["$","span","有効",{"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":"有効"}],["$","span","保留",{"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":"保留"}],["$","span","エラー",{"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":"エラー"}]]}]]}]}],"$L286"]}]]}],"$L287","$L288"]}],"$L289","$L28a"]}]
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":"Grid"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.grid.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--67a0dc0a614a725e3b2a1cee.chromatic.com/?path=/docs/components-grid--docs","className":"text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-hidden 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 block-px inline-full 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"}]}],"$L28b"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","div",null,{"className":"grid gap-4 grid-cols-3","children":[["$","div","A",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"A"}]}],["$","div","B",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"B"}]}],["$","div","C",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"C"}]}],["$","div","D",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"D"}]}],["$","div","E",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"E"}]}],["$","div","F",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]}]]}]}],"$L28c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.grid.colsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-col gap-4","children":[["$","div","2",{"className":"grid gap-2 grid-cols-2","children":[["$","div","A",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"A"}]}],["$","div","B",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"B"}]}],["$","div","C",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"C"}]}],["$","div","D",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"D"}]}],["$","div","E",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"E"}]}],["$","div","F",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":"$L28d"}],"$L28e","$L28f"]}],"$L290"]}]}],"$L291"]}]]}],"$L292"]}],"$L293","$L294"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L295"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L296",null,{}]}],"$L297"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L298",null,{}]}],"$L299"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","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":["$L29a","$L29b"]}]]}],"$L29c"]}],"$L29d",null]}],"$L29e","$L29f","$L2a0","$L2a1","$L2a2","$L2a3"]}]]}]
3b:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","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-hidden 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 block-px inline-full 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"}]}],"$L2a4"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"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-hidden","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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-hidden","href":"/components","children":"Components"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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"}]}]]}]}]}],"$L2a5"]}]]}],["$","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":[["$","$L66",null,{"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-hidden","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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-hidden","href":"/components","children":"Components"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":"$L2a6"}],"$L2a7"]}]}]}],"$L2a8"]}]]}],"$L2a9"]}],"$L2aa","$L2ab"]}]
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":"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-hidden 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 block-px inline-full 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"}]}],"$L2ac"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L2ad",null,{}]}],"$L2ae"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L2af",null,{}]}],"$L2b0"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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: "}],"-"]}]]}],["$","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"}]}],"$L2b1","$L2b2"]}],"$L2b3","$L2b4","$L2b5","$L2b6"]}],"$L2b7",null]}]]}]]}]
3d:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","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-hidden 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 block-px inline-full 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"}]}],"$L2b8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L2b9",null,{}]}],"$L2ba"]}]]}],["$","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"}]}],"$L2bb"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L2bc"]}]}],"$L2bd"]}]]}]]}],null]}]]}]]}]
2c0: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  z3e:["$","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-hidden 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 block-px inline-full 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"}]}],"$L2be"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 flex-wrap 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":"$3e: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":"$3e: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":"$3e: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":"$3e: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":"$3e: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":"$3e: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"}]]}]]}],"$L2bf"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":"$2c0"}],"$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","$L2db","$L2dc","$L2dd","$L2de","$L2df","$L2e0","$L2e1","$L2e2","$L2e3","$L2e4","$L2e5","$L2e6","$L2e7","$L2e8","$L2e9","$L2ea","$L2eb","$L2ec","$L2ed","$L2ee","$L2ef","$L2f0","$L2f1","$L2f2","$L2f3","$L2f4","$L2f5","$L2f6","$L2f7","$L2f8","$L2f9"]}]]}]]}]
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":["$","$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 block-px inline-full 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}]]}],"$L2fa"]}]]}],"$L2fb","$L2fc","$L2fd","$L2fe","$L2ff","$L300","$L301","$L302","$L303"]}]]}],"$L304","$L305","$L306","$L307","$L308","$L309","$L30a","$L30b","$L30c","$L30d","$L30e","$L30f","$L310","$L311","$L312","$L313","$L314","$L315"]}]
40:["$","$L316",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":"useBreakpoint"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useBreakpoint.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L317"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L318",null,{}]}],"$L319"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span","'sm'",{"className":"flex items-center gap-1","children":[false,"$L31a"]}],"$L31b","$L31c","$L31d","$L31e"]}]}],"$L31f"]}]]}]]}],null]}]]}],"$L320","$L321"]}]
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":"useClickAway"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClickAway.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L322"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L323",null,{}]}],"$L324"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":["$L325","$L326","$L327"]}]}],"$L328"]}],null]}]]}],"$L329","$L32a"]}]
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":"useClient"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClient.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L32b"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L32c"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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]}]]}]]}]
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":"useClipboard"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useClipboard.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L32d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L32e",null,{}]}],"$L32f"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span","(text: string) => Promise<void>",{"className":"flex items-center gap-1","children":[false,"$L330"]}]]}]}],"$L331"]}],"$L332"]}]]}],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":"useDebouncedTransition"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDebouncedTransition.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L333"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L334",null,{}]}],"$L335"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[boolean, (action) => void]"}]}],"$L336","$L337"]}]]}],"$L338",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":"useDeferredDebounce"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDeferredDebounce.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L339"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L33a",null,{}]}],"$L33b"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"T"}]]}]]}]}],"$L33c"]}],"$L33d"]}]]}],null]}]]}],"$L33e","$L33f"]}]
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":"useDisclosure"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useDisclosure.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L340"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L341",null,{}]}],"$L342"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L343","$L344","$L345"]}],"$L346","$L347","$L348"]}],"$L349",null]}]]}]]}]
48:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"useHash"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useHash.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L34a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L34b"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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]}]]}]]}]
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":"useInView"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useInView.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L34c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L34d",null,{}]}],"$L34e"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":["$L34f","$L350"]}]]}]]}],"$L351"]}],"$L352","$L353"]}],"$L354",null]}]]}],"$L355","$L356"]}]
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":"useIntersectionObserver"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useIntersectionObserver.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L357"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L358"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"once"}],"$L359"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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[]"}]]}]]}]]}],"$L35a"]}],"$L35b","$L35c","$L35d"]}],"$L35e",null]}]]}],"$L35f","$L360"]}]
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":"useInterval"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useInterval.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L361"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L362",null,{}]}],"$L363"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]}],"$L364"]}],"$L365"]}]]}],null]}]]}]]}]
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":"useLocalStorage"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useLocalStorage.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L366"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L367",null,{}]}],"$L368"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L369",null,{}]}],"$L36a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","td",null,{"className":"py-3 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"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L36b"}],"$L36c"]}],"$L36d"]}]]}],null]}]]}],"$L36e","$L36f"]}]
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":"useSessionStorage"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useSessionStorage.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L370"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L371",null,{}]}],"$L372"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L373",null,{}]}],"$L374"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","td",null,{"className":"py-3 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"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L375"}],"$L376"]}],"$L377"]}]]}],null]}]]}],"$L378","$L379"]}]
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":"useResize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useResize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L37a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L37b"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}],"$L37c","$L37d"]}]}],"$L37e"]}],null]}]]}],"$L37f","$L380"]}]
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":"useScrollDirection"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useScrollDirection.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L381"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L382",null,{}]}],"$L383"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L384",null,{}]}],"$L385"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$","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"}],"$L386"]}]}],"$L387"]}],null]}]]}],"$L388","$L389"]}]
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":"useStep"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useStep.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L38a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L38b",null,{}]}],"$L38c"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]}],"$L38d"]}],"$L38e"]}]]}],null]}]]}],"$L38f","$L390"]}]
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":"useTimeout"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useTimeout.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L391"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L392"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":["$L393","$L394","$L395"]}]]}]]}],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":"useWindowResize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useWindowResize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L396"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L397"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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,"$L398"]}]]}]}],"$L399"]}],"$L39a"]}]]}],null]}]]}]]}]
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":"useScrollLock"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useScrollLock.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L39b"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L39c",null,{}]}],"$L39d"]}]]}],["$","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":[["$","$L66",null,{"children":["$","$L39e",null,{}]}],"$L39f"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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>"}]]}]]}]}],["$","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"}]}]]}]]}]]}],null]}]]}],"$L3a0","$L3a1"]}]
54:["$","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 block-px inline-full 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"}]}],"$L3a2"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3a3",null,{}]}],"$L3a4"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,"$L3a5"]}]]}]}],"$L3a6"]}],"$L3a7"]}]]}],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":"useControllableState"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useControllableState.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L3a8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3a9",null,{}]}],"$L3aa"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":["$L3ab","$L3ac"]}],null]}]]}],"$L3ad","$L3ae"]}]
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":"useWindowSize"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useWindowSize.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L3af"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3b0",null,{}]}],"$L3b1"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L3b2"}]]}],"$L3b3"]}]]}],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":"useWritingMode"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"hooks.useWritingMode.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L3b4"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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"}]}],"$L3b5"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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<Element | 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<Element | 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","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<Element | 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<Element | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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","writingMode",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"writingMode"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L3b6","$L3b7"]}],"$L3b8"]}]]}],"$L3b9",null]}]]}]]}]
58:["$","$L3ba",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":"cn"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"helpers.cn.description"}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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"}]}],"$L3bb"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3bc",null,{}]}],"$L3bd"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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"}]}],"$L3be","$L3bf"]}]]}],"$L3c0",null]}]]}]]}]
5a:["$","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 block-px inline-full 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"}]}],"$L3c1"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3c2",null,{}]}],"$L3c3"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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":["$L3c4","$L3c5","$L3c6"]}]]}],"$L3c7",null]}]]}]]}]
5b:["$","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 block-px inline-full 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"}]}],"$L3c8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3c9",null,{}]}],"$L3ca"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Record<string, unknown>"}]]}]]}]}],"$L3cb"]}],"$L3cc"]}]]}],null]}]]}],"$L3cd","$L3ce"]}]
5c:["$","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 block-px inline-full 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"}]}],"$L3cf"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3d0",null,{}]}],"$L3d1"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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":[["$","dt",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"}]}],"$L3d2","$L3d3"]}]]}],"$L3d4",null]}]]}]]}]
5d:["$","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 block-px inline-full 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"}]}],"$L3d5"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-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":[["$","$L66",null,{"children":["$","$L3d6",null,{}]}],"$L3d7"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full 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 block-px inline-full 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":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"[Context, useSafeContext]"}]}],"$L3d8","$L3d9"]}]]}],"$L3da",null]}]]}]]}]
6e:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","$L67",null,{"disabled":true,"children":"Disabled"}]}],"$L3db"]}]
6f:["$","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":[["$","$L66",null,{"children":["$","$L3dc",null,{}]}],"$L3dd"]}]]}]
70:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
71:["$","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","'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'"}]]}],["$","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":"'solid'"}]]}]]}],["$","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 vertical:inline vertical:gap-0 m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["'",["$","$1c6","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'"}]]}]]}]]}],"$L3de"]}],"$L3df","$L3e0","$L3e1","$L3e2","$L3e3","$L3e4","$L3e5","$L3e6","$L3e7"]}],"$L3e8","$L3e9"]}]]}]
7a:["$","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","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","'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: "}],["$","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"}]]}]]}]]}],"$L3ea"]}],"$L3eb","$L3ec","$L3ed","$L3ee","$L3ef"]}]
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","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","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","'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":"$L3f0"}]]}],"$L3f1","$L3f2","$L3f3","$L3f4","$L3f5"]}]]}]
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":"ButtonHTMLAttributes<HTMLButtonElement>"}]]}]
81:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
82:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
83:["$","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"}]]}]]}]
84:["$","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: "}],"-"]}]]}]
85:["$","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: "}],"-"]}]]}]
86:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
87:["$","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>"}]]}]
8e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]
8f:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
90:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
91:["$","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: "}],"-"]}]]}]
92:["$","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: "}],"-"]}]]}]
93:["$","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: "}],"-"]}]]}]
94:["$","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: "}],"-"]}]]}]
95:["$","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: "}],"-"]}]]}]
96:["$","table",null,{"className":"hidden 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":"$L3f6"}],"$L3f7","$L3f8"]}]]}]]}]
97:["$","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>"}]]}]
9f:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
a0:["$","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"}]]}]]}]
a1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
a2:["$","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: "}],"-"]}]]}]
a3:["$","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: "}],"-"]}]]}]
a4:["$","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: "}],"-"]}]]}]
a5:["$","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: "}],"-"]}]]}]
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","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: "}],"-"]}]]}]
a8:["$","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"}]]}]]}]
a9:["$","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"}]]}]]}]
aa:["$","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: "}],"-"]}]]}]
ab:["$","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: "}],"-"]}]]}]
ac:["$","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: "}],"-"]}]]}]
ad:["$","table",null,{"className":"hidden 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":"$L3f9"}],"$L3fa","$L3fb"]}],"$L3fc","$L3fd","$L3fe","$L3ff","$L400"]}]]}]
ae:["$","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>"}]]}]
b6:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
b7:["$","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: "}],"-"]}]]}]
b8:["$","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: "}],"-"]}]]}]
b9:["$","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"}]]}]]}]
ba:["$","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"}]]}]]}]
bb:["$","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: "}],"-"]}]]}]
bc:["$","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: "}],"-"]}]]}]
bd:["$","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: "}],"-"]}]]}]
be:["$","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: "}],"-"]}]]}]
bf:["$","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: "}],"-"]}]]}]
c0:["$","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: "}],"-"]}]]}]
c1:["$","table",null,{"className":"hidden 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":"$L401"}]]}],"$L402","$L403","$L404","$L405","$L406"]}]]}]
c2:["$","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>"}]]}]
ca:["$","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"}]]}]]}]
cb:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
cc:["$","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: "}],"-"]}]]}]
cd:["$","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: "}],"-"]}]]}]
ce:["$","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: "}],"-"]}]]}]
cf:["$","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: "}],"-"]}]]}]
d0:["$","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: "}],"-"]}]]}]
d1:["$","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: "}],"-"]}]]}]
d2:["$","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: "}],"-"]}]]}]
d3:["$","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: "}],"-"]}]]}]
d4:["$","table",null,{"className":"hidden 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":"$L407"}],"$L408","$L409"]}],"$L40a","$L40b"]}]]}]
d5:["$","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>"}]]}]
e1:["$","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"}]]}]
e2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
e3:["$","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: "}],"-"]}]]}]
e4:["$","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"}]]}]]}]
e5:["$","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: "}],"-"]}]]}]
e6:["$","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","(checked: boolean) => 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":"(checked: boolean) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
e7:["$","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: "}],"-"]}]]}]
e8:["$","table",null,{"className":"hidden 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","(checked: boolean) => 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":"(checked: boolean) => void"}]]}]]}]}],["$","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":"$L40c"}]]}]]}]]}]
e9:["$","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>"}]]}]
ea:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
eb:["$","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"}]]}]]}],"$L40d","$L40e","$L40f","$L410"]}],"$L411","$L412"]}]]}]
f1:["$","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"}]]}]
f2:["$","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"}]]}]
f3:["$","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"}]]}]]}]
f4:["$","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: "}],"-"]}]]}]
f5:["$","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: "}],"-"]}]]}]
f6:["$","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: "}],"-"]}]]}]
f7:["$","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: "}],"-"]}]]}]
f8:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L413"]}],"$L414"]}]]}]
f9:["$","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>"}]]}]
101:["$","dt",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"}]}]
102:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
103:["$","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"}]]}]
104:["$","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"}]]}]]}]
105:["$","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"}]]}]]}]
106:["$","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: "}],"-"]}]]}]
107:["$","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: "}],"-"]}]]}]
108:["$","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","(checked: boolean) => 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":"(checked: boolean) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
109:["$","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: "}],"-"]}]]}]
10a:["$","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: "}],"-"]}]]}]
10b:["$","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: "}],"-"]}]]}]
10c:["$","table",null,{"className":"hidden 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,"$L415"]}]]}]}],"$L416"]}],"$L417","$L418","$L419","$L41a"]}]]}]
10d:["$","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>"}]]}]
114:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
115:["$","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"}]]}]
116:["$","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"}]]}]]}]
117:["$","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"}]]}]]}]
118:["$","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: "}],"-"]}]]}]
119:["$","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\""}]]}]]}]
11a:["$","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\""}]]}]]}]
11b:["$","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\""}]]}]]}]
11c:["$","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: "}],"-"]}]]}]
11d:["$","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: "}],"-"]}]]}]
11e:["$","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: "}],"-"]}]]}]
11f:["$","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: "}],"-"]}]]}]
120:["$","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: "}],"-"]}]]}]
121:["$","table",null,{"className":"hidden 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,"$L41b"]}]]}]}],"$L41c"]}],"$L41d","$L41e","$L41f","$L420","$L421","$L422","$L423"]}]]}]
122:["$","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>"}]]}]
129:["$","dt",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"}]}]
12a:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
12b:["$","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"}]]}]
12c:["$","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: "}],"-"]}]]}]
12d:["$","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: "}],"-"]}]]}]
12e:["$","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: "}],"-"]}]]}]
12f:["$","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: "}],"-"]}]]}]
130:["$","table",null,{"className":"hidden 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","(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":"-"}]]}],["$","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":"$L424"}]]}]]}]]}]
131:["$","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>"}]]}]
137:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
138:["$","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"}]]}]
139:["$","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"}]]}]]}]
13a:["$","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: "}],"-"]}]]}]
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","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: "}],"-"]}]]}]
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: 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: "}],"-"]}]]}]
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","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: "}],"-"]}]]}]
13e:["$","table",null,{"className":"hidden 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","(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"}]]}]]}]}],"$L425"]}],"$L426"]}]]}]
13f:["$","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>"}]]}]
14b:["$","dt",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"}]}]
14c:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
14d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
14e:["$","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: "}],"-"]}]]}]
14f:["$","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: "}],"-"]}]]}]
150:["$","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: "}],"-"]}]]}]
151:["$","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: "}],"-"]}]]}]
152:["$","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: "}],"-"]}]]}]
153:["$","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: "}],"-"]}]]}]
154:["$","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: "}],"-"]}]]}]
155:["$","table",null,{"className":"hidden 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":"$L427"}],"$L428","$L429"]}],"$L42a","$L42b"]}]]}]
156:["$","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>"}]]}]
15c:["$","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"}]]}]
15d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
15e:["$","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: "}],"-"]}]]}]
15f:["$","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"}]]}]]}]
160:["$","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"}]]}]]}]
161:["$","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"}]]}]]}]
162:["$","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: "}],"-"]}]]}]
163:["$","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: "}],"-"]}]]}]
164:["$","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: "}],"-"]}]]}]
165:["$","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: "}],"-"]}]]}]
166:["$","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: "}],"-"]}]]}]
167:["$","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: "}],"-"]}]]}]
168:["$","table",null,{"className":"hidden 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":"$L42c"}]]}],"$L42d","$L42e","$L42f","$L430","$L431","$L432"]}]]}]
169:["$","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>"}]]}]
175:["$","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"}]]}]]}]
176:["$","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"}]]}]]}]
177:["$","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: "}],"-"]}]]}]
178:["$","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"}]]}]]}]
179:["$","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: "}],"-"]}]]}]
17a:["$","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","(files: FileList | null, event?: ChangeEvent<HTMLInputElement>) => 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":"(files: FileList | null, event?: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17b:["$","table",null,{"className":"hidden 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":["$L433"]}]}],"$L434"]}],"$L435"]}]]}]
17c:["$","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>"}]]}]
188:["$","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"}]]}]]}]
189:["$","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"}]]}]]}]
18a:["$","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: "}],"-"]}]]}]
18b:["$","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'"}]]}]]}]
18c:["$","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: "}],"-"]}]]}]
18d:["$","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: "}],"-"]}]]}]
18e:["$","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: "}],"-"]}]]}]
18f:["$","table",null,{"className":"hidden 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":"$L436"}],"$L437","$L438"]}],"$L439","$L43a"]}]]}]
195:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
196:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
19d:["$","p",null,{"children":"This panel is open by default."}]
19e:["$","$L198",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Section B"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}]
19f:["$","$L198",null,{"children":[["$","h3",null,{"children":["$","$L199",null,{"children":"Section C"}]}],["$","$L19a",null,{"children":["$","p",null,{"children":"This panel is closed by default."}]}]]}]
1a1:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1a2:["$","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":["$L43b","$L43c","$L43d"]}]}],"$L43e"]}],null]}],"$L43f","$L440","$L441","$L442"]}]
1a8:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
1a9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1aa:["$","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: "}],"-"]}]]}]
1ab:["$","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: "}],"-"]}]]}]
1ac:["$","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'"}]]}]]}]
1ad:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
1ae:["$","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>"}]]}]
1b3:["$","$L5",null,{"k":"components.badge.interactiveTitle"}]
1b4:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"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"}],["$","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"}]]}],"$L443"]}]
1b5:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1b6:["$","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'"}]]}],"$L444"]}]]}],"$L445"]}],"$L446"]}],"$L447","$L448"]}]]}]
1bc:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"appearance"}]
1bd:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'shadow'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'shadow'"}]]}],["$","span","'bordered'",{"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":"'bordered'"}]]}]]}]]}]
1be:["$","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":"'shadow'"}]]}]
1bf:["$","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'"}]]}]]}]
1c0:["$","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"}]]}]]}]
1c1:["$","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: "}],"-"]}]]}]
1c2:["$","table",null,{"className":"hidden 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","appearance",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"appearance"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'shadow'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'shadow'"}]]}],["$","span","'bordered'",{"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":"'bordered'"}]]}]]}]}],["$","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":"'shadow'"}]}]]}],["$","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","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","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":"-"}]]}]]}]]}]
1c3:["$","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>"}]]}]
1c8:["$","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"}]]}]]}]
1c9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1ca:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
1cb:["$","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>"}]]}]
1ce:["$","$L66",null,{"children":["$","div",null,{"className":"border-border-mute bg-bg-base vertical:writing-sideways-rl vertical:size-fit w-full overflow-x-auto rounded-lg border","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 vertical:border-b-0 vertical:border-l","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":"vertical:[&_tr:last-child]:border-l-0 [&_tr:last-child]:border-b-0","children":["$","tr",null,{"className":"border-border-mute border-b transition-colors","children":["$","td",null,{"className":"text-fg-mute px-4 py-10 text-center align-middle","colSpan":3,"children":"No records have been added yet."}]}]}]]}]}]}]
1d0:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1d1:["$","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,"$L449"]}]]}]}],"$L44a"]}],"$L44b"]}]]}],null]}],"$L44c","$L44d","$L44e","$L44f"]}]
1d9:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]
1da:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1db:["$","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: "}],"-"]}]]}]
1dc:["$","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","(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: "}],"-"]}]]}]
1dd:["$","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: "}],"-"]}]]}]
1de:["$","table",null,{"className":"hidden 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","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","(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":"-"}]]}]]}]]}]
1df:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Trigger"}]
1e0:["$","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]}]
1e1:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.TriggerIcon"}]
1e2:["$","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"}]]}]]}]}],"$L450"]}]]}]]}],null]}]
1e3:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Content"}]
1e4:["$","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]}]
1e9:["$","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"}]]}]]}]}]
1ea:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
1ee:["$","$L66",null,{"children":["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"bg-bg-emphasize vertical:inline-48 rounded-full block-4 inline-full","style":{"--progress-fill":"75%"},"children":["$","div",null,{"aria-label":"Upload progress","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":75,"className":"bg-primary-bg rounded-full transition-all block-full inline-(--progress-fill)","role":"progressbar"}]}]}]}]
1f0:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1f1:["$","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":["$L451"]}]}],"$L452"]}],"$L453","$L454","$L455"]}]]}],"$L456"]}]]}]
1f6:["$","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'"}]]}]
1f7:["$","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'"}]]}]
1f8:["$","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'"}]]}]
1f9:["$","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'"}]]}]
1fa:["$","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'"}]]}]
1fb:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1fc:["$","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: "}],"-"]}]]}]
1fd:["$","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: "}],"-"]}]]}]
1fe:["$","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: "}],"-"]}]]}]
1ff:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
200:["$","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>"}]]}]
204:["$","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":[["$","$L66",null,{"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":"$2d: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."}]]}]]}]}],"$L457"]}]]}]
205:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
206:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","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","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","'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","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","'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'"}]]}],"$L458"]}]}],"$L459"]}],"$L45a"]}]]}],"$L45b"]}]]}]
20c:["$","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"}]]}]
20d:["$","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"}]]}]
20e:["$","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'"}]]}]]}]
20f:["$","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'"}]]}]]}]
210:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
211:["$","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>"}]]}]
215:["$","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"}]]}]]}]
216:["$","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'"}]]}]
217:["$","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'"}]]}]]}]
218:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
219:["$","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>"}]]}]
220:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fixed'"}]
221:["$","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'"}]]}]
222:["$","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'"}]]}]
223:["$","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: "}],"-"]}]]}]
224:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
225:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"useToast"}]
226:["$","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"}]]}]]}]}],"$L45c"]}],"$L45d"]}]]}],null]}]
22c:["$","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"}]]}]}]
22d:["$","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":"-"}]]}]]}]
22e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Trigger"}]
22f:["$","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]}]
230:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Content"}]
231:["$","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]}]
239:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]
23a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
23b:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
23c:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Header"}]
23d:["$","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]}]
23e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Content"}]
23f:["$","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]}]
245:["$","dt",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"}]}]
246:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
247:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
248:["$","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: "}],"-"]}]]}]
249:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
251:["$","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: "}],"-"]}]]}]
252:["$","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: "}],"-"]}]]}]
253:["$","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: "}],"-"]}]]}]
254:["$","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: "}],"-"]}]]}]
255:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
25b:["$","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'"}]]}]
25c:["$","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'"}]]}]
25d:["$","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'"}]]}]
25e:["$","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"}]]}]]}]
25f:["$","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: "}],"-"]}]]}]
260:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
261:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Trigger"}]
262:["$","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]}]
263:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Content"}]
264:["$","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]}]
26e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]
26f:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
270:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
271:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
272:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Trigger"}]
273:["$","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","'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'"}]]}],["$","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":"'solid'"}]]}]]}]]}],["$","table",null,{"className":"hidden 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":"$L45e"}],"$L45f"]}],"$L460","$L461"]}]]}],null]}]
274:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.IconTrigger"}]
275:["$","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]}]
276:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Content"}]
277:["$","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]}]
278:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Item"}]
279:["$","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]}]
27e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"orientation"}]
27f:["$","dd",null,{"className":"text-fg-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'"}]]}]]}]]}]
280:["$","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'"}]]}]
281:["$","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'"}]]}]]}]
282:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
283:["$","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>"}]]}]
287:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.stack.gapTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"flex flex-col gap-4","children":[["$","div","none",{"className":"flex flex-row gap-0","children":[["$","span",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","children":"gap=none"}],["$","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":"A"}],["$","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":"B"}],["$","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":"C"}]]}],["$","div","sm",{"className":"flex flex-row gap-2","children":[["$","span",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","children":"gap=sm"}],["$","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":"A"}],["$","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":"B"}],["$","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":"C"}]]}],["$","div","md",{"className":"flex flex-row gap-4","children":[["$","span",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","children":"gap=md"}],["$","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":"A"}],["$","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":"B"}],["$","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":"C"}]]}],["$","div","lg",{"className":"flex flex-row gap-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-base bg-bg-base text-fg-base","children":"gap=lg"}],["$","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":"A"}],["$","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":"B"}],["$","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":"C"}]]}],["$","div","xl",{"className":"flex flex-row gap-8","children":[["$","span",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","children":"gap=xl"}],"$L462","$L463","$L464"]}]]}]}],"$L465"]}]]}]
288:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.stack.alignTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"bg-bg-mute rounded-lg p-3","children":["$","div",null,{"className":"flex flex-row gap-4 items-center justify-between","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-info text-fg-info","children":"L"}],["$","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":"C"}],["$","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":"R"}]]}]}]}],"$L466"]}]]}]
289:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
28a:["$","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","direction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"direction"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'row'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'row'"}]]}],["$","span","'column'",{"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":"'column'"}]]}]]}]]}],["$","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":"'column'"}]]}]]}],["$","div","gap",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"gap"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'none'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'none'"}]]}],["$","span","'sm'",{"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":"'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'"}]]}]]}]]}],["$","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","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","'start'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'start'"}]]}],["$","span","'center'",{"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":"'center'"}]]}],["$","span","'end'",{"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":"'end'"}]]}],["$","span","'stretch'",{"className":"flex items-center gap-1","children":["$L467","$L468"]}]]}]]}],"$L469"]}],"$L46a"]}],"$L46b","$L46c"]}]]}]
28d:["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]
28e:["$","div","G",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"G"}]}]
28f:["$","div","H",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"H"}]}]
290:["$","div","4",{"className":"grid gap-2 grid-cols-4","children":[["$","div","A",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"A"}]}],["$","div","B",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"B"}]}],["$","div","C",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"C"}]}],["$","div","D",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"D"}]}],["$","div","E",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"E"}]}],["$","div","F",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]}],["$","div","G",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"G"}]}],["$","div","H",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"H"}]}]]}]
292:["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.grid.autoFillTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"components.grid.autoFillDescription"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L66",null,{"children":["$","div",null,{"className":"grid gap-4 grid-cols-auto-fill-32","children":[["$","div","A",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"A"}]}],["$","div","B",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"B"}]}],["$","div","C",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"C"}]}],["$","div","D",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"D"}]}],["$","div","E",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"E"}]}],["$","div","F",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]}],["$","div","G",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"G"}]}],["$","div","H",{"className":"rounded-xl border border-border-mute w-full bg-bg-base","children":["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"H"}]}]]}]}],"$L46d"]}]]}]
293:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
294:["$","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","cols",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"cols"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","1 | 2 | 3 | 4 | 5 | 6",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1 | 2 | 3 | 4 | 5 | 6"}]]}],["$","span","'auto-fill'",{"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":"'auto-fill'"}]]}],["$","span","'auto-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":"'auto-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":"'auto-fill'"}]]}]]}],["$","div","minItemSize",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"minItemSize"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","24 | 32 | 40 | 48 | 64 | 80",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"24 | 32 | 40 | 48 | 64 | 80"}]]}]]}]]}],["$","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":"48"}]]}]]}],["$","div","gap",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"gap"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'none'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'none'"}]]}],["$","span","'sm'",{"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":"'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'"}]]}]]}]]}],["$","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'"}]]}]]}]]}],"$L46e","$L46f"]}]]}]
29a:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
29b:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]
29c:["$","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: "}],"-"]}]]}]
29d:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
29e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.List"}]
29f:["$","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]}]
2a0:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Tab"}]
2a1:["$","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]}]
2a2:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Panel"}]
2a3:["$","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]}]
2a6:["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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"}]
2a7:["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]
2a9:["$","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":[["$","$L66",null,{"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-hidden","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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-hidden","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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-hidden","href":"/","children":"Home"}]}],["$","li",null,{"className":"text-fg-mute vertical:rotate-90","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$11: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"}]}]]}]}]]}]}],"$L470"]}]]}]
2aa:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
2ab:["$","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"}]}],"$L471","$L472"]}]]}]]}],null]}],"$L473","$L474","$L475","$L476","$L477","$L478"]}]
2b1:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
2b2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2b3:["$","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"}]]}]]}]
2b4:["$","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":"'前へ'"}]]}]]}]
2b5:["$","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":"'次へ'"}]]}]]}]
2b6:["$","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":"'ページネーション'"}]]}]]}]
2b7:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L479"]}],"$L47a"]}]]}]
2bc:["$","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>"}]]}]
2bd:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
47b: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  z2c1:["$","path",null,{"className":"fill-(--teal-700) dark:fill-(--teal-400)","d":"$47b"}]
47c: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  z2c2:["$","path",null,{"className":"fill-(--teal-600) dark:fill-(--teal-500)","d":"$47c"}]
2c3:["$","p",null,{"className":"text-fg-mute text-xs","children":"LogoIcon"}]
2c4:["$","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"}]]}]
2c5:["$","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":"$12: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"}]]}]
2c6:["$","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":"$3e: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"}]]}]
2c7:["$","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"}]]}]
2c8:["$","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"}]]}]
2c9:["$","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"}]]}]
2ca:["$","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"}]]}]
2cb:["$","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"}]]}]
2cc:["$","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"}]]}]
2cd:["$","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"}]]}]
2ce:["$","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: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"}]]}]
2cf:["$","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"}]]}]
2d0:["$","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"}]]}]
2d1:["$","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":"$2d: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)"}]]}]
2d2:["$","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":"$2d: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)"}]]}]
2d3:["$","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":"$2d: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)"}]]}]
2d4:["$","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":"$2d: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)"}]]}]
2d5:["$","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"}]]}]
2d6:["$","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"}]]}]
2d7:["$","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"}]]}]
2d8:["$","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"}]]}]
2d9:["$","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"}]]}]
2da:["$","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"}]]}]
2db:["$","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"}]]}]
2dc:["$","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"}]]}]
2dd:["$","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"}]]}]
2de:["$","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"}]]}]
2df:["$","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"}]]}]
2e0:["$","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"}]]}]
2e1:["$","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"}]]}]
2e2:["$","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"}]]}]
2e3:["$","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"}]]}]
2e4:["$","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"}]]}]
2e5:["$","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"}]]}]
2e6:["$","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"}]]}]
2e7:["$","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"}]]}]
2e8:["$","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"}]]}]
2e9:["$","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"}]]}]
2ea:["$","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"}]]}]
2eb:["$","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"}]]}]
2ec:["$","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"}]]}]
2ed:["$","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"}]]}]
2ee:["$","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"}]]}]
2ef:["$","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"}]]}]
2f0:["$","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"}]]}]
2f1:["$","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"}]]}]
2f2:["$","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"}]]}]
2f3:["$","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"}]]}]
2f4:["$","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"}]]}]
2f5:["$","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"}]]}]
2f6:["$","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"}]]}]
2f7:["$","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"}]]}]
2f8:["$","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"}]]}]
47d: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 
z47e: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 
z2f9:["$","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":"$47d","fill":"#55C500","opacity":"1.00","stroke":"none"}],["$","path",null,{"d":"$47e","fill":"#55C500","opacity":"1.00","stroke":"none"}]]}],"$L47f"]}]
2fa:["$","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}]]}]
2fb:["$","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}]]}]]}]]}]
2fc:["$","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}]]}]]}]]}]
2fd:["$","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}]]}]]}]]}]
2fe:["$","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}]]}]]}]]}]
2ff:["$","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}]]}]]}]]}]
300:["$","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}]]}]]}]]}]
301:["$","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}]]}]]}]]}]
302:["$","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}]]}]]}]]}]
303:["$","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}]]}]]}]]}]
304:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
305:["$","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":[["$","$L480","fg-base",{"token":{"name":"fg-base","light":"gray-900","dark":"gray-50"}}],["$","$L480","fg-subtle",{"token":{"name":"fg-subtle","light":"gray-400","dark":"gray-500"}}],["$","$L480","fg-mute",{"token":{"name":"fg-mute","light":"gray-700","dark":"gray-300"}}],["$","$L480","fg-inverse",{"token":{"name":"fg-inverse","light":"gray-50","dark":"gray-900"}}],["$","$L480","fg-info",{"token":{"name":"fg-info","light":"blue-800","dark":"blue-200"}}],["$","$L480","fg-success",{"token":{"name":"fg-success","light":"green-800","dark":"green-200"}}],["$","$L480","fg-warning",{"token":{"name":"fg-warning","light":"yellow-800","dark":"yellow-200"}}],["$","$L480","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":[["$","$L480","bg-base",{"token":{"name":"bg-base","light":"white","dark":"gray-800"}}],["$","$L480","bg-raised",{"token":{"name":"bg-raised","light":"white","dark":"gray-700"}}],["$","$L480","bg-surface",{"token":{"name":"bg-surface","light":"gray-50","dark":"gray-950"}}],["$","$L480","bg-subtle",{"token":{"name":"bg-subtle","light":"gray-100","dark":"gray-900"}}],["$","$L480","bg-mute",{"token":{"name":"bg-mute","light":"gray-200","dark":"gray-700"}}],["$","$L480","bg-emphasize",{"token":{"name":"bg-emphasize","light":"gray-300","dark":"gray-600"}}],["$","$L480","bg-inverse",{"token":{"name":"bg-inverse","light":"gray-900","dark":"white"}}],["$","$L480","bg-info",{"token":{"name":"bg-info","light":"blue-100","dark":"blue-900"}}],["$","$L480","bg-success",{"token":{"name":"bg-success","light":"green-100","dark":"green-900"}}],["$","$L480","bg-warning",{"token":{"name":"bg-warning","light":"yellow-100","dark":"yellow-900"}}],["$","$L480","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":[["$","$L480","border-base",{"token":{"name":"border-base","light":"gray-400","dark":"gray-600"},"type":"border"}],["$","$L480","border-subtle",{"token":{"name":"border-subtle","light":"gray-100","dark":"gray-700"},"type":"border"}],["$","$L480","border-mute",{"token":{"name":"border-mute","light":"gray-200","dark":"gray-600"},"type":"border"}],["$","$L480","border-emphasize",{"token":{"name":"border-emphasize","light":"gray-500","dark":"gray-500"},"type":"border"}],["$","$L480","border-inverse",{"token":{"name":"border-inverse","light":"gray-700","dark":"gray-300"},"type":"border"}],["$","$L480","border-info",{"token":{"name":"border-info","light":"blue-500","dark":"blue-400"},"type":"border"}],["$","$L480","border-success",{"token":{"name":"border-success","light":"green-500","dark":"green-400"},"type":"border"}],["$","$L480","border-warning",{"token":{"name":"border-warning","light":"yellow-500","dark":"yellow-400"},"type":"border"}],["$","$L480","border-error",{"token":{"name":"border-error","light":"red-500","dark":"red-400"},"type":"border"}]]}]]}]]}]
306:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
307:["$","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":[["$","$L480","primary-fg",{"token":{"name":"primary-fg","light":"teal-800","dark":"teal-300"},"type":"fill"}],["$","$L480","primary-bg",{"token":{"name":"primary-bg","light":"teal-200","dark":"teal-800"},"type":"fill"}],["$","$L480","primary-bg-subtle",{"token":{"name":"primary-bg-subtle","light":"teal-50","dark":"teal-950"},"type":"fill"}],["$","$L480","primary-bg-mute",{"token":{"name":"primary-bg-mute","light":"teal-100","dark":"teal-900"},"type":"fill"}],["$","$L480","primary-bg-emphasize",{"token":{"name":"primary-bg-emphasize","light":"teal-300","dark":"teal-700"},"type":"fill"}],["$","$L480","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":[["$","$L480","secondary-fg",{"token":{"name":"secondary-fg","light":"cyan-800","dark":"cyan-300"},"type":"fill"}],["$","$L480","secondary-bg",{"token":{"name":"secondary-bg","light":"cyan-200","dark":"cyan-800"},"type":"fill"}],["$","$L480","secondary-bg-subtle",{"token":{"name":"secondary-bg-subtle","light":"cyan-50","dark":"cyan-950"},"type":"fill"}],["$","$L480","secondary-bg-mute",{"token":{"name":"secondary-bg-mute","light":"cyan-100","dark":"cyan-900"},"type":"fill"}],["$","$L480","secondary-bg-emphasize",{"token":{"name":"secondary-bg-emphasize","light":"cyan-300","dark":"cyan-700"},"type":"fill"}],["$","$L480","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":[["$","$L480","group-primary",{"token":{"name":"group-primary","light":"teal-800","dark":"teal-200"}}],["$","$L480","group-secondary",{"token":{"name":"group-secondary","light":"cyan-800","dark":"cyan-200"}}],["$","$L480","group-tertiary",{"token":{"name":"group-tertiary","light":"pink-800","dark":"pink-200"}}],["$","$L480","group-quaternary",{"token":{"name":"group-quaternary","light":"purple-800","dark":"purple-200"}}]]}]]}]]}]
308:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
309:["$","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 shadow-sm 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":"min-w-0 truncate","style":{"fontSize":"0.75rem","lineHeight":1.333333},"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":"min-w-0 truncate","style":{"fontSize":"0.875rem","lineHeight":1.428571},"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":"min-w-0 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":"min-w-0 truncate","style":{"fontSize":"1.125rem","lineHeight":1.555556},"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":"min-w-0 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":"min-w-0 truncate","style":{"fontSize":"1.5rem","lineHeight":1.333333},"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":"min-w-0 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":"min-w-0 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":"min-w-0 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 shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-3 p-4","children":["$L481","$L482"]}]}]]}],"$L483","$L484"]}]
30a:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
30b:["$","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"}]]}]]}]]}]]}]
30c:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
30d:["$","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)"}]]}]]}]]}]]}]
30e:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
30f:["$","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 shadow-sm 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",")"]}]]}],"$L485"]}]}]]}]
310:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
311:["$","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 shadow-sm 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",")"]}]]}]]}]}]]}]
312:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
313:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"theming.zIndexTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"theming.zIndexDescription"}]}],["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"flex flex-col gap-2 p-4","children":[["$","div","overlay",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-24 shrink-0 text-sm font-medium","children":["z-","overlay"]}],["$","span",null,{"className":"text-fg-mute flex-1 text-sm","children":"Popover, DropdownMenu, ListBox, Tooltip"}],["$","span",null,{"className":"text-fg-subtle shrink-0 text-xs","children":"1000"}]]}],["$","div","modal",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-24 shrink-0 text-sm font-medium","children":["z-","modal"]}],["$","span",null,{"className":"text-fg-mute flex-1 text-sm","children":"Modal, Drawer"}],["$","span",null,{"className":"text-fg-subtle shrink-0 text-xs","children":"1300"}]]}],["$","div","toast",{"className":"flex items-center gap-4","children":[["$","code",null,{"className":"w-24 shrink-0 text-sm font-medium","children":["z-","toast"]}],["$","span",null,{"className":"text-fg-mute flex-1 text-sm","children":"Toast"}],["$","span",null,{"className":"text-fg-subtle shrink-0 text-xs","children":"1500"}]]}]]}]}]]}]
314:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
315:["$","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"}]}],"$L486"]}]
31a:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'sm'"}]
31b:["$","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'"}]]}]
31c:["$","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'"}]]}]
31d:["$","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'"}]]}]
31e:["$","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'"}]]}]
31f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
320:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
321:["$","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]}]]}]
325:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
326:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
327:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
328:["$","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"}]}]]}]]}]
329:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
32a:["$","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]}]]}]
330:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(text: string) => Promise<void>"}]
331:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
332:["$","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":"-"}]]}]
336:["$","dd",null,{"className":"text-fg-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]"}]]}]]}]]}]
337:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
338:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
33c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
33d:["$","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":"-"}]}]]}]
33e:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
33f:["$","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]}]]}]
343:["$","dt",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"}]}]
344:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
345:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
346:["$","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: "}],"-"]}]]}]
347:["$","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: "}],"-"]}]]}]
348:["$","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: "}],"-"]}]]}]
349:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
34f:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
350:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]
351:["$","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"}]]}]
352:["$","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'"}]]}]]}]
353:["$","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"}]]}]]}]
354:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L487"]}]]}]]}]
355:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
356:["$","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]}]]}]
35a:["$","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"}]]}]
35b:["$","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"}]]}]]}]
35c:["$","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'"}]]}]]}]
35d:["$","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"}]]}]]}]
35e:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L488"]}],"$L489"]}]]}]
35f:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
360:["$","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]}]]}]
364:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
365:["$","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":"-"}]]}]
36b:["$","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"}]]}]]}]
36c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
36d:["$","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":"-"}]]}]
36e:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
36f:["$","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"}]]}]]}]}],"$L48a"]}],"$L48b"]}]]}],null]}]]}]
375:["$","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"}]]}]]}]
376:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
377:["$","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":"-"}]]}]
378:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
379:["$","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"}]]}]]}]}],"$L48c"]}],"$L48d"]}]]}],null]}]]}]
37c:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
37d:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
37e:["$","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"}]}]]}]]}]
37f:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
380:["$","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]}]]}]
386:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
387:["$","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"}]}]]}]]}]
388:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
389:["$","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'"}]]}]]}]}],"$L48e"]}]]}]]}],null]}]]}]
38d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
38e:["$","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":"-"}]]}]
38f:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
390:["$","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":["$L48f","$L490","$L491"]}]}],"$L492"]}],null]}]]}]
393:["$","td",null,{"className":"py-3 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"}]}]
394:["$","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"}]]}]]}]}]
395:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
398:["$","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"}]
399:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
39a:["$","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"}]}]]}]
3a0:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3a1:["$","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]}]]}]
3a5:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
3a6:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3a7:["$","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":"-"}]]}]
3ab:["$","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"}]]}]}]
3ac:["$","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"}]}]]}]]}]
3ad:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3ae:["$","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]}]]}]
3b2:"-"
3b3:["$","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":"-"}]]}]
3b6:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
3b7:["$","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'"}]]}]]}]
3b8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3b9:["$","table",null,{"className":"hidden 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","writingMode",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"writingMode"}]}],["$","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":"-"}]]}]]}]]}]
3be:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
3bf:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3c0:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3c4:["$","dt",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"}]}]
3c5:["$","dd",null,{"className":"text-fg-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>"}]]}]]}]]}]
3c6:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3c7:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3cb:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3cc:["$","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":"-"}]]}]
3cd:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3ce:["$","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]}]]}]
3d2:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
3d3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3d4:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3d8:["$","dd",null,{"className":"text-fg-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]"}]]}]]}]]}]
3d9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3da:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3de:["$","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'"}]]}]
3df:["$","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'"}]]}]]}]
3e0:["$","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"}]]}]]}]
3e1:["$","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"}]]}]]}]
3e2:["$","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: "}],"-"]}]]}]
3e3:["$","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: "}],"-"]}]]}]
3e4:["$","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"}]]}]]}]
3e5:["$","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: "}],"-"]}]]}]
3e6:["$","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: "}],"-"]}]]}]
3e7:["$","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: "}],"-"]}]]}]
3e8:["$","table",null,{"className":"hidden 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","'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'"}]]}],["$","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":"'solid'"}]}]]}],["$","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 vertical:inline vertical:gap-0 m-0.5 inline-flex items-center gap-1 rounded-md px-1.5 sm:py-0.5","children":["'",["$","$1c6","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'"}]}]]}],"$L493","$L494","$L495","$L496","$L497","$L498","$L499","$L49a","$L49b"]}]]}]
3e9:["$","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>"}]]}]
3ea:["$","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"}]]}]
3eb:["$","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'"}]]}]]}]
3ec:["$","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"}]]}]]}]
3ed:["$","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: "}],"-"]}]]}]
3ee:["$","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: "}],"-"]}]]}]
3ef:["$","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: "}],"-"]}]]}]
3f0:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]
3f1:["$","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'"}]}]]}]
3f2:["$","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"}]}]]}]
3f3:["$","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":"-"}]]}]
3f4:["$","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":"-"}]]}]
3f5:["$","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":"-"}]]}]
3f6:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]
3f7:["$","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"}]]}]]}]}]
3f8:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3f9:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"rows"}]
3fa:["$","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"}]]}]]}]}]
3fb:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3fc:["$","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"}]}]]}]
3fd:["$","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"}]}]]}]
3fe:["$","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":"-"}]]}]
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:["$","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":"-"}]]}]
401:"-"
402:["$","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":"-"}]]}]
403:["$","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":"-"}]]}]
404:["$","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":"-"}]]}]
405:["$","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":"-"}]]}]
406:["$","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":"-"}]]}]
407:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
408:["$","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"}]]}]]}]}]
409:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
40a:["$","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":"-"}]]}]
40b:["$","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":"-"}]]}]
40c:"-"
40d:["$","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"}]]}]]}]
40e:["$","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: "}],"-"]}]]}]
40f:["$","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: "}],"-"]}]]}]
410:["$","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: "}],"-"]}]]}]
411:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L49c"]}],"$L49d","$L49e","$L49f"]}]]}]
412:["$","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>"}]]}]
413:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
414:["$","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":"-"}]]}]
415:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
416:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
417:["$","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","(checked: boolean) => 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":"(checked: boolean) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
418:["$","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":"-"}]]}]
419:["$","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":"-"}]]}]
41a:["$","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":"-"}]]}]
41b:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
41c:["$","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\""}]}]
41d:["$","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\""}]}]]}]
41e:["$","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\""}]}]]}]
41f:["$","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":"-"}]]}]
420:["$","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":"-"}]]}]
421:["$","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":"-"}]]}]
422:["$","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":"-"}]]}]
423:["$","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":"-"}]]}]
424:"-"
425:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
426:["$","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":"-"}]]}]
427:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
428:["$","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[]"}]]}]]}]}]
429:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
42a:["$","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":"-"}]]}]
42b:["$","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":"-"}]]}]
42c:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]
42d:["$","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":"-"}]]}]
42e:["$","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":"-"}]]}]
42f:["$","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":"-"}]]}]
430:["$","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":"-"}]]}]
431:["$","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":"-"}]]}]
432:["$","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":"-"}]]}]
433:["$","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"}]]}]
434:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
435:["$","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","(files: FileList | null, event?: ChangeEvent<HTMLInputElement>) => 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":"(files: FileList | null, event?: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
436:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"helpText"}]
437:["$","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"}]]}]]}]}]
438:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
439:["$","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":"-"}]]}]
43a:["$","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":"-"}]]}]
43b:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
43c:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
43d:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
43e:["$","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":"-"}]]}]]}]
43f:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Button"}]
440:["$","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]}]
441:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Panel"}]
442:["$","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]}]
444:["$","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'"}]]}]
445:["$","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'"}]]}]
446:["$","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'"}]]}]]}]
447:["$","table",null,{"className":"hidden 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'"}]}]]}],"$L4a0"]}]]}]
448:["$","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>"}]]}]
449:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
44a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
44b:["$","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":"-"}]]}]
44c:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Row"}]
44d:["$","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"}]}]]}],"$L4a1"]}]]}],null]}]
44e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Cell / Table.HeaderCell"}]
44f:["$","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":["$L4a2"]}]}],"$L4a3"]}],"$L4a4","$L4a5","$L4a6"]}]]}],null]}]
450:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
451:["$","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"}]]}]
452:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
453:["$","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":"-"}]]}]
454:["$","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"}]}]]}]
455:["$","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":"-"}]]}]
456:["$","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>"}]]}]
458:["$","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'"}]]}]
459:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
45a:["$","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":"-"}]]}]
45b:["$","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>"}]]}]
45c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
45d:["$","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":"-"}]]}]
45e:["$","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"}]]}]]}]
45f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
460:["$","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'"}]}]]}]
461:["$","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'"}]]}],["$","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":"'solid'"}]}]]}]
462:["$","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":"A"}]
463:["$","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":"B"}]
464:["$","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":"C"}]
467:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
468:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'stretch'"}]
469:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
46a:["$","div","justify",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"justify"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'start'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'start'"}]]}],["$","span","'center'",{"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":"'center'"}]]}],["$","span","'end'",{"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":"'end'"}]]}],["$","span","'between'",{"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":"'between'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
46b:["$","table",null,{"className":"hidden 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","direction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"direction"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'row'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'row'"}]]}],["$","span","'column'",{"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":"'column'"}]]}]]}]}],["$","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":"'column'"}]}]]}],["$","tr","gap",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"gap"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'none'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'none'"}]]}],["$","span","'sm'",{"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":"'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'"}]]}]]}]}],["$","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","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","'start'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'start'"}]]}],["$","span","'center'",{"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":"'center'"}]]}],["$","span","'end'",{"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":"'end'"}]]}],["$","span","'stretch'",{"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":"'stretch'"}]]}]]}]}],"$L4a7"]}],"$L4a8"]}]]}]
46c:["$","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>"}]]}]
46e:["$","table",null,{"className":"hidden 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","cols",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"cols"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","1 | 2 | 3 | 4 | 5 | 6",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"1 | 2 | 3 | 4 | 5 | 6"}]]}],["$","span","'auto-fill'",{"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":"'auto-fill'"}]]}],["$","span","'auto-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":"'auto-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":"'auto-fill'"}]}]]}],["$","tr","minItemSize",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"minItemSize"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","24 | 32 | 40 | 48 | 64 | 80",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"24 | 32 | 40 | 48 | 64 | 80"}]]}]]}]}],["$","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":"48"}]}]]}],["$","tr","gap",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"gap"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'none'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'none'"}]]}],["$","span","'sm'",{"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":"'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'"}]]}]]}]}],["$","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'"}]}]]}]]}]]}]
46f:["$","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>"}]]}]
471:["$","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"}]]}]]}]}]
472:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
473:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Item"}]
474:["$","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]}]
475:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Separator"}]
476:["$","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]}]
477:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Link"}]
478:["$","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"}]]}]]}]}],"$L4a9"]}],"$L4aa","$L4ab","$L4ac"]}]]}],null]}]
479:["$","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":"'次へ'"}]}]
47a:["$","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":"'ページネーション'"}]}]]}]
47f:["$","p",null,{"className":"text-fg-mute text-xs","children":"QiitaIcon"}]
481:["$","div","medium",{"className":"flex items-baseline gap-4","children":[["$","code",null,{"className":"text-fg-subtle w-20 shrink-0 text-sm","children":"medium"}],["$","span",null,{"className":"text-lg","style":{"fontWeight":"450"},"children":"ArteOdyssey"}],["$","span",null,{"className":"text-fg-subtle ml-auto shrink-0 text-xs","children":"450"}]]}]
482:["$","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"}]]}]
483:["$","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 shadow-sm 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"}]]}]]}]}]]}]
484:["$","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 shadow-sm 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"}]]}]]}]}]]}]
485:["$","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",")"]}]]}]
487:["$","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"}]}]
488:["$","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'"}]}]
489:["$","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"}]}]]}]
48a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
48b:["$","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":"-"}]]}]
48c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
48d:["$","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":"-"}]]}]
48e:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
48f:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
490:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
491:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
492:["$","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":"-"}]]}]]}]
493:["$","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'"}]}]]}]
494:["$","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"}]}]]}]
495:["$","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"}]}]]}]
496:["$","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":"-"}]]}]
497:["$","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":"-"}]]}]
498:["$","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"}]}]]}]
499:["$","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":"-"}]]}]
49a:["$","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":"-"}]]}]
49b:["$","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":"-"}]]}]
49c:["$","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"}]}]
49d:["$","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":"-"}]]}]
49e:["$","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":"-"}]]}]
49f:["$","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":"-"}]]}]
4a0:["$","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'"}]}]]}]
4a1:["$","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":"-"}]]}]
4a2:["$","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"}]]}]
4a3:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4a4:["$","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\""}]}]]}]
4a5:["$","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\""}]}]]}]
4a6:["$","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":"-"}]]}]
4a7:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4a8:["$","tr","justify",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"justify"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","'start'",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'start'"}]]}],["$","span","'center'",{"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":"'center'"}]]}],["$","span","'end'",{"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":"'end'"}]]}],["$","span","'between'",{"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":"'between'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4a9:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4aa:["$","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"}]}]]}]
4ab:["$","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":"-"}]]}]
4ac:["$","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>"}}]
4ad: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":"$4ad"}}]
4ae:Tbd7,<pre class="shiki shiki-themes min-light min-dark" style="--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">"solid"</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":"$4ae"}}]
4af:T696,<pre class="shiki shiki-themes min-light min-dark" style="--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"> { catalog</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> arteOdysseyRules } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/json-render'</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">// Runs on the server. customRules injects constraints the model tends to break.</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">const</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> systemPrompt</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> catalog</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.prompt</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ customRules</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">arteOdysseyRules] });</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4af"}}]
4b0:T7df,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'use client'</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"> { JsonRenderUI } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/json-render/registry'</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">export</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> GenUi</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ spec }</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { spec</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> unknown</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"> &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">JsonRenderUI</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> spec</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{spec} />;</span></span>
<span class="line"><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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4b0"}}]
4b1:Tb52,<pre class="shiki shiki-themes min-light min-dark" style="--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"> { validateGeneratedSpec } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/json-render'</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"> result</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> validateGeneratedSpec</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">JSON</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.parse</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(llmOutput));</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">result</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.ok) {</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:#1976D2;--shiki-dark:#79B8FF">JsonRenderUI</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> spec</span><span 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">result</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.spec} />;</span></span>
<span class="line"><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"> retried</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> llm</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">result</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.repairPrompt); </span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// fix and retry</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4b1"}}]
4b2:T1099,<pre class="shiki shiki-themes min-light min-dark" style="--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:#D32F2F;--shiki-dark:#F97583"> type</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { ArteSpec } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/json-render'</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"> spec</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">  root</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'root'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  elements</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">    root</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { type</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Stack'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> { direction</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'column'</span><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"> children</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">'ok'</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">    ok</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--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:#212121;--shiki-dark:#BBBBBB">,</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"> { label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'OK'</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 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">satisfies</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> ArteSpec</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4b2"}}]
4b3:Ta3b,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">'use client'</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"> { library } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/openui'</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"> { Renderer } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@openuidev/react-lang'</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">export</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> GenUi</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ response }</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { response</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</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 style="--shiki-light:#D32F2F;--shiki-dark:#F97583">  return</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Renderer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> library</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{library} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">response</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{response} />;</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span></code></pre>62:["$","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":"$4b3"}}]
4b4:T484,<pre class="shiki shiki-themes min-light min-dark" style="--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">// Server-safe prompt generation (symmetric with catalog.prompt()).</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { prompt } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/openui/prompt'</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"> systemPrompt</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> prompt</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">();</span></span></code></pre>63:["$","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":"$4b4"}}]
4b5:T498,<pre class="shiki shiki-themes min-light min-dark" style="--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">"solid"</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>68:["$","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:T7b5,<pre class="shiki shiki-themes min-light min-dark" style="--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">"solid"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Solid&#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">"outline"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Outline&#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>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":"$4b6"}}]
4b7: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>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":"$4b7"}}]
4b8: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>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":"$4b8"}}]
4b9: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>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":"$4b9"}}]
6d:["$","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>"}}]
4ba: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4ba"}}]
4bb: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>75:["$","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:T15ab,<pre class="shiki shiki-themes min-light min-dark" style="--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"> color</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"> 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:#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"> color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"primary"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> 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"> 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:#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>76:["$","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: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>77:["$","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: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>79:["$","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: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>7e:["$","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: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>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":"$4c0"}}]
4c1: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>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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4c1"}}]
4c2: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>8a:["$","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: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>8b:["$","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"}}]
4c4: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>8c:["$","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"}}]
4c5: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4c5"}}]
4c6: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>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":"$4c6"}}]
4c7: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>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":"$4c7"}}]
4c8: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>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":"$4c8"}}]
4c9: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>9d:["$","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: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>9e:["$","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: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>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":"$4cb"}}]
4cc: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>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":"$4cc"}}]
4cd: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>b3:["$","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"}}]
4ce: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>b4:["$","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: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4cf"}}]
4d0: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>c5:["$","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"}}]
4d1: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>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":"$4d1"}}]
4d2: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>c7:["$","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"}}]
4d3: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>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":"$4d3"}}]
4d4: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>c9:["$","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"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--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>"}}]
d9:["$","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>"}}]
4d5:T8a0,<pre class="shiki shiki-themes min-light min-dark" style="--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">{(checked) </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">(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>db:["$","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: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>dc:["$","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: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>de:["$","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":"$4d7"}}]
4d8: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>e0:["$","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: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>ee:["$","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: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>f0:["$","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: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>fc:["$","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: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>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":"$4dc"}}]
4dd:Tce6,<pre class="shiki shiki-themes min-light min-dark" style="--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">{(checked) </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">(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>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":"$4dd"}}]
4de: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>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":"$4de"}}]
4df: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>110:["$","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: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>112:["$","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: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>113:["$","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: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>125:["$","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:Td58,<pre class="shiki shiki-themes min-light min-dark" style="--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">{(value) </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>
<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>127:["$","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: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>128:["$","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:T1e5d,<pre class="shiki shiki-themes min-light min-dark" style="--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">{(value) </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>
<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>134:["$","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: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>136:["$","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: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>142:["$","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: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>144:["$","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"}}]
4e9: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>146:["$","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: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>148:["$","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: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>14a:["$","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: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>159:["$","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: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>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":"$4ed"}}]
4ee: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>15b:["$","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: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>16c:["$","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: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>16e:["$","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"}}]
4f1: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>170:["$","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":"$4f1"}}]
4f2: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>172:["$","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: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>174:["$","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: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4f4"}}]
4f5: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>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":"$4f5"}}]
4f6: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>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":"$4f6"}}]
4f7: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>185:["$","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: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>187:["$","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: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>192:["$","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":"$4f9"}}]
4fa: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4fa"}}]
4fb: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>19b:["$","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":"$4fb"}}]
4fc: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4fc"}}]
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-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>"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--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>"}}]
4fd: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>1a7:["$","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"}}]
1b0:["$","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>"}}]
4fe: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>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":"$4fe"}}]
4ff: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>1b2:["$","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: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>1b8:["$","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: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>1b9:["$","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: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:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Card</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:#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">"block p-6"</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">    Hover to scale up</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:#1976D2;--shiki-dark:#79B8FF">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>1ba:["$","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":"$502"}}]
503:Taaa,<pre class="shiki shiki-themes min-light min-dark" style="--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"> appearance</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"shadow"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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">>Shadow&#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"> appearance</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"bordered"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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">>Bordered&#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>1bb:["$","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: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>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":"$504"}}]
505: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>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":"$505"}}]
506: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>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":"$506"}}]
507: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">  onChange</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>1d4:["$","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":"$507"}}]
508: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"> onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onChange} </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"> onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onChange} </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"> onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onChange} </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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$508"}}]
509: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"> onChange</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{onChange} </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>1d8:["$","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"}}]
1e7:["$","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>"}}]
50a: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$50a"}}]
50b: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>1ec:["$","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: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>1ed:["$","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"}}]
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-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>"}}]
50d: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>1f4:["$","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: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>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":"$50e"}}]
202:["$","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\"> 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></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-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>"}}]
50f: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>209:["$","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: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>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":"$510"}}]
20b:["$","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>"}}]
213:["$","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>"}}]
511: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>214:["$","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: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>21c:["$","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"}}]
513: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>21d:["$","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":"$513"}}]
514: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$514"}}]
515: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>229:["$","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: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>22b:["$","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: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>234:["$","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: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>236:["$","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:T29d2,<pre class="shiki shiki-themes min-light min-dark" style="--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">"outline"</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>238:["$","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: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>242:["$","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: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>244:["$","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: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>24c:["$","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: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>24e:["$","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"}}]
51e: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>250:["$","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":"$51e"}}]
51f: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>258:["$","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":"$51f"}}]
520: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>25a:["$","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":"$520"}}]
521: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>267:["$","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":"$521"}}]
522: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>269:["$","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":"$522"}}]
523: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$523"}}]
524: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>26d:["$","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":"$524"}}]
27b:["$","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>"}}]
525: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>27c:["$","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":"$525"}}]
526: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>27d:["$","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":"$526"}}]
527:Tbcd,<pre class="shiki shiki-themes min-light min-dark" style="--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">Stack</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">"row"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> gap</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">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">"有効"</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">"保留"</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">"エラー"</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">Stack</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-b-xl","dangerouslySetInnerHTML":{"__html":"$527"}}]
528:T780,<pre class="shiki shiki-themes min-light min-dark" style="--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">Grid</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cols</span><span 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">gap</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">  {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">items</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.map</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((label) </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">Card</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>{label}&#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">Grid</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>28c:["$","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":"$528"}}]
529: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>297:["$","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":"$529"}}]
52a: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>299:["$","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":"$52a"}}]
52b: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>2a5:["$","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":"$52b"}}]
52c: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>2ae:["$","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":"$52c"}}]
52d: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>2b0:["$","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":"$52d"}}]
52e: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>2ba:["$","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":"$52e"}}]
2bb:["$","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>"}}]
52f: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>2bf:["$","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":"$52f"}}]
530: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$530"}}]
531: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$531"}}]
532: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>32c:["$","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":"$532"}}]
533: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>32f:["$","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":"$533"}}]
534: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>335:["$","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":"$534"}}]
535: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>33b:["$","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":"$535"}}]
536: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>342:["$","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":"$536"}}]
537: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>34b:["$","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":"$537"}}]
538: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>34e:["$","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":"$538"}}]
539: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>358:["$","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":"$539"}}]
53a: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>359:["$","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":"$53a"}}]
53b: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>363:["$","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":"$53b"}}]
53c: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$53c"}}]
53d: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>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":"$53d"}}]
53e: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>372:["$","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":"$53e"}}]
53f: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$53f"}}]
540: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>37b:["$","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":"$540"}}]
541: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>383:["$","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":"$541"}}]
542: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>385:["$","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":"$542"}}]
543: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>38c:["$","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":"$543"}}]
544: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>392:["$","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":"$544"}}]
545: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>397:["$","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":"$545"}}]
546: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>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":"$546"}}]
547: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>39f:["$","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":"$547"}}]
548: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>3a4:["$","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":"$548"}}]
549: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>3aa:["$","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":"$549"}}]
54a: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>3b1:["$","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":"$54a"}}]
54b:Taa7,<pre class="shiki shiki-themes min-light min-dark" style="--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"> writingMode</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> useWritingMode</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(ref);</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">    {writingMode </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'vertical'</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:#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">  &#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>3b5:["$","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":"$54b"}}]
54c: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>3bd:["$","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":"$54c"}}]
54d: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>3c3:["$","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":"$54d"}}]
54e: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>3ca:["$","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":"$54e"}}]
54f: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>3d1:["$","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":"$54f"}}]
550: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>3d7:["$","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":"$550"}}]
3db:["$","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>"}}]
551: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>3dd:["$","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":"$551"}}]
552: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>1a0:["$","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":"$552"}}]
553: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>1cf:["$","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":"$553"}}]
554: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>1ef:["$","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":"$554"}}]
555:Tb41,<pre class="shiki shiki-themes min-light min-dark" style="--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"> 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">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"> 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">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"> 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">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"> 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>203:["$","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":"$555"}}]
556:T648,<pre class="shiki shiki-themes min-light min-dark" style="--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">  tone</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>457:["$","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":"$556"}}]
557:T6e7,<pre class="shiki shiki-themes min-light min-dark" style="--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">Stack</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">"column"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> gap</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">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Stack</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Stack</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">"row"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> gap</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">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Stack</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-b-xl","dangerouslySetInnerHTML":{"__html":"$557"}}]
558:T4a6,<pre class="shiki shiki-themes min-light min-dark" style="--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">Stack</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">"row"</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">"center"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> justify</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"between"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Stack</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>466:["$","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":"$558"}}]
559:T7da,<pre class="shiki shiki-themes min-light min-dark" style="--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">Grid</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cols</span><span 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 style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">gap</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">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Grid</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Grid</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cols</span><span 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">4</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">gap</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">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Grid</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>291:["$","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":"$559"}}]
55a:T522,<pre class="shiki shiki-themes min-light min-dark" style="--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">Grid</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> cols</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"auto-fill"</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> minItemSize</span><span 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">32</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">gap</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">>…&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Grid</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>46d:["$","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":"$55a"}}]
55b: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>2a8:["$","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":"$55b"}}]
55c: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>470:["$","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":"$55c"}}]
55d: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>443:["$","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":"$55d"}}]
465:["$","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\">Stack</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\">\"row\"</span><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> gap</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">=</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\">\"none|sm|md|lg|xl\"</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">>…&#x3C;/</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">Stack</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">></span></span></code></pre>"}}]
65:["$","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>"}}]
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-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>"}}]
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\"> { 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>"}}]
88:["$","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>"}}]
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-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>"}}]
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-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>"}}]
c3:["$","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>"}}]
d6:["$","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>"}}]
ec:["$","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>"}}]
fa:["$","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>"}}]
10e:["$","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>"}}]
123:["$","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>"}}]
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-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>"}}]
140:["$","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>"}}]
157:["$","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>"}}]
16a:["$","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>"}}]
17d:["$","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>"}}]
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-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>"}}]
197:["$","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>"}}]
1a3:["$","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>"}}]
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-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>"}}]
1b7:["$","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>"}}]
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-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>"}}]
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-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>"}}]
1d2:["$","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>"}}]
1e5:["$","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>"}}]
1eb:["$","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>"}}]
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-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>"}}]
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-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>"}}]
207:["$","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>"}}]
212:["$","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>"}}]
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-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>"}}]
227:["$","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>"}}]
232:["$","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>"}}]
240:["$","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>"}}]
24a:["$","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>"}}]
256:["$","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>"}}]
265:["$","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>"}}]
27a:["$","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>"}}]
284:["$","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\"> { Stack } </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>"}}]
28b:["$","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\"> { Grid } </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>"}}]
295:["$","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>"}}]
2a4:["$","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>"}}]
2ac:["$","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>"}}]
2b8:["$","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>"}}]
2be:["$","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>"}}]
317:["$","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>"}}]
322:["$","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>"}}]
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-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>"}}]
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-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>"}}]
333:["$","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>"}}]
339:["$","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>"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--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>"}}]
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-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>"}}]
34c:["$","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>"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--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>"}}]
361:["$","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>"}}]
366:["$","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>"}}]
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-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>"}}]
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\"> { 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>"}}]
381:["$","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>"}}]
38a:["$","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>"}}]
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-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>"}}]
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\"> { 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>"}}]
39b:["$","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>"}}]
3a2:["$","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>"}}]
3a8:["$","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>"}}]
3af:["$","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>"}}]
3b4:["$","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\"> { useWritingMode } </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>"}}]
3bb:["$","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>"}}]
3c1:["$","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>"}}]
3c8:["$","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>"}}]
3cf:["$","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>"}}]
3d5:["$","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>"}}]
55e: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>486:["$","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":"$55e"}}]