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]
6c:I["c797c47b6503",[],"Components",1]
6e:I["798bb9c24f1b",[],"PreviewArea",1]
6f:I["6080185159ea",[],"Button",1]
7c:I["3a5141374105",[],"IconButton",1]
81:I["cafd544e051f",[],"IconButtonAsLinkPreview",1]
91:I["3a09bc083ef4",[],"TextField",1]
97:I["512d6c1fa956",[],"Code",1]
a5:I["ae6085caf2c6",[],"Textarea",1]
bc:I["91c860d2a4fd",[],"NumberField",1]
d1:I["9622329a7e30",[],"Select",1]
e5:I["b697a4db76dc",[],"Checkbox",1]
e8:I["21432a60d512",[],"CheckboxControlledPreview",1]
eb:I["21432a60d512",[],"CheckboxGroupControlledPreview",1]
ed:I["21432a60d512",[],"CheckboxGroupDisabledPreview",1]
fc:I["705b52bbdbc8",[],"CheckboxCardControlledPreview",1]
fe:I["5a285b2bd6cd",[],"CheckboxCard",1]
10b:I["458f5b95fd75",[],"CheckboxGroupControlledPreview",1]
10d:I["3cf33f541d0f",[],"CheckboxGroup",1]
11b:I["9d4788df136c",[],"Switch",1]
11e:I["725578a605c2",[],"SwitchControlledPreview",1]
130:I["09b9cd90ad2c",[],"PasswordInput",1]
132:I["f7a7a2081c6a",[],"PasswordInputControlledPreview",1]
146:I["05b695ec3934",[],"Radio",1]
148:I["9624e3024842",[],"RadioControlledPreview",1]
155:I["ca22bbee4123",[],"RadioCardControlledPreview",1]
157:I["031924d9c982",[],"RadioCard",1]
159:I["ca22bbee4123",[],"RadioCardFormPreview",1]
167:I["5f0110a99a55",[],"AutocompleteBasicPreview",1]
169:I["5f0110a99a55",[],"AutocompleteRequiredPreview",1]
16b:I["5f0110a99a55",[],"AutocompleteMultiplePreview",1]
16d:I["5f0110a99a55",[],"AutocompleteDisabledPreview",1]
16f:I["5f0110a99a55",[],"AutocompleteInvalidPreview",1]
181:I["95680beb798c",[],"Slider",1]
195:I["6c16ffa3b8a8",[],"FileFieldBasicPreview",1]
197:I["6c16ffa3b8a8",[],"FileFieldAcceptTypesPreview",1]
199:I["6c16ffa3b8a8",[],"FileFieldMultiplePreview",1]
19b:I["6c16ffa3b8a8",[],"FileFieldDisabledPreview",1]
19d:I["6c16ffa3b8a8",[],"FileFieldInvalidPreview",1]
1ab:I["8888908e7e61",[],"FormControlBasicPreview",1]
1ad:I["8888908e7e61",[],"FormControlHelpTextPreview",1]
1af:I["8888908e7e61",[],"FormControlErrorTextPreview",1]
1b1:I["8888908e7e61",[],"FormControlRequiredPreview",1]
1b3:I["8888908e7e61",[],"FormControlDisabledPreview",1]
1c0:I["7b08ec006ffa",[],"FormBasicPreview",1]
1c2:I["7b08ec006ffa",[],"FormActionStatePreview",1]
1c8:I["8c5b7f2aa6ac",[],"AccordionItem",1]
1c9:I["0f6565584477",[],"AccordionButton",1]
1ca:I["f6f067fc08a1",[],"AccordionPanel",1]
1d5:I["23bf66a48bcf",[],"Avatar",1]
200:I["75dff7ac12d9",[],"ListBoxBasicPreview",1]
202:I["75dff7ac12d9",[],"ListBoxSizesPreview",1]
204:I["75dff7ac12d9",[],"ListBoxIconTriggerPreview",1]
228:I["1acfd73f25fb",[],"Alert",1]
22c:I["8c07d9e4a8da",[],"AlertActionLinkPreview",1]
22d:I["8c07d9e4a8da",[],"AlertActionButtonPreview",1]
22f:I["8c07d9e4a8da",[],"AlertDismissiblePreview",1]
230:I["8c07d9e4a8da",[],"AlertWithActionPreview",1]
24a:I["c8ebe6b2890d",[],"Spinner",1]
254:I["132b1b725f7e",[],"ToastBasicPreview",1]
257:I["132b1b725f7e",[],"ToastCloseAllPreview",1]
260:I["5145f2bca71b",[],"TooltipBasicPreview",1]
262:I["5145f2bca71b",[],"TooltipPlacementPreview",1]
26e:I["218edecdc217",[],"DialogBasicPreview",1]
270:I["218edecdc217",[],"DialogWithModalPreview",1]
272:I["218edecdc217",[],"AlertDialogPreview",1]
27f:I["d8b78e2b16cd",[],"DrawerBasicPreview",1]
281:I["d8b78e2b16cd",[],"DrawerCustomContentPreview",1]
28b:I["6e891aca3d00",[],"ModalBasicPreview",1]
28d:I["6e891aca3d00",[],"ModalPlacementsPreview",1]
28f:I["6e891aca3d00",[],"DefaultOpenPreview",1]
29d:I["f94374e4000c",[],"PopoverBasicPreview",1]
29f:I["f94374e4000c",[],"PopoverPlacementPreview",1]
2b0:I["4174ad344880",[],"DropdownMenuBasicPreview",1]
2b2:I["4174ad344880",[],"DropdownMenuIconTriggerPreview",1]
2b4:I["4174ad344880",[],"DropdownMenuSizesPreview",1]
2b6:I["4174ad344880",[],"DropdownMenuPlacementPreview",1]
2e2:I["f74bd0fb5a52",[],"TabsBasicPreview",1]
2e4:I["f74bd0fb5a52",[],"TabsDefaultSelectedPreview",1]
301:I["34416532db7f",[],"PaginationPreview",1]
303:I["34416532db7f",[],"PaginationDisabledPreview",1]
30e:I["44cc944f2a55",[],"ScrollLinkedBasicPreview",1]
394:I["c6eb5e7e987f",[],"HooksPage",1]
396:I["1ffdaeb5dfc9",[],"UseBreakpointPreview",1]
39e:I["703b7d7b84c2",[],"UseClickAwayPreview",1]
3a9:I["939b7f2e8860",[],"UseClipboardPreview",1]
3ae:I["93666e144dfe",[],"UseDebouncedTransitionPreview",1]
3b4:I["126edf4198ff",[],"UseDeferredDebouncePreview",1]
3ba:I["9760dcff36a7",[],"UseDisclosurePreview",1]
3c5:I["63c3e1e7de0a",[],"UseInViewPreview",1]
3d9:I["d80343ececf7",[],"UseIntervalPreview",1]
3dd:I["6374bb7be1c9",[],"UseLocalStorageBasicPreview",1]
3df:I["6374bb7be1c9",[],"UseLocalStorageRemovePreview",1]
3e7:I["4dc090a700b5",[],"UseSessionStorageBasicPreview",1]
3e9:I["4dc090a700b5",[],"UseSessionStorageRemovePreview",1]
3f9:I["6720b60124cb",[],"UseScrollDirectionPreview",1]
3fb:I["6720b60124cb",[],"UseScrollDirectionTargetPreview",1]
403:I["ff99af3476ea",[],"UseStepPreview",1]
40f:I["e148fe3c7f1d",[],"UseScrollLockPreview",1]
411:I["e148fe3c7f1d",[],"UseScrollLockTargetPreview",1]
417:I["010446d0c157",[],"UseHoverPreview",1]
41c:I["68218b119e8f",[],"UseControllableStatePreview",1]
426:I["87949b3e951c",[],"UseWindowSizePreview",1]
42e:I["3f34d1649026",[],"Helpers",1]
430:I["0af5f2cf11c5",[],"CnPreview",1]
436:I["5e0ad78f7e7b",[],"MergeRefsPreview",1]
43c:I["d8c1e3a1d589",[],"MergePropsPreview",1]
443:I["445ebd3407d0",[],"ChainPreview",1]
449:I["d5dfa84ddd8c",[],"CreateSafeContextPreview",1]
44f:I["4cb23748e3c8",[],"ButtonAsLinkPreview",1]
4db: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":["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"getStarted.nextStepsI18n"}]}]}],["$","li",null,{"className":"list-disc","children":["$","a",null,{"type":"external","href":"https://main--687a213c85e2e4589d8db1bb.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","aria-hidden":true,"focusable":"false"}]]}]}]]}]]}]]}]},{"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/checkbox-group","component":"$L1b"},{"path":"/components/switch","component":"$L1c"},{"path":"/components/password-input","component":"$L1d"},{"path":"/components/radio","component":"$L1e"},{"path":"/components/radio-card","component":"$L1f"},{"path":"/components/autocomplete","component":"$L20"},{"path":"/components/slider","component":"$L21"},{"path":"/components/file-field","component":"$L22"},{"path":"/components/form-control","component":"$L23"},{"path":"/components/form","component":"$L24"},{"path":"/components/accordion","component":"$L25"},{"path":"/components/avatar","component":"$L26"},{"path":"/components/badge","component":"$L27"},{"path":"/components/card","component":"$L28"},{"path":"/components/code","component":"$L29"},{"path":"/components/table","component":"$L2a"},{"path":"/components/list-box","component":"$L2b"},{"path":"/components/progress","component":"$L2c"},{"path":"/components/heading","component":"$L2d"},{"path":"/components/alert","component":"$L2e"},{"path":"/components/skeleton","component":"$L2f"},{"path":"/components/spinner","component":"$L30"},{"path":"/components/toast","component":"$L31"},{"path":"/components/tooltip","component":"$L32"},{"path":"/components/dialog","component":"$L33"},{"path":"/components/drawer","component":"$L34"},{"path":"/components/modal","component":"$L35"},{"path":"/components/popover","component":"$L36"},{"path":"/components/dropdown-menu","component":"$L37"},{"path":"/components/separator","component":"$L38"},{"path":"/components/stack","component":"$L39"},{"path":"/components/grid","component":"$L3a"},{"path":"/components/tabs","component":"$L3b"},{"path":"/components/breadcrumb","component":"$L3c"},{"path":"/components/pagination","component":"$L3d"},{"path":"/components/scroll-linked","component":"$L3e"},{"path":"/components/icons","component":"$L3f"},{"path":"/theming","component":"$L40"},{"path":"/i18n","component":"$L41"},{"path":"/hooks","component":"$L42"},{"path":"/hooks/use-breakpoint","component":"$L43"},{"path":"/hooks/use-click-away","component":"$L44"},{"path":"/hooks/use-client","component":"$L45"},{"path":"/hooks/use-clipboard","component":"$L46"},{"path":"/hooks/use-debounced-transition","component":"$L47"},{"path":"/hooks/use-deferred-debounce","component":"$L48"},{"path":"/hooks/use-disclosure","component":"$L49"},{"path":"/hooks/use-hash","component":"$L4a"},{"path":"/hooks/use-in-view","component":"$L4b"},{"path":"/hooks/use-intersection-observer","component":"$L4c"},{"path":"/hooks/use-interval","component":"$L4d"},{"path":"/hooks/use-local-storage","component":"$L4e"},{"path":"/hooks/use-session-storage","component":"$L4f"},{"path":"/hooks/use-resize","component":"$L50"},{"path":"/hooks/use-scroll-direction","component":"$L51"},{"path":"/hooks/use-step","component":"$L52"},{"path":"/hooks/use-timeout","component":"$L53"},{"path":"/hooks/use-window-resize","component":"$L54"},{"path":"/hooks/use-scroll-lock","component":"$L55"},{"path":"/hooks/use-hover","component":"$L56"},{"path":"/hooks/use-controllable-state","component":"$L57"},{"path":"/hooks/use-window-size","component":"$L58"},{"path":"/hooks/use-writing-mode","component":"$L59"},{"path":"/helpers","component":"$L5a"},{"path":"/helpers/cn","component":"$L5b"},{"path":"/helpers/merge-refs","component":"$L5c"},{"path":"/helpers/merge-props","component":"$L5d"},{"path":"/helpers/chain","component":"$L5e"},{"path":"/helpers/create-safe-context","component":"$L5f"}]}]}]}
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"}]}],"$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.renderTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.renderDescription"}]}],"$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.validateTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"generativeUi.validateDescription"}]}],"$L62"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L63"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L64","$L65"]}]]}]
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"}]}],"$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.inputTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.inputDescription"}]}],"$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.responseTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.responseDescription"}]}],"$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.toolTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"aiChat.toolDescription"}]}],"$L69"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L6a"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L6b"]}]]}]
11:["$","$L6c",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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L6d"]}],["$","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":[["$","$L6e",null,{"children":["$","$L6f",null,{"color":"primary","variant":"solid","children":"Click me"}]}],"$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.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L6f",null,{"variant":"solid","children":"Solid"}],["$","$L6f",null,{"variant":"outline","children":"Outline"}],["$","$L6f",null,{"variant":"skeleton","children":"Skeleton"}]]}],"$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.colorsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L6f",null,{"color":"primary","children":"Primary"}],["$","$L6f",null,{"color":"secondary","children":"Secondary"}],["$","$L6f",null,{"color":"base","children":"Base"}]]}],"$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.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L6f",null,{"size":"sm","children":"Small"}],["$","$L6f",null,{"size":"md","children":"Medium"}],["$","$L6f",null,{"size":"lg","children":"Large"}]]}],"$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.iconsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L6f",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","aria-hidden":true,"focusable":"false"}],"children":"Send Email"}],["$","$L6f",null,{"endIcon":["$","$Le",null,{"ref":"$undefined","iconNode":[["path",{"d":"m9 18 6-6-6-6","key":"mthhwq"}]],"className":"lucide-chevron-right size-4","aria-hidden":true,"focusable":"false"}],"children":"Next"}]]}],"$L74"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.button.fullWidthTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L6f",null,{"fullWidth":true,"children":"Full Width Button"}]}]}],"$L75"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"$L76"}],"$L77"]}],"$L78"]}],"$L79","$L7a"]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L7b"]}],["$","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":[["$","$L6e",null,{"children":["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}]}],"$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.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}],["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}],["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}]]}],"$L7e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.backgroundsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}],["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}],["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}],["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}]]}],"$L7f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L7c",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","aria-hidden":true,"focusable":"false"}]}]}],"$L80"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.iconButton.renderItemTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L81",null,{}]}],"$L82"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],"$L83"]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L84"]}],["$","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":[["$","$L6e",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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}],"$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.openInNewTabTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]]}],"$L86"]}]]}],["$","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"}]}],"$L87"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":"$L88"}],"$L89","$L8a"]}],"$L8b","$L8c","$L8d"]}],"$L8e","$L8f",null]}]]}]]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L90"]}],["$","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":[["$","$L6e",null,{"children":["$","$L91",null,{"disabled":false,"invalid":false,"required":false}]}],"$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.placeholderTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L91",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your name"}]}],"$L93"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Type"}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L91",null,{"placeholder":"you@example.com","type":"email"}],["$","$L91",null,{"placeholder":"090-0000-0000","type":"tel"}]]}],"$L94"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L91",null,{"disabled":true,"invalid":false,"required":false,"placeholder":"Disabled field"}]}],"$L95"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L91",null,{"defaultValue":"invalid value","disabled":false,"invalid":true,"required":false}]}],"$L96"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L98","$L99"]}]]}],"$L9a","$L9b","$L9c","$L9d","$L9e","$L9f","$La0","$La1"]}],"$La2","$La3",null]}]]}]]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$La4"]}],["$","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":[["$","$L6e",null,{"children":["$","$La5",null,{"aria-describedby":"$undefined","id":"textarea-basic","disabled":false,"invalid":false,"required":false,"placeholder":"Enter text"}]}],"$La6"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$La5",null,{"aria-describedby":"$undefined","id":"textarea-rows","disabled":false,"invalid":false,"required":false,"placeholder":"6 rows","rows":6}]}],"$La7"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$La5",null,{"autoResize":true,"aria-describedby":"$undefined","id":"textarea-auto","disabled":false,"invalid":false,"required":false,"placeholder":"Type to auto-resize","rows":2}]}],"$La8"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$La5",null,{"aria-describedby":"$undefined","id":"textarea-disabled","disabled":true,"invalid":false,"required":false,"placeholder":"Disabled"}]}],"$La9"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$La5",null,{"defaultValue":"invalid value","aria-describedby":"$undefined","id":"textarea-invalid","disabled":false,"invalid":true,"required":false}]}],"$Laa"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],"$Lab"]}],"$Lac"]}],"$Lad","$Lae","$Laf","$Lb0","$Lb1","$Lb2","$Lb3","$Lb4","$Lb5","$Lb6","$Lb7","$Lb8"]}],"$Lb9","$Lba",null]}]]}]]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$Lbb"]}],["$","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":[["$","$L6e",null,{"children":["$","$Lbc",null,{"disabled":false,"invalid":false,"required":false}]}],"$Lbd"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Lbc",null,{"disabled":false,"invalid":false,"required":false,"precision":2,"step":0.25}]}],"$Lbe"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Lbc",null,{"disabled":false,"invalid":false,"required":false,"max":10,"min":0,"step":1}]}],"$Lbf"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Lbc",null,{"disabled":true,"invalid":false,"required":false}]}],"$Lc0"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Lbc",null,{"disabled":false,"invalid":true,"required":false}]}],"$Lc1"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"$Lc2"]}]]}],"$Lc3","$Lc4","$Lc5","$Lc6","$Lc7","$Lc8","$Lc9","$Lca","$Lcb","$Lcc","$Lcd"]}],"$Lce","$Lcf",null]}]]}]]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$Ld0"]}],["$","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":[["$","$L6e",null,{"children":["$","$Ld1",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"}]}]}],"$Ld2"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Ld1",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"}]}],"$Ld3"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Ld1",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"}]}],"$Ld4"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$Ld1",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"}]}],"$Ld5"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.select.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$Ld1",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"}]}],"$Ld6"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"children":"id"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],"$Ld7"]}],"$Ld8"]}],"$Ld9","$Lda","$Ldb","$Ldc","$Ldd","$Lde","$Ldf","$Le0","$Le1"]}],"$Le2","$Le3",null]}]]}]]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$Le4"]}],["$","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":[["$","$L6e",null,{"children":["$","$Le5",null,{"label":"I agree to the terms"}]}],"$Le6"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Le5",null,{"defaultChecked":true,"label":"Checked by default"}]}],"$Le7"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Le8",null,{}]}],"$Le9"]}]]}],["$","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":[["$","$L6e",null,{"children":[["$","$Le5",null,{"disabled":true,"label":"Unchecked disabled"}],["$","$Le5",null,{"defaultChecked":true,"disabled":true,"label":"Checked disabled"}]]}],"$Lea"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Leb",null,{}]}],"$Lec"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$Led",null,{}]}],"$Lee"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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":["$Lef"]}]]}],"$Lf0"]}],"$Lf1","$Lf2","$Lf3","$Lf4","$Lf5","$Lf6"]}],"$Lf7","$Lf8",null]}]]}],"$Lf9","$Lfa"]}]
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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$Lfb"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block 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":[["$","$L6e",null,{"children":["$","$Lfc",null,{}]}],"$Lfd"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkboxCard.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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":"有効にする機能を選択"}],["$","$Lfe",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":"閲覧専用の共有リンクをすぐに発行できます。"}]}]]}]}],"$Lff"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L100","$L101"]}]]}],"$L102","$L103","$L104","$L105","$L106","$L107"]}],"$L108","$L109",null]}]]}]]}]
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":"CheckboxGroup"}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"components.checkboxGroup.description"}]}],["$","div",null,{"children":["$","a",null,{"type":"external","href":"https://main--687a213c85e2e4589d8db1bb.chromatic.com/?path=/docs/components-form-checkbox-group--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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L10a"]}],["$","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":[["$","$L6e",null,{"children":["$","$L10b",null,{}]}],"$L10c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkboxGroup.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L10d",null,{"defaultValue":["vue"],"name":"frameworks-default","children":[["$","$Le5",null,{"itemValue":"react","label":"React"}],["$","$Le5",null,{"itemValue":"vue","label":"Vue"}],["$","$Le5",null,{"itemValue":"svelte","label":"Svelte"}]]}]}],"$L10e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.checkboxGroup.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L10d",null,{"defaultValue":["vue"],"disabled":true,"name":"frameworks-disabled","children":[["$","$Le5",null,{"itemValue":"react","label":"React"}],["$","$Le5",null,{"itemValue":"vue","label":"Vue"}],["$","$Le5",null,{"itemValue":"svelte","label":"Svelte"}]]}]}],"$L10f"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,"$L110"]}]]}]]}],"$L111"]}],"$L112","$L113","$L114","$L115","$L116","$L117"]}],"$L118","$L119",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L11a"]}],["$","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":[["$","$L6e",null,{"children":["$","$L11b",null,{"disabled":false,"invalid":false,"required":false,"label":"Email notifications"}]}],"$L11c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.switch.defaultCheckedTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L11b",null,{"defaultChecked":true,"disabled":false,"invalid":false,"required":false,"label":"Automatic backups"}]}],"$L11d"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L11e",null,{}]}],"$L11f"]}]]}],["$","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":[["$","$L6e",null,{"children":[["$","$L11b",null,{"disabled":true,"invalid":false,"required":false,"label":"Airplane mode"}],["$","$L11b",null,{"defaultChecked":true,"disabled":true,"invalid":false,"required":false,"label":"Offline sync"}]]}],"$L120"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"invalid"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L121","$L122"]}],"$L123"]}],"$L124","$L125","$L126","$L127","$L128","$L129","$L12a","$L12b","$L12c"]}],"$L12d","$L12e",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L12f"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block 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":[["$","$L6e",null,{"children":["$","$L130",null,{"disabled":false,"invalid":false,"required":false,"placeholder":"Enter your password"}]}],"$L131"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.passwordInput.controlledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L132",null,{}]}],"$L133"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L130",null,{"defaultValue":"read-only-password","disabled":true,"invalid":false,"required":false}]}],"$L134"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"$L135"]}]]}],"$L136","$L137","$L138","$L139","$L13a","$L13b","$L13c","$L13d","$L13e","$L13f","$L140","$L141"]}],"$L142","$L143","$L144"]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L145"]}],["$","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":[["$","$L6e",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"}],["$","$L146",null,{"defaultValue":"vue","disabled":false,"aria-labelledby":"radio-label","options":[{"label":"React","value":"react"},{"label":"Vue","value":"vue"},{"label":"Svelte","value":"svelte"}]}]]}]}],"$L147"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.radio.defaultValueTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L148",null,{}]}],"$L149"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.radio.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}],["$","$L146",null,{"defaultValue":"vue","disabled":true,"aria-labelledby":"radio-disabled-label","options":"$1e:props:children:4:props:children:0:props:children:1:props:children:0:props:children:props:children:1:props:options"}]]}]}],"$L14a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"disabled"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L14b","$L14c"]}],"$L14d"]}],"$L14e","$L14f","$L150","$L151"]}],"$L152","$L153",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L154"]}],["$","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":[["$","$L6e",null,{"children":["$","$L155",null,{}]}],"$L156"]}]]}],["$","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":[["$","$L6e",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":"プランを選択"}],["$","$L157",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":"レビューや共同編集を含むチーム利用向けです。"}]}]]}]}],"$L158"]}]]}],["$","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.formTitle"}]}],["$","p",null,{"className":"text-fg-mute text-sm","children":["$","$L5",null,{"k":"components.radioCard.formDescription"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L159",null,{}]}],"$L15a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"name"}]}],"$L15b","$L15c"]}],"$L15d","$L15e","$L15f","$L160","$L161","$L162","$L163"]}],"$L164","$L165",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L166"]}],["$","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":[["$","$L6e",null,{"children":["$","$L167",null,{}]}],"$L168"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L169",null,{}]}],"$L16a"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L16b",null,{}]}],"$L16c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L16d",null,{}]}],"$L16e"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.autocomplete.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L16f",null,{}]}],"$L170"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":"$L171"}],"$L172","$L173"]}],"$L174","$L175","$L176","$L177","$L178","$L179","$L17a","$L17b","$L17c"]}],"$L17d","$L17e","$L17f"]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L180"]}],["$","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":[["$","$L6e",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L181",null,{"defaultValue":50,"disabled":false,"invalid":false,"required":false}]}]}],"$L182"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.slider.minMaxStepTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L181",null,{"defaultValue":20,"disabled":false,"invalid":false,"required":false,"max":50,"min":10,"step":5}]}]}],"$L183"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.slider.disabledTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","div",null,{"className":"w-full","children":["$","$L181",null,{"defaultValue":30,"disabled":true,"invalid":false,"required":false}]}]}],"$L184"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L185","$L186"]}]]}],"$L187","$L188","$L189","$L18a","$L18b","$L18c","$L18d","$L18e","$L18f","$L190","$L191"]}],"$L192","$L193",null]}]]}]]}]
22:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L194"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block 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":[["$","$L6e",null,{"children":["$","$L195",null,{}]}],"$L196"]}]]}],["$","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":[["$","$L6e",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.fileField.multipleFilesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L199",null,{}]}],"$L19a"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L19b",null,{}]}],"$L19c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.fileField.invalidTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L19d",null,{}]}],"$L19e"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L19f"}],"$L1a0","$L1a1"]}],"$L1a2","$L1a3","$L1a4","$L1a5","$L1a6","$L1a7"]}],"$L1a8","$L1a9",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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1aa"]}],["$","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":[["$","$L6e",null,{"children":["$","$L1ab",null,{}]}],"$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.formControl.helpTextTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L1ad",null,{}]}],"$L1ae"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L1af",null,{}]}],"$L1b0"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.formControl.requiredTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L1b1",null,{}]}],"$L1b2"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L1b3",null,{}]}],"$L1b4"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L1b5"}],"$L1b6","$L1b7"]}],"$L1b8","$L1b9","$L1ba","$L1bb","$L1bc","$L1bd"]}],"$L1be",null,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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1bf"]}],["$","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":[["$","$L6e",null,{"children":["$","$L1c0",null,{}]}],"$L1c1"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L1c2",null,{}]}],"$L1c3"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(formData: FormData) => void | Promise<void>"}]]}],["$","span","string",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"-"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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"}],"$L1c4","$L1c5"]}]}],"$L1c6"]}],null,null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1c7"]}],["$","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":[["$","$L6e",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":[["$","$L1c8",null,{"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"What is ArteOdyssey?"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"ArteOdyssey is a React UI component library."}]}]]}],["$","$L1c8",null,{"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"How do I install it?"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"Install via npm, yarn, or pnpm."}]}]]}],["$","$L1c8",null,{"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"Is it accessible?"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"Yes, it follows WAI-ARIA accordion patterns."}]}]]}]]}]}]}],"$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.accordion.defaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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":[["$","$L1c8",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"Open by default"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"This panel is open on initial render."}]}]]}],["$","$L1c8",null,{"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"Closed by default"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"This panel is closed on initial render."}]}]]}]]}]}]}],"$L1cc"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.accordion.multipleDefaultOpenTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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":[["$","$L1c8",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":"$L1cd"}],"$L1ce"]}],"$L1cf","$L1d0"]}]}]}],"$L1d1"]}]]}]]}],"$L1d2","$L1d3"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1d4"]}],["$","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":[["$","$L6e",null,{"children":["$","$L1d5",null,{"name":"Arte Odyssey"}]}],"$L1d6"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.avatar.withImageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L1d5",null,{"alt":"Arte Odyssey","src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80"}]}],"$L1d7"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.avatar.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L1d5",null,{"name":"Small","size":"sm"}],["$","$L1d5",null,{"name":"Medium","size":"md"}],["$","$L1d5",null,{"name":"Large","size":"lg"}]]}],"$L1d8"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"$L1d9"]}]]}],"$L1da","$L1db","$L1dc"]}],"$L1dd","$L1de",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1df"]}],["$","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":[["$","$L6e",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"}]}],"$L1e0"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.tonesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}]]}],"$L1e1"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.variantsTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}]]}],"$L1e2"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":["$L1e3","$L1e4"]}]]}],"$L1e5","$L1e6"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1e7"]}],["$","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":[["$","$L6e",null,{"children":["$","div",null,{"className":"rounded-xl shadow-sm w-full bg-bg-base","children":["$","div",null,{"className":"p-6","children":"Card content"}]}]}],"$L1e8"]}]]}],["$","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":[["$","$L6e",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"}]}]]}],"$L1e9"]}]]}],["$","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":[["$","$L6e",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"}]}]}],"$L1ea"]}]]}],["$","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":[["$","$L6e",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"}]}]]}],"$L1eb"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$L1ec","$L1ed","$L1ee"]}],"$L1ef","$L1f0","$L1f1"]}],"$L1f2","$L1f3",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1f4"]}],["$","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":[["$","$L6e",null,{"children":["$","p",null,{"children":["Use the ",["$","$L97",null,{"children":"console.log()"}]," function to output values."]}]}],"$L1f5"]}]]}],["$","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":[["$","$L6e",null,{"children":[["$","$L97",null,{"children":"#ff6347"}],["$","$L97",null,{"children":"#3498db"}],["$","$L97",null,{"children":"background: #22c55e"}]]}],"$L1f6"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L1f7"}]]}]]}]]}],"$L1f8",null]}]]}]]}]
2a:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1f9"]}],["$","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":[["$","$L6e",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%"}]]}]]}]]}]}]}],"$L1fa"]}]]}],["$","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":["$L1fb","$L1fc"]}]]}]]}],"$L1fd","$L1fe"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L1ff"]}],["$","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":[["$","$L6e",null,{"children":["$","$L200",null,{}]}],"$L201"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L202",null,{}]}],"$L203"]}]]}],["$","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.iconTriggerTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L204",null,{}]}],"$L205"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'bottom'"}]]}]]}],["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","readonly Option[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L206","$L207","$L208"]}],"$L209","$L20a"]}],"$L20b",null,null]}],"$L20c","$L20d","$L20e","$L20f","$L210","$L211"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L212"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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":"60%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":60,"className":"bg-primary-bg rounded-full transition-[inline-size] block-full inline-(--progress-fill)","role":"progressbar"}]}]}]}],"$L213"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.progress.differentValuesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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":"20%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":20,"className":"bg-primary-bg rounded-full transition-[inline-size] 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":"50%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":50,"className":"bg-primary-bg rounded-full transition-[inline-size] 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":"80%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":80,"className":"bg-primary-bg rounded-full transition-[inline-size] 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":"100%","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":100,"className":"bg-primary-bg rounded-full transition-[inline-size] block-full inline-(--progress-fill)","role":"progressbar"}]}]]}]}],"$L214"]}]]}],["$","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"}]}],"$L215"]}]]}],"$L216","$L217"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L218"]}],["$","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":[["$","$L6e",null,{"children":["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":"Section Title"}]}],"$L219"]}]]}],["$","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":[["$","$L6e",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"}]]}]}],"$L21a"]}]]}],["$","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":[["$","$L6e",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"}]}]}],"$L21b"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'h1'"}]]}],["$","span","'h2'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],"$L21c"]}],"$L21d","$L21e","$L21f","$L220"]}]]}],"$L221"]}],"$L222","$L223","$L224"]}],"$L225","$L226",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.importTitle"}]}],"$L227"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L228",null,{"message":"This is an info alert.","tone":"info"}]}],"$L229"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.alert.statusesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L228",null,{"message":"Operation completed successfully.","tone":"success"}],["$","$L228",null,{"message":"Here is some useful information.","tone":"info"}],["$","$L228",null,{"message":"Please proceed with caution.","tone":"warning"}],["$","$L228",null,{"message":"Something went wrong.","tone":"error"}]]}],"$L22a"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L228",null,{"message":["Password must be at least 8 characters.","Password must include a number.","Password must include a special character."],"tone":"error"}]}],"$L22b"]}]]}],["$","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":[["$","$L6e",null,{"children":[["$","$L22c",null,{}],["$","$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.alert.dismissibleTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":[["$","$L22f",null,{}],["$","$L230",null,{}]]}],"$L231"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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","tone",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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":["$L232","$L233","$L234","$L235"]}]]}],"$L236"]}],"$L237","$L238","$L239","$L23a"]}],"$L23b","$L23c","$L23d"]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L23e"]}],["$","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":[["$","$L6e",null,{"children":["$","div",null,{"aria-hidden":true,"className":"bg-bg-mute animate-pulse rounded-lg h-4 w-40"}]}],"$L23f"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.skeleton.shapesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}]]}],"$L240"]}]]}],["$","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":[["$","$L6e",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"}]]}],"$L241"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.skeleton.animationTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}]]}],"$L242"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"children":"animate"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}],["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,"$L243"]}]]}]]}],"$L244"]}],"$L245","$L246"]}],"$L247","$L248",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L249"]}],["$","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":[["$","$L6e",null,{"children":["$","$L24a",null,{}]}],"$L24b"]}]]}],["$","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":[["$","$L6e",null,{"children":[["$","$L24a",null,{"size":"sm"}],["$","$L24a",null,{"size":"md"}],["$","$L24a",null,{"size":"lg"}]]}],"$L24c"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.loading"}]]}]]}],["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$L24d","$L24e","$L24f"]}]}],"$L250"]}],"$L251","$L252"]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L253"]}],["$","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":[["$","$L6e",null,{"children":["$","$L254",null,{}]}],"$L255"]}]]}],["$","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"}]}],"$L256"]}],["$","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":[["$","$L6e",null,{"children":["$","$L257",null,{}]}],"$L258"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'fixed'"}]]}],["$","span","'absolute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],"$L259"]}]]}]]}],"$L25a"]}],"$L25b"]}],"$L25c",null,null]}],"$L25d","$L25e"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L25f"]}],["$","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":[["$","$L6e",null,{"children":["$","$L260",null,{}]}],"$L261"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L262",null,{}]}],"$L263"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'bottom'"}]]}]]}],["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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":["$L264"]}]]}],"$L265"]}],"$L266","$L267"]}],"$L268",null,null]}],"$L269","$L26a","$L26b","$L26c"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L26d"]}],["$","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":[["$","$L6e",null,{"children":["$","$L26e",null,{}]}],"$L26f"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L270",null,{}]}],"$L271"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L272",null,{}]}],"$L273"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'dialog'"}]]}]]}],["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","tabIndex",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L274","$L275","$L276"]}],"$L277","$L278"]}],"$L279",null,null]}],"$L27a","$L27b","$L27c","$L27d"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L27e"]}],["$","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":[["$","$L6e",null,{"children":["$","$L27f",null,{}]}],"$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.drawer.customContentTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L281",null,{}]}],"$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","title",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","side",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"side"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'right'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'right'"}]]}]]}],["$","div","isOpen",{"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"]}],"$L289",null,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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L28a"]}],["$","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":[["$","$L6e",null,{"children":["$","$L28b",null,{}]}],"$L28c"]}]]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.modal.placementTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L28d",null,{}]}],"$L28e"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L28f",null,{}]}],"$L290"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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","placement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","'center'",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"'center'"}]]}],["$","span","'bottom'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'bottom'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'right'"}]]}],["$","span","'left'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'left'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'center'"}]]}]]}],["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":"$L291"}],"$L292","$L293"]}],"$L294","$L295","$L296","$L297","$L298","$L299","$L29a"]}],"$L29b",null,null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L29c"]}],["$","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":[["$","$L6e",null,{"children":["$","$L29d",null,{}]}],"$L29e"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L29f",null,{}]}],"$L2a0"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'dialog'"}]]}],["$","span","'menu'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'menu'"}]]}],["$","span","'listbox'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'listbox'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'menu'"}]]}]]}],["$","div","flipDisabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L2a1","$L2a2","$L2a3"]}],"$L2a4","$L2a5","$L2a6","$L2a7","$L2a8","$L2a9"]}],"$L2aa",null,null]}],"$L2ab","$L2ac","$L2ad","$L2ae"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2af"]}],["$","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":[["$","$L6e",null,{"children":["$","$L2b0",null,{}]}],"$L2b1"]}]]}],["$","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":[["$","$L6e",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.dropdownMenu.sizesTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L2b4",null,{}]}],"$L2b5"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L2b6",null,{}]}],"$L2b7"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'bottom-start'"}]]}]]}],["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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":["$L2b8"]}]]}],"$L2b9"]}],"$L2ba","$L2bb","$L2bc"]}],"$L2bd",null,null]}],"$L2be","$L2bf","$L2c0","$L2c1","$L2c2","$L2c3","$L2c4","$L2c5"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2c6"]}],["$","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":[["$","$L6e",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"}]}]}],"$L2c7"]}]]}],["$","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":[["$","$L6e",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"}]}]]}]}],"$L2c8"]}]]}],["$","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":[["$","$L6e",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"}]}]]}]}],"$L2c9"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$L2ca","$L2cb","$L2cc"]}],"$L2cd"]}],"$L2ce","$L2cf",null]}]]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2d0"]}],["$","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":[["$","$L6e",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":"エラー"}]]}]}],"$L2d1"]}]]}],["$","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":[["$","$L6e",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":"エラー"}]]}]]}]}],"$L2d2"]}]]}],"$L2d3","$L2d4"]}],"$L2d5","$L2d6"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2d7"]}],["$","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":[["$","$L6e",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"}]}]]}]}],"$L2d8"]}]]}],["$","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":[["$","$L6e",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":"$L2d9"}],"$L2da","$L2db"]}],"$L2dc"]}]}],"$L2dd"]}]]}],"$L2de"]}],"$L2df","$L2e0"]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2e1"]}],["$","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":[["$","$L6e",null,{"children":["$","$L2e2",null,{}]}],"$L2e3"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L2e4",null,{}]}],"$L2e5"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"null"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"children"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L2e6","$L2e7"]}],"$L2e8"]}]]}],"$L2e9",null,null]}],"$L2ea","$L2eb","$L2ec","$L2ed","$L2ee","$L2ef"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L2f0"]}],["$","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":[["$","$L6e",null,{"children":["$","$undefined",null,{"children":[["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/","children":"Home"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/components","children":"Components"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"current":true,"href":"/components/breadcrumb","children":"Breadcrumb"}]}]]}]}],"$L2f1"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$undefined",null,{"children":[["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/","children":"Home"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/components","children":"Components"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"current":true,"href":"/components/breadcrumb","children":"Breadcrumb"}]}]]}]}],"$L2f2"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","div",null,{"className":"flex w-full flex-col gap-4","children":[["$","$undefined",null,{"size":"sm","children":[["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/","children":"Home"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"current":true,"href":"/docs","children":"Docs"}]}]]}],["$","$undefined",null,{"size":"md","children":[["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/","children":"Home"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"current":true,"href":"/docs","children":"Docs"}]}]]}],["$","$undefined",null,{"size":"lg","children":[["$","$undefined",null,{"children":["$","$undefined",null,{"href":"/","children":"Home"}]}],["$","$undefined",null,{}],["$","$undefined",null,{"children":["$","$undefined",null,{"current":true,"href":"/docs","children":"Docs"}]}]]}]]}]}],"$L2f3"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":"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":["$","$L97",null,{"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,"$L2f4"]}],"$L2f5","$L2f6"]}]]}],"$L2f7"]}],"$L2f8"]}],"$L2f9",null,null]}],"$L2fa","$L2fb","$L2fc","$L2fd","$L2fe","$L2ff"]}]]}]
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":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L300"]}],["$","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":[["$","$L6e",null,{"children":["$","$L301",null,{}]}],"$L302"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L303",null,{}]}],"$L304"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","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":["$","$L97",null,{"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","(page: number) => void",{"className":"flex items-center gap-1","children":[false,"$L305"]}]]}]]}],"$L306"]}],"$L307","$L308","$L309","$L30a"]}],"$L30b",null,"$L30c"]}]]}]]}]
3e:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L30d"]}],["$","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":[["$","$L6e",null,{"children":["$","$L30e",null,{}]}],"$L30f"]}]]}],["$","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"}]}],"$L310"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"container"}]}],["$","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,["$","$L97",null,{"children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L311"}]]}]]}]]}],null,null]}]]}]]}]
314: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  z3f:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-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--687a213c85e2e4589d8db1bb.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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-4","aria-hidden":true,"focusable":"false"}]]}]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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"}]}],"$L312"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-4","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-6","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-8","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-10","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-12","aria-hidden":true,"focusable":"false"}],["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-14","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-sm","children":"3xl"}]]}]]}],"$L313"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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","aria-hidden":true,"focusable":"false","viewBox":"0 128 1280 896","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"className":"fill-primary-fg","d":"$314"}],"$L315","$L316"]}],"$L317"]}],"$L318","$L319","$L31a","$L31b","$L31c","$L31d","$L31e","$L31f","$L320","$L321","$L322","$L323","$L324","$L325","$L326","$L327","$L328","$L329","$L32a","$L32b","$L32c","$L32d","$L32e","$L32f","$L330","$L331","$L332","$L333","$L334","$L335","$L336","$L337","$L338","$L339","$L33a","$L33b","$L33c","$L33d","$L33e","$L33f","$L340","$L341","$L342","$L343","$L344","$L345","$L346","$L347","$L348","$L349","$L34a","$L34b","$L34c","$L34d","$L34e","$L34f"]}]]}]]}]
40:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":["$","$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}]]}],"$L350"]}]]}],"$L351","$L352","$L353","$L354","$L355","$L356","$L357","$L358","$L359"]}]]}],"$L35a","$L35b","$L35c","$L35d","$L35e","$L35f","$L360","$L361","$L362","$L363","$L364","$L365","$L366","$L367","$L368","$L369","$L36a","$L36b"]}]
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":["$","$L5",null,{"k":"nav.i18n"}]}],["$","p",null,{"className":"text-fg-mute text-lg","children":["$","$L5",null,{"k":"i18n.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":"i18n.defaultTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.defaultDescription"}]}],"$L36c"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"i18n.englishTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.englishDescription"}]}],"$L36d"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"i18n.overrideTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.overrideDescription"}]}],"$L36e"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"i18n.priorityTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.priorityDescription"}]}],"$L36f"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"i18n.customTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.customDescription"}]}],"$L370"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"i18n.keysTitle"}]}],["$","p",null,{"className":"text-fg-mute","children":["$","$L5",null,{"k":"i18n.keysDescription"}]}],["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","close",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"close"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Alert / Dialog / Drawer"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"閉じる"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Close"]}]]}],["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"required"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"FormControl"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"必須"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Required"]}]]}],["$","div","loading",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"loading"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":["$L371",":"," "]}],"Spinner"]}],"$L372","$L373"]}],"$L374","$L375","$L376","$L377","$L378","$L379","$L37a","$L37b","$L37c","$L37d","$L37e","$L37f","$L380","$L381","$L382","$L383","$L384","$L385","$L386","$L387","$L388","$L389","$L38a","$L38b","$L38c","$L38d","$L38e","$L38f","$L390","$L391","$L392"]}],"$L393"]}]]}]
42:["$","$L394",null,{}]
43:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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"}]}],"$L395"]}],["$","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":[["$","$L6e",null,{"children":["$","$L396",null,{}]}],"$L397"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","breakpoint",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}],["$","span","'2xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}],["$","span","'2xl'",{"className":"flex items-center gap-1","children":["$L398","$L399"]}]]}]}],"$L39a"]}]]}]]}],null,null]}]]}],"$L39b","$L39c"]}]
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":"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"}]}],"$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"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L39e",null,{}]}],"$L39f"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":"$L3a0"}],"$L3a1"]}],"$L3a2","$L3a3"]}]]}],null,null]}]]}],"$L3a4","$L3a5"]}]
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":"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"}]}],"$L3a6"]}],["$","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"}]}],"$L3a7"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":"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"}]}],"$L3a8"]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-8","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.usageTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"hooks.common.basicUsageTitle"}]}],["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L3a9",null,{}]}],"$L3aa"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(text: string) => Promise<void>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","readClipboard",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"readClipboard"}]}],"$L3ab","$L3ac"]}]]}]]}],null,null]}]]}]]}]
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":"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"}]}],"$L3ad"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3ae",null,{}]}],"$L3af"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"children":"[boolean, (action) => 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","readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]",{"className":"flex items-center gap-1","children":[false,"$L3b0"]}]]}]]}],"$L3b1"]}]]}],"$L3b2",null,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":"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"}]}],"$L3b3"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3b4",null,{}]}],"$L3b5"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"hooks.common.parametersTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"T"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L3b6"}]]}]]}]]}],null,null]}]]}],"$L3b7","$L3b8"]}]
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":"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"}]}],"$L3b9"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3ba",null,{}]}],"$L3bb"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}]]}]]}],null,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":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L3bc","$L3bd"]}]]}],"$L3be","$L3bf","$L3c0"]}],"$L3c1",null,null]}]]}]]}]
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":"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"}]}],"$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":"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"}]}],"$L3c3"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}],["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string | null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]]}]
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":"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"}]}],"$L3c4"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3c5",null,{}]}],"$L3c6"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"number[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"null"}]]}]]}],["$","div","options.rootMargin",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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":["$L3c7"]}]]}],"$L3c8"]}],"$L3c9"]}],"$L3ca",null,null]}]]}],"$L3cb","$L3cc"]}]
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":"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"}]}],"$L3cd"]}],["$","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"}]}],"$L3ce"]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"once"}],"$L3cf"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"number[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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":["$L3d0","$L3d1"]}]]}],"$L3d2"]}],"$L3d3","$L3d4"]}],"$L3d5",null,null]}]]}],"$L3d6","$L3d7"]}]
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":"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"}]}],"$L3d8"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3d9",null,{}]}],"$L3da"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","timeout",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],"$L3db"]}]]}]]}],null,null]}]]}]]}]
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":"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"}]}],"$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":"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":[["$","$L6e",null,{"children":["$","$L3dd",null,{}]}],"$L3de"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L3df",null,{}]}],"$L3e0"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"key"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L3e1"}],"$L3e2","$L3e3"]}]]}]]}],null,null]}]]}],"$L3e4","$L3e5"]}]
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":"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"}]}],"$L3e6"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3e7",null,{}]}],"$L3e8"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L3e9",null,{}]}],"$L3ea"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"key"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","initialValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L3eb"}],"$L3ec","$L3ed"]}]]}]]}],null,null]}]]}],"$L3ee","$L3ef"]}]
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":"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"}]}],"$L3f0"]}],["$","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"}]}],"$L3f1"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L3f2"]}]}],"$L3f3"]}],"$L3f4","$L3f5"]}]]}],null,null]}]]}],"$L3f6","$L3f7"]}]
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":"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"}]}],"$L3f8"]}],["$","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":[["$","$L6e",null,{"children":["$","$L3f9",null,{}]}],"$L3fa"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L3fb",null,{}]}],"$L3fc"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefObject<HTMLElement | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","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":["$","$L97",null,{"children":"options.threshold"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L3fd"]}]}],"$L3fe"]}],"$L3ff"]}]]}],null,null]}]]}],"$L400","$L401"]}]
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":"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"}]}],"$L402"]}],["$","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":[["$","$L6e",null,{"children":["$","$L403",null,{}]}],"$L404"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","maxCount",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],"$L405"]}]]}]]}],null,null]}]]}],"$L406","$L407"]}]
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":"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"}]}],"$L408"]}],["$","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"}]}],"$L409"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","delay",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]]}]
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":"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"}]}],"$L40a"]}],["$","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"}]}],"$L40b"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(size: { width: number; height: number }) => 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":["$","$L97",null,{"children":"options.enabled"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L40c"]}]}],"$L40d"]}]]}]]}],null,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":"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"}]}],"$L40e"]}],["$","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":[["$","$L6e",null,{"children":["$","$L40f",null,{}]}],"$L410"]}]]}],["$","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":[["$","$L6e",null,{"children":["$","$L411",null,{}]}],"$L412"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefObject<HTMLElement | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"document.body"}]}]]}]]}]]}],null,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":["$L413","$L414"]}],"$L415",null,null]}]]}]]}]
56:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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"}]}],"$L416"]}],["$","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":[["$","$L6e",null,{"children":["$","$L417",null,{}]}],"$L418"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","hoverProps",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"hoverProps"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L419"]}]}],"$L41a"]}]]}]]}],null,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":"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"}]}],"$L41b"]}],["$","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":[["$","$L6e",null,{"children":["$","$L41c",null,{}]}],"$L41d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"T | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"undefined"}]]}]]}],["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: T) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"undefined"}]]}]]}]]}],["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":"$L41e"}],"$L41f","$L420"]}],"$L421","$L422"]}]]}],null,null]}]]}],"$L423","$L424"]}]
58:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-12 md:px-8","children":[["$","div",null,{"className":"flex flex-col gap-4","children":[["$","h1",null,{"className":"font-bold text-2xl md:text-3xl","children":"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"}]}],"$L425"]}],["$","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":[["$","$L6e",null,{"children":["$","$L426",null,{}]}],"$L427"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","height",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L428"}]]}]]}]]}],null,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":"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"}]}],"$L429"]}],["$","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"}]}],"$L42a"]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefObject<Element | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"children":"writingMode"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],"$L42b"]}]]}]]}],"$L42c"]}]]}],"$L42d",null,null]}]]}]]}]
5a:["$","$L42e",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":"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"}]}],"$L42f"]}],["$","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":[["$","$L6e",null,{"children":["$","$L430",null,{}]}],"$L431"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ClassValue[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L432","$L433"]}]]}]]}],"$L434",null,null]}]]}]]}]
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":"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"}]}],"$L435"]}],["$","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":[["$","$L6e",null,{"children":["$","$L436",null,{}]}],"$L437"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReadonlyArray<Ref<T> | undefined>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"callbackRef"}]}],["$","dd",null,{"className":"text-fg-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,"$L438"]}]]}]]}],"$L439"]}]]}],"$L43a",null,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":"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"}]}],"$L43b"]}],["$","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":[["$","$L6e",null,{"children":["$","$L43c",null,{}]}],"$L43d"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Record<string, unknown>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","override",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"override"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L43e"]}]}],"$L43f"]}]]}]]}],null,null]}]]}],"$L440","$L441"]}]
5e:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-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"}]}],"$L442"]}],["$","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":[["$","$L6e",null,{"children":["$","$L443",null,{}]}],"$L444"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(T | undefined)[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"children":"chainedFunction"}]}],["$","dd",null,{"className":"text-fg-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,"$L445"]}]]}]]}],"$L446"]}]]}],"$L447",null,null]}]]}]]}]
5f:["$","div",null,{"className":"mx-auto flex max-w-4xl flex-col gap-8 px-6 py-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"}]}],"$L448"]}],["$","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":[["$","$L6e",null,{"children":["$","$L449",null,{}]}],"$L44a"]}]]}]]}],["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"children":"[Context, useSafeContext]"}]}],["$","dd",null,{"className":"text-fg-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,"$L44b"]}]]}]]}],"$L44c"]}]]}],"$L44d",null,null]}]]}]]}]
76:["$","$L5",null,{"k":"components.button.disabledTitle"}]
77:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",null,{"children":["$","$L6f",null,{"disabled":true,"children":"Disabled"}]}],"$L44e"]}]
78:["$","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":[["$","$L6e",null,{"children":["$","$L44f",null,{}]}],"$L450"]}]]}]
79:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
7a:["$","section",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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'skeleton'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'solid'"}]]}]]}],["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'secondary'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'base'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'primary'"}]]}]]}],["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'button'"}]]}],["$","span","'submit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'submit'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'button'"}]]}]]}],["$","div","fullWidth",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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":["$L451"]}]]}],"$L452"]}],"$L453","$L454","$L455","$L456","$L457","$L458","$L459"]}],"$L45a","$L45b",null]}]]}]
83:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"components.common.propsTitle"}]}],["$","div",null,{"className":"flex flex-col gap-4","children":[["$","dl",null,{"className":"flex flex-col gap-4 md:hidden","children":[["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'transparent'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'base'"}]]}],["$","span","'primary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'secondary'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'transparent'"}]]}]]}],["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","tooltipPlacement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'top'"}]]}]]}],["$","div","tooltipDisabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":["$L45c","$L45d","$L45e"]}],"$L45f","$L460","$L461"]}],"$L462","$L463",null]}]]}]
88:["$","$L97",null,{"children":"href"}]
89:["$","dd",null,{"className":"text-fg-mute 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,["$","$L97",null,{"children":"string"}]]}]]}]]}]
8a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
8b:["$","div","openInNewTab",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
8c:["$","div","renderAnchor",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props) => ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
8d:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
8e:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","renderAnchor",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
8f:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"AnchorHTMLAttributes<HTMLAnchorElement>"}]]}]
98:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
99:"-"
9a:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
9b:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
9c:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
9d:["$","div","type",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","HTMLInputTypeAttribute",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"HTMLInputTypeAttribute"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'text'"}]]}]]}]
9e:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
9f:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a0:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a1:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
a2:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"type"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","HTMLInputTypeAttribute",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"HTMLInputTypeAttribute"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'text'"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":["$L464","$L465","$L466"]}]]}]]}]
a3:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
ab:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]
ac:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
ad:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
ae:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
af:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b0:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b1:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b2:["$","div","rows",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b3:["$","div","fullHeight",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
b4:["$","div","autoResize",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
b5:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b6:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b7:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b8:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLTextAreaElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLTextAreaElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
b9:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"rows"}]}],["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","fullHeight",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","autoResize",{"className":"border-border-mute border-b","children":["$L467","$L468","$L469"]}],"$L46a","$L46b","$L46c","$L46d"]}]]}]
ba:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"TextareaHTMLAttributes<HTMLTextAreaElement>"}]]}]
c2:"-"
c3:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
c4:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
c5:["$","div","step",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"1"}]]}]]}]
c6:["$","div","precision",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"0"}]]}]]}]
c7:["$","div","max",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
c8:["$","div","min",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
c9:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
ca:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
cb:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: number) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
cc:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
cd:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
ce:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"1"}]}]]}],["$","tr","precision",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"0"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":"$L46e"}],"$L46f","$L470"]}],"$L471","$L472","$L473"]}]]}]
cf:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
d7:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]
d8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
d9:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string | undefined"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
da:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
db:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
dc:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
dd:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
de:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
df:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
e0:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
e1:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLSelectElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLSelectElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
e2:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultValue",{"className":"border-border-mute border-b","children":["$L474","$L475","$L476"]}],"$L477"]}]]}]
e3:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"SelectHTMLAttributes<HTMLSelectElement>"}]]}]
ef:["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]
f0:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
f1:["$","div","itemValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f2:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
f3:["$","div","checked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"checked"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f4:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(checked: boolean, event: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f5:["$","div","defaultChecked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f6:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
f7:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","checked",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"checked"}]}],["$","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,["$","$L97",null,{"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":["$","$L97",null,{"children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(checked: boolean, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(checked: boolean, event: ChangeEvent<HTMLInputElement>) => 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
f8:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
f9:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
fa:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"value"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L478","$L479"]}],"$L47a"]}],"$L47b","$L47c","$L47d"]}],"$L47e","$L47f",null]}]]}]
100:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
101:["$","$L97",null,{"children":"false"}]
102:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
103:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"CheckboxCardOption[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
104:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
105:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
106:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
107:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
108:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L480"}]]}]]}]]}]
109:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"FieldsetHTMLAttributes<HTMLFieldSetElement>"}]]}]
110:["$","$L97",null,{"children":"boolean"}]
111:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
112:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
113:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
114:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
115:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
116:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
117:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
118:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L481"}]]}]]}]]}]
119:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"FieldsetHTMLAttributes<HTMLFieldSetElement>"}]]}]
121:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
122:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]]}]
123:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
124:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
125:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
126:["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
127:["$","div","checked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"checked"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
128:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(checked: boolean, event: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
129:["$","div","defaultChecked",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
12a:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
12b:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
12c:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
12d:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","checked",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"checked"}]}],["$","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,["$","$L97",null,{"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":["$","$L97",null,{"children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(checked: boolean, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(checked: boolean, event: ChangeEvent<HTMLInputElement>) => 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":["$","$L97",null,{"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,"$L482"]}]]}]}],"$L483"]}],"$L484","$L485","$L486"]}]]}]
12e:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
135:["$","$L97",null,{"children":"false"}]
136:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
137:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
138:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
139:["$","div","autoComplete",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"\"current-password\""}]]}]]}]
13a:["$","div","showLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.passwordShow"}]]}]]}]
13b:["$","div","hideLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.passwordHide"}]]}]]}]
13c:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
13d:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
13e:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
13f:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
140:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
141:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
142:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","placeholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"\"current-password\""}]}]]}],["$","tr","showLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.passwordShow"}]}]]}],["$","tr","hideLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L487"}]]}],"$L488","$L489","$L48a","$L48b","$L48c","$L48d"]}]]}]
143:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
144:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.messagesNote"}]," ",["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"nav.i18n"}]}]]}]
14b:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
14c:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]]}]
14d:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
14e:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","readonly Option[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
14f:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
150:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(value: string, event: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
151:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
152:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly Option[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly 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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(value: string, event: ChangeEvent<HTMLInputElement>) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(value: string, event: ChangeEvent<HTMLInputElement>) => 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
153:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
15b:["$","dd",null,{"className":"text-fg-mute 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,["$","$L97",null,{"children":"string"}]]}]]}]]}]
15c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
15d:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
15e:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
15f:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","readonly RadioCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly RadioCardOption[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
160:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
161:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
162:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
163:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
164:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly RadioCardOption[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly 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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L48e"}]]}],"$L48f"]}]]}]
165:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'role'>"}]]}]
171:["$","$L97",null,{"children":"aria-describedby"}]
172:["$","dd",null,{"className":"text-fg-mute 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,["$","$L97",null,{"children":"string | undefined"}]]}]]}]]}]
173:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
174:["$","div","invalid",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
175:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
176:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
177:["$","div","options",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Option[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
178:["$","div","placeholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.autocompletePlaceholder"}]]}]]}]
179:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17a:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17b:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17c:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
17d:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Option[]"}]]}]]}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.autocompletePlaceholder"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":["$L490","$L491","$L492"]}],"$L493","$L494"]}]]}]
17e:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
17f:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.messagesNote"}]," ",["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"nav.i18n"}]}]]}]
185:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
186:"-"
187:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
188:["$","div","step",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"1"}]]}]]}]
189:["$","div","max",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"100"}]]}]]}]
18a:["$","div","min",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"0"}]]}]]}]
18b:["$","div","value",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
18c:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: number) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
18d:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
18e:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
18f:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
190:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
191:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
192:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"1"}]}]]}],["$","tr","max",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"100"}]}]]}],["$","tr","min",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"0"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: number) => 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":"$L495"}],"$L496","$L497"]}],"$L498","$L499","$L49a","$L49b"]}]]}]
193:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
19f:["$","$L97",null,{"children":"invalid"}]
1a0:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
1a1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
1a2:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
1a3:["$","div","accept",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1a4:["$","div","multiple",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
1a5:["$","div","maxFiles",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1a6:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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: "}],"-"]}]]}]
1a7:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1a8:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","accept",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","maxFiles",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"maxFiles"}]}],["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(files: FileList | null, event?: ChangeEvent<HTMLInputElement>) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,"$L49c"]}]]}]}],"$L49d"]}]]}]]}]
1a9:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
1b5:["$","$L97",null,{"children":"invalid"}]
1b6:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
1b7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
1b8:["$","div","required",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
1b9:["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1ba:["$","div","labelAs",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'label'"}]]}],["$","span","'legend'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'legend'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'label'"}]]}]]}]
1bb:["$","div","helpText",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1bc:["$","div","errorText",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1bd:["$","div","renderInput",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"function"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1be:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'label'"}]]}],["$","span","'legend'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'legend'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'label'"}]}]]}],["$","tr","helpText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"helpText"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","errorText",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","renderInput",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,"$L49e"]}]]}]}],"$L49f"]}]]}]]}]
1c4:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
1c5:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
1c6:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(formData: FormData) => void | Promise<void>"}]]}],["$","span","string",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"-"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]
1cd:["$","$L1c9",null,{"children":"Section A"}]
1ce:["$","$L1ca",null,{"children":["$","p",null,{"children":"This panel is open by default."}]}]
1cf:["$","$L1c8",null,{"defaultOpen":true,"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"Section B"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"This panel is also open by default."}]}]]}]
1d0:["$","$L1c8",null,{"children":[["$","h3",null,{"children":["$","$L1c9",null,{"children":"Section C"}]}],["$","$L1ca",null,{"children":["$","p",null,{"children":"This panel is closed by default."}]}]]}]
1d2:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1d3:["$","section",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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,"$L4a0"]}]]}]}],"$L4a1"]}],"$L4a2"]}]]}],null,null]}],"$L4a3","$L4a4","$L4a5","$L4a6"]}]
1d9:"-"
1da:["$","div","name",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1db:["$","div","fallback",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1dc:["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}]
1dd:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}]]}]]}]
1de:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLSpanElement>"}]]}]
1e3:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":["$","$L5",null,{"k":"components.badge.interactiveTitle"}]}]
1e4:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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"}]]}],"$L4a7"]}]
1e5:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1e6:["$","section",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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","tone",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'neutral'"}]]}],["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'info'"}]]}],["$","span","'success'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'success'"}]]}],["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'warning'"}]]}],["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'error'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'neutral'"}]]}]]}],["$","div","variant",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":["$L4a8","$L4a9"]}]]}]]}],"$L4aa","$L4ab",null]}]]}]
1ec:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"appearance"}]}]
1ed:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"'shadow'"}]]}],["$","span","'bordered'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'bordered'"}]]}]]}]]}]
1ee:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'shadow'"}]]}]
1ef:["$","div","width",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'full'"}]]}],["$","span","'fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'fit'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'full'"}]]}]]}]
1f0:["$","div","interactive",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
1f1:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
1f2:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'shadow'"}]]}],["$","span","'bordered'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'bordered'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'shadow'"}]}]]}],["$","tr","width",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'full'"}]]}],["$","span","'fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'fit'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'full'"}]}]]}],["$","tr","interactive",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
1f3:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
1f7:"-"
1f8:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLElement>"}]]}]
1fb:["$","$L6e",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."}]}]}]]}]}]}]
1fd:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
1fe:["$","section",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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","containerClassName",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}],["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Row"}],["$","div",null,{"className":"flex flex-col gap-4","children":["$L4ac","$L4ad",null,null]}],"$L4ae","$L4af"]}]
206:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"value"}]}]
207:["$","dd",null,{"className":"text-fg-mute 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,["$","$L97",null,{"children":"string"}]]}],["$","span","undefined",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"undefined"}]]}]]}]]}]
208:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
209:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
20a:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
20b:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'bottom'"}]}]]}],["$","tr","options",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"options"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","readonly Option[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"readonly 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}],["$","span","undefined",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
20c:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Trigger"}]
20d:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
20e:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.IconTrigger"}]
20f:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","icon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactElement"}]]}]]}]]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","icon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactElement"}]]}]]}]}],["$","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":["$","$L97",null,{"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,"$L4b0"]}]]}]}],"$L4b1"]}]]}]]}],null,null]}]
210:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"ListBox.Content"}]
211:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
215:["$","div",null,{"className":"flex flex-col overflow-hidden rounded-xl shadow-sm","children":[["$","$L6e",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-[inline-size] block-full inline-(--progress-fill)","role":"progressbar"}]}]}]}],"$L4b2"]}]
216:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
217:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"0"}]]}]]}],["$","div","label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"progress"}]}],["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","maxProgress",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","minProgress",{"className":"border-border-mute border-b","children":["$L4b3","$L4b4","$L4b5"]}],"$L4b6"]}]]}],"$L4b7",null]}]]}]
21c:["$","$L97",null,{"children":"'h2'"}]
21d:["$","span","'h3'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h3'"}]]}]
21e:["$","span","'h4'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h4'"}]]}]
21f:["$","span","'h5'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h5'"}]]}]
220:["$","span","'h6'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h6'"}]]}]
221:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
222:["$","div","id",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
223:["$","div","lineClamp",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
224:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
225:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'h1'"}]]}],["$","span","'h2'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h2'"}]]}],["$","span","'h3'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h3'"}]]}],["$","span","'h4'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h4'"}]]}],["$","span","'h5'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'h5'"}]]}],["$","span","'h6'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
226:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLHeadingElement>"}]]}]
232:["$","span","'success'",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"'success'"}]]}]
233:["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'info'"}]]}]
234:["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'warning'"}]]}]
235:["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'error'"}]]}]
236:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
237:["$","div","message",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}],["$","span","string[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
238:["$","div","action",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"{ label: string; renderItem: ({ children }) => ReactNode }"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
239:["$","div","onClose",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
23a:["$","div","closeLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.close"}]]}]]}]
23b:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","tone",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'success'"}]]}],["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'info'"}]]}],["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'warning'"}]]}],["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}],["$","span","string[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"closeLabel"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.close"}]}]]}]]}]]}]
23c:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
23d:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.messagesNote"}]," ",["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"nav.i18n"}]}]]}]
243:["$","$L97",null,{"children":"boolean"}]
244:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"true"}]]}]
245:["$","div","shape",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'rect'"}]]}],["$","span","'circle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'circle'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'rect'"}]]}]]}]
246:["$","div","size",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}]
247:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]]}],["$","tr","shape",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'rect'"}]]}],["$","span","'circle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'circle'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'rect'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}]]}]]}]
248:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
24d:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}]
24e:["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}]
24f:["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]
250:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.loading"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}]]}]
251:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"OutputHTMLAttributes<HTMLOutputElement>"}]]}]
252:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.messagesNote"}]," ",["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"nav.i18n"}]}]]}]
259:["$","$L97",null,{"children":"'absolute'"}]
25a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'fixed'"}]]}]
25b:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
25c:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'fixed'"}]]}],["$","span","'absolute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'absolute'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'fixed'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
25d:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"useToast"}]
25e:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(id: string) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","onCloseAll",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
264:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]
265:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
266:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
267:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
268:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'bottom'"}]}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
269:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Trigger"}]
26a:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
26b:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tooltip.Content"}]
26c:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
274:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"tabIndex"}]}]
275:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"number"}]]}]]}]]}]
276:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
277:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
278:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
279:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'dialog'"}]}]]}],["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","tabIndex",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"tabIndex"}]}],["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLElement>"}]]}]]}]}],["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
27a:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Header"}]
27b:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
27c:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Dialog.Content"}]
27d:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
283:["$","$L97",null,{"children":"isOpen"}]
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","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
285:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
286:["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
287:["$","div","onClose",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
288:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
289:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"children":"title"}]}],["$","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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","side",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"side"}]}],["$","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,["$","$L97",null,{"children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'right'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'right'"}]}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
291:["$","$L97",null,{"children":"defaultOpen"}]
292:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
293:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
294:["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
295:["$","div","onClose",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
296:["$","div","aria-label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
297:["$","div","aria-labelledby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
298:["$","div","aria-describedby",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
299:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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<HTMLDialogElement | null>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"RefObject<HTMLDialogElement | null>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
29a:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
29b:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"children":"placement"}]}],["$","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,["$","$L97",null,{"children":"'center'"}]]}],["$","span","'bottom'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'bottom'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'right'"}]]}],["$","span","'left'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'left'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'center'"}]}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","aria-label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","ref",{"className":"border-border-mute border-b","children":["$L4b8","$L4b9","$L4ba"]}],"$L4bb"]}]]}]
2a1:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"flipDisabled"}]}]
2a2:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
2a3:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
2a4:["$","div","closeOnClickAway",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"closeOnClickAway"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"true"}]]}]]}]
2a5:["$","div","trapFocus",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"trapFocus"}]}],["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"true"}]]}]]}]
2a6:["$","div","isOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a7:["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
2a8:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2a9:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2aa:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'bottom-start'"}]}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'dialog'"}]]}],["$","span","'menu'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'menu'"}]]}],["$","span","'listbox'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'listbox'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'menu'"}]}]]}],["$","tr","flipDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","closeOnClickAway",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"closeOnClickAway"}]}],["$","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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]]}],["$","tr","trapFocus",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"trapFocus"}]}],["$","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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L4bc"}],"$L4bd","$L4be"]}],"$L4bf"]}]]}]
2ab:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Trigger"}]
2ac:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: HTMLProps<HTMLButtonElement>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2ad:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Popover.Content"}]
2ae:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: Record<string, unknown>) => ReactElement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2b8:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]
2b9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2ba:["$","div","defaultOpen",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2bb:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2bc:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2bd:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'bottom-start'"}]}]]}],["$","tr","isOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","defaultOpen",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"children":"onChange"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => 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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
2be:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Trigger"}]
2bf:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","variant",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'skeleton'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L4c0"}]]}],"$L4c1"]}]]}],null,null]}]
2c0:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.IconTrigger"}]
2c1:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2c2:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Content"}]
2c3:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2c4:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"DropdownMenu.Item"}]
2c5:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"MouseEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2ca:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"orientation"}]}]
2cb:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'vertical'"}]]}]]}]]}]
2cc:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'horizontal'"}]]}]
2cd:["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'base'"}]]}],["$","span","'mute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'mute'"}]]}],["$","span","'subtle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'subtle'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'base'"}]]}]]}]
2ce:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'vertical'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'horizontal'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'base'"}]]}],["$","span","'mute'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'mute'"}]]}],["$","span","'subtle'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'subtle'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'base'"}]}]]}]]}]]}]
2cf:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLSpanElement>"}]]}]
2d3:["$","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":[["$","$L6e",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"}],"$L4c2","$L4c3","$L4c4"]}]]}]}],"$L4c5"]}]]}]
2d4:["$","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":[["$","$L6e",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"}]]}]}]}],"$L4c6"]}]]}]
2d5:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
2d6:["$","section",null,{"className":"flex flex-col gap-4","children":[["$","h2",null,{"className":"font-bold text-xl md:text-2xl","children":["$","$L5",null,{"k":"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'row'"}]]}],["$","span","'column'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'column'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'column'"}]]}]]}],["$","div","gap",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'none'"}]]}],["$","span","'sm'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]]}],["$","div","align",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'start'"}]]}],["$","span","'center'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'center'"}]]}],["$","span","'end'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'end'"}]]}],["$","span","'stretch'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'stretch'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}],["$","div","justify",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'start'"}]]}],["$","span","'center'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'center'"}]]}],["$","span","'end'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'end'"}]]}],["$","span","'between'",{"className":"flex items-center gap-1","children":["$L4c7","$L4c8"]}]]}]]}],"$L4c9"]}]]}],"$L4ca","$L4cb",null]}]]}]
2d9:["$","div",null,{"className":"px-3 py-2 text-center text-sm","children":"F"}]
2da:["$","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"}]}]
2db:["$","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"}]}]
2dc:["$","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"}]}]]}]
2de:["$","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":[["$","$L6e",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"}]}]]}]}],"$L4cc"]}]]}]
2df:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
2e0:["$","section",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":["$","$L97",null,{"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,["$","$L97",null,{"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":"|"}],["$","$L97",null,{"children":"'auto-fill'"}]]}],["$","span","'auto-fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'auto-fit'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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: "}],["$","$L97",null,{"children":"48"}]]}]]}],["$","div","gap",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'none'"}]]}],["$","span","'sm'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"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","cols",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":"|"}],"$L4cd"]}],"$L4ce"]}]}],"$L4cf"]}],"$L4d0","$L4d1"]}]]}],"$L4d2",null]}]]}]
2e6:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
2e7:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","ReactNode",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"ReactNode"}]]}]]}]
2e8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
2e9:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"null"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
2ea:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.List"}]
2eb:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2ec:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Tab"}]
2ed:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2ee:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Tabs.Panel"}]
2ef:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2f4:["$","$L97",null,{"children":"'sm'"}]
2f5:["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}]
2f6:["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]
2f7:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'md'"}]]}]
2f8:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
2f9:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
2fa:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Item"}]
2fb:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
2fc:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Separator"}]
2fd:["$","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,null]}]
2fe:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Breadcrumb.Link"}]
2ff:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","component",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","current",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","component",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"component"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":["$L4d3"]}]}],"$L4d4"]}],"$L4d5"]}]]}],null,null]}]
305:["$","$L97",null,{"children":"(page: number) => void"}]
306:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
307:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
308:["$","div","prevLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.paginationPrevious"}]]}]]}]
309:["$","div","nextLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.paginationNext"}]]}]]}]
30a:["$","div","aria-label",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"messages.paginationLabel"}]]}]]}]
30b:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","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":["$","$L97",null,{"children":"onChange"}]}],["$","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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","prevLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.paginationPrevious"}]}]]}],["$","tr","nextLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.paginationNext"}]}]]}],["$","tr","aria-label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"messages.paginationLabel"}]}]]}]]}]]}]
30c:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.messagesNote"}]," ",["$","$Ld",null,{"path":"/i18n","children":["$","$L5",null,{"k":"nav.i18n"}]}]]}]
311:"-"
4d6: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  z315:["$","path",null,{"className":"fill-(--teal-700) dark:fill-(--teal-400)","d":"$4d6"}]
4d7: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  z316:["$","path",null,{"className":"fill-(--teal-600) dark:fill-(--teal-500)","d":"$4d7"}]
317:["$","p",null,{"className":"text-fg-mute text-xs","children":"LogoIcon"}]
318:["$","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","aria-hidden":true,"focusable":"false","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"}]]}]
319:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CloseIcon"}]]}]
31a:["$","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":"$3f:props:children:4:props:children:1:props:children:0:props:children:0:props:iconNode","className":"lucide-check size-6","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CheckIcon"}]]}]
31b:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ChevronIcon"}]]}]
31c:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PlusIcon"}]]}]
31d:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MinusIcon"}]]}]
31e:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LinkIcon"}]]}]
31f:["$","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:3:props:children:props:children:1:props:iconNode","className":"lucide-external-link size-6","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ExternalLinkIcon"}]]}]
320:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"CopyIcon"}]]}]
321:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SendIcon"}]]}]
322:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MailIcon"}]]}]
323:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ViewIcon"}]]}]
324:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ViewOffIcon"}]]}]
325:["$","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 16v-4","key":"1dtifu"}],["path",{"d":"M12 8h.01","key":"e9boi3"}]],"className":"lucide-info size-6","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (info)"}]]}]
326:["$","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":"m9 12 2 2 4-4","key":"dzmm74"}]],"className":"lucide-circle-check size-6","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (success)"}]]}]
327:["$","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.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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (warning)"}]]}]
328:["$","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"}],["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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AlertIcon (error)"}]]}]
329:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AccessibilityIcon"}]]}]
32a:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AIIcon"}]]}]
32b:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"AtomIcon"}]]}]
32c:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BlogIcon"}]]}]
32d:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ColorContrastIcon"}]]}]
32e:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ColorInfoIcon"}]]}]
32f:["$","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","aria-hidden":true,"focusable":"false","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"}]]}]
330:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"DarkModeIcon"}]]}]
331:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LightModeIcon"}]]}]
332:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"FormIcon"}]]}]
333:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"HistoryIcon"}]]}]
334:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"RefreshIcon"}]]}]
335:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ListIcon"}]]}]
336:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"LocationIcon"}]]}]
337:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"MixedColorIcon"}]]}]
338:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"NavigationMenuIcon"}]]}]
339:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"NewsIcon"}]]}]
33a:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PaletteIcon"}]]}]
33b:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PrepareIcon"}]]}]
33c:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"PublishDateIcon"}]]}]
33d:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"RSSIcon"}]]}]
33e:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ShieldCheckIcon"}]]}]
33f:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SlideIcon"}]]}]
340:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SparklesIcon"}]]}]
341:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"SubscribeIcon"}]]}]
342:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"TableIcon"}]]}]
343:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"TagIcon"}]]}]
344:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"UpdateDateIcon"}]]}]
345:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"GoodIcon"}]]}]
346:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BadIcon"}]]}]
347:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"InformativeIcon"}]]}]
348:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"ShallowIcon"}]]}]
349:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"InterestingIcon"}]]}]
34a:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"BoringIcon"}]]}]
34b:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"EasyIcon"}]]}]
34c:["$","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","aria-hidden":true,"focusable":"false"}],["$","p",null,{"className":"text-fg-mute text-xs","children":"DifficultIcon"}]]}]
34d:["$","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","aria-hidden":true,"focusable":"false","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"}]]}]
34e:["$","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","aria-hidden":true,"focusable":"false","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"}]]}]
4d8: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 
z4d9: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 
z34f:["$","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","aria-hidden":true,"focusable":"false","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":"$4d8","fill":"#55C500","opacity":"1.00","stroke":"none"}],["$","path",null,{"d":"$4d9","fill":"#55C500","opacity":"1.00","stroke":"none"}]]}],"$L4da"]}]
350:["$","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}]]}]
351:["$","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}]]}]]}]]}]
352:["$","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}]]}]]}]]}]
353:["$","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}]]}]]}]]}]
354:["$","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}]]}]]}]]}]
355:["$","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}]]}]]}]]}]
356:["$","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}]]}]]}]]}]
357:["$","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}]]}]]}]]}]
358:["$","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}]]}]]}]]}]
359:["$","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}]]}]]}]]}]
35a:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
35b:["$","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":[["$","$L4db","fg-base",{"token":{"name":"fg-base","light":"gray-900","dark":"gray-50"}}],["$","$L4db","fg-subtle",{"token":{"name":"fg-subtle","light":"gray-600","dark":"gray-400"}}],["$","$L4db","fg-mute",{"token":{"name":"fg-mute","light":"gray-700","dark":"gray-300"}}],["$","$L4db","fg-inverse",{"token":{"name":"fg-inverse","light":"gray-50","dark":"gray-900"}}],["$","$L4db","fg-info",{"token":{"name":"fg-info","light":"blue-800","dark":"blue-200"}}],["$","$L4db","fg-success",{"token":{"name":"fg-success","light":"green-800","dark":"green-200"}}],["$","$L4db","fg-warning",{"token":{"name":"fg-warning","light":"yellow-800","dark":"yellow-200"}}],["$","$L4db","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":[["$","$L4db","bg-base",{"token":{"name":"bg-base","light":"white","dark":"gray-800"}}],["$","$L4db","bg-raised",{"token":{"name":"bg-raised","light":"white","dark":"gray-800"}}],["$","$L4db","bg-surface",{"token":{"name":"bg-surface","light":"gray-50","dark":"gray-950"}}],["$","$L4db","bg-subtle",{"token":{"name":"bg-subtle","light":"gray-100","dark":"gray-900"}}],["$","$L4db","bg-mute",{"token":{"name":"bg-mute","light":"gray-200","dark":"gray-700"}}],["$","$L4db","bg-emphasize",{"token":{"name":"bg-emphasize","light":"gray-300","dark":"gray-600"}}],["$","$L4db","bg-inverse",{"token":{"name":"bg-inverse","light":"gray-900","dark":"white"}}],["$","$L4db","bg-info",{"token":{"name":"bg-info","light":"blue-100","dark":"blue-900"}}],["$","$L4db","bg-success",{"token":{"name":"bg-success","light":"green-100","dark":"green-900"}}],["$","$L4db","bg-warning",{"token":{"name":"bg-warning","light":"yellow-100","dark":"yellow-900"}}],["$","$L4db","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":[["$","$L4db","border-base",{"token":{"name":"border-base","light":"gray-400","dark":"gray-600"},"type":"border"}],["$","$L4db","border-subtle",{"token":{"name":"border-subtle","light":"gray-100","dark":"gray-700"},"type":"border"}],["$","$L4db","border-mute",{"token":{"name":"border-mute","light":"gray-200","dark":"gray-600"},"type":"border"}],["$","$L4db","border-emphasize",{"token":{"name":"border-emphasize","light":"gray-500","dark":"gray-500"},"type":"border"}],["$","$L4db","border-inverse",{"token":{"name":"border-inverse","light":"gray-700","dark":"gray-300"},"type":"border"}],["$","$L4db","border-info",{"token":{"name":"border-info","light":"blue-500","dark":"blue-400"},"type":"border"}],["$","$L4db","border-success",{"token":{"name":"border-success","light":"green-500","dark":"green-400"},"type":"border"}],["$","$L4db","border-warning",{"token":{"name":"border-warning","light":"yellow-500","dark":"yellow-400"},"type":"border"}],["$","$L4db","border-error",{"token":{"name":"border-error","light":"red-500","dark":"red-400"},"type":"border"}]]}]]}]]}]
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-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":[["$","$L4db","primary-fg",{"token":{"name":"primary-fg","light":"teal-800","dark":"teal-300"},"type":"fill"}],["$","$L4db","primary-bg",{"token":{"name":"primary-bg","light":"teal-200","dark":"teal-800"},"type":"fill"}],["$","$L4db","primary-bg-subtle",{"token":{"name":"primary-bg-subtle","light":"teal-50","dark":"teal-950"},"type":"fill"}],["$","$L4db","primary-bg-mute",{"token":{"name":"primary-bg-mute","light":"teal-100","dark":"teal-900"},"type":"fill"}],["$","$L4db","primary-bg-emphasize",{"token":{"name":"primary-bg-emphasize","light":"teal-300","dark":"teal-700"},"type":"fill"}],["$","$L4db","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":[["$","$L4db","secondary-fg",{"token":{"name":"secondary-fg","light":"cyan-800","dark":"cyan-300"},"type":"fill"}],["$","$L4db","secondary-bg",{"token":{"name":"secondary-bg","light":"cyan-200","dark":"cyan-800"},"type":"fill"}],["$","$L4db","secondary-bg-subtle",{"token":{"name":"secondary-bg-subtle","light":"cyan-50","dark":"cyan-950"},"type":"fill"}],["$","$L4db","secondary-bg-mute",{"token":{"name":"secondary-bg-mute","light":"cyan-100","dark":"cyan-900"},"type":"fill"}],["$","$L4db","secondary-bg-emphasize",{"token":{"name":"secondary-bg-emphasize","light":"cyan-300","dark":"cyan-700"},"type":"fill"}],["$","$L4db","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":[["$","$L4db","group-primary",{"token":{"name":"group-primary","light":"teal-800","dark":"teal-200"}}],["$","$L4db","group-secondary",{"token":{"name":"group-secondary","light":"cyan-800","dark":"cyan-200"}}],["$","$L4db","group-tertiary",{"token":{"name":"group-tertiary","light":"pink-800","dark":"pink-200"}}],["$","$L4db","group-quaternary",{"token":{"name":"group-quaternary","light":"purple-800","dark":"purple-200"}}]]}]]}]]}]
35e:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
35f:["$","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":["$L4dc","$L4dd"]}]}]]}],"$L4de","$L4df"]}]
360:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
361:["$","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"}]]}]]}]]}]]}]
362:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
363:["$","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)"}]]}]]}]]}]]}]
364:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
365:["$","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",")"]}]]}],"$L4e0"]}]}]]}]
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":"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",")"]}]]}]]}]}]]}]
368:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
369:["$","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"}]]}]]}]}]]}]
36a:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
36b:["$","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"}]}],"$L4e1"]}]
371:["$","$L5",null,{"k":"i18n.usedByColumn"}]
372:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"読み込み中"]}]
373:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Loading"]}]
374:["$","div","avatar",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"avatar"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Avatar"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"アバター"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Avatar"]}]]}]
375:["$","div","color",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"color"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Code"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"色"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Color"]}]]}]
376:["$","div","alertSuccess",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"alertSuccess"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Alert"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"成功"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Success"]}]]}]
377:["$","div","alertInfo",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"alertInfo"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Alert"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"情報"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Information"]}]]}]
378:["$","div","alertWarning",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"alertWarning"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Alert"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"警告"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Warning"]}]]}]
379:["$","div","alertError",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"alertError"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Alert"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"エラー"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Error"]}]]}]
37a:["$","div","toastRegion",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"toastRegion"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Toast"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"通知"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Notifications"]}]]}]
37b:["$","div","autocompletePlaceholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"autocompletePlaceholder"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Autocomplete"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"入力して絞り込めます"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Type to filter"]}]]}]
37c:["$","div","autocompleteRemoveTag",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"autocompleteRemoveTag"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Autocomplete"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"閉じる"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Remove"]}]]}]
37d:["$","div","autocompleteClear",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"autocompleteClear"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Autocomplete"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"すべて閉じる"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Clear all"]}]]}]
37e:["$","div","autocompleteEmpty",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"autocompleteEmpty"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Autocomplete"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"該当なし"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"No results"]}]]}]
37f:["$","div","fileFieldRemove",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"fileFieldRemove"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"FileField"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"ファイルを削除"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Remove file"]}]]}]
380:["$","div","numberFieldIncrement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"numberFieldIncrement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"NumberField"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"増やす"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Increase"]}]]}]
381:["$","div","numberFieldDecrement",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"numberFieldDecrement"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"NumberField"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"減らす"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Decrease"]}]]}]
382:["$","div","passwordShow",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"passwordShow"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"PasswordInput"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"パスワードを表示"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Show password"]}]]}]
383:["$","div","passwordHide",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"passwordHide"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"PasswordInput"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"パスワードを非表示"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Hide password"]}]]}]
384:["$","div","listBoxPlaceholder",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"listBoxPlaceholder"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"ListBox"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"選択してください"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Select an option"]}]]}]
385:["$","div","breadcrumb",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"breadcrumb"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Breadcrumb"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"パンくずリスト"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Breadcrumb"]}]]}]
386:["$","div","paginationLabel",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"paginationLabel"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Pagination"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"ページネーション"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Pagination"]}]]}]
387:["$","div","paginationPrevious",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"paginationPrevious"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Pagination"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"前へ"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Previous"]}]]}]
388:["$","div","paginationNext",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"paginationNext"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Pagination"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"次へ"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Next"]}]]}]
389:["$","div","chat",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"chat"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Conversation.Messages"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"チャット"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Chat"]}]]}]
38a:["$","div","scrollToLatest",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"scrollToLatest"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Conversation.ScrollButton"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"最新のメッセージへ移動"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Scroll to latest message"]}]]}]
38b:["$","div","reasoning",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"reasoning"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Reasoning"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"思考の過程"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Reasoning"]}]]}]
38c:["$","div","reasoningStreaming",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"reasoningStreaming"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Reasoning"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"思考中…"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Thinking…"]}]]}]
38d:["$","div","suggestions",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"suggestions"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"Suggestion.List"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"候補"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Suggestions"]}]]}]
38e:["$","div","send",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"send"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"PromptInput"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"送信"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Send"]}]]}]
38f:["$","div","stop",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"stop"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"PromptInput"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"停止"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Stop"]}]]}]
390:["$","div","toolInput",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"toolInput"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"ToolInvocation"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"入力"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Input"]}]]}]
391:["$","div","toolOutput",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"toolOutput"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"ToolInvocation"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"出力"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"Output"]}]]}]
392:["$","div","toolError",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"toolError"}]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.usedByColumn"}],":"," "]}],"ToolInvocation"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.jaColumn"}],":"," "]}],"ツールの実行でエラーが発生しました。"]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":[["$","$L5",null,{"k":"i18n.enColumn"}],":"," "]}],"The tool failed to run."]}]]}]
393:["$","div",null,{"className":"hidden overflow-x-auto md:block","children":["$","table",null,{"className":"w-full text-left text-sm","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":["$","$L5",null,{"k":"i18n.keyColumn"}]}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":["$","$L5",null,{"k":"i18n.usedByColumn"}]}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":["$","$L5",null,{"k":"i18n.jaColumn"}]}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":["$","$L5",null,{"k":"i18n.enColumn"}]}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","close",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"close"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Alert / Dialog / Drawer"}],["$","td",null,{"className":"py-3 pr-6","children":"閉じる"}],["$","td",null,{"className":"py-3","children":"Close"}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"required"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"FormControl"}],["$","td",null,{"className":"py-3 pr-6","children":"必須"}],["$","td",null,{"className":"py-3","children":"Required"}]]}],["$","tr","loading",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"loading"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Spinner"}],["$","td",null,{"className":"py-3 pr-6","children":"読み込み中"}],["$","td",null,{"className":"py-3","children":"Loading"}]]}],["$","tr","avatar",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"avatar"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Avatar"}],["$","td",null,{"className":"py-3 pr-6","children":"アバター"}],["$","td",null,{"className":"py-3","children":"Avatar"}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"color"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Code"}],["$","td",null,{"className":"py-3 pr-6","children":"色"}],["$","td",null,{"className":"py-3","children":"Color"}]]}],["$","tr","alertSuccess",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"alertSuccess"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Alert"}],["$","td",null,{"className":"py-3 pr-6","children":"成功"}],["$","td",null,{"className":"py-3","children":"Success"}]]}],["$","tr","alertInfo",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"alertInfo"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Alert"}],["$","td",null,{"className":"py-3 pr-6","children":"情報"}],["$","td",null,{"className":"py-3","children":"Information"}]]}],["$","tr","alertWarning",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"alertWarning"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Alert"}],["$","td",null,{"className":"py-3 pr-6","children":"警告"}],["$","td",null,{"className":"py-3","children":"Warning"}]]}],["$","tr","alertError",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"alertError"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Alert"}],["$","td",null,{"className":"py-3 pr-6","children":"エラー"}],["$","td",null,{"className":"py-3","children":"Error"}]]}],["$","tr","toastRegion",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"toastRegion"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Toast"}],["$","td",null,{"className":"py-3 pr-6","children":"通知"}],["$","td",null,{"className":"py-3","children":"Notifications"}]]}],["$","tr","autocompletePlaceholder",{"className":"border-border-mute border-b","children":["$L4e2","$L4e3","$L4e4","$L4e5"]}],"$L4e6","$L4e7","$L4e8","$L4e9","$L4ea","$L4eb","$L4ec","$L4ed","$L4ee","$L4ef","$L4f0","$L4f1","$L4f2","$L4f3","$L4f4","$L4f5","$L4f6","$L4f7","$L4f8","$L4f9","$L4fa","$L4fb","$L4fc"]}]]}]}]
398:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
399:["$","$L97",null,{"children":"'2xl'"}]
39a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
39b:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
39c:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3a0:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"RefObject<T | null>"}]]}]]}]
3a1:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3a2:["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(e: Event) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3a3:["$","tr","enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]]}]
3a4:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3a5:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3ab:["$","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,["$","$L97",null,{"children":"() => Promise<string>"}]]}]]}]}]
3ac:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3b0:["$","$L97",null,{"children":"readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]"}]
3b1:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
3b2:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"readonly [isPending: boolean, run: (action: (signal: AbortSignal) => void | Promise<void>) => void]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
3b6:["$","$L97",null,{"children":"-"}]
3b7:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3b8:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"readonly [deferredValue: T, isPending: boolean]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3bc:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
3bd:"-"
3be:["$","div","open",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3bf:["$","div","close",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3c0:["$","div","toggle",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
3c1:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
3c7:["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]
3c8:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'0px'"}]]}]
3c9:["$","div","options.once",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
3ca:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"number[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"0"}]}]]}],["$","tr","options.root",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"null"}]}]]}],["$","tr","options.rootMargin",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'0px'"}]}]]}],["$","tr","options.once",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}]]}]]}]
3cb:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3cc:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3d0:["$","span","Element",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Element"}]]}]
3d1:["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]
3d2:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"null"}]]}]
3d3:["$","div","options.rootMargin",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"'0px'"}]]}]]}]
3d4:["$","div","options.once",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
3d5:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}],["$","span","number[]",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"number[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"0"}]}]]}],["$","tr","options.root",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Element"}]]}],["$","span","null",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"null"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"null"}]}]]}],["$","tr","options.rootMargin",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'0px'"}]}]]}],["$","tr","options.once",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}]]}]]}]
3d6:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3d7:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3db:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3e1:["$","$L97",null,{"children":"initialValue"}]
3e2:["$","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,["$","$L97",null,{"children":"T"}]]}]]}]}]
3e3:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3e4:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3e5:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: T) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","handleRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3eb:["$","$L97",null,{"children":"initialValue"}]
3ec:["$","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,["$","$L97",null,{"children":"T"}]]}]]}]}]
3ed:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3ee:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3ef:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: T) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","handleRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3f2:["$","span","RefObject<T | null>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"RefObject<T | null>"}]]}]
3f3:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
3f4:["$","tr","callback",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(entry: ResizeObserverEntry) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
3f5:["$","tr","options.enabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]]}]
3f6:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
3f7:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
3fd:["$","span","number",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"number"}]]}]
3fe:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"50"}]}]
3ff:["$","tr","options.target",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefObject<HTMLElement | null>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"window"}]}]]}]
400:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
401:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'up'"}]]}],["$","span","'down'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'left'"}]]}],["$","span","'right'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'up'"}]]}],["$","span","'down'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'down'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
405:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
406:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
407:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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","count",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],"$L4fd"]}],"$L4fe","$L4ff","$L500","$L501"]}]]}],null,null]}]]}]
40c:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]
40d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"true"}]}]
413:["$","div","lock",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
414:["$","div","unlock",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
415:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
419:["$","span","{ onPointerEnter: () => void; onPointerLeave: () => void }",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"{ onPointerEnter: () => void; onPointerLeave: () => void }"}]]}]
41a:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
41e:["$","$L97",null,{"children":"value"}]
41f:["$","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,["$","$L97",null,{"children":"T | undefined"}]]}]]}]}]
420:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"undefined"}]}]
421:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"T"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
422:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: T) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"undefined"}]}]]}]
423:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
424:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(next: T | ((prev: T) => T)) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
428:"-"
42b:["$","$L97",null,{"children":"'vertical'"}]
42c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
42d:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'horizontal'"}]]}],["$","span","'vertical'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'vertical'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
432:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
433:"-"
434:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
438:["$","$L97",null,{"children":"RefCallback<T>"}]
439:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
43a:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"RefCallback<T>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
43e:["$","span","Record<string, unknown>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Record<string, unknown>"}]]}]
43f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
440:["$","span",null,{"aria-orientation":"horizontal","className":"block block-px inline-full bg-border-mute","role":"separator"}]
441:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"Omit<A, keyof B> & B"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]]}]
445:["$","$L97",null,{"children":"(...args: Parameters<T>) => void"}]
446:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
447:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Type"}],["$","th",null,{"className":"py-3 font-medium whitespace-nowrap","children":"Default"}]]}]}],["$","tbody",null,{"className":"text-fg-mute","children":[["$","tr","chainedFunction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(...args: Parameters<T>) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
44b:["$","$L97",null,{"children":"readonly [Context<T | null>, () => T]"}]
44c:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
44d:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"readonly [Context<T | null>, () => T]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
451:["$","span","boolean",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"boolean"}]]}]
452:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
453:["$","div","isActive",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
454:["$","div","startIcon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
455:["$","div","endIcon",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
456:["$","div","disabled",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}]
457:["$","div","onAction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void | Promise<void>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
458:["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: { className, children }) => ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
459:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
45a:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'solid'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'secondary'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'base'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'primary'"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","type",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'button'"}]]}],["$","span","'submit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'submit'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'button'"}]}]]}],["$","tr","fullWidth",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","isActive",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,"$L502"]}]]}]}],"$L503"]}],"$L504","$L505","$L506","$L507","$L508","$L509"]}]]}]
45b:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"ButtonHTMLAttributes<HTMLButtonElement>"}]]}]
45c:["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"children":"tooltipDisabled"}]}]
45d:["$","dd",null,{"className":"text-fg-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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}]
45e:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]
45f:["$","div","onAction",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void | Promise<void>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
460:["$","div","renderItem",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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: "}],"-"]}]]}]
461:["$","div","children",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
462:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","color",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'transparent'"}]]}],["$","span","'base'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'base'"}]]}],["$","span","'primary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'primary'"}]]}],["$","span","'secondary'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'secondary'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'transparent'"}]}]]}],["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","tooltipPlacement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"Placement"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'top'"}]}]]}],["$","tr","tooltipDisabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","onAction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L50a"}],"$L50b","$L50c"]}],"$L50d","$L50e"]}]]}]
463:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"ButtonHTMLAttributes<HTMLButtonElement>"}]]}]
464:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}]
465:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}]
466:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
467:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"autoResize"}]}]
468:["$","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,["$","$L97",null,{"children":"boolean"}]]}]]}]}]
469:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]
46a:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46b:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46c:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46d:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLTextAreaElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLTextAreaElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
46e:["$","$L97",null,{"children":"value"}]
46f:["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}]
470:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
471:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: number) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
472:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"number"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
473:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
474:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"defaultValue"}]}]
475:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string"}]]}]]}]}]
476:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
477:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLSelectElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLSelectElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
478:["$","span",null,{"className":"text-fg-mute/60","children":"Type: "}]
479:["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","string[]",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"string[]"}]]}]]}]
47a:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
47b:["$","div","onChange",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
47c:["$","div","defaultValue",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
47d:["$","div","ref",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]
47e:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","invalid",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","required",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"$L50f"}]]}],"$L510","$L511"]}]]}]
47f:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"InputHTMLAttributes<HTMLInputElement>"}]]}]
480:"-"
481:"-"
482:["$","$L97",null,{"children":"boolean"}]
483:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
484:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
485:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
486:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
487:["$","$L97",null,{"children":"messages.passwordHide"}]
488:["$","tr","value",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
489:["$","tr","onChange",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ChangeEventHandler<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
48a:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
48b:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
48c:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
48d:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
48e:"-"
48f:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
490:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"onChange"}]}]
491:["$","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,["$","$L97",null,{"children":"(value: string[]) => void"}]]}]]}]}]
492:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
493:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
494:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
495:["$","$L97",null,{"children":"defaultValue"}]
496:["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}]
497:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
498:["$","tr","id",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
499:["$","tr","name",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
49a:["$","tr","aria-describedby",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
49b:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLInputElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
49c:["$","$L97",null,{"children":"Ref<HTMLInputElement>"}]
49d:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
49e:["$","$L97",null,{"children":"function"}]
49f:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4a0:["$","$L97",null,{"children":"boolean"}]
4a1:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]
4a2:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4a3:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Button"}]
4a4:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
4a5:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Accordion.Panel"}]
4a6:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}],null,null]}]
4a8:["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}]
4a9:["$","$L97",null,{"children":"'solid'"}]
4aa:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","size",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","tone",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'neutral'"}]]}],["$","span","'info'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'info'"}]]}],["$","span","'success'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'success'"}]]}],["$","span","'warning'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'warning'"}]]}],["$","span","'error'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'error'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'neutral'"}]}]]}],["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'solid'"}]}]]}]]}]]}]
4ab:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLElement>"}]]}]
4ac:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"false"}]]}]]}],["$","div","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]]}]]}]
4ad:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}],["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
4ae:["$","h3",null,{"className":"font-bold text-lg md:text-xl","children":"Table.Cell / Table.HeaderCell"}]
4af:["$","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":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"\"left\" | \"center\" | \"right\""}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"\"left\""}]]}]]}],["$","div","tone",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"\"default\" | \"muted\""}]]}]]}]]}],["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],["$","$L97",null,{"children":"\"default\""}]]}]]}],["$","div","className",{"className":"border-border-mute flex flex-col gap-1 border-b pb-4","children":[["$","dt",null,{"className":"font-medium","children":["$","$L97",null,{"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,["$","$L97",null,{"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":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","align",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"\"left\" | \"center\" | \"right\""}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"\"left\""}]}]]}],["$","tr","tone",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"$L512"}],"$L513","$L514"]}],"$L515"]}]]}],null,null]}]
4b0:["$","$L97",null,{"children":"string"}]
4b1:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4b3:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"minProgress"}]}]
4b4:["$","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,["$","$L97",null,{"children":"number"}]]}]]}]}]
4b5:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"0"}]}]
4b6:["$","tr","label",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4b7:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
4b8:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}]
4b9:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","RefObject<HTMLDialogElement | null>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"RefObject<HTMLDialogElement | null>"}]]}]]}]}]
4ba:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4bb:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4bc:["$","$L97",null,{"children":"onChange"}]
4bd:["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","(isOpen: boolean) => void",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"(isOpen: boolean) => void"}]]}]]}]}]
4be:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4bf:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4c0:["$","$L97",null,{"children":"'md'"}]
4c1:["$","tr","variant",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'solid'"}]]}],["$","span","'outline'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'outline'"}]]}],["$","span","'skeleton'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'skeleton'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'solid'"}]}]]}]
4c2:["$","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"}]
4c3:["$","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"}]
4c4:["$","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"}]
4c7:["$","span",null,{"className":"text-fg-mute/60","children":"|"}]
4c8:["$","$L97",null,{"children":"'between'"}]
4c9:["$","dd",null,{"className":"text-fg-mute text-sm","children":[["$","span",null,{"className":"text-fg-mute/60","children":"Default: "}],"-"]}]
4ca:["$","table",null,{"className":"hidden w-full text-left text-sm md:table","children":[["$","thead",null,{"children":["$","tr",null,{"className":"border-border-mute border-b","children":[["$","th",null,{"className":"py-3 pr-6 font-medium whitespace-nowrap","children":"Prop"}],["$","th",null,{"className":"py-3 pr-6 font-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":["$","$L97",null,{"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,["$","$L97",null,{"children":"'row'"}]]}],["$","span","'column'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'column'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'column'"}]}]]}],["$","tr","gap",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'none'"}]]}],["$","span","'sm'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}],["$","tr","align",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'start'"}]]}],["$","span","'center'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'center'"}]]}],["$","span","'end'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'end'"}]]}],["$","span","'stretch'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'stretch'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}],["$","tr","justify",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'start'"}]]}],["$","span","'center'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'center'"}]]}],["$","span","'end'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'end'"}]]}],["$","span","'between'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'between'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]]}]]}]
4cb:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
4cd:["$","$L97",null,{"children":"'auto-fill'"}]
4ce:["$","span","'auto-fit'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'auto-fit'"}]]}]
4cf:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'auto-fill'"}]}]
4d0:["$","tr","minItemSize",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"24 | 32 | 40 | 48 | 64 | 80"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"48"}]}]]}]
4d1:["$","tr","gap",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"'none'"}]]}],["$","span","'sm'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'sm'"}]]}],["$","span","'md'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'md'"}]]}],["$","span","'lg'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'lg'"}]]}],["$","span","'xl'",{"className":"flex items-center gap-1","children":[["$","span",null,{"className":"text-fg-mute/60","children":"|"}],["$","$L97",null,{"children":"'xl'"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"'md'"}]}]]}]
4d2:["$","p",null,{"className":"text-fg-mute text-sm","children":[["$","$L5",null,{"k":"components.common.inheritsLabel"}]," ",["$","$L97",null,{"children":"HTMLAttributes<HTMLDivElement>"}]]}]
4d3:["$","span","FC",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"FC"}]]}]
4d4:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4d5:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4da:["$","p",null,{"className":"text-fg-mute text-xs","children":"QiitaIcon"}]
4dc:["$","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"}]]}]
4dd:["$","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"}]]}]
4de:["$","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"}]]}]]}]}]]}]
4df:["$","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"}]]}]]}]}]]}]
4e0:["$","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",")"]}]]}]
4e2:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"autocompletePlaceholder"}]}]
4e3:["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Autocomplete"}]
4e4:["$","td",null,{"className":"py-3 pr-6","children":"入力して絞り込めます"}]
4e5:["$","td",null,{"className":"py-3","children":"Type to filter"}]
4e6:["$","tr","autocompleteRemoveTag",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"autocompleteRemoveTag"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Autocomplete"}],["$","td",null,{"className":"py-3 pr-6","children":"閉じる"}],["$","td",null,{"className":"py-3","children":"Remove"}]]}]
4e7:["$","tr","autocompleteClear",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"autocompleteClear"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Autocomplete"}],["$","td",null,{"className":"py-3 pr-6","children":"すべて閉じる"}],["$","td",null,{"className":"py-3","children":"Clear all"}]]}]
4e8:["$","tr","autocompleteEmpty",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"autocompleteEmpty"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Autocomplete"}],["$","td",null,{"className":"py-3 pr-6","children":"該当なし"}],["$","td",null,{"className":"py-3","children":"No results"}]]}]
4e9:["$","tr","fileFieldRemove",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"fileFieldRemove"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"FileField"}],["$","td",null,{"className":"py-3 pr-6","children":"ファイルを削除"}],["$","td",null,{"className":"py-3","children":"Remove file"}]]}]
4ea:["$","tr","numberFieldIncrement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"numberFieldIncrement"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"NumberField"}],["$","td",null,{"className":"py-3 pr-6","children":"増やす"}],["$","td",null,{"className":"py-3","children":"Increase"}]]}]
4eb:["$","tr","numberFieldDecrement",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"numberFieldDecrement"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"NumberField"}],["$","td",null,{"className":"py-3 pr-6","children":"減らす"}],["$","td",null,{"className":"py-3","children":"Decrease"}]]}]
4ec:["$","tr","passwordShow",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"passwordShow"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"PasswordInput"}],["$","td",null,{"className":"py-3 pr-6","children":"パスワードを表示"}],["$","td",null,{"className":"py-3","children":"Show password"}]]}]
4ed:["$","tr","passwordHide",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"passwordHide"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"PasswordInput"}],["$","td",null,{"className":"py-3 pr-6","children":"パスワードを非表示"}],["$","td",null,{"className":"py-3","children":"Hide password"}]]}]
4ee:["$","tr","listBoxPlaceholder",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"listBoxPlaceholder"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"ListBox"}],["$","td",null,{"className":"py-3 pr-6","children":"選択してください"}],["$","td",null,{"className":"py-3","children":"Select an option"}]]}]
4ef:["$","tr","breadcrumb",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"breadcrumb"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Breadcrumb"}],["$","td",null,{"className":"py-3 pr-6","children":"パンくずリスト"}],["$","td",null,{"className":"py-3","children":"Breadcrumb"}]]}]
4f0:["$","tr","paginationLabel",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"paginationLabel"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Pagination"}],["$","td",null,{"className":"py-3 pr-6","children":"ページネーション"}],["$","td",null,{"className":"py-3","children":"Pagination"}]]}]
4f1:["$","tr","paginationPrevious",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"paginationPrevious"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Pagination"}],["$","td",null,{"className":"py-3 pr-6","children":"前へ"}],["$","td",null,{"className":"py-3","children":"Previous"}]]}]
4f2:["$","tr","paginationNext",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"paginationNext"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Pagination"}],["$","td",null,{"className":"py-3 pr-6","children":"次へ"}],["$","td",null,{"className":"py-3","children":"Next"}]]}]
4f3:["$","tr","chat",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"chat"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Conversation.Messages"}],["$","td",null,{"className":"py-3 pr-6","children":"チャット"}],["$","td",null,{"className":"py-3","children":"Chat"}]]}]
4f4:["$","tr","scrollToLatest",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"scrollToLatest"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Conversation.ScrollButton"}],["$","td",null,{"className":"py-3 pr-6","children":"最新のメッセージへ移動"}],["$","td",null,{"className":"py-3","children":"Scroll to latest message"}]]}]
4f5:["$","tr","reasoning",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"reasoning"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Reasoning"}],["$","td",null,{"className":"py-3 pr-6","children":"思考の過程"}],["$","td",null,{"className":"py-3","children":"Reasoning"}]]}]
4f6:["$","tr","reasoningStreaming",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"reasoningStreaming"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Reasoning"}],["$","td",null,{"className":"py-3 pr-6","children":"思考中…"}],["$","td",null,{"className":"py-3","children":"Thinking…"}]]}]
4f7:["$","tr","suggestions",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"suggestions"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"Suggestion.List"}],["$","td",null,{"className":"py-3 pr-6","children":"候補"}],["$","td",null,{"className":"py-3","children":"Suggestions"}]]}]
4f8:["$","tr","send",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"send"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"PromptInput"}],["$","td",null,{"className":"py-3 pr-6","children":"送信"}],["$","td",null,{"className":"py-3","children":"Send"}]]}]
4f9:["$","tr","stop",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"stop"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"PromptInput"}],["$","td",null,{"className":"py-3 pr-6","children":"停止"}],["$","td",null,{"className":"py-3","children":"Stop"}]]}]
4fa:["$","tr","toolInput",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"toolInput"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"ToolInvocation"}],["$","td",null,{"className":"py-3 pr-6","children":"入力"}],["$","td",null,{"className":"py-3","children":"Input"}]]}]
4fb:["$","tr","toolOutput",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"toolOutput"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"ToolInvocation"}],["$","td",null,{"className":"py-3 pr-6","children":"出力"}],["$","td",null,{"className":"py-3","children":"Output"}]]}]
4fc:["$","tr","toolError",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"toolError"}]}],["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":"ToolInvocation"}],["$","td",null,{"className":"py-3 pr-6","children":"ツールの実行でエラーが発生しました。"}],["$","td",null,{"className":"py-3","children":"The tool failed to run."}]]}]
4fd:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
4fe:["$","tr","next",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
4ff:["$","tr","back",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
500:["$","tr","isDisabledBack",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
501:["$","tr","isDisabledNext",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
502:["$","$L97",null,{"children":"boolean"}]
503:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]
504:["$","tr","startIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
505:["$","tr","endIcon",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
506:["$","tr","disabled",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"boolean"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"false"}]}]]}]
507:["$","tr","onAction",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"() => void | Promise<void>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
508:["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: { className, children }) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
509:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
50a:["$","$L97",null,{"children":"onAction"}]
50b:["$","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,["$","$L97",null,{"children":"() => void | Promise<void>"}]]}]]}]}]
50c:["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]
50d:["$","tr","renderItem",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"(props: { className, children, \"aria-label\", triggerProps }) => ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
50e:["$","tr","children",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"ReactNode"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
50f:"-"
510:["$","tr","defaultValue",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string[]"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
511:["$","tr","ref",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"children":"ref"}]}],["$","td",null,{"className":"py-3 pr-6","children":["$","span",null,{"className":"inline-flex items-center gap-1","children":[["$","span","Ref<HTMLFieldSetElement>",{"className":"flex items-center gap-1","children":[false,["$","$L97",null,{"children":"Ref<HTMLFieldSetElement>"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
512:["$","$L97",null,{"children":"tone"}]
513:["$","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,["$","$L97",null,{"children":"\"default\" | \"muted\""}]]}]]}]}]
514:["$","td",null,{"className":"py-3 whitespace-nowrap","children":["$","$L97",null,{"children":"\"default\""}]}]
515:["$","tr","className",{"className":"border-border-mute border-b","children":[["$","td",null,{"className":"py-3 pr-6 whitespace-nowrap","children":["$","$L97",null,{"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,["$","$L97",null,{"children":"string"}]]}]]}]}],["$","td",null,{"className":"py-3 whitespace-nowrap","children":"-"}]]}]
7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">npm</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> install</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">pnpm</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> add</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">yarn</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> add</span><span style=\"--shiki-light:#2B5581;--shiki-dark:#9DB1C5\"> @k8o/arte-odyssey</span></span></code></pre>"}}]
a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#22863A;--shiki-dark:#FFAB70\"> '@k8o/arte-odyssey/styles.css'</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">;</span></span></code></pre>"}}]
516: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":"$516"}}]
517: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":"$517"}}]
518: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>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":"$518"}}]
519: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>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":"$519"}}]
51a: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>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":"$51a"}}]
51b: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>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":"$51b"}}]
51c: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>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":"$51c"}}]
51d: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>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":"$51d"}}]
51e: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>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":"$51e"}}]
51f: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>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":"$51f"}}]
520: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>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":"$520"}}]
521: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>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":"$521"}}]
522: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>6a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$522"}}]
523: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>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":"$523"}}]
524: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>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":"$524"}}]
525: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>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":"$525"}}]
526: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">"base"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>Base&#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":"$526"}}]
527: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>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":"$527"}}]
528: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>74:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$528"}}]
75:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
529: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>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":"$529"}}]
52a: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>7e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$52a"}}]
52b: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>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":"$52b"}}]
52c: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>80:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$52c"}}]
52d: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>82:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$52d"}}]
52e: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>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":"$52e"}}]
52f: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$52f"}}]
530: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>87:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$530"}}]
531: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>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":"$531"}}]
532: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>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":"$532"}}]
533:T5ec,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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 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 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">"email"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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:#6F42C1;--shiki-dark:#B392F0"> placeholder</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"090-0000-0000"</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">"tel"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> /></span></span></code></pre>94:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>95:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>96:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$535"}}]
536: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>a6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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"}}]
538: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>a8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>a9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>aa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>bd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$53b"}}]
53c: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>be:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>bf:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$53d"}}]
53e: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>c0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>c1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>d2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$540"}}]
541: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>d3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$541"}}]
542: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>d4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$542"}}]
543: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>d5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$543"}}]
544: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>d6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$544"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
e7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
545:T8a2,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">  checked</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:#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:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>e9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$545"}}]
546: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>ea:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$546"}}]
547: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>ec:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$547"}}]
548: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>ee:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$548"}}]
549: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>fd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$549"}}]
54a: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>ff:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$54a"}}]
54b:Tfb5,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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:#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>10c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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:Tc88,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">&#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">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">name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"frameworks-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">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>10e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$54c"}}]
54d: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>10f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$54d"}}]
54e: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>11c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$54e"}}]
54f: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>11d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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:Tcea,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">Switch</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">  checked</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:#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">{(next) </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">(next)}</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">/></span></span></code></pre>11f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>120:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$551"}}]
552: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>131:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$552"}}]
553: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>133:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$553"}}]
554: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>134:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$554"}}]
555: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>147:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$555"}}]
556: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>149:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$556"}}]
557: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>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":"$557"}}]
558: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>156:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$558"}}]
559: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>158:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$559"}}]
55a:T1a95,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">submitted</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF"> setSubmitted</span><span style="--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:#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 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:#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">{(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"> plan</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">'plan'</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">);</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    setSubmitted</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">(</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">typeof</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> plan </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">===</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'string'</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583"> ?</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> plan </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>
<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:#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-form-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">"pro"</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-form-label"</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">    name</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"plan"</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>
<span class="line"><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>15a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55a"}}]
55b: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>168:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>16a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55c"}}]
55d: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>16c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55d"}}]
55e: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>16e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55e"}}]
55f: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>170:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$55f"}}]
560: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>182:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$560"}}]
561: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>183:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$561"}}]
562: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>184:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>196:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$563"}}]
564: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>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":"$564"}}]
565: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>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":"$565"}}]
566: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>19c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$566"}}]
567: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>19e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$568"}}]
569: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>1ae:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>1b0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56a"}}]
56b: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>1b2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56b"}}]
56c: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>1b4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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: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>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":"$56d"}}]
56e: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>1c3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$56e"}}]
56f: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>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":"$56f"}}]
570: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>1cc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$570"}}]
1d6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
1d7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\">&#x3C;</span><span style=\"--shiki-light:#1976D2;--shiki-dark:#79B8FF\">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>"}}]
571: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>1d8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$571"}}]
1e0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
572: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>1e1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$572"}}]
573: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>1e2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$573"}}]
574: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>1e8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$574"}}]
575: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>1e9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$575"}}]
576: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>1ea:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$576"}}]
577: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$577"}}]
578: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>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":"$578"}}]
579: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>1f6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$579"}}]
57a: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>1fa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57a"}}]
57b:T1c37,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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:#D32F2F;--shiki-dark:#F97583"> readonly</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Option</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">  { 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:#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">  { 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:#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">  { 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:#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">  { 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:#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">  { value</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">{(value) </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">(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">{</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:#6F42C1;--shiki-dark:#B392F0"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Fruit"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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>201:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57b"}}]
57c:T1978,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Fruit (sm)"</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"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Fruit (md)"</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"> label</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70">"Fruit (lg)"</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>203:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57c"}}]
57d:Tb1f,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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.IconTrigger</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 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">"Fruit"</span><span style="--shiki-light:#24292EFF;--shiki-dark:#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>205:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57d"}}]
57e: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>213:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57e"}}]
57f: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>214:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$57f"}}]
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":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
580: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>21a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$580"}}]
581: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>21b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$581"}}]
229:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
582: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>22a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$582"}}]
583: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>22b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$583"}}]
584: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>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":"$584"}}]
585: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>231:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$585"}}]
23f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
586: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>240:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$586"}}]
587: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>241:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$587"}}]
242:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" 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>"}}]
24b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
588: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>24c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$588"}}]
589: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>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":"$589"}}]
58a: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>256:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$58a"}}]
58b: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>258:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$58b"}}]
58c: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>261:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$58c"}}]
58d: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>263:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$58d"}}]
58e: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>26f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$58e"}}]
58f:T17df,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">  placement</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>271:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$58f"}}]
590:T29d7,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">  placement</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">"base"</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>273:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$590"}}]
591: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>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":"$591"}}]
592: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>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":"$592"}}]
593:T17de,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">  placement</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>28c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$593"}}]
594:T32cc,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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">placement</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">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">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">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">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>28e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$594"}}]
595:Tca5,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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"> placement</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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$595"}}]
596: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>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":"$596"}}]
597: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>2a0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$597"}}]
598: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$598"}}]
599: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>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":"$599"}}]
59a: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>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":"$59a"}}]
59b: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>2b7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$59b"}}]
2c7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
59c: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>2c8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$59c"}}]
59d: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>2c9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$59d"}}]
59e: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>2d1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$59e"}}]
59f: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>2d8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$59f"}}]
5a0: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>2e3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a0"}}]
5a1: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>2e5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a1"}}]
5a2: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>2f1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a2"}}]
5a3: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>2f2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a3"}}]
5a4: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>2f3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a4"}}]
5a5:T838,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-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">  onChange</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>302:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a5"}}]
5a6:T67d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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">  onChange</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>304:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a6"}}]
5a7: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>30f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5a7"}}]
310:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
5a8: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>313:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5a8"}}]
5a9:T5ab,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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"> &#x3C;</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ArteOdysseyProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">>{children}&#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></code></pre>36c:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5a9"}}]
5aa:T94a,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" 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 style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { en } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/i18n'</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:#6F42C1;--shiki-dark:#B392F0"> messages</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{en}></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>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":"$5aa"}}]
5ab:Tb17,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f" tabindex="0"><code><span class="line"><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">import</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> { en } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/i18n'</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">ArteOdysseyProvider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> messages</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{{ close</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '閉じる (Esc)'</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>
<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:#6F42C1;--shiki-dark:#B392F0"> messages</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">en</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0"> autocompleteEmpty</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'No matches'</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></code></pre>36e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5ab"}}]
5ac:T988,<pre class="shiki shiki-themes min-light min-dark" style="--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">// 1. prop</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"> label</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:#C2C3C5;--shiki-dark:#6B737C">// -> 送信中</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 2. messages</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:#6F42C1;--shiki-dark:#B392F0"> messages</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{en}></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:#24292EFF;--shiki-dark:#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:#C2C3C5;--shiki-dark:#6B737C">// -> Loading</span></span>
<span class="line"></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// 3. default</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:#24292EFF;--shiki-dark:#B392F0"> /></span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">// -> 読み込み中</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-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5ac"}}]
5ad:Td5d,<pre class="shiki shiki-themes min-light min-dark" style="--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--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"> { Messages } </span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">from</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> '@k8o/arte-odyssey/i18n'</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"> fr</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> Messages</span><span style="--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">  close</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Fermer'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  required</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Requis'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  loading</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Chargement'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  avatar</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Avatar'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">  color</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">:</span><span style="--shiki-light:#22863A;--shiki-dark:#FFAB70"> 'Couleur'</span><span style="--shiki-light:#212121;--shiki-dark:#BBBBBB">,</span></span>
<span class="line"><span style="--shiki-light:#C2C3C5;--shiki-dark:#6B737C">  // ...</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">ArteOdysseyProvider</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0"> messages</span><span style="--shiki-light:#D32F2F;--shiki-dark:#F97583">=</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">{fr}>{children}&#x3C;/</span><span style="--shiki-light:#1976D2;--shiki-dark:#79B8FF">ArteOdysseyProvider</span><span style="--shiki-light:#24292EFF;--shiki-dark:#B392F0">></span></span></code></pre>370:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5ad"}}]
5ae: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>397:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5ae"}}]
5af: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>39f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5af"}}]
5b0: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>3a7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5b0"}}]
5b1: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>3aa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5b1"}}]
5b2: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$5b2"}}]
5b3: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>3b5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5b3"}}]
5b4: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>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-b-xl","dangerouslySetInnerHTML":{"__html":"$5b4"}}]
5b5: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>3c3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5b5"}}]
5b6: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>3c6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5b6"}}]
5b7: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>3ce:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5b7"}}]
5b8: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>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":"$5b8"}}]
5b9: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>3da:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5b9"}}]
5ba: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>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":"$5ba"}}]
5bb: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>3e0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5bb"}}]
5bc: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>3e8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5bc"}}]
5bd: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>3ea:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5bd"}}]
5be: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>3f1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5be"}}]
5bf: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>3fa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5bf"}}]
5c0: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>3fc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c0"}}]
5c1: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>404:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c1"}}]
5c2: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>409:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5c2"}}]
5c3: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>40b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5c3"}}]
5c4: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>410:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c4"}}]
5c5: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>412:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c5"}}]
5c6: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>418:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c6"}}]
5c7: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>41d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c7"}}]
5c8: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>427:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5c8"}}]
5c9: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>42a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5c9"}}]
5ca: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>431:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5ca"}}]
5cb: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>437:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5cb"}}]
5cc: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>43d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5cc"}}]
5cd: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>444:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5cd"}}]
5ce: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>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":"$5ce"}}]
44e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
5cf: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>450:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5cf"}}]
5d0: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>1d1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d0"}}]
5d1: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>1fc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d1"}}]
5d2: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>4b2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d2"}}]
5d3: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>2d2:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d3"}}]
5d4: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>4c6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d4"}}]
5d5: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>2dd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d5"}}]
5d6: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>4cc:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d6"}}]
5d7: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>4a7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-b-xl","dangerouslySetInnerHTML":{"__html":"$5d7"}}]
4c5:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]: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>"}}]
6d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
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-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>"}}]
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-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>"}}]
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-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>"}}]
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-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>"}}]
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-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>"}}]
d0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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-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>"}}]
fb:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
10a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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:#212121;--shiki-dark:#BBBBBB\">,</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> CheckboxGroup } </span><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">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>"}}]
11a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
12f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
145:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
154:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
166:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
180:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
194:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
1aa:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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-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>"}}]
1c7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
1d4:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
1df:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
1e7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
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-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>"}}]
1f9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
1ff:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
212:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
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-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>"}}]
227:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
23e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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-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>"}}]
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-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>"}}]
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-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>"}}]
26d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
27e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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-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>"}}]
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-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>"}}]
2af:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
2c6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
2d0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
2d7:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
2e1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
2f0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
300:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
30d:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
312:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
395:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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\"> { 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>"}}]
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-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>"}}]
3a8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"<pre class=\"shiki shiki-themes min-light min-dark\" style=\"--shiki-light:#24292eff;--shiki-dark:#b392f0;--shiki-light-bg:#ffffff;--shiki-dark-bg:#1f1f1f\" tabindex=\"0\"><code><span class=\"line\"><span style=\"--shiki-light:#D32F2F;--shiki-dark:#F97583\">import</span><span style=\"--shiki-light:#24292EFF;--shiki-dark:#B392F0\"> { 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>"}}]
3ad:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
3b3:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
3b9:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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\"> { 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>"}}]
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-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>"}}]
3cd:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
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-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>"}}]
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\"> { 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>"}}]
3e6:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
3f0:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
3f8:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
402:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
408:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
40a:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
40e:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-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>"}}]
416:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
41b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
425:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
429:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
42f:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
435:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
43b:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
442:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
448:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden 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>"}}]
5d8: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>4e1:["$","div",null,{"className":"[&_.shiki]:bg-(--shiki-light-bg)! dark:[&_.shiki]:bg-(--shiki-dark-bg)! [&_.shiki_span]:text-(--shiki-light)! dark:[&_.shiki_span]:text-(--shiki-dark)! [&_code]:text-sm [&_pre]:overflow-x-auto [&_pre]:p-4 focus-visible:[&_pre]:outline-hidden focus-visible:[&_pre]:ring-2 focus-visible:[&_pre]:ring-border-info focus-visible:[&_pre]:ring-inset [&_pre]:rounded-xl [&_pre]:shadow-sm","dangerouslySetInnerHTML":{"__html":"$5d8"}}]