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]
6a:I["c797c47b6503",[],"Components",1]
6c:I["798bb9c24f1b",[],"PreviewArea",1]
6d:I["6080185159ea",[],"Button",1]
79:I["3a5141374105",[],"IconButton",1]
7e:I["cafd544e051f",[],"IconButtonAsLinkPreview",1]
8f:I["3a09bc083ef4",[],"TextField",1]
9f:I["ae6085caf2c6",[],"Textarea",1]
b6:I["91c860d2a4fd",[],"NumberField",1]
ca:I["9622329a7e30",[],"Select",1]
dd:I["b697a4db76dc",[],"Checkbox",1]
e0:I["21432a60d512",[],"CheckboxControlledPreview",1]
e3:I["21432a60d512",[],"CheckboxGroupControlledPreview",1]
e5:I["21432a60d512",[],"CheckboxGroupDisabledPreview",1]
f3:I["705b52bbdbc8",[],"CheckboxCardControlledPreview",1]
f5:I["5a285b2bd6cd",[],"CheckboxCard",1]
101:I["9d4788df136c",[],"Switch",1]
104:I["725578a605c2",[],"SwitchControlledPreview",1]
115:I["09b9cd90ad2c",[],"PasswordInput",1]
117:I["f7a7a2081c6a",[],"PasswordInputControlledPreview",1]
12a:I["05b695ec3934",[],"Radio",1]
12c:I["9624e3024842",[],"RadioControlledPreview",1]
139:I["ca22bbee4123",[],"RadioCardControlledPreview",1]
13b:I["031924d9c982",[],"RadioCard",1]
147:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
149:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
14b:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
14d:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
14f:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
15e:I["95680beb798c",[],"Slider",1]
171:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
173:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
175:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
177:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
179:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
184:I["8888908e7e61",[],"FormControlBasicPreview",1]
186:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
188:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
18a:I["8888908e7e61",[],"FormControlRequiredPreview",1]
18c:I["8888908e7e61",[],"FormControlDisabledPreview",1]
197:I["7b08ec006ffa",[],"FormBasicPreview",1]
199:I["7b08ec006ffa",[],"FormActionStatePreview",1]
19e:I["8c5b7f2aa6ac",[],"AccordionItem",1]
19f:I["0f6565584477",[],"AccordionButton",1]
1a0:I["f6f067fc08a1",[],"AccordionPanel",1]
1aa:I["23bf66a48bcf",[],"Avatar",1]
1cc:"$Sreact.fragment"
1d9:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
1db:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
1dd:I["75dff7ac12d9",[],"ListBoxTriggerIconPreview",1]
220:I["132b1b725f7e",[],"ToastBasicPreview",1]
223:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
22d:I["5145f2bca71b",[],"TooltipBasicPreview",1]
22f:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
238:I["218edecdc217",[],"DialogBasicPreview",1]
23a:I["218edecdc217",[],"DialogWithModalPreview",1]
23c:I["218edecdc217",[],"AlertDialogPreview",1]
246:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
248:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
250:I["6e891aca3d00",[],"ModalBasicPreview",1]
252:I["6e891aca3d00",[],"ModalTypesPreview",1]
254:I["6e891aca3d00",[],"DefaultOpenPreview",1]
25c:I["f94374e4000c",[],"PopoverBasicPreview",1]
25e:I["f94374e4000c",[],"PopoverPlacementPreview",1]
26b:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
26d:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
26f:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
271:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
29b:I["f74bd0fb5a52",[],"TabsBasicPreview",1]
29d:I["f74bd0fb5a52",[],"TabsDefaultSelectedPreview",1]
2b2:I["34416532db7f",[],"PaginationPreview",1]
2b4:I["34416532db7f",[],"PaginationDisabledPreview",1]
2be:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
31d:I["c6eb5e7e987f",[],"HooksPage",1]
31f:I["1ffdaeb5dfc9",[],"UseBreakpointPreview",1]
32a:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
335:I["939b7f2e8860",[],"UseClipboardPreview",1]
33b:I["93666e144dfe",[],"UseDebouncedTransitionPreview",1]
341:I["126edf4198ff",[],"UseDeferredDebouncePreview",1]
348:I["9760dcff36a7",[],"UseDisclosurePreview",1]
354:I["63c3e1e7de0a",[],"UseInViewPreview",1]
369:I["d80343ececf7",[],"UseIntervalPreview",1]
36e:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
370:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
378:I["4dc090a700b5",[],"UseSessionStorageBasicPreview",1]
37a:I["4dc090a700b5",[],"UseSessionStorageRemovePreview",1]
389:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
38b:I["6720b60124cb",[],"UseScrollDirectionTargetPreview",1]
392:I["ff99af3476ea",[],"UseStepPreview",1]
3a3:I["e148fe3c7f1d",[],"UseScrollLockPreview",1]
3a5:I["e148fe3c7f1d",[],"UseScrollLockTargetPreview",1]
3aa:I["010446d0c157",[],"UseHoverPreview",1]
3b0:I["68218b119e8f",[],"UseControllableStatePreview",1]
3b7:I["87949b3e951c",[],"UseWindowSizePreview",1]
3c1:I["3f34d1649026",[],"Helpers",1]
3c3:I["0af5f2cf11c5",[],"CnPreview",1]
3c9:I["5e0ad78f7e7b",[],"MergeRefsPreview",1]
3d0:I["d8c1e3a1d589",[],"MergePropsPreview",1]
3d7:I["445ebd3407d0",[],"ChainPreview",1]
3dd:I["d5dfa84ddd8c",[],"CreateSafeContextPreview",1]
3e3:I["4cb23748e3c8",[],"ButtonAsLinkPreview",1]
461:I["8c07d9e4a8da",[],"AlertDismissiblePreview",1]
462:I["8c07d9e4a8da",[],"AlertWithActionPreview",1]
48c: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":"/ai-chat","component":"$L10"},{"path":"/components","component":"$L11"},{"path":"/components/button","component":"$L12"},{"path":"/components/icon-button","component":"$L13"},{"path":"/components/anchor","component":"$L14"},{"path":"/components/text-field","component":"$L15"},{"path":"/components/textarea","component":"$L16"},{"path":"/components/number-field","component":"$L17"},{"path":"/components/select","component":"$L18"},{"path":"/components/checkbox","component":"$L19"},{"path":"/components/checkbox-card","component":"$L1a"},{"path":"/components/switch","component":"$L1b"},{"path":"/components/password-input","component":"$L1c"},{"path":"/components/radio","component":"$L1d"},{"path":"/components/radio-card","component":"$L1e"},{"path":"/components/autocomplete","component":"$L1f"},{"path":"/components/slider","component":"$L20"},{"path":"/components/file-field","component":"$L21"},{"path":"/components/form-control","component":"$L22"},{"path":"/components/form","component":"$L23"},{"path":"/components/accordion","component":"$L24"},{"path":"/components/avatar","component":"$L25"},{"path":"/components/badge","component":"$L26"},{"path":"/components/card","component":"$L27"},{"path":"/components/code","component":"$L28"},{"path":"/components/table","component":"$L29"},{"path":"/components/list-box","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:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-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.aiChat"}]}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"aiChat.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":"aiChat.overviewTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.overviewDescription"}]}],"$L64"]}],["$","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":"aiChat.inputTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.inputDescription"}]}],"$L65"]}],["$","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":"aiChat.responseTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.responseDescription"}]}],"$L66"]}],["$","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":"aiChat.toolTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.toolDescription"}]}],"$L67"]}],["$","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":"aiChat.aiSdkTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.aiSdkDescription"}]}],"$L68"]}],["$","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":"aiChat.jsonRenderTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.jsonRenderDescription"}]}],"$L69"]}]]}]
11:["$","$L6a",null,{}]
12:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","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"}]}],"$L6b"]}],["$","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":[["$","$L6c",null,{"children":["$","$L6d",null,{"color":"primary","variant":"solid","children":"Click me"}]}],"$L6e"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L6d",null,{"variant":"solid","children":"Solid"}],["$","$L6d",null,{"variant":"outline","children":"Outline"}],["$","$L6d",null,{"variant":"skeleton","children":"Skeleton"}]]}],"$L6f"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L6d",null,{"color":"primary","children":"Primary"}],["$","$L6d",null,{"color":"secondary","children":"Secondary"}],["$","$L6d",null,{"color":"gray","children":"Gray"}]]}],"$L70"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L6d",null,{"size":"sm","children":"Small"}],["$","$L6d",null,{"size":"md","children":"Medium"}],["$","$L6d",null,{"size":"lg","children":"Large"}]]}],"$L71"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L6d",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"}],["$","$L6d",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"}]]}],"$L72"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.fullWidthTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L6d",null,{"fullWidth":true,"children":"Full Width Button"}]}]}],"$L73"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.disabledTitle"}]}],"$L74"]}],"$L75"]}],"$L76","$L77"]}]
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":"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"}]}],"$L78"]}],["$","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":[["$","$L6c",null,{"children":["$","$L79",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"}]}]}],"$L7a"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L79",null,{"label":"Close","size":"sm","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L79",null,{"label":"Close","size":"md","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L79",null,{"label":"Close","size":"lg","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L7b"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L79",null,{"color":"transparent","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L79",null,{"color":"base","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L79",null,{"color":"primary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}],["$","$L79",null,{"color":"secondary","label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]]}],"$L7c"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L79",null,{"disabled":true,"label":"Close","children":["$","$Le",null,{"ref":"$undefined","iconNode":"$13:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:props:iconNode","className":"lucide-x size-4"}]}]}],"$L7d"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L7e",null,{}]}],"$L7f"]}]]}]]}],["$","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":["$L80","$L81","$L82"]}]]}]]}]
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":"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"}]}],"$L83"]}],["$","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":[["$","$L6c",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"}]]}]}],"$L84"]}]]}],["$","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":[["$","$L6c",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"}]]}]]}],"$L85"]}]]}],["$","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"}]}],"$L86"]}]]}],["$","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"}]}],"$L87","$L88"]}],"$L89","$L8a","$L8b"]}],"$L8c","$L8d"]}]]}]]}]
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":"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"}]}],"$L8e"]}],["$","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":[["$","$L6c",null,{"children":["$","$L8f",null,{"disabled":false,"invalid":false,"required":false}]}],"$L90"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.placeholderTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L8f",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your name"}]}],"$L91"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L8f",null,{"disabled":true,"invalid":false,"required":false,"placeholder":"Disabled field"}]}],"$L92"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.textField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L8f",null,{"defaultValue":"invalid value","disabled":false,"invalid":true,"required":false}]}],"$L93"]}]]}]]}],["$","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":"$L94"}],"$L95","$L96"]}],"$L97","$L98","$L99","$L9a","$L9b"]}],"$L9c","$L9d"]}]]}]]}]
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":"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"}]}],"$L9e"]}],["$","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":[["$","$L6c",null,{"children":["$","$L9f",null,{"aria-describedby":"$undefined","id":"textarea-basic","disabled":false,"invalid":false,"required":false,"placeholder":"Enter text"}]}],"$La0"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L9f",null,{"aria-describedby":"$undefined","id":"textarea-rows","disabled":false,"invalid":false,"required":false,"placeholder":"6 rows","rows":6}]}],"$La1"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L9f",null,{"autoResize":true,"aria-describedby":"$undefined","id":"textarea-auto","disabled":false,"invalid":false,"required":false,"placeholder":"Type to auto-resize","rows":2}]}],"$La2"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L9f",null,{"aria-describedby":"$undefined","id":"textarea-disabled","disabled":true,"invalid":false,"required":false,"placeholder":"Disabled"}]}],"$La3"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L9f",null,{"defaultValue":"invalid value","aria-describedby":"$undefined","id":"textarea-invalid","disabled":false,"invalid":true,"required":false}]}],"$La4"]}]]}]]}],["$","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":["$La5","$La6"]}],"$La7"]}],"$La8","$La9","$Laa","$Lab","$Lac","$Lad","$Lae","$Laf","$Lb0","$Lb1","$Lb2"]}],"$Lb3","$Lb4"]}]]}]]}]
17:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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"}]}],"$Lb5"]}],["$","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":[["$","$L6c",null,{"children":["$","$Lb6",null,{"disabled":false,"invalid":false,"required":false}]}],"$Lb7"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.stepPrecisionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$Lb6",null,{"disabled":false,"invalid":false,"required":false,"precision":2,"step":0.25}]}],"$Lb8"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.minMaxTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$Lb6",null,{"disabled":false,"invalid":false,"required":false,"max":10,"min":0,"step":1}]}],"$Lb9"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Lb6",null,{"disabled":true,"invalid":false,"required":false}]}],"$Lba"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.numberField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$Lb6",null,{"disabled":false,"invalid":true,"required":false}]}],"$Lbb"]}]]}]]}],["$","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"}]]}]]}]]}],"$Lbc"]}],"$Lbd","$Lbe","$Lbf","$Lc0","$Lc1","$Lc2","$Lc3","$Lc4","$Lc5","$Lc6"]}],"$Lc7","$Lc8"]}]]}]]}]
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":"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"}]}],"$Lc9"]}],["$","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":[["$","$L6c",null,{"children":["$","$Lca",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"}]}]}],"$Lcb"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Lca",null,{"aria-describedby":"$undefined","id":"select-required","disabled":false,"invalid":false,"required":true,"options":"$18:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lcc"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Lca",null,{"defaultValue":"cherry","aria-describedby":"$undefined","id":"select-default-value","disabled":false,"invalid":false,"required":false,"options":"$18:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lcd"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Lca",null,{"aria-describedby":"$undefined","id":"select-disabled","disabled":true,"invalid":false,"required":false,"options":"$18:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lce"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Lca",null,{"aria-describedby":"$undefined","id":"select-invalid","disabled":false,"invalid":true,"required":false,"options":"$18:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:options"}]}],"$Lcf"]}]]}]]}],["$","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: "}],"$Ld0"]}],"$Ld1"]}],"$Ld2","$Ld3","$Ld4","$Ld5","$Ld6","$Ld7","$Ld8","$Ld9"]}],"$Lda","$Ldb"]}]]}]]}]
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":"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"}]}],"$Ldc"]}],["$","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":[["$","$L6c",null,{"children":["$","$Ldd",null,{"label":"I agree to the terms"}]}],"$Lde"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Ldd",null,{"defaultChecked":true,"label":"Checked by default"}]}],"$Ldf"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Le0",null,{}]}],"$Le1"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$Ldd",null,{"disabled":true,"label":"Unchecked disabled"}],["$","$Ldd",null,{"defaultChecked":true,"disabled":true,"label":"Checked disabled"}]]}],"$Le2"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Le3",null,{}]}],"$Le4"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$Le5",null,{}]}],"$Le6"]}]]}]]}],["$","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":["$Le7"]}]]}],"$Le8"]}],"$Le9","$Lea","$Leb","$Lec","$Led"]}],"$Lee","$Lef"]}]]}],"$Lf0","$Lf1"]}]
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":"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"}]}],"$Lf2"]}],["$","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":[["$","$L6c",null,{"children":["$","$Lf3",null,{}]}],"$Lf4"]}]]}],["$","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":[["$","$L6c",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":"有効にする機能を選択"}],["$","$Lf5",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":"閲覧専用の共有リンクをすぐに発行できます。"}]}]]}]}],"$Lf6"]}]]}]]}],["$","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":["$Lf7"]}]]}],"$Lf8"]}],"$Lf9","$Lfa","$Lfb","$Lfc","$Lfd"]}],"$Lfe","$Lff"]}]]}]]}]
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":"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"}]}],"$L100"]}],["$","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":[["$","$L6c",null,{"children":["$","$L101",null,{"disabled":false,"invalid":false,"required":false,"label":"Email notifications"}]}],"$L102"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L101",null,{"defaultChecked":true,"disabled":false,"invalid":false,"required":false,"label":"Automatic backups"}]}],"$L103"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L104",null,{}]}],"$L105"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L101",null,{"disabled":true,"invalid":false,"required":false,"label":"Airplane mode"}],["$","$L101",null,{"defaultChecked":true,"disabled":true,"invalid":false,"required":false,"label":"Offline sync"}]]}],"$L106"]}]]}]]}],["$","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":["$L107","$L108","$L109"]}],"$L10a","$L10b","$L10c","$L10d","$L10e","$L10f","$L110","$L111"]}],"$L112","$L113"]}]]}]]}]
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":"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"}]}],"$L114"]}],["$","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":[["$","$L6c",null,{"children":["$","$L115",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your password"}]}],"$L116"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L117",null,{}]}],"$L118"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L115",null,{"defaultValue":"read-only-password","disabled":true,"invalid":false,"required":false}]}],"$L119"]}]]}]]}],["$","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,"$L11a"]}]]}]]}],"$L11b"]}],"$L11c","$L11d","$L11e","$L11f","$L120","$L121","$L122","$L123","$L124","$L125","$L126"]}],"$L127","$L128"]}]]}]]}]
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":"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"}]}],"$L129"]}],["$","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":[["$","$L6c",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"}],["$","$L12a",null,{"defaultValue":"vue","disabled":false,"aria-labelledby":"radio-label","options":[{"label":"React","value":"react"},{"label":"Vue","value":"vue"},{"label":"Svelte","value":"svelte"}]}]]}]}],"$L12b"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L12c",null,{}]}],"$L12d"]}]]}],["$","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":[["$","$L6c",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"}],["$","$L12a",null,{"defaultValue":"vue","disabled":true,"aria-labelledby":"radio-disabled-label","options":"$1d:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:1:props:options"}]]}]}],"$L12e"]}]]}]]}],["$","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":["$L12f","$L130","$L131"]}],"$L132","$L133","$L134","$L135"]}],"$L136","$L137"]}]]}]]}]
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":"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"}]}],"$L138"]}],["$","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":[["$","$L6c",null,{"children":["$","$L139",null,{}]}],"$L13a"]}]]}],["$","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":[["$","$L6c",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":"プランを選択"}],["$","$L13b",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":"レビューや共同編集を含むチーム利用向けです。"}]}]]}]}],"$L13c"]}]]}]]}],["$","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,"$L13d"]}]]}]]}],"$L13e"]}],"$L13f","$L140","$L141","$L142","$L143"]}],"$L144","$L145"]}]]}]]}]
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":"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"}]}],"$L146"]}],["$","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":[["$","$L6c",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.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L149",null,{}]}],"$L14a"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L14b",null,{}]}],"$L14c"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L14d",null,{}]}],"$L14e"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L14f",null,{}]}],"$L150"]}]]}]]}],["$","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":["$L151","$L152","$L153"]}],"$L154","$L155","$L156","$L157","$L158","$L159","$L15a"]}],"$L15b","$L15c"]}]]}]]}]
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":"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"}]}],"$L15d"]}],["$","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":[["$","$L6c",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L15e",null,{"defaultValue":50,"disabled":false,"invalid":false,"required":false}]}]}],"$L15f"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L15e",null,{"defaultValue":20,"disabled":false,"invalid":false,"required":false,"max":50,"min":10,"step":5}]}]}],"$L160"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.slider.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L15e",null,{"defaultValue":30,"disabled":true,"invalid":false,"required":false}]}]}],"$L161"]}]]}]]}],["$","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":["$L162"]}]]}],"$L163"]}],"$L164","$L165","$L166","$L167","$L168","$L169","$L16a","$L16b","$L16c","$L16d"]}],"$L16e","$L16f"]}]]}]]}]
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":"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"}]}],"$L170"]}],["$","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":[["$","$L6c",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.acceptTypesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L173",null,{}]}],"$L174"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L175",null,{}]}],"$L176"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L177",null,{}]}],"$L178"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L179",null,{}]}],"$L17a"]}]]}]]}],["$","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"}]]}]]}],"$L17b","$L17c","$L17d","$L17e","$L17f","$L180"]}],"$L181","$L182"]}]]}]]}]
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":"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"}]}],"$L183"]}],["$","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":[["$","$L6c",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.helpTextTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L186",null,{}]}],"$L187"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L188",null,{}]}],"$L189"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L18a",null,{}]}],"$L18b"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L18c",null,{}]}],"$L18d"]}]]}]]}],["$","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"}]]}]]}],"$L18e","$L18f","$L190","$L191","$L192","$L193","$L194"]}],"$L195",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":"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"}]}],"$L196"]}],["$","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":[["$","$L6c",null,{"children":["$","$L197",null,{}]}],"$L198"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L199",null,{}]}],"$L19a"]}]]}]]}],["$","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"}]]}]]}]]}],"$L19b"]}]]}],"$L19c",null]}]]}]]}]
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":"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"}]}],"$L19d"]}],["$","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":[["$","$L6c",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":[["$","$L19e",null,{"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"What is ArteOdyssey?"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$L19e",null,{"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"How do I install it?"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$L19e",null,{"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Is it accessible?"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],"$L1a1"]}]]}],["$","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":[["$","$L6c",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":[["$","$L19e",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Open by default"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$L19e",null,{"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Closed by default"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],"$L1a2"]}]]}],["$","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":[["$","$L6c",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":[["$","$L19e",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Section A"}]}],["$","$L1a0",null,{"children":"$L1a3"}]]}],"$L1a4","$L1a5"]}]}]}],"$L1a6"]}]]}]]}],"$L1a7","$L1a8"]}]
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":"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"}]}],"$L1a9"]}],["$","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":[["$","$L6c",null,{"children":["$","$L1aa",null,{"name":"Arte Odyssey"}]}],"$L1ab"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L1aa",null,{"alt":"Arte Odyssey","src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80"}]}],"$L1ac"]}]]}],["$","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":[["$","$L6c",null,{"children":[["$","$L1aa",null,{"name":"Small","size":"sm"}],["$","$L1aa",null,{"name":"Medium","size":"md"}],["$","$L1aa",null,{"name":"Large","size":"lg"}]]}],"$L1ad"]}]]}]]}],["$","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,"$L1ae"]}]]}]]}],"$L1af"]}],"$L1b0","$L1b1","$L1b2"]}],"$L1b3","$L1b4"]}]]}]]}]
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":"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"}]}],"$L1b5"]}],["$","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":[["$","$L6c",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"}]}],"$L1b6"]}]]}],["$","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":[["$","$L6c",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"}]]}],"$L1b7"]}]]}],["$","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":[["$","$L6c",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"}]]}],"$L1b8"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"$L1b9"}],"$L1ba"]}]]}],"$L1bb","$L1bc"]}]
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":"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"}]}],"$L1bd"]}],["$","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":[["$","$L6c",null,{"children":["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Card content"}]}]}],"$L1be"]}]]}],["$","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":[["$","$L6c",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"}]}]]}],"$L1bf"]}]]}],["$","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":[["$","$L6c",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"}]}]}],"$L1c0"]}]]}],["$","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":[["$","$L6c",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"}]}]]}],"$L1c1"]}]]}]]}],["$","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":"$L1c2"}],"$L1c3","$L1c4"]}],"$L1c5","$L1c6","$L1c7"]}],"$L1c8","$L1c9"]}]]}]]}]
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":"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"}]}],"$L1ca"]}],["$","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":[["$","$L6c",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."]}]}],"$L1cb"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.code.colorDetectionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",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":[["$","$1cc","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":[["$","$1cc","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: ",["$","$1cc","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"]}]]}]]}],"$L1cd"]}]]}]]}],["$","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: "}],"$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":"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"}]}],"$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":[["$","$L6c",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%"}]]}]]}]]}]}]}],"$L1d3"]}]]}],["$","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":["$L1d4","$L1d5"]}]]}]]}],"$L1d6","$L1d7"]}]
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":"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"}]}],"$L1d8"]}],["$","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":[["$","$L6c",null,{"children":["$","$L1d9",null,{}]}],"$L1da"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L1db",null,{}]}],"$L1dc"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L1dd",null,{}]}],"$L1de"]}]]}]]}],["$","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,"$L1df"]}]]}]]}],"$L1e0"]}],"$L1e1","$L1e2","$L1e3"]}],"$L1e4",null]}],"$L1e5","$L1e6","$L1e7","$L1e8","$L1e9","$L1ea"]}]]}]
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":[["$","$L6c",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":[["$","$L6c",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":[["$","$L6c",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":[["$","$L6c",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":[["$","$L6c",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":[["$","$L6c",null,{"children":["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-info","role":"status","children":[["$","span",null,{"className":"shrink-0 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":"情報"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["This is an info alert.",null]}]}],null]}]}],"$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":[["$","$L6c",null,{"children":[["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-success","role":"status","children":[["$","span",null,{"className":"shrink-0 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":"成功"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["Operation completed successfully.",null]}]}],null]}],["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-info","role":"status","children":[["$","span",null,{"className":"shrink-0 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":"情報"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["Here is some useful information.",null]}]}],null]}],["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-warning","role":"alert","children":[["$","span",null,{"className":"shrink-0 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":"警告"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["Please proceed with caution.",null]}]}],null]}],["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-error","role":"alert","children":[["$","span",null,{"className":"shrink-0 text-fg-error","children":["$L203","$L204"]}],"$L205",null]}]]}],"$L206"]}]]}],"$L207","$L208","$L209"]}],"$L20a","$L20b"]}]
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"}]}],"$L20c"]}],["$","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":[["$","$L6c",null,{"children":["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}]}],"$L20d"]}]]}],["$","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":[["$","$L6c",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"}]]}],"$L20e"]}]]}],["$","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":[["$","$L6c",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"}]]}],"$L20f"]}]]}],["$","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":[["$","$L6c",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"}]]}],"$L210"]}]]}]]}],["$","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":["$L211"]}]]}],"$L212"]}],"$L213","$L214"]}],"$L215","$L216"]}]]}]]}]
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"}]}],"$L217"]}],["$","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":[["$","$L6c",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"}]]}]}],"$L218"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.spinner.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",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"}]]}]]}],"$L219"]}]]}]]}],["$","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: "}],"$L21a"]}],"$L21b"]}],"$L21c"]}],"$L21d","$L21e"]}]]}]]}]
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"}]}],"$L21f"]}],["$","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":[["$","$L6c",null,{"children":["$","$L220",null,{}]}],"$L221"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.toast.useToastTitle"}]}],"$L222"]}],["$","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":[["$","$L6c",null,{"children":["$","$L223",null,{}]}],"$L224"]}]]}]]}],["$","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,"$L225"]}],"$L226"]}]]}],"$L227"]}],"$L228"]}],"$L229",null]}],"$L22a","$L22b"]}]]}]
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"}]}],"$L22c"]}],["$","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":[["$","$L6c",null,{"children":["$","$L22d",null,{}]}],"$L22e"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L22f",null,{}]}],"$L230"]}]]}]]}],["$","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":["$L231","$L232"]}],null]}],"$L233","$L234","$L235","$L236"]}]]}]
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"}]}],"$L237"]}],["$","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":[["$","$L6c",null,{"children":["$","$L238",null,{}]}],"$L239"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L23a",null,{}]}],"$L23b"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L23c",null,{}]}],"$L23d"]}]]}]]}],["$","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,"$L23e"]}]]}]]}],"$L23f"]}]]}],"$L240",null]}],"$L241","$L242","$L243","$L244"]}]]}]
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"}]}],"$L245"]}],["$","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":[["$","$L6c",null,{"children":["$","$L246",null,{}]}],"$L247"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L248",null,{}]}],"$L249"]}]]}]]}],["$","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":["$L24a","$L24b","$L24c"]}],"$L24d"]}],"$L24e",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"}]}],"$L24f"]}],["$","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":[["$","$L6c",null,{"children":["$","$L250",null,{}]}],"$L251"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L252",null,{}]}],"$L253"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.modal.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L254",null,{}]}],"$L255"]}]]}]]}],["$","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'"}]]}]]}],"$L256","$L257","$L258","$L259"]}],"$L25a",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"}]}],"$L25b"]}],["$","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":[["$","$L6c",null,{"children":["$","$L25c",null,{}]}],"$L25d"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.popover.placementTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L25e",null,{}]}],"$L25f"]}]]}]]}],["$","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'"}]]}],"$L260","$L261"]}]]}],"$L262"]}],"$L263","$L264"]}],"$L265",null]}],"$L266","$L267","$L268","$L269"]}]]}]
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"}]}],"$L26a"]}],["$","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":[["$","$L6c",null,{"children":["$","$L26b",null,{}]}],"$L26c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.dropdownMenu.iconTriggerTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L26d",null,{}]}],"$L26e"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L26f",null,{}]}],"$L270"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L271",null,{}]}],"$L272"]}]]}]]}],["$","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":"$L273"}],"$L274","$L275"]}]]}],"$L276",null]}],"$L277","$L278","$L279","$L27a","$L27b","$L27c","$L27d","$L27e"]}]]}]
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"}]}],"$L27f"]}],["$","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":[["$","$L6c",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"}]}]}],"$L280"]}]]}],["$","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":[["$","$L6c",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"}]}]]}]}],"$L281"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.separator.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",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"}]}]]}]}],"$L282"]}]]}]]}],["$","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":"$L283"}],"$L284","$L285"]}],"$L286"]}],"$L287","$L288"]}]]}]]}]
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"}]}],"$L289"]}],["$","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":[["$","$L6c",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":"エラー"}]]}]}],"$L28a"]}]]}],["$","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":[["$","$L6c",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":"エラー"}]]}]]}]}],"$L28b"]}]]}],"$L28c","$L28d"]}],"$L28e","$L28f"]}]
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"}]}],"$L290"]}],["$","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":[["$","$L6c",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"}]}]]}]}],"$L291"]}]]}],["$","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":[["$","$L6c",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":"$L292"}],"$L293","$L294"]}],"$L295"]}]}],"$L296"]}]]}],"$L297"]}],"$L298","$L299"]}]
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"}]}],"$L29a"]}],["$","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":[["$","$L6c",null,{"children":["$","$L29b",null,{}]}],"$L29c"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L29d",null,{}]}],"$L29e"]}]]}]]}],["$","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":["$L29f","$L2a0"]}]]}],"$L2a1"]}],"$L2a2",null]}],"$L2a3","$L2a4","$L2a5","$L2a6","$L2a7","$L2a8"]}]]}]
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"}]}],"$L2a9"]}],["$","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":[["$","$L6c",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":"$12: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":"$12: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"}]}]]}]}]}],"$L2aa"]}]]}],["$","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":[["$","$L6c",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":"$12: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":"$L2ab"}],"$L2ac"]}]}]}],"$L2ad"]}]]}],"$L2ae"]}],"$L2af","$L2b0"]}]
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"}]}],"$L2b1"]}],["$","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":[["$","$L6c",null,{"children":["$","$L2b2",null,{}]}],"$L2b3"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L2b4",null,{}]}],"$L2b5"]}]]}]]}],["$","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"}]}],"$L2b6","$L2b7"]}],"$L2b8","$L2b9","$L2ba","$L2bb"]}],"$L2bc",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"}]}],"$L2bd"]}],["$","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":[["$","$L6c",null,{"children":["$","$L2be",null,{}]}],"$L2bf"]}]]}],["$","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"}]}],"$L2c0"]}]]}],["$","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":["$L2c1"]}]}],"$L2c2"]}]]}]]}],null]}]]}]]}]
2c5: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"}]}],"$L2c3"]}],["$","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"}]]}]]}],"$L2c4"]}],["$","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":"$2c5"}],"$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","$L2fa","$L2fb","$L2fc","$L2fd","$L2fe","$L2ff","$L300"]}]]}]]}]
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}]]}],"$L301"]}]]}],"$L302","$L303","$L304","$L305","$L306","$L307","$L308","$L309","$L30a"]}]]}],"$L30b","$L30c","$L30d","$L30e","$L30f","$L310","$L311","$L312","$L313","$L314","$L315","$L316","$L317","$L318","$L319","$L31a","$L31b","$L31c"]}]
40:["$","$L31d",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"}]}],"$L31e"]}],["$","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":[["$","$L6c",null,{"children":["$","$L31f",null,{}]}],"$L320"]}]]}]]}],["$","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,"$L321"]}],"$L322","$L323","$L324","$L325"]}]}],"$L326"]}]]}]]}],null]}]]}],"$L327","$L328"]}]
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"}]}],"$L329"]}],["$","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":[["$","$L6c",null,{"children":["$","$L32a",null,{}]}],"$L32b"]}]]}]]}],["$","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":["$L32c","$L32d","$L32e"]}]}],"$L32f"]}],null]}]]}],"$L330","$L331"]}]
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"}]}],"$L332"]}],["$","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"}]}],"$L333"]}]]}],["$","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"}]}],"$L334"]}],["$","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":[["$","$L6c",null,{"children":["$","$L335",null,{}]}],"$L336"]}]]}]]}],["$","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,"$L337"]}]]}]}],"$L338"]}],"$L339"]}]]}],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"}]}],"$L33a"]}],["$","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":[["$","$L6c",null,{"children":["$","$L33b",null,{}]}],"$L33c"]}]]}]]}],["$","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]"}]}],"$L33d","$L33e"]}]]}],"$L33f",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"}]}],"$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":[["$","$L6c",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","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"}]]}]]}]}],"$L343"]}],"$L344"]}]]}],null]}]]}],"$L345","$L346"]}]
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"}]}],"$L347"]}],["$","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":[["$","$L6c",null,{"children":["$","$L348",null,{}]}],"$L349"]}]]}]]}],["$","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":["$L34a","$L34b","$L34c"]}],"$L34d","$L34e","$L34f"]}],"$L350",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"}]}],"$L351"]}],["$","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"}]}],"$L352"]}]]}],["$","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"}]}],"$L353"]}],["$","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":[["$","$L6c",null,{"children":["$","$L354",null,{}]}],"$L355"]}]]}]]}],["$","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":["$L356","$L357"]}]]}]]}],"$L358"]}],"$L359","$L35a"]}],"$L35b",null]}]]}],"$L35c","$L35d"]}]
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"}]}],"$L35e"]}],["$","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"}]}],"$L35f"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"once"}],"$L360"]}]]}],["$","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[]"}]]}]]}]]}],"$L361"]}],"$L362","$L363","$L364"]}],"$L365",null]}]]}],"$L366","$L367"]}]
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"}]}],"$L368"]}],["$","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":[["$","$L6c",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","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"}]]}]]}]}],"$L36b"]}],"$L36c"]}]]}],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"}]}],"$L36d"]}],["$","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":[["$","$L6c",null,{"children":["$","$L36e",null,{}]}],"$L36f"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L370",null,{}]}],"$L371"]}]]}]]}],["$","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":"$L372"}],"$L373"]}],"$L374"]}]]}],null]}]]}],"$L375","$L376"]}]
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"}]}],"$L377"]}],["$","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":[["$","$L6c",null,{"children":["$","$L378",null,{}]}],"$L379"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L37a",null,{}]}],"$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","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":"$L37c"}],"$L37d"]}],"$L37e"]}]]}],null]}]]}],"$L37f","$L380"]}]
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"}]}],"$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"}]}],"$L382"]}]]}],["$","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"}],"$L383","$L384"]}]}],"$L385"]}],null]}]]}],"$L386","$L387"]}]
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"}]}],"$L388"]}],["$","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":[["$","$L6c",null,{"children":["$","$L389",null,{}]}],"$L38a"]}]]}],["$","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":[["$","$L6c",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","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"}],"$L38d"]}]}],"$L38e"]}],null]}]]}],"$L38f","$L390"]}]
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"}]}],"$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"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L392",null,{}]}],"$L393"]}]]}]]}],["$","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"}]]}]]}]}],"$L394"]}],"$L395"]}]]}],null]}]]}],"$L396","$L397"]}]
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"}]}],"$L398"]}],["$","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"}]}],"$L399"]}]]}],["$","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":["$L39a","$L39b","$L39c"]}]]}]]}],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"}]}],"$L39d"]}],["$","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"}]}],"$L39e"]}]]}],["$","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,"$L39f"]}]]}]}],"$L3a0"]}],"$L3a1"]}]]}],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"}]}],"$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"}]}],["$","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":[["$","$L6c",null,{"children":["$","$L3a3",null,{}]}],"$L3a4"]}]]}],["$","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":[["$","$L6c",null,{"children":["$","$L3a5",null,{}]}],"$L3a6"]}]]}]]}],["$","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]}]]}],"$L3a7","$L3a8"]}]
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"}]}],"$L3a9"]}],["$","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":[["$","$L6c",null,{"children":["$","$L3aa",null,{}]}],"$L3ab"]}]]}]]}],["$","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,"$L3ac"]}]]}]}],"$L3ad"]}],"$L3ae"]}]]}],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"}]}],"$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":[["$","$L6c",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.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":["$L3b2","$L3b3"]}],null]}]]}],"$L3b4","$L3b5"]}]
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"}]}],"$L3b6"]}],["$","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":[["$","$L6c",null,{"children":["$","$L3b7",null,{}]}],"$L3b8"]}]]}]]}],["$","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":"$L3b9"}]]}],"$L3ba"]}]]}],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"}]}],"$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":"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"}]}],"$L3bc"]}]]}],["$","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":["$L3bd","$L3be"]}],"$L3bf"]}]]}],"$L3c0",null]}]]}]]}]
58:["$","$L3c1",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"}]}],"$L3c2"]}],["$","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":[["$","$L6c",null,{"children":["$","$L3c3",null,{}]}],"$L3c4"]}]]}]]}],["$","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"}]}],"$L3c5","$L3c6"]}]]}],"$L3c7",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"}]}],"$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":[["$","$L6c",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","...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":["$L3cb","$L3cc","$L3cd"]}]]}],"$L3ce",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"}]}],"$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":[["$","$L6c",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","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>"}]]}]]}]}],"$L3d2"]}],"$L3d3"]}]]}],null]}]]}],"$L3d4","$L3d5"]}]
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"}]}],"$L3d6"]}],["$","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":[["$","$L6c",null,{"children":["$","$L3d7",null,{}]}],"$L3d8"]}]]}]]}],["$","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"}]}],"$L3d9","$L3da"]}]]}],"$L3db",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"}]}],"$L3dc"]}],["$","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":[["$","$L6c",null,{"children":["$","$L3dd",null,{}]}],"$L3de"]}]]}]]}],["$","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]"}]}],"$L3df","$L3e0"]}]]}],"$L3e1",null]}]]}]]}]
74:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":["$","$L6d",null,{"disabled":true,"children":"Disabled"}]}],"$L3e2"]}]
75:["$","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":[["$","$L6c",null,{"children":["$","$L3e3",null,{}]}],"$L3e4"]}]]}]
76:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
77:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","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":["'",["$","$1cc","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'"}]]}]]}]]}],"$L3e5"]}],"$L3e6","$L3e7","$L3e8","$L3e9","$L3ea","$L3eb","$L3ec","$L3ed","$L3ee"]}],"$L3ef","$L3f0"]}]]}]
80:["$","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"}]]}]]}]]}],"$L3f1"]}],"$L3f2","$L3f3","$L3f4","$L3f5","$L3f6"]}]
81:["$","table",null,{"className":"hidden 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":"$L3f7"}]]}],"$L3f8","$L3f9","$L3fa","$L3fb","$L3fc"]}]]}]
82:["$","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>"}]]}]
87:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
88:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
89:["$","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"}]]}]]}]
8a:["$","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: "}],"-"]}]]}]
8b:["$","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: "}],"-"]}]]}]
8c:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
8d:["$","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>"}]]}]
94:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"disabled"}]
95:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
96:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
97:["$","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: "}],"-"]}]]}]
98:["$","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: "}],"-"]}]]}]
99:["$","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: "}],"-"]}]]}]
9a:["$","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: "}],"-"]}]]}]
9b:["$","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: "}],"-"]}]]}]
9c:["$","table",null,{"className":"hidden 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":"$L3fd"}],"$L3fe","$L3ff"]}]]}]]}]
9d:["$","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>"}]]}]
a5:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
a6:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
a7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
a8:["$","div","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: "}],"-"]}]]}]
a9:["$","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: "}],"-"]}]]}]
aa:["$","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: "}],"-"]}]]}]
ab:["$","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: "}],"-"]}]]}]
ac:["$","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: "}],"-"]}]]}]
ad:["$","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: "}],"-"]}]]}]
ae:["$","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"}]]}]]}]
af:["$","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"}]]}]]}]
b0:["$","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: "}],"-"]}]]}]
b1:["$","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: "}],"-"]}]]}]
b2:["$","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: "}],"-"]}]]}]
b3:["$","table",null,{"className":"hidden 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":"$L400"}],"$L401","$L402"]}],"$L403","$L404","$L405","$L406","$L407"]}]]}]
b4:["$","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>"}]]}]
bc:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
bd:["$","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: "}],"-"]}]]}]
be:["$","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: "}],"-"]}]]}]
bf:["$","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"}]]}]]}]
c0:["$","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"}]]}]]}]
c1:["$","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: "}],"-"]}]]}]
c2:["$","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: "}],"-"]}]]}]
c3:["$","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: "}],"-"]}]]}]
c4:["$","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: "}],"-"]}]]}]
c5:["$","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: "}],"-"]}]]}]
c6:["$","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: "}],"-"]}]]}]
c7:["$","table",null,{"className":"hidden 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":"$L408"}]]}],"$L409","$L40a","$L40b","$L40c","$L40d"]}]]}]
c8:["$","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>"}]]}]
d0:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
d1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
d2:["$","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: "}],"-"]}]]}]
d3:["$","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: "}],"-"]}]]}]
d4:["$","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: "}],"-"]}]]}]
d5:["$","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: "}],"-"]}]]}]
d6:["$","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: "}],"-"]}]]}]
d7:["$","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: "}],"-"]}]]}]
d8:["$","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: "}],"-"]}]]}]
d9:["$","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: "}],"-"]}]]}]
da:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"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":"$L40e"}],"$L40f","$L410"]}],"$L411","$L412"]}]]}]
db:["$","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>"}]]}]
e7:["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]
e8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
e9:["$","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: "}],"-"]}]]}]
ea:["$","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"}]]}]]}]
eb:["$","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: "}],"-"]}]]}]
ec:["$","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: "}],"-"]}]]}]
ed:["$","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: "}],"-"]}]]}]
ee:["$","table",null,{"className":"hidden 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":"$L413"}]]}]]}]]}]
ef:["$","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>"}]]}]
f0:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
f1:["$","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"}]]}]]}],"$L414","$L415","$L416","$L417"]}],"$L418","$L419"]}]]}]
f7:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]
f8:["$","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"}]]}]
f9:["$","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"}]]}]]}]
fa:["$","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: "}],"-"]}]]}]
fb:["$","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: "}],"-"]}]]}]
fc:["$","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: "}],"-"]}]]}]
fd:["$","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: "}],"-"]}]]}]
fe:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L41a"]}],"$L41b"]}]]}]
ff:["$","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>"}]]}]
107:["$","dt",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"}]}]
108:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
109:["$","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"}]]}]
10a:["$","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"}]]}]]}]
10b:["$","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"}]]}]]}]
10c:["$","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: "}],"-"]}]]}]
10d:["$","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: "}],"-"]}]]}]
10e:["$","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: "}],"-"]}]]}]
10f:["$","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: "}],"-"]}]]}]
110:["$","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: "}],"-"]}]]}]
111:["$","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: "}],"-"]}]]}]
112:["$","table",null,{"className":"hidden 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,"$L41c"]}]]}]}],"$L41d"]}],"$L41e","$L41f","$L420","$L421"]}]]}]
113:["$","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>"}]]}]
11a:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
11b:["$","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"}]]}]
11c:["$","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"}]]}]]}]
11d:["$","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"}]]}]]}]
11e:["$","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: "}],"-"]}]]}]
11f:["$","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\""}]]}]]}]
120:["$","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\""}]]}]]}]
121:["$","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\""}]]}]]}]
122:["$","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: "}],"-"]}]]}]
123:["$","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: "}],"-"]}]]}]
124:["$","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: "}],"-"]}]]}]
125:["$","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: "}],"-"]}]]}]
126:["$","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: "}],"-"]}]]}]
127:["$","table",null,{"className":"hidden 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,"$L422"]}]]}]}],"$L423"]}],"$L424","$L425","$L426","$L427","$L428","$L429","$L42a"]}]]}]
128:["$","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>"}]]}]
12f:["$","dt",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"}]}]
130:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
131:["$","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"}]]}]
132:["$","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: "}],"-"]}]]}]
133:["$","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: "}],"-"]}]]}]
134:["$","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: "}],"-"]}]]}]
135:["$","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: "}],"-"]}]]}]
136:["$","table",null,{"className":"hidden 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":"$L42b"}]]}]]}]]}]
137:["$","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>"}]]}]
13d:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
13e:["$","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"}]]}]
13f:["$","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"}]]}]]}]
140:["$","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: "}],"-"]}]]}]
141:["$","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: "}],"-"]}]]}]
142:["$","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: "}],"-"]}]]}]
143:["$","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: "}],"-"]}]]}]
144:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"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"}]]}]]}]}],"$L42c"]}],"$L42d"]}]]}]
145:["$","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>"}]]}]
151:["$","dt",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"}]}]
152:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
153:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
154:["$","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: "}],"-"]}]]}]
155:["$","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: "}],"-"]}]]}]
156:["$","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: "}],"-"]}]]}]
157:["$","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: "}],"-"]}]]}]
158:["$","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: "}],"-"]}]]}]
159:["$","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: "}],"-"]}]]}]
15a:["$","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: "}],"-"]}]]}]
15b:["$","table",null,{"className":"hidden 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":"$L42e"}],"$L42f","$L430"]}],"$L431","$L432"]}]]}]
15c:["$","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>"}]]}]
162:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]
163:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
164:["$","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: "}],"-"]}]]}]
165:["$","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"}]]}]]}]
166:["$","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"}]]}]]}]
167:["$","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"}]]}]]}]
168:["$","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: "}],"-"]}]]}]
169:["$","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: "}],"-"]}]]}]
16a:["$","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: "}],"-"]}]]}]
16b:["$","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: "}],"-"]}]]}]
16c:["$","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: "}],"-"]}]]}]
16d:["$","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: "}],"-"]}]]}]
16e:["$","table",null,{"className":"hidden 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":"$L433"}]]}],"$L434","$L435","$L436","$L437","$L438","$L439"]}]]}]
16f:["$","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>"}]]}]
17b:["$","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"}]]}]]}]
17c:["$","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"}]]}]]}]
17d:["$","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: "}],"-"]}]]}]
17e:["$","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"}]]}]]}]
17f:["$","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: "}],"-"]}]]}]
180:["$","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: "}],"-"]}]]}]
181:["$","table",null,{"className":"hidden 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":["$L43a"]}]}],"$L43b"]}],"$L43c"]}]]}]
182:["$","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>"}]]}]
18e:["$","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"}]]}]]}]
18f:["$","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"}]]}]]}]
190:["$","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: "}],"-"]}]]}]
191:["$","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'"}]]}]]}]
192:["$","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: "}],"-"]}]]}]
193:["$","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: "}],"-"]}]]}]
194:["$","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: "}],"-"]}]]}]
195:["$","table",null,{"className":"hidden 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":"$L43d"}],"$L43e","$L43f"]}],"$L440","$L441"]}]]}]
19b:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
19c:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
1a3:["$","p",null,{"children":"This panel is open by default."}]
1a4:["$","$L19e",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Section B"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}]
1a5:["$","$L19e",null,{"children":[["$","h3",null,{"children":["$","$L19f",null,{"children":"Section C"}]}],["$","$L1a0",null,{"children":["$","p",null,{"children":"This panel is closed by default."}]}]]}]
1a7:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1a8:["$","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":["$L442","$L443","$L444"]}]}],"$L445"]}],null]}],"$L446","$L447","$L448","$L449"]}]
1ae:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
1af:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1b0:["$","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: "}],"-"]}]]}]
1b1:["$","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: "}],"-"]}]]}]
1b2:["$","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'"}]]}]]}]
1b3:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
1b4:["$","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>"}]]}]
1b9:["$","$L5",null,{"k":"components.badge.interactiveTitle"}]
1ba:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",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"}]]}],"$L44a"]}]
1bb:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1bc:["$","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'"}]]}],"$L44b"]}]]}],"$L44c"]}],"$L44d"]}],"$L44e","$L44f"]}]]}]
1c2:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"appearance"}]
1c3:["$","dd",null,{"className":"text-fg-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'"}]]}]]}]]}]
1c4:["$","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'"}]]}]
1c5:["$","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'"}]]}]]}]
1c6:["$","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"}]]}]]}]
1c7:["$","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: "}],"-"]}]]}]
1c8:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
1c9:["$","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>"}]]}]
1ce:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
1cf:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1d0:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
1d1:["$","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>"}]]}]
1d4:["$","$L6c",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."}]}]}]]}]}]}]
1d6:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1d7:["$","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,"$L450"]}]]}]}],"$L451"]}],"$L452"]}]]}],null]}],"$L453","$L454","$L455","$L456"]}]
1df:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"Option[]"}]
1e0:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
1e1:["$","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: "}],"-"]}]]}]
1e2:["$","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: "}],"-"]}]]}]
1e3:["$","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: "}],"-"]}]]}]
1e4:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
1e5:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Trigger"}]
1e6:["$","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]}]
1e7:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.TriggerIcon"}]
1e8:["$","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"}]]}]]}]}],"$L457"]}]]}]]}],null]}]
1e9:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Content"}]
1ea:["$","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]}]
1ee:["$","$L6c",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":["$L458"]}]}],"$L459"]}],"$L45a","$L45b","$L45c"]}]]}],"$L45d"]}]]}]
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>"}]]}]
203:["$","$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"}]
204:["$","span",null,{"className":"sr-only","children":"エラー"}]
205:["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["Something went wrong.",null]}]}]
207:["$","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":[["$","$L6c",null,{"children":["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-error","role":"alert","children":[["$","span",null,{"className":"shrink-0 text-fg-error","children":[["$","$Le",null,{"ref":"$undefined","iconNode":"$203:props:iconNode","className":"lucide-circle-alert size-6"}],["$","span",null,{"className":"sr-only","children":"エラー"}]]}],["$","div",null,{"className":"min-w-0 flex-1","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."}]]}]}],null]}]}],"$L45e"]}]]}]
208:["$","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.actionTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":[["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-info","role":"status","children":[["$","span",null,{"className":"shrink-0 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":"情報"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["A new version is available.",["$","span",null,{"className":"ml-1","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":["Learn more",["$","$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"}]]}]}]]}]}],null]}],["$","div",null,{"className":"flex items-center gap-3 rounded-lg p-4 bg-bg-warning","role":"alert","children":[["$","span",null,{"className":"shrink-0 text-fg-warning","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"}],["$","span",null,{"className":"sr-only","children":"警告"}]]}],["$","div",null,{"className":"min-w-0 flex-1","children":["$","p",null,{"className":"font-bold","children":["Your profile setup is incomplete.",["$","span",null,{"className":"ml-1","children":["$","button",null,{"className":"text-fg-info underline","onClick":"$45f","type":"button","children":"Open settings"}]}]]}]}],null]}]]}],"$L460"]}]]}]
209:["$","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.dismissibleTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6c",null,{"children":[["$","$L461",null,{}],["$","$L462",null,{}]]}],"$L463"]}]]}]
20a:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
20b:["$","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: "}],"-"]}]]}],["$","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","{ label: string; renderItem: ({ 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":"{ label: string; renderItem: ({ children }) => ReactNode }"}]]}]]}]]}],["$","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"}]]}]]}]]}],"$L464"]}],"$L465"]}],"$L466","$L467"]}]]}]
211:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]]}]
212:["$","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"}]]}]
213:["$","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'"}]]}]]}]
214:["$","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'"}]]}]]}]
215:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
216:["$","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>"}]]}]
21a:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
21b:["$","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'"}]]}]
21c:["$","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'"}]]}]]}]
21d:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
21e:["$","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>"}]]}]
225:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fixed'"}]
226:["$","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'"}]]}]
227:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'fixed'"}]]}]
228:["$","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: "}],"-"]}]]}]
229:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
22a:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"useToast"}]
22b:["$","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"}]]}]]}]}],"$L468"]}],"$L469"]}]]}],null]}]
231:["$","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"}]]}]}]
232:["$","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":"-"}]]}]]}]
233:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Trigger"}]
234:["$","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]}]
235:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Content"}]
236:["$","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]}]
23e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"ReactNode"}]
23f:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
240:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
241:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Header"}]
242:["$","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]}]
243:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Content"}]
244:["$","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]}]
24a:["$","dt",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"}]}]
24b:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
24c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
24d:["$","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: "}],"-"]}]]}]
24e:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
256:["$","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: "}],"-"]}]]}]
257:["$","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: "}],"-"]}]]}]
258:["$","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: "}],"-"]}]]}]
259:["$","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: "}],"-"]}]]}]
25a:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
260:["$","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'"}]]}]
261:["$","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'"}]]}]
262:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'menu'"}]]}]
263:["$","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"}]]}]]}]
264:["$","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: "}],"-"]}]]}]
265:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
266:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Trigger"}]
267:["$","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]}]
268:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Content"}]
269:["$","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]}]
273:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"children"}]
274:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
275:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
276:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
277:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Trigger"}]
278:["$","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":"$L46a"}],"$L46b"]}],"$L46c","$L46d"]}]]}],null]}]
279:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.IconTrigger"}]
27a:["$","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]}]
27b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Content"}]
27c:["$","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]}]
27d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Item"}]
27e:["$","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]}]
283:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"orientation"}]
284:["$","dd",null,{"className":"text-fg-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'"}]]}]]}]]}]
285:["$","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'"}]]}]
286:["$","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'"}]]}]]}]
287:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
288:["$","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>"}]]}]
28c:["$","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":[["$","$L6c",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"}],"$L46e","$L46f","$L470"]}]]}]}],"$L471"]}]]}]
28d:["$","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":[["$","$L6c",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"}]]}]}]}],"$L472"]}]]}]
28e:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
28f:["$","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":["$L473","$L474"]}]]}]]}],"$L475"]}],"$L476"]}],"$L477","$L478"]}]]}]
292:["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]
293:["$","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"}]}]
294:["$","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"}]}]
295:["$","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"}]}]]}]
297:["$","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":[["$","$L6c",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"}]}]]}]}],"$L479"]}]]}]
298:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
299:["$","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'"}]]}]]}]]}],"$L47a","$L47b"]}]]}]
29f:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
2a0:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]
2a1:["$","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: "}],"-"]}]]}]
2a2:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
2a3:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.List"}]
2a4:["$","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]}]
2a5:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Tab"}]
2a6:["$","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]}]
2a7:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Panel"}]
2a8:["$","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]}]
2ab:["$","$Le",null,{"ref":"$undefined","iconNode":"$12: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"}]
2ac:["$","li",null,{"className":"inline-flex items-center","children":["$","span",null,{"className":"text-fg-base","children":"Breadcrumb"}]}]
2ae:["$","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":[["$","$L6c",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":"$12: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":"$12: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":"$12: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"}]}]]}]}]]}]}],"$L47c"]}]]}]
2af:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
2b0:["$","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"}]}],"$L47d","$L47e"]}]]}]]}],null]}],"$L47f","$L480","$L481","$L482","$L483","$L484"]}]
2b6:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
2b7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2b8:["$","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"}]]}]]}]
2b9:["$","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":"'前へ'"}]]}]]}]
2ba:["$","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":"'次へ'"}]]}]]}]
2bb:["$","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":"'ページネーション'"}]]}]]}]
2bc:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"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"}]]}]]}]}],"$L485"]}],"$L486"]}]]}]
2c1:["$","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>"}]]}]
2c2:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
487: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  z2c6:["$","path",null,{"className":"fill-(--teal-700) dark:fill-(--teal-400)","d":"$487"}]
488: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  z2c7:["$","path",null,{"className":"fill-(--teal-600) dark:fill-(--teal-500)","d":"$488"}]
2c8:["$","p",null,{"className":"text-fg-mute text-xs","children":"LogoIcon"}]
2c9:["$","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"}]]}]
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":"$13: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"}]]}]
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":"$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"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
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":[["path",{"d":"M5 12h14","key":"1ays0h"}]],"className":"lucide-minus size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MinusIcon"}]]}]
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":"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"}]]}]
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":"$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"}]]}]
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":[["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"}]]}]
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":[["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"}]]}]
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":"$12: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"}]]}]
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":[["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"}]]}]
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":[["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"}]]}]
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":"$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)"}]]}]
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":"$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)"}]]}]
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":"$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)"}]]}]
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":"$203:props:iconNode","className":"lucide-circle-alert size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (error)"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
2e0:["$","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","stroke":"currentColor","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"2","viewBox":"0 0 24 24","xmlns":"http://www.w3.org/2000/svg","children":[["$","rect",null,{"height":"6","rx":"1.5","width":"7","x":"3","y":"3"}],["$","rect",null,{"height":"6","rx":"1.5","width":"7","x":"8.5","y":"9"}],["$","rect",null,{"fill":"currentColor","height":"6","rx":"1.5","width":"7","x":"14","y":"15"}]]}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ColorScaleIcon"}]]}]
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":[["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"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8","key":"v9h5vc"}],["path",{"d":"M21 3v5h-5","key":"1q7to0"}],["path",{"d":"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16","key":"3uifl3"}],["path",{"d":"M8 16H3v5","key":"1cv678"}]],"className":"lucide-refresh-cw size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"RefreshIcon"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":[["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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":"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"}]]}]
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":[["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"}]]}]
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":[["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"}]]}]
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":"M12 6v6l4 2","key":"mmk7yg"}]],"className":"lucide-clock size-6"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"UpdateDateIcon"}]]}]
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":[["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"}]]}]
2f7:["$","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"}]]}]
2f8:["$","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"}]]}]
2f9:["$","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"}]]}]
2fa:["$","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"}]]}]
2fb:["$","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"}]]}]
2fc:["$","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"}]]}]
2fd:["$","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"}]]}]
2fe:["$","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"}]]}]
2ff:["$","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"}]]}]
489: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 
z48a: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 
z300:["$","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":"$489","fill":"#55C500","opacity":"1.00","stroke":"none"}],["$","path",null,{"d":"$48a","fill":"#55C500","opacity":"1.00","stroke":"none"}]]}],"$L48b"]}]
301:["$","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}]]}]
302:["$","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}]]}]]}]]}]
303:["$","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}]]}]]}]]}]
304:["$","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}]]}]]}]]}]
305:["$","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}]]}]]}]]}]
306:["$","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}]]}]]}]]}]
307:["$","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}]]}]]}]]}]
308:["$","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}]]}]]}]]}]
309:["$","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}]]}]]}]]}]
30a:["$","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}]]}]]}]]}]
30b:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
30c:["$","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":[["$","$L48c","fg-base",{"token":{"name":"fg-base","light":"gray-900","dark":"gray-50"}}],["$","$L48c","fg-subtle",{"token":{"name":"fg-subtle","light":"gray-400","dark":"gray-500"}}],["$","$L48c","fg-mute",{"token":{"name":"fg-mute","light":"gray-700","dark":"gray-300"}}],["$","$L48c","fg-inverse",{"token":{"name":"fg-inverse","light":"gray-50","dark":"gray-900"}}],["$","$L48c","fg-info",{"token":{"name":"fg-info","light":"blue-800","dark":"blue-200"}}],["$","$L48c","fg-success",{"token":{"name":"fg-success","light":"green-800","dark":"green-200"}}],["$","$L48c","fg-warning",{"token":{"name":"fg-warning","light":"yellow-800","dark":"yellow-200"}}],["$","$L48c","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":[["$","$L48c","bg-base",{"token":{"name":"bg-base","light":"white","dark":"gray-800"}}],["$","$L48c","bg-raised",{"token":{"name":"bg-raised","light":"white","dark":"gray-800"}}],["$","$L48c","bg-surface",{"token":{"name":"bg-surface","light":"gray-50","dark":"gray-950"}}],["$","$L48c","bg-subtle",{"token":{"name":"bg-subtle","light":"gray-100","dark":"gray-900"}}],["$","$L48c","bg-mute",{"token":{"name":"bg-mute","light":"gray-200","dark":"gray-700"}}],["$","$L48c","bg-emphasize",{"token":{"name":"bg-emphasize","light":"gray-300","dark":"gray-600"}}],["$","$L48c","bg-inverse",{"token":{"name":"bg-inverse","light":"gray-900","dark":"white"}}],["$","$L48c","bg-info",{"token":{"name":"bg-info","light":"blue-100","dark":"blue-900"}}],["$","$L48c","bg-success",{"token":{"name":"bg-success","light":"green-100","dark":"green-900"}}],["$","$L48c","bg-warning",{"token":{"name":"bg-warning","light":"yellow-100","dark":"yellow-900"}}],["$","$L48c","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":[["$","$L48c","border-base",{"token":{"name":"border-base","light":"gray-400","dark":"gray-600"},"type":"border"}],["$","$L48c","border-subtle",{"token":{"name":"border-subtle","light":"gray-100","dark":"gray-700"},"type":"border"}],["$","$L48c","border-mute",{"token":{"name":"border-mute","light":"gray-200","dark":"gray-600"},"type":"border"}],["$","$L48c","border-emphasize",{"token":{"name":"border-emphasize","light":"gray-500","dark":"gray-500"},"type":"border"}],["$","$L48c","border-inverse",{"token":{"name":"border-inverse","light":"gray-700","dark":"gray-300"},"type":"border"}],["$","$L48c","border-info",{"token":{"name":"border-info","light":"blue-500","dark":"blue-400"},"type":"border"}],["$","$L48c","border-success",{"token":{"name":"border-success","light":"green-500","dark":"green-400"},"type":"border"}],["$","$L48c","border-warning",{"token":{"name":"border-warning","light":"yellow-500","dark":"yellow-400"},"type":"border"}],["$","$L48c","border-error",{"token":{"name":"border-error","light":"red-500","dark":"red-400"},"type":"border"}]]}]]}]]}]
30d:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
30e:["$","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":[["$","$L48c","primary-fg",{"token":{"name":"primary-fg","light":"teal-800","dark":"teal-300"},"type":"fill"}],["$","$L48c","primary-bg",{"token":{"name":"primary-bg","light":"teal-200","dark":"teal-800"},"type":"fill"}],["$","$L48c","primary-bg-subtle",{"token":{"name":"primary-bg-subtle","light":"teal-50","dark":"teal-950"},"type":"fill"}],["$","$L48c","primary-bg-mute",{"token":{"name":"primary-bg-mute","light":"teal-100","dark":"teal-900"},"type":"fill"}],["$","$L48c","primary-bg-emphasize",{"token":{"name":"primary-bg-emphasize","light":"teal-300","dark":"teal-700"},"type":"fill"}],["$","$L48c","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":[["$","$L48c","secondary-fg",{"token":{"name":"secondary-fg","light":"cyan-800","dark":"cyan-300"},"type":"fill"}],["$","$L48c","secondary-bg",{"token":{"name":"secondary-bg","light":"cyan-200","dark":"cyan-800"},"type":"fill"}],["$","$L48c","secondary-bg-subtle",{"token":{"name":"secondary-bg-subtle","light":"cyan-50","dark":"cyan-950"},"type":"fill"}],["$","$L48c","secondary-bg-mute",{"token":{"name":"secondary-bg-mute","light":"cyan-100","dark":"cyan-900"},"type":"fill"}],["$","$L48c","secondary-bg-emphasize",{"token":{"name":"secondary-bg-emphasize","light":"cyan-300","dark":"cyan-700"},"type":"fill"}],["$","$L48c","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":[["$","$L48c","group-primary",{"token":{"name":"group-primary","light":"teal-800","dark":"teal-200"}}],["$","$L48c","group-secondary",{"token":{"name":"group-secondary","light":"cyan-800","dark":"cyan-200"}}],["$","$L48c","group-tertiary",{"token":{"name":"group-tertiary","light":"pink-800","dark":"pink-200"}}],["$","$L48c","group-quaternary",{"token":{"name":"group-quaternary","light":"purple-800","dark":"purple-200"}}]]}]]}]]}]
30f:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
310:["$","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":["$L48d","$L48e"]}]}]]}],"$L48f","$L490"]}]
311:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
312:["$","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"}]]}]]}]]}]]}]
313:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
314:["$","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)"}]]}]]}]]}]]}]
315:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
316:["$","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",")"]}]]}],"$L491"]}]}]]}]
317:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
318:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"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",")"]}]]}]]}]}]]}]
319:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
31a:["$","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"}]]}]]}]}]]}]
31b:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
31c:["$","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"}]}],"$L492"]}]
321:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'sm'"}]
322:["$","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'"}]]}]
323:["$","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'"}]]}]
324:["$","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'"}]]}]
325:["$","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'"}]]}]
326:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
327:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
328:["$","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]}]]}]
32c:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
32d:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
32e:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
32f:["$","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"}]}]]}]]}]
330:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
331:["$","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]}]]}]
337:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"(text: string) => Promise<void>"}]
338:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
339:["$","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":"-"}]]}]
33d:["$","dd",null,{"className":"text-fg-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]"}]]}]]}]]}]
33e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
33f:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
343:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
344:["$","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":"-"}]}]]}]
345:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
346:["$","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]}]]}]
34a:["$","dt",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"}]}]
34b:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
34c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
34d:["$","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: "}],"-"]}]]}]
34e:["$","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: "}],"-"]}]]}]
34f:["$","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: "}],"-"]}]]}]
350:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
356:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
357:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"null"}]
358:["$","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"}]]}]
359:["$","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'"}]]}]]}]
35a:["$","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"}]]}]]}]
35b:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L493"]}]]}]]}]
35c:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
35d:["$","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]}]]}]
361:["$","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"}]]}]
362:["$","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"}]]}]]}]
363:["$","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'"}]]}]]}]
364:["$","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"}]]}]]}]
365:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L494"]}],"$L495"]}]]}]
366:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
367:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.returnValueTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","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]}]]}]
36b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
36c:["$","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":"-"}]]}]
372:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
373:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
374:["$","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":"-"}]]}]
375:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
376:["$","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"}]]}]]}]}],"$L496"]}],"$L497"]}]]}],null]}]]}]
37c:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
37d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
37e:["$","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":"-"}]]}]
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","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"}]]}]]}]}],"$L498"]}],"$L499"]}]]}],null]}]]}]
383:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
384:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
385:["$","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"}]}]]}]]}]
386:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
387:["$","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]}]]}]
38d:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
38e:["$","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"}]}]]}]]}]
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","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'"}]]}]]}]}],"$L49a"]}]]}]]}],null]}]]}]
394:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
395:["$","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":"-"}]]}]
396:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
397:["$","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":["$L49b","$L49c","$L49d"]}]}],"$L49e"]}],null]}]]}]
39a:["$","td",null,{"className":"py-3 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"}]}]
39b:["$","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"}]]}]]}]}]
39c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
39f:["$","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"}]
3a0:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3a1:["$","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"}]}]]}]
3a7:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3a8:["$","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]}]]}]
3ac:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
3ad:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3ae:["$","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":"-"}]]}]
3b2:["$","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"}]]}]}]
3b3:["$","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"}]}]]}]]}]
3b4:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3b5:["$","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]}]]}]
3b9:"-"
3ba:["$","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":"-"}]]}]
3bd:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
3be:["$","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'"}]]}]]}]
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","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":"-"}]]}]]}]]}]
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","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]]}]
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","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":"-"}]]}]]}]]}]
3cb:["$","dt",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"}]}]
3cc:["$","dd",null,{"className":"text-fg-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>"}]]}]]}]]}]
3cd:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3ce:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3d2:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3d3:["$","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":"-"}]]}]
3d4:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3d5:["$","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]}]]}]
3d9:["$","dd",null,{"className":"text-fg-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"}]]}]]}]]}]
3da:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3db:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","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":"-"}]]}]]}]]}]
3df:["$","dd",null,{"className":"text-fg-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]"}]]}]]}]]}]
3e0:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3e1:["$","table",null,{"className":"hidden 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":"-"}]]}]]}]]}]
3e5:["$","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'"}]]}]
3e6:["$","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'"}]]}]]}]
3e7:["$","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"}]]}]]}]
3e8:["$","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"}]]}]]}]
3e9:["$","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: "}],"-"]}]]}]
3ea:["$","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: "}],"-"]}]]}]
3eb:["$","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"}]]}]]}]
3ec:["$","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: "}],"-"]}]]}]
3ed:["$","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: "}],"-"]}]]}]
3ee:["$","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: "}],"-"]}]]}]
3ef:["$","table",null,{"className":"hidden 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":["'",["$","$1cc","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'"}]}]]}],"$L49f","$L4a0","$L4a1","$L4a2","$L4a3","$L4a4","$L4a5","$L4a6","$L4a7"]}]]}]
3f0:["$","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>"}]]}]
3f1:["$","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"}]]}]
3f2:["$","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'"}]]}]]}]
3f3:["$","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"}]]}]]}]
3f4:["$","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: "}],"-"]}]]}]
3f5:["$","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: "}],"-"]}]]}]
3f6:["$","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: "}],"-"]}]]}]
3f7:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"false"}]
3f8:["$","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'"}]}]]}]
3f9:["$","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"}]}]]}]
3fa:["$","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":"-"}]]}]
3fb:["$","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":"-"}]]}]
3fc:["$","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":"-"}]]}]
3fd:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"defaultValue"}]
3fe:["$","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"}]]}]]}]}]
3ff:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
400:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"rows"}]
401:["$","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"}]]}]]}]}]
402:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
403:["$","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"}]}]]}]
404:["$","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"}]}]]}]
405:["$","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":"-"}]]}]
406:["$","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":"-"}]]}]
407:["$","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":"-"}]]}]
408:"-"
409:["$","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":"-"}]]}]
40a:["$","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":"-"}]]}]
40b:["$","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":"-"}]]}]
40c:["$","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":"-"}]]}]
40d:["$","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":"-"}]]}]
40e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
40f:["$","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"}]]}]]}]}]
410:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
411:["$","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":"-"}]]}]
412:["$","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":"-"}]]}]
413:"-"
414:["$","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"}]]}]]}]
415:["$","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: "}],"-"]}]]}]
416:["$","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: "}],"-"]}]]}]
417:["$","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: "}],"-"]}]]}]
418:["$","table",null,{"className":"hidden 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"}]]}]]}]}],"$L4a8"]}],"$L4a9","$L4aa","$L4ab"]}]]}]
419:["$","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>"}]]}]
41a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
41b:["$","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":"-"}]]}]
41c:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"boolean"}]
41d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
41e:["$","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":"-"}]]}]
41f:["$","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":"-"}]]}]
420:["$","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":"-"}]]}]
421:["$","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":"-"}]]}]
422:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
423:["$","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\""}]}]
424:["$","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\""}]}]]}]
425:["$","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\""}]}]]}]
426:["$","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":"-"}]]}]
427:["$","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":"-"}]]}]
428:["$","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":"-"}]]}]
429:["$","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":"-"}]]}]
42a:["$","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":"-"}]]}]
42b:"-"
42c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
42d:["$","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":"-"}]]}]
42e:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"value"}]
42f:["$","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[]"}]]}]]}]}]
430:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
431:["$","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":"-"}]]}]
432:["$","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":"-"}]]}]
433:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"0"}]
434:["$","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":"-"}]]}]
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","(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":"-"}]]}]
436:["$","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":"-"}]]}]
437:["$","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":"-"}]]}]
438:["$","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":"-"}]]}]
439:["$","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":"-"}]]}]
43a:["$","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"}]]}]
43b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
43c:["$","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":"-"}]]}]
43d:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"helpText"}]
43e:["$","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"}]]}]]}]}]
43f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
440:["$","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":"-"}]]}]
441:["$","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":"-"}]]}]
442:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
443:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
444:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
445:["$","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":"-"}]]}]]}]
446:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Button"}]
447:["$","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]}]
448:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Panel"}]
449:["$","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]}]
44b:["$","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'"}]]}]
44c:["$","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'"}]]}]
44d:["$","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'"}]]}]]}]
44e:["$","table",null,{"className":"hidden 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'"}]}]]}],"$L4ac"]}]]}]
44f:["$","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>"}]]}]
450:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]
451:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
452:["$","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":"-"}]]}]
453:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Row"}]
454:["$","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"}]}]]}],"$L4ad"]}]]}],null]}]
455:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Cell / Table.HeaderCell"}]
456:["$","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":["$L4ae"]}]}],"$L4af"]}],"$L4b0","$L4b1","$L4b2"]}]]}],null]}]
457:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
458:["$","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"}]]}]
459:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
45a:["$","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":"-"}]]}]
45b:["$","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"}]}]]}]
45c:["$","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":"-"}]]}]
45d:["$","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>"}]]}]
464:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
465:["$","div","closeLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"closeLabel"}]}],["$","dd",null,{"className":"text-fg-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":"'閉じる'"}]]}]]}]
466:["$","table",null,{"className":"hidden 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'"}]]}],["$","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":"-"}]]}],["$","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":"-"}]]}],["$","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","{ label: string; renderItem: ({ 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":"{ label: string; renderItem: ({ children }) => ReactNode }"}]]}]]}]}],["$","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","closeLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"closeLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L4b3"}],"$L4b4"]}]]}]]}]
467:["$","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>"}]]}]
468:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
469:["$","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":"-"}]]}]
46a:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
46b:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
46c:["$","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'"}]}]]}]
46d:["$","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'"}]}]]}]
46e:["$","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"}]
46f:["$","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"}]
470:["$","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"}]
473:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
474:["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"'stretch'"}]
475:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
476:["$","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: "}],"-"]}]]}]
477:["$","table",null,{"className":"hidden 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'"}]]}]]}]}],"$L4b5"]}],"$L4b6"]}]]}]
478:["$","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>"}]]}]
47a:["$","table",null,{"className":"hidden 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'"}]}]]}]]}]]}]
47b:["$","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>"}]]}]
47d:["$","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"}]]}]]}]}]
47e:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
47f:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Item"}]
480:["$","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]}]
481:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Separator"}]
482:["$","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]}]
483:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Link"}]
484:["$","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"}]]}]]}]}],"$L4b7"]}],"$L4b8","$L4b9","$L4ba"]}]]}],null]}]
485:["$","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":"'次へ'"}]}]
486:["$","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":"'ページネーション'"}]}]]}]
48b:["$","p",null,{"className":"text-fg-mute text-xs","children":"QiitaIcon"}]
48d:["$","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"}]]}]
48e:["$","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"}]]}]
48f:["$","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"}]]}]]}]}]]}]
490:["$","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"}]]}]]}]}]]}]
491:["$","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",")"]}]]}]
493:["$","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"}]}]
494:["$","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'"}]}]
495:["$","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"}]}]]}]
496:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
497:["$","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":"-"}]]}]
498:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
499:["$","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":"-"}]]}]
49a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
49b:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
49c:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
49d:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
49e:["$","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":"-"}]]}]]}]
49f:["$","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'"}]}]]}]
4a0:["$","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"}]}]]}]
4a1:["$","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"}]}]]}]
4a2:["$","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":"-"}]]}]
4a3:["$","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":"-"}]]}]
4a4:["$","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"}]}]]}]
4a5:["$","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":"-"}]]}]
4a6:["$","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":"-"}]]}]
4a7:["$","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":"-"}]]}]
4a8:["$","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"}]}]
4a9:["$","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":"-"}]]}]
4aa:["$","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":"-"}]]}]
4ab:["$","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":"-"}]]}]
4ac:["$","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'"}]}]]}]
4ad:["$","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":"-"}]]}]
4ae:["$","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"}]]}]
4af:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4b0:["$","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\""}]}]]}]
4b1:["$","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\""}]}]]}]
4b2:["$","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":"-"}]]}]
4b3:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","code",null,{"className":"bg-bg-mute m-0.5 rounded-md px-1.5 sm:py-0.5","children":"string"}]]}]]}]
4b4:["$","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":"'閉じる'"}]}]
4b5:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4b6:["$","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":"-"}]]}]
4b7:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4b8:["$","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"}]}]]}]
4b9:["$","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":"-"}]]}]
4ba:["$","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":"-"}]]}]
45f:E{"digest":""}
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:#D32F2F;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/styles.css'</span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
4bb: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":"$4bb"}}]
4bc: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":"$4bc"}}]
4bd: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":"$4bd"}}]
4be: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":"$4be"}}]
4bf: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":"$4bf"}}]
4c0: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":"$4c0"}}]
4c1: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":"$4c1"}}]
4c2: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":"$4c2"}}]
4c3:T3201,<pre class="shiki shiki-themes min-light min-dark" style="--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"> { Avatar</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> AssistantIcon } </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"> { Conversation</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> Message</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> PromptInput } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai'</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"> { useChat } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@ai-sdk/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">export</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Chat</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">messages</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> sendMessage</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> status</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> stop</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"> useChat</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 h-full flex-col gap-3"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Conversation.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">Conversation.Messages</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isStreaming</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{status </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'streaming'</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">messages</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.map</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((m) </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">Message.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> from</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">m</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.role </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'user'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> ?</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'user'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> :</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'assistant'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">} </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">{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">m</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.id}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">              {</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">m</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.role </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">!==</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'user'</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:#1976D2;--shiki-dark:#79B8FF">Avatar</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"> 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">AssistantIcon</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> />} </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">"AI"</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">              )}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">              &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>{</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">textOf</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(m)}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.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">Message.Root</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">Conversation.Messages</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Conversation.ScrollButton</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Conversation.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">PromptInput.Root</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">        onStop</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{stop}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">        onSubmit</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{(text) </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=></span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> sendMessage</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">({ text })}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">        status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{status}</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">PromptInput.Textarea</span><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">"メッセージを入力"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">        &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.Submit</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">      &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.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:#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>64:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$4c3"}}]
4c4:T9b5,<pre class="shiki shiki-themes min-light min-dark" style="--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">// Enter to send, Shift+Enter for a newline, IME-confirm Enter never submits.</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// status: 'ready' | 'submitted' | 'streaming' | 'error' (matches AI SDK).</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> status</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{status} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onSubmit</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{send} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">onStop</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{stop}></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.Textarea</span><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">"メッセージを入力"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.Submit</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /> {</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">/* send when ready, stop while streaming */</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">PromptInput.Root</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":"$4c4"}}]
4c5:T7e9,<pre class="shiki shiki-themes min-light min-dark" style="--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">// pnpm add streamdown</span></span>
<span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { Response } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai/response'</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:#22863A;--shiki-dark:#FFAB70"> 'streamdown/styles.css'</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">Message.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">Response</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isStreaming</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isStreaming}>{markdown}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Response</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.Content</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>66:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$4c5"}}]
4c6:Tb66,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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"> { Reasoning</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ToolInvocation } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai'</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">Reasoning</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> isStreaming</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{isThinking}>{reasoningText}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Reasoning</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">ToolInvocation</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"search_web"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  state</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"output-available"</span><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C"> // 'input-streaming' | 'input-available' | 'output-available' | 'output-error'</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  input</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{{ query</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'ArteOdyssey'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> }}</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  output</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"…"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>67:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4c6"}}]
4c7:T16e6,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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"> { mapMessageParts } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai-sdk'</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"> { Reasoning</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> ToolInvocation } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai'</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"> { Response } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai/response'</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">Message.Content</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:#6F42C1;--shiki-dark:#B392F0">mapMessageParts</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(message)</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">.map</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">((part</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> i) </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">part</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.kind </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'reasoning'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">) </span><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">Reasoning</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">{i}>{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">part</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.text}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Reasoning</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">part</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.kind </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'tool'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">) </span><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">ToolInvocation</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">{i} {</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">...</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">part} />;</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">Response</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">{i}>{</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">part</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">.text}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Response</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">Message.Content</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4c7"}}]
4c8:Tb82,<pre class="shiki shiki-themes min-light min-dark" style="--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"> { Message } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/ai'</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:#C2C3C5;--shiki-dark:#6B737C">// An LLM returned a UI spec as a tool result — render it inside the bubble.</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.Root</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> from</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"assistant"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.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">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">  &#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">Message.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">Message.Root</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$4c8"}}]
4c9: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>6e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4c9"}}]
4ca: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>6f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>70:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>71:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cc"}}]
4cd: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>72:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4cd"}}]
73:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
4ce: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>7a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>7b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>7c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$4d1"}}]
4d2: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>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":"$4d2"}}]
4d3: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>84:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>85:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
4d5: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>86:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$4d5"}}]
4d6: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>90:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d6"}}]
4d7: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>91:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d7"}}]
4d8: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>92:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d8"}}]
4d9: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>93:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4d9"}}]
4da: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>a0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>b7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4df"}}]
4e0: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>b8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e0"}}]
4e1: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>b9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>ba:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e2"}}]
4e3: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>bb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4e3"}}]
4e4: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>cb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>cc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>cd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>ce:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>cf:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
df:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
4e9: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>e1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>e2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>e4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>e6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4ec"}}]
4ed: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>f4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>f6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>102:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>103:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>105:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>106:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>116:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>118:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4f4"}}]
4f5: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>119:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>12b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>12d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>12e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>13a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>13c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$4fb"}}]
4fc: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>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":"$4fc"}}]
4fd: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>14c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$4fd"}}]
4fe: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>14e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>150:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>15f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>160:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$501"}}]
502: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>161:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$503"}}]
504: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>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":"$504"}}]
505: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>176:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>178:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>17a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$507"}}]
508: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>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":"$508"}}]
509: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>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":"$509"}}]
50a: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>189:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>18b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>18d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50c"}}]
50d: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>198:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>19a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$50e"}}]
50f: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>1a1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>1a2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
1ab:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
1ac:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
511: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>1ad:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$511"}}]
1b6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
512: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$512"}}]
513: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>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":"$513"}}]
514: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>1be:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$514"}}]
515: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>1bf:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>1c0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$516"}}]
517: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>1c1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$517"}}]
518: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>1cb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$518"}}]
519: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>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":"$519"}}]
51a: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>1d3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>1da:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51b"}}]
51c: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>1dc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>1de:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$51d"}}]
51e: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":"$51e"}}]
51f: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":"$51f"}}]
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>"}}]
520: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":"$520"}}]
521: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":"$521"}}]
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>"}}]
20d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
522: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>20e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$522"}}]
523: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>20f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
210:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
218:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
524: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>219:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
525: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>221:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$525"}}]
526: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>222:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$526"}}]
527: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>224:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>22e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>230:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>239:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>23b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>23d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$52c"}}]
52d: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>247:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>249:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
52f: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>251:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$52f"}}]
530: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>253:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$530"}}]
531: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>255:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>25d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$532"}}]
533: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>25f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$533"}}]
534: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>26c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$534"}}]
535: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>26e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>270:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>272:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$537"}}]
280:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
538: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>281:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$538"}}]
539: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>282:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$539"}}]
53a: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>28a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$53a"}}]
53b: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>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":"$53b"}}]
53c: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>29c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>29e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>2aa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>2b3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>2b5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$540"}}]
541: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$541"}}]
2c0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
542: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>2c4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$542"}}]
543: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>320:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>32b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$544"}}]
545: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>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":"$545"}}]
546: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>336:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$546"}}]
547: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>33c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$548"}}]
549: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>349:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>352:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$54a"}}]
54b: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>355:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$54b"}}]
54c: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>35f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$54c"}}]
54d: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>360:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$54d"}}]
54e: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>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":"$54e"}}]
54f: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>36f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>371:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
551: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>379:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$552"}}]
553: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>382:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$553"}}]
554: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$554"}}]
555: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>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":"$555"}}]
556: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>393:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>399:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$557"}}]
558: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>39e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$558"}}]
559: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>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":"$559"}}]
55a: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>3a6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>3ab:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$55c"}}]
55d: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>3b8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
55e: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>3bc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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"}}]
55f: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>3c4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55f"}}]
560: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>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":"$560"}}]
561: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>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":"$561"}}]
562: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>3d8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$562"}}]
563: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>3de:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$563"}}]
3e2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
564: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>3e4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$564"}}]
565: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>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":"$565"}}]
566: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>1d5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$566"}}]
567: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":"$567"}}]
568: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>206:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$568"}}]
569: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>45e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$569"}}]
56a:T1bca,<pre class="shiki shiki-themes min-light min-dark" style="--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">// Navigation link — the consumer owns the element and its style.</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Use Anchor for a link that matches the library look, or any</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// &#x3C;a> / Next.js Link with your own className.</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>
<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:#22863A;--shiki-dark:#FFAB70">"A new version is available."</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">"info"</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>
<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"> 'Learn more'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> ({ 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">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">        {children}</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">    )</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>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// Action button (open a modal, etc.) — style it however you like.</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>
<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:#22863A;--shiki-dark:#FFAB70">"Your profile setup is incomplete."</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">"warning"</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>
<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"> 'Open settings'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> ({ 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">button</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">"text-fg-info underline"</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">"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:#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">        {children}</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 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>460:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56a"}}]
56b:T18ae,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">isVisible</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setIsVisible</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:#C2C3C5;--shiki-dark:#6B737C">// onClose renders an in-frame close (×) button at the row's end.</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>
<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:#22863A;--shiki-dark:#FFAB70">"..."</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"> setIsVisible</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><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">"warning"</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">// onClose can be combined with action.</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>
<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>
<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"> '詳しくはこちら'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</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"> ({ 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">button</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">"text-primary-fg underline"</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:#6F42C1;--shiki-dark:#B392F0"> onClick</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{openHelp}></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">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 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">  message</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">  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"> setIsVisible</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">false</span><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">"warning"</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>463:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56b"}}]
56c: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$56c"}}]
56d: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>472:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56d"}}]
56e: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>296:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56e"}}]
56f: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>479:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56f"}}]
570: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>2ad:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$570"}}]
571: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>47c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$571"}}]
572: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>44a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$572"}}]
471:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
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-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>"}}]
78:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
83:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
8e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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-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>"}}]
b5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
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-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>"}}]
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-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>"}}]
f2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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-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>"}}]
114:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
129:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
138:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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-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>"}}]
15d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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-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>"}}]
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-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>"}}]
196:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
19d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
1a9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
1b5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
1bd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
1ca:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
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\"> { 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>"}}]
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-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>"}}]
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>"}}]
20c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
217:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
21f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
22c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
237:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
245:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
24f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
25b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
26a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
27f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
289:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
290:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
29a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
2a9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
2b1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
2bd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
2c3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
31e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
329:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
332:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
334:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
33a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
347:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
351:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
353:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
35e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
368:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
36d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
377:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
388:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
398:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
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-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>"}}]
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\"> { 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>"}}]
3a9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
3b6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
3c2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
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\"> { 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>"}}]
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\"> { 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>"}}]
3d6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
3dc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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>"}}]
573: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>492:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-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":"$573"}}]