@ngrok/mantle 0.70.1 → 0.71.0

package/dist/command.d.ts

@@ -1,4 +1,4 @@
-import { t as Root } from "./primitive-DXo0gUqw.js";
+import { t as Root } from "./primitive-tyw4V7Vf.js";
 import * as _$react from "react";
 import { ComponentProps, ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -330,7 +330,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+  }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & _$react.RefAttributes<HTMLInputElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
@@ -495,7 +495,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "onSelect" | "value"> & {
+  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/command.js

@@ -1,2 +1,2 @@
-import{t as e}from"./cx-D1HYnpvA.js";import{n as t}from"./separator-DyOGgFCs.js";import{t as n}from"./dialog-MiS_Q-ge.js";import{t as r}from"./kbd-B0wWeV_0.js";import{forwardRef as i,useEffect as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{MagnifyingGlassIcon as l}from"@phosphor-icons/react/MagnifyingGlass";import{Command as u,useCommandState as d}from"cmdk";const f=i(({className:t,...n},r)=>s(u,{ref:r,"data-slot":`command`,className:e(`bg-popover flex h-full w-full flex-col overflow-hidden rounded-md`,t),...n}));f.displayName=`Command`;const p=({children:t,className:r,description:i=`Search for a command to run...`,filter:a,shouldFilter:o,showCloseButton:l=!0,title:u=`Command Palette`})=>c(n.Content,{className:e(`overflow-hidden p-0 relative`,r),children:[c(n.Header,{className:`sr-only absolute`,children:[s(n.Title,{children:u}),s(n.Description,{children:i})]}),s(f,{className:`**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1`,filter:a,shouldFilter:o,children:t}),l&&s(`div`,{className:`absolute top-1.5 right-1.5`,children:s(n.CloseIconButton,{})})]});p.displayName=`CommandDialogContent`;const m={Root:n.Root,Trigger:n.Trigger,Content:p},h=i(({className:t,...n},r)=>c(`div`,{ref:r,"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b border-popover px-3`,children:[s(l,{className:`size-5 shrink-0 opacity-50`}),s(u.Input,{"data-slot":`command-input`,className:e(`placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,t),...n})]}));h.displayName=`CommandInput`;const g=i(({className:t,...n},r)=>s(u.List,{ref:r,"data-slot":`command-list`,className:e(`max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar`,t),...n}));g.displayName=`CommandList`;const _=i(({className:t,...n},r)=>s(u.Empty,{ref:r,"data-slot":`command-empty`,className:e(`py-6 text-center text-sm`,t),...n}));_.displayName=`CommandEmpty`;const v=i(({className:t,...n},r)=>s(u.Group,{ref:r,"data-slot":`command-group`,className:e(`**:[[cmdk-group-heading]]:text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium`,t),...n}));v.displayName=`CommandGroup`;const y=i(({className:n,...r},i)=>s(u.Separator,{ref:i,"data-slot":`command-separator`,asChild:!0,...r,children:s(t,{className:e(`-mx-1 my-1 w-auto`,n)})}));y.displayName=`CommandSeparator`;const b=i(({className:t,...n},r)=>s(u.Item,{ref:r,"data-slot":`command-item`,className:e(`data-[selected=true]:bg-active-menu-item [&_svg:not([class*='text-'])]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5`,t),...n}));b.displayName=`CommandItem`;const x=i(({className:t,...n},r)=>s(`span`,{ref:r,"data-slot":`command-shortcut`,className:e(`text-muted ml-auto text-xs tracking-widest`,t),...n}));x.displayName=`CommandShortcut`;const S={Root:f,Dialog:m,Input:h,List:g,Empty:_,Group:v,Item:b,Shortcut:x,Separator:y};function C({className:t,...n}){let[i,l]=o(`⌃`);a(()=>{l(T())},[]);let u=i===`⌘`?`Command`:`Control`;return c(r,{...n,suppressHydrationWarning:!0,"data-slot":`meta-key`,className:e(i===`⌃`&&`font-medium`,t),children:[s(`span`,{className:`sr-only`,children:u}),i]})}function w(e){return`userAgentData`in e}function T(){if(typeof navigator>`u`)return`⌃`;let e=``;return w(navigator)&&(e=navigator.userAgentData.platform??``),e||=navigator.platform||navigator.userAgent||``,/mac|iphone|ipad|ipod/i.test(e)?`⌘`:`⌃`}export{S as Command,C as MetaKey,d as useCommandState};
+import{t as e}from"./cx-D1HYnpvA.js";import{n as t}from"./separator-DSOIrnhj.js";import{t as n}from"./dialog-BHzl9eye.js";import{t as r}from"./kbd-CAVUiqBT.js";import{forwardRef as i,useEffect as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{MagnifyingGlassIcon as l}from"@phosphor-icons/react/MagnifyingGlass";import{Command as u,useCommandState as d}from"cmdk";const f=i(({className:t,...n},r)=>s(u,{ref:r,"data-slot":`command`,className:e(`bg-popover flex h-full w-full flex-col overflow-hidden rounded-md`,t),...n}));f.displayName=`Command`;const p=({children:t,className:r,description:i=`Search for a command to run...`,filter:a,shouldFilter:o,showCloseButton:l=!0,title:u=`Command Palette`})=>c(n.Content,{className:e(`overflow-hidden p-0 relative`,r),children:[c(n.Header,{className:`sr-only absolute`,children:[s(n.Title,{children:u}),s(n.Description,{children:i})]}),s(f,{className:`**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1`,filter:a,shouldFilter:o,children:t}),l&&s(`div`,{className:`absolute top-1.5 right-1.5`,children:s(n.CloseIconButton,{})})]});p.displayName=`CommandDialogContent`;const m={Root:n.Root,Trigger:n.Trigger,Content:p},h=i(({className:t,...n},r)=>c(`div`,{ref:r,"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b border-popover px-3`,children:[s(l,{className:`size-5 shrink-0 opacity-50`}),s(u.Input,{"data-slot":`command-input`,className:e(`placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,t),...n})]}));h.displayName=`CommandInput`;const g=i(({className:t,...n},r)=>s(u.List,{ref:r,"data-slot":`command-list`,className:e(`max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar`,t),...n}));g.displayName=`CommandList`;const _=i(({className:t,...n},r)=>s(u.Empty,{ref:r,"data-slot":`command-empty`,className:e(`py-6 text-center text-sm`,t),...n}));_.displayName=`CommandEmpty`;const v=i(({className:t,...n},r)=>s(u.Group,{ref:r,"data-slot":`command-group`,className:e(`**:[[cmdk-group-heading]]:text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium`,t),...n}));v.displayName=`CommandGroup`;const y=i(({className:n,...r},i)=>s(u.Separator,{ref:i,"data-slot":`command-separator`,asChild:!0,...r,children:s(t,{className:e(`-mx-1 my-1 w-auto`,n)})}));y.displayName=`CommandSeparator`;const b=i(({className:t,...n},r)=>s(u.Item,{ref:r,"data-slot":`command-item`,className:e(`data-[selected=true]:bg-active-menu-item [&_svg:not([class*='text-'])]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5`,t),...n}));b.displayName=`CommandItem`;const x=i(({className:t,...n},r)=>s(`span`,{ref:r,"data-slot":`command-shortcut`,className:e(`text-muted ml-auto text-xs tracking-widest`,t),...n}));x.displayName=`CommandShortcut`;const S={Root:f,Dialog:m,Input:h,List:g,Empty:_,Group:v,Item:b,Shortcut:x,Separator:y};function C({className:t,...n}){let[i,l]=o(`⌃`);a(()=>{l(T())},[]);let u=i===`⌘`?`Command`:`Control`;return c(r,{...n,suppressHydrationWarning:!0,"data-slot":`meta-key`,className:e(i===`⌃`&&`font-medium`,t),children:[s(`span`,{className:`sr-only`,children:u}),i]})}function w(e){return`userAgentData`in e}function T(){if(typeof navigator>`u`)return`⌃`;let e=``;return w(navigator)&&(e=navigator.userAgentData.platform??``),e||=navigator.platform||navigator.userAgent||``,/mac|iphone|ipad|ipod/i.test(e)?`⌘`:`⌃`}export{S as Command,C as MetaKey,d as useCommandState};
 //# sourceMappingURL=command.js.map

package/dist/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":["CommandPrimitive"],"sources":["../src/components/command/command.tsx","../src/components/command/meta-key.tsx"],"sourcesContent":["\"use client\";\n\nimport { MagnifyingGlassIcon } from \"@phosphor-icons/react/MagnifyingGlass\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\n\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Dialog } from \"../dialog/dialog.js\";\nimport { Separator } from \"../separator/separator.js\";\n\ntype CommandRootProps = ComponentPropsWithoutRef<typeof CommandPrimitive>;\n\n/**\n * The root component for the Command. It provides the context for all other command sub-components.\n *\n * @see https://mantle.ngrok.com/components/command#commandroot\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandRoot = forwardRef<ComponentRef<\"div\">, CommandRootProps>(\n\t({ className, ...props }, ref) => (\n\t\t<CommandPrimitive\n\t\t\tref={ref}\n\t\t\tdata-slot=\"command\"\n\t\t\tclassName={cx(\"bg-popover flex h-full w-full flex-col overflow-hidden rounded-md\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nCommandRoot.displayName = \"Command\";\n\n/**\n * The props for the CommandDialog.Content component.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n */\ntype CommandDialogContentProps = {\n\t/**\n\t * The content of the command dialog (inputs, lists, etc.).\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Class name(s) to apply to the command dialog content.\n\t */\n\tclassName?: string;\n\t/**\n\t * The accessible title of the command dialog. Visually hidden.\n\t *\n\t * @default \"Command Palette\"\n\t */\n\ttitle?: string;\n\t/**\n\t * The accessible description of the command dialog. Visually hidden.\n\t *\n\t * @default \"Search for a command to run...\"\n\t */\n\tdescription?: string;\n\t/**\n\t * Whether to show the close button.\n\t *\n\t * @default true\n\t */\n\tshowCloseButton?: boolean;\n\t/**\n\t * Custom filter function for the command list.\n\t *\n\t * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering\n\t */\n\tfilter?: CommandRootProps[\"filter\"];\n\t/**\n\t * Whether to enable filtering of command items. When false, disables built-in filtering.\n\t *\n\t * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering\n\t */\n\tshouldFilter?: CommandRootProps[\"shouldFilter\"];\n};\n\n/**\n * The content of the CommandDialog. Renders the accessible title/description,\n * the command palette UI, and an optional close button.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandDialogContent = ({\n\tchildren,\n\tclassName,\n\tdescription = \"Search for a command to run...\",\n\tfilter,\n\tshouldFilter,\n\tshowCloseButton = true,\n\ttitle = \"Command Palette\",\n}: CommandDialogContentProps) => (\n\t<Dialog.Content className={cx(\"overflow-hidden p-0 relative\", className)}>\n\t\t<Dialog.Header className=\"sr-only absolute\">\n\t\t\t<Dialog.Title>{title}</Dialog.Title>\n\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t</Dialog.Header>\n\t\t<CommandRoot\n\t\t\tclassName=\"**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1\"\n\t\t\tfilter={filter}\n\t\t\tshouldFilter={shouldFilter}\n\t\t>\n\t\t\t{children}\n\t\t</CommandRoot>\n\t\t{showCloseButton && (\n\t\t\t<div className=\"absolute top-1.5 right-1.5\">\n\t\t\t\t<Dialog.CloseIconButton />\n\t\t\t</div>\n\t\t)}\n\t</Dialog.Content>\n);\nCommandDialogContent.displayName = \"CommandDialogContent\";\n\n/**\n * A compound namespace for building a command palette dialog with trigger support.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialog\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandDialog = {\n\t/**\n\t * The root stateful component for the CommandDialog. Manages open/closed state.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tRoot: Dialog.Root,\n\t/**\n\t * A button that opens the CommandDialog when clicked.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogtrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tTrigger: Dialog.Trigger,\n\t/**\n\t * The visible content of the CommandDialog. Renders inside the dialog portal.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tContent: CommandDialogContent,\n} as const;\n\n/**\n * The input component for the Command. It provides the input for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandinput\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandInput = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n\t<div\n\t\tref={ref}\n\t\tdata-slot=\"command-input-wrapper\"\n\t\tclassName=\"flex h-9 items-center gap-2 border-b border-popover px-3\"\n\t>\n\t\t<MagnifyingGlassIcon className=\"size-5 shrink-0 opacity-50\" />\n\t\t<CommandPrimitive.Input\n\t\t\tdata-slot=\"command-input\"\n\t\t\tclassName={cx(\n\t\t\t\t\"placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</div>\n));\nCommandInput.displayName = \"CommandInput\";\n\n/**\n * The list component for the Command. It provides the list for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandlist\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandList = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.List\n\t\tref={ref}\n\t\tdata-slot=\"command-list\"\n\t\tclassName={cx(\"max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar\", className)}\n\t\t{...props}\n\t/>\n));\nCommandList.displayName = \"CommandList\";\n\n/**\n * The empty component for the Command. It provides the empty state for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandempty\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandEmpty = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Empty\n\t\tref={ref}\n\t\tdata-slot=\"command-empty\"\n\t\tclassName={cx(\"py-6 text-center text-sm\", className)}\n\t\t{...props}\n\t/>\n));\nCommandEmpty.displayName = \"CommandEmpty\";\n\n/**\n * The group component for the Command. It provides the group for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandgroup\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandGroup = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Group\n\t\tref={ref}\n\t\tdata-slot=\"command-group\"\n\t\tclassName={cx(\n\t\t\t\"**:[[cmdk-group-heading]]:text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nCommandGroup.displayName = \"CommandGroup\";\n\n/**\n * The separator component for the Command. It provides the separator for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandseparator\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandSeparator = forwardRef<\n\tComponentRef<typeof CommandPrimitive.Separator>,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Separator ref={ref} data-slot=\"command-separator\" asChild {...props}>\n\t\t<Separator className={cx(\"-mx-1 my-1 w-auto\", className)} />\n\t</CommandPrimitive.Separator>\n));\nCommandSeparator.displayName = \"CommandSeparator\";\n\n/**\n * The item component for the Command. It provides the item for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commanditem\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandItem = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Item\n\t\tref={ref}\n\t\tdata-slot=\"command-item\"\n\t\tclassName={cx(\n\t\t\t\"data-[selected=true]:bg-active-menu-item [&_svg:not([class*='text-'])]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nCommandItem.displayName = \"CommandItem\";\n\n/**\n * The shortcut component for the Command. It provides the shortcut for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandshortcut\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandShortcut = forwardRef<ComponentRef<\"span\">, ComponentPropsWithoutRef<\"span\">>(\n\t({ className, ...props }, ref) => (\n\t\t<span\n\t\t\tref={ref}\n\t\t\tdata-slot=\"command-shortcut\"\n\t\t\tclassName={cx(\"text-muted ml-auto text-xs tracking-widest\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nCommandShortcut.displayName = \"CommandShortcut\";\n\n/**\n * The command component for the Command. It provides the command for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command\n *\n * @example\n * Composition:\n * ```\n * Command.Dialog.Root\n * ├── Command.Dialog.Trigger\n * └── Command.Dialog.Content\n *     ├── Command.Input\n *     └── Command.List\n *         ├── Command.Empty\n *         ├── Command.Group\n *         │   └── Command.Item\n *         │       └── Command.Shortcut\n *         └── Command.Separator\n * ```\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst Command = {\n\t/**\n\t * The root component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tRoot: CommandRoot,\n\t/**\n\t * A compound namespace for building a command palette dialog.\n\t * Use `Command.Dialog.Root`, `Command.Dialog.Trigger`, and `Command.Dialog.Content`.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialog\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tDialog: CommandDialog,\n\t/**\n\t * The input component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandinput\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tInput: CommandInput,\n\t/**\n\t * The list component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandlist\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tList: CommandList,\n\t/**\n\t * The empty component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandempty\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tEmpty: CommandEmpty,\n\t/**\n\t * The group component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandgroup\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tGroup: CommandGroup,\n\t/**\n\t * The item component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanditem\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tItem: CommandItem,\n\t/**\n\t * The shortcut component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandshortcut\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tShortcut: CommandShortcut,\n\t/**\n\t * The separator component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandseparator\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tSeparator: CommandSeparator,\n} as const;\n\nexport {\n\t//,\n\tCommand,\n\tuseCommandState,\n};\n","import { type ComponentProps, useEffect, useState } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Kbd } from \"../kbd/kbd.js\";\n\ntype Props = Omit<ComponentProps<\"kbd\">, \"children\">;\n\ntype Mod = \"⌘\" | \"⌃\";\n\n/**\n * Renders the platform-appropriate meta key kbd (⌘ or ⌃).\n *\n * - Initializes to `\"⌃\"` to avoid SSR mismatch.\n * - Updates on mount using `detectMetaKey()`.\n */\nfunction MetaKey({ className, ...props }: Props) {\n\tconst [glyph, setGlyph] = useState<Mod>(\"⌃\");\n\n\tuseEffect(() => {\n\t\tsetGlyph(detectMetaKey());\n\t}, []);\n\n\tconst label = glyph === \"⌘\" ? \"Command\" : \"Control\";\n\n\treturn (\n\t\t<Kbd\n\t\t\t{...props}\n\t\t\tsuppressHydrationWarning\n\t\t\tdata-slot=\"meta-key\"\n\t\t\tclassName={cx(glyph === \"⌃\" && \"font-medium\", className)}\n\t\t>\n\t\t\t<span className=\"sr-only\">{label}</span>\n\t\t\t{glyph}\n\t\t</Kbd>\n\t);\n}\n\nexport {\n\t//,\n\tMetaKey,\n};\n\n/**\n * Type guard for `navigator.userAgentData` existence.\n * Useful for newer UA hints where `platform` may be available.\n *\n * @param navigator The global `navigator`\n * @returns `true` if UA Data hints exist; narrows `navigator` accordingly.\n */\nfunction hasUAData(\n\tnavigator: Navigator,\n): navigator is Navigator & { userAgentData: { platform?: string } } {\n\treturn \"userAgentData\" in navigator;\n}\n\n/**\n * Detects the appropriate meta key label for the current platform.\n *\n * SSR-safe: returns `\"⌃\"` when `navigator` is not available.\n *\n * @returns `\"⌘\"` for Apple platforms; otherwise `\"⌃\"`.\n */\nfunction detectMetaKey(): Mod {\n\tif (typeof navigator === \"undefined\") {\n\t\treturn \"⌃\"; // SSR default\n\t}\n\n\tlet platform = \"\";\n\n\tif (hasUAData(navigator)) {\n\t\tplatform = navigator.userAgentData.platform ?? \"\";\n\t}\n\n\tif (!platform) {\n\t\tplatform = navigator.platform || navigator.userAgent || \"\";\n\t}\n\n\tconst isApple = /mac|iphone|ipad|ipod/i.test(platform);\n\n\tif (isApple) {\n\t\treturn \"⌘\";\n\t}\n\n\treturn \"⌃\";\n}\n"],"mappings":"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"}
+{"version":3,"file":"command.js","names":["CommandPrimitive"],"sources":["../src/components/command/command.tsx","../src/components/command/meta-key.tsx"],"sourcesContent":["\"use client\";\n\nimport { MagnifyingGlassIcon } from \"@phosphor-icons/react/MagnifyingGlass\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\n\nimport {\n\ttype ComponentPropsWithoutRef,\n\ttype ComponentRef,\n\ttype ReactNode,\n\tforwardRef,\n} from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Dialog } from \"../dialog/dialog.js\";\nimport { Separator } from \"../separator/separator.js\";\n\ntype CommandRootProps = ComponentPropsWithoutRef<typeof CommandPrimitive>;\n\n/**\n * The root component for the Command. It provides the context for all other command sub-components.\n *\n * @see https://mantle.ngrok.com/components/command#commandroot\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandRoot = forwardRef<ComponentRef<\"div\">, CommandRootProps>(\n\t({ className, ...props }, ref) => (\n\t\t<CommandPrimitive\n\t\t\tref={ref}\n\t\t\tdata-slot=\"command\"\n\t\t\tclassName={cx(\"bg-popover flex h-full w-full flex-col overflow-hidden rounded-md\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nCommandRoot.displayName = \"Command\";\n\n/**\n * The props for the CommandDialog.Content component.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n */\ntype CommandDialogContentProps = {\n\t/**\n\t * The content of the command dialog (inputs, lists, etc.).\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Class name(s) to apply to the command dialog content.\n\t */\n\tclassName?: string;\n\t/**\n\t * The accessible title of the command dialog. Visually hidden.\n\t *\n\t * @default \"Command Palette\"\n\t */\n\ttitle?: string;\n\t/**\n\t * The accessible description of the command dialog. Visually hidden.\n\t *\n\t * @default \"Search for a command to run...\"\n\t */\n\tdescription?: string;\n\t/**\n\t * Whether to show the close button.\n\t *\n\t * @default true\n\t */\n\tshowCloseButton?: boolean;\n\t/**\n\t * Custom filter function for the command list.\n\t *\n\t * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering\n\t */\n\tfilter?: CommandRootProps[\"filter\"];\n\t/**\n\t * Whether to enable filtering of command items. When false, disables built-in filtering.\n\t *\n\t * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering\n\t */\n\tshouldFilter?: CommandRootProps[\"shouldFilter\"];\n};\n\n/**\n * The content of the CommandDialog. Renders the accessible title/description,\n * the command palette UI, and an optional close button.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandDialogContent = ({\n\tchildren,\n\tclassName,\n\tdescription = \"Search for a command to run...\",\n\tfilter,\n\tshouldFilter,\n\tshowCloseButton = true,\n\ttitle = \"Command Palette\",\n}: CommandDialogContentProps) => (\n\t<Dialog.Content className={cx(\"overflow-hidden p-0 relative\", className)}>\n\t\t<Dialog.Header className=\"sr-only absolute\">\n\t\t\t<Dialog.Title>{title}</Dialog.Title>\n\t\t\t<Dialog.Description>{description}</Dialog.Description>\n\t\t</Dialog.Header>\n\t\t<CommandRoot\n\t\t\tclassName=\"**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1\"\n\t\t\tfilter={filter}\n\t\t\tshouldFilter={shouldFilter}\n\t\t>\n\t\t\t{children}\n\t\t</CommandRoot>\n\t\t{showCloseButton && (\n\t\t\t<div className=\"absolute top-1.5 right-1.5\">\n\t\t\t\t<Dialog.CloseIconButton />\n\t\t\t</div>\n\t\t)}\n\t</Dialog.Content>\n);\nCommandDialogContent.displayName = \"CommandDialogContent\";\n\n/**\n * A compound namespace for building a command palette dialog with trigger support.\n *\n * @see https://mantle.ngrok.com/components/command#commanddialog\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandDialog = {\n\t/**\n\t * The root stateful component for the CommandDialog. Manages open/closed state.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tRoot: Dialog.Root,\n\t/**\n\t * A button that opens the CommandDialog when clicked.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogtrigger\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tTrigger: Dialog.Trigger,\n\t/**\n\t * The visible content of the CommandDialog. Renders inside the dialog portal.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialogcontent\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tContent: CommandDialogContent,\n} as const;\n\n/**\n * The input component for the Command. It provides the input for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandinput\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandInput = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n\t<div\n\t\tref={ref}\n\t\tdata-slot=\"command-input-wrapper\"\n\t\tclassName=\"flex h-9 items-center gap-2 border-b border-popover px-3\"\n\t>\n\t\t<MagnifyingGlassIcon className=\"size-5 shrink-0 opacity-50\" />\n\t\t<CommandPrimitive.Input\n\t\t\tdata-slot=\"command-input\"\n\t\t\tclassName={cx(\n\t\t\t\t\"placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</div>\n));\nCommandInput.displayName = \"CommandInput\";\n\n/**\n * The list component for the Command. It provides the list for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandlist\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandList = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.List\n\t\tref={ref}\n\t\tdata-slot=\"command-list\"\n\t\tclassName={cx(\"max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar\", className)}\n\t\t{...props}\n\t/>\n));\nCommandList.displayName = \"CommandList\";\n\n/**\n * The empty component for the Command. It provides the empty state for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandempty\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandEmpty = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Empty\n\t\tref={ref}\n\t\tdata-slot=\"command-empty\"\n\t\tclassName={cx(\"py-6 text-center text-sm\", className)}\n\t\t{...props}\n\t/>\n));\nCommandEmpty.displayName = \"CommandEmpty\";\n\n/**\n * The group component for the Command. It provides the group for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandgroup\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandGroup = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Group\n\t\tref={ref}\n\t\tdata-slot=\"command-group\"\n\t\tclassName={cx(\n\t\t\t\"**:[[cmdk-group-heading]]:text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nCommandGroup.displayName = \"CommandGroup\";\n\n/**\n * The separator component for the Command. It provides the separator for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandseparator\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandSeparator = forwardRef<\n\tComponentRef<typeof CommandPrimitive.Separator>,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Separator ref={ref} data-slot=\"command-separator\" asChild {...props}>\n\t\t<Separator className={cx(\"-mx-1 my-1 w-auto\", className)} />\n\t</CommandPrimitive.Separator>\n));\nCommandSeparator.displayName = \"CommandSeparator\";\n\n/**\n * The item component for the Command. It provides the item for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commanditem\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandItem = forwardRef<\n\tComponentRef<\"div\">,\n\tComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Item\n\t\tref={ref}\n\t\tdata-slot=\"command-item\"\n\t\tclassName={cx(\n\t\t\t\"data-[selected=true]:bg-active-menu-item [&_svg:not([class*='text-'])]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nCommandItem.displayName = \"CommandItem\";\n\n/**\n * The shortcut component for the Command. It provides the shortcut for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command#commandshortcut\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst CommandShortcut = forwardRef<ComponentRef<\"span\">, ComponentPropsWithoutRef<\"span\">>(\n\t({ className, ...props }, ref) => (\n\t\t<span\n\t\t\tref={ref}\n\t\t\tdata-slot=\"command-shortcut\"\n\t\t\tclassName={cx(\"text-muted ml-auto text-xs tracking-widest\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nCommandShortcut.displayName = \"CommandShortcut\";\n\n/**\n * The command component for the Command. It provides the command for the command palette.\n *\n * @see https://mantle.ngrok.com/components/command\n *\n * @example\n * Composition:\n * ```\n * Command.Dialog.Root\n * ├── Command.Dialog.Trigger\n * └── Command.Dialog.Content\n *     ├── Command.Input\n *     └── Command.List\n *         ├── Command.Empty\n *         ├── Command.Group\n *         │   └── Command.Item\n *         │       └── Command.Shortcut\n *         └── Command.Separator\n * ```\n *\n * @example\n * ```tsx\n * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n *   <Command.Dialog.Trigger asChild>\n *     <Button type=\"button\">Open Command Palette</Button>\n *   </Command.Dialog.Trigger>\n *   <Command.Dialog.Content>\n *     <Command.Input placeholder=\"Type a command or search...\" />\n *     <Command.List>\n *       <Command.Empty>No results found.</Command.Empty>\n *       <Command.Group heading=\"Suggestions\">\n *         <Command.Item>\n *           <span>Calendar</span>\n *         </Command.Item>\n *       </Command.Group>\n *       <Command.Separator />\n *       <Command.Group heading=\"Settings\">\n *         <Command.Item>\n *           <span>Profile</span>\n *           <Command.Shortcut>⌘,</Command.Shortcut>\n *         </Command.Item>\n *       </Command.Group>\n *     </Command.List>\n *   </Command.Dialog.Content>\n * </Command.Dialog.Root>\n * ```\n */\nconst Command = {\n\t/**\n\t * The root component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandroot\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tRoot: CommandRoot,\n\t/**\n\t * A compound namespace for building a command palette dialog.\n\t * Use `Command.Dialog.Root`, `Command.Dialog.Trigger`, and `Command.Dialog.Content`.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanddialog\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tDialog: CommandDialog,\n\t/**\n\t * The input component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandinput\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tInput: CommandInput,\n\t/**\n\t * The list component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandlist\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tList: CommandList,\n\t/**\n\t * The empty component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandempty\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tEmpty: CommandEmpty,\n\t/**\n\t * The group component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandgroup\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tGroup: CommandGroup,\n\t/**\n\t * The item component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commanditem\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tItem: CommandItem,\n\t/**\n\t * The shortcut component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandshortcut\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tShortcut: CommandShortcut,\n\t/**\n\t * The separator component for the Command component.\n\t *\n\t * @see https://mantle.ngrok.com/components/command#commandseparator\n\t *\n\t * @example\n\t * ```tsx\n\t * <Command.Dialog.Root open={open} onOpenChange={setOpen}>\n\t *   <Command.Dialog.Trigger asChild>\n\t *     <Button type=\"button\">Open Command Palette</Button>\n\t *   </Command.Dialog.Trigger>\n\t *   <Command.Dialog.Content>\n\t *     <Command.Input placeholder=\"Type a command or search...\" />\n\t *     <Command.List>\n\t *       <Command.Empty>No results found.</Command.Empty>\n\t *       <Command.Group heading=\"Suggestions\">\n\t *         <Command.Item>\n\t *           <span>Calendar</span>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *       <Command.Separator />\n\t *       <Command.Group heading=\"Settings\">\n\t *         <Command.Item>\n\t *           <span>Profile</span>\n\t *           <Command.Shortcut>⌘,</Command.Shortcut>\n\t *         </Command.Item>\n\t *       </Command.Group>\n\t *     </Command.List>\n\t *   </Command.Dialog.Content>\n\t * </Command.Dialog.Root>\n\t * ```\n\t */\n\tSeparator: CommandSeparator,\n} as const;\n\nexport {\n\t//,\n\tCommand,\n\tuseCommandState,\n};\n","import { type ComponentProps, useEffect, useState } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\nimport { Kbd } from \"../kbd/kbd.js\";\n\ntype Props = Omit<ComponentProps<\"kbd\">, \"children\">;\n\ntype Mod = \"⌘\" | \"⌃\";\n\n/**\n * Renders the platform-appropriate meta key kbd (⌘ or ⌃).\n *\n * - Initializes to `\"⌃\"` to avoid SSR mismatch.\n * - Updates on mount using `detectMetaKey()`.\n */\nfunction MetaKey({ className, ...props }: Props) {\n\tconst [glyph, setGlyph] = useState<Mod>(\"⌃\");\n\n\tuseEffect(() => {\n\t\tsetGlyph(detectMetaKey());\n\t}, []);\n\n\tconst label = glyph === \"⌘\" ? \"Command\" : \"Control\";\n\n\treturn (\n\t\t<Kbd\n\t\t\t{...props}\n\t\t\tsuppressHydrationWarning\n\t\t\tdata-slot=\"meta-key\"\n\t\t\tclassName={cx(glyph === \"⌃\" && \"font-medium\", className)}\n\t\t>\n\t\t\t<span className=\"sr-only\">{label}</span>\n\t\t\t{glyph}\n\t\t</Kbd>\n\t);\n}\n\nexport {\n\t//,\n\tMetaKey,\n};\n\n/**\n * Type guard for `navigator.userAgentData` existence.\n * Useful for newer UA hints where `platform` may be available.\n *\n * @param navigator The global `navigator`\n * @returns `true` if UA Data hints exist; narrows `navigator` accordingly.\n */\nfunction hasUAData(\n\tnavigator: Navigator,\n): navigator is Navigator & { userAgentData: { platform?: string } } {\n\treturn \"userAgentData\" in navigator;\n}\n\n/**\n * Detects the appropriate meta key label for the current platform.\n *\n * SSR-safe: returns `\"⌃\"` when `navigator` is not available.\n *\n * @returns `\"⌘\"` for Apple platforms; otherwise `\"⌃\"`.\n */\nfunction detectMetaKey(): Mod {\n\tif (typeof navigator === \"undefined\") {\n\t\treturn \"⌃\"; // SSR default\n\t}\n\n\tlet platform = \"\";\n\n\tif (hasUAData(navigator)) {\n\t\tplatform = navigator.userAgentData.platform ?? \"\";\n\t}\n\n\tif (!platform) {\n\t\tplatform = navigator.platform || navigator.userAgent || \"\";\n\t}\n\n\tconst isApple = /mac|iphone|ipad|ipod/i.test(platform);\n\n\tif (isApple) {\n\t\treturn \"⌘\";\n\t}\n\n\treturn \"⌃\";\n}\n"],"mappings":"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"}

package/dist/compose-refs-DZ3cPi47.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useRef as t}from"react";function n(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!=null&&(n.current=t)}}function r(...n){let r=t(n);return r.current=n,e(e=>{for(let t of r.current)typeof t==`function`?t(e):t!=null&&(t.current=e)},[])}export{r as n,n as t};
+//# sourceMappingURL=compose-refs-DZ3cPi47.js.map

package/dist/compose-refs-DZ3cPi47.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs-DZ3cPi47.js","names":[],"sources":["../src/utils/compose-refs/compose-refs.tsx"],"sourcesContent":["import type { MutableRefObject, Ref } from \"react\";\nimport { useCallback, useRef } from \"react\";\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]) {\n\treturn (node: T | null) => {\n\t\tfor (const ref of refs) {\n\t\t\tif (typeof ref === \"function\") {\n\t\t\t\tref(node);\n\t\t\t} else if (ref != null) {\n\t\t\t\t(ref as MutableRefObject<T | null>).current = node;\n\t\t\t}\n\t\t}\n\t};\n}\n\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]) {\n\tconst latestRefs = useRef(refs);\n\tlatestRefs.current = refs;\n\treturn useCallback((node: T | null) => {\n\t\tfor (const ref of latestRefs.current) {\n\t\t\tif (typeof ref === \"function\") {\n\t\t\t\tref(node);\n\t\t\t} else if (ref != null) {\n\t\t\t\t(ref as MutableRefObject<T | null>).current = node;\n\t\t\t}\n\t\t}\n\t}, []);\n}\n\nexport { composeRefs, useComposedRefs };\n"],"mappings":"gDASA,SAAS,EAAe,GAAG,EAAwB,CAClD,MAAQ,IAAmB,CAC1B,IAAK,IAAM,KAAO,EACb,OAAO,GAAQ,WAClB,EAAI,EAAK,CACC,GAAO,OAChB,EAAmC,QAAU,IAUlD,SAAS,EAAmB,GAAG,EAAwB,CACtD,IAAM,EAAa,EAAO,EAAK,CAE/B,MADA,GAAW,QAAU,EACd,EAAa,GAAmB,CACtC,IAAK,IAAM,KAAO,EAAW,QACxB,OAAO,GAAQ,WAClB,EAAI,EAAK,CACC,GAAO,OAChB,EAAmC,QAAU,IAG9C,EAAE,CAAC"}

package/dist/copy-to-clipboard-DjOD_Mwb.js

@@ -0,0 +1,2 @@
+import{n as e}from"./browser-only-QPyyfLaB.js";async function t(t){if(!e())throw Error(`copyToClipboard requires a DOM environment`);try{if(typeof navigator.clipboard?.writeText==`function`)await navigator.clipboard.writeText(t);else throw Error(`writeText not supported`)}catch(e){try{n(t)}catch{throw e}}}function n(e){let t=document.createElement(`textarea`);t.value=e,document.body.appendChild(t);try{if(t.select(),!document.execCommand(`copy`))throw Error(`document.execCommand("copy") failed`)}finally{document.body.removeChild(t)}}export{t};
+//# sourceMappingURL=copy-to-clipboard-DjOD_Mwb.js.map

package/dist/copy-to-clipboard-DjOD_Mwb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard-DjOD_Mwb.js","names":[],"sources":["../src/utils/copy-to-clipboard.ts"],"sourcesContent":["import { canUseDOM } from \"../components/browser-only/browser-only.js\";\n\n/**\n * Copy the given string to the clipboard. Uses the Clipboard API when\n * available and falls back to an `execCommand(\"copy\")` polyfill for older\n * browsers.\n *\n * Throws when called outside a DOM environment, or when both the Clipboard\n * API and the polyfill fail — `await` the call to observe success.\n */\nasync function copyToClipboard(value: string) {\n\tif (!canUseDOM()) {\n\t\tthrow new Error(\"copyToClipboard requires a DOM environment\");\n\t}\n\ttry {\n\t\tif (typeof navigator.clipboard?.writeText === \"function\") {\n\t\t\tawait navigator.clipboard.writeText(value);\n\t\t} else {\n\t\t\tthrow new Error(\"writeText not supported\");\n\t\t}\n\t} catch (clipboardError) {\n\t\ttry {\n\t\t\tcopyToClipboardPolyfill(value);\n\t\t} catch {\n\t\t\tthrow clipboardError; // both approaches failed; propagate\n\t\t}\n\t}\n}\n\n/**\n * A fallback copy to clipboard function for older browsers that lack the\n * Clipboard API. Creates a temporary `<textarea>`, selects it, and invokes\n * the deprecated `document.execCommand(\"copy\")` API.\n *\n * Throws when `execCommand(\"copy\")` returns `false` (the call failed but\n * did not throw) so the caller can fall through to another strategy.\n */\nfunction copyToClipboardPolyfill(text: string) {\n\tconst tempTextArea = document.createElement(\"textarea\");\n\ttempTextArea.value = text;\n\tdocument.body.appendChild(tempTextArea);\n\ttry {\n\t\ttempTextArea.select();\n\t\tconst copied = document.execCommand(\"copy\");\n\t\tif (!copied) {\n\t\t\tthrow new Error('document.execCommand(\"copy\") failed');\n\t\t}\n\t} finally {\n\t\tdocument.body.removeChild(tempTextArea);\n\t}\n}\n\nexport { copyToClipboard };\n"],"mappings":"+CAUA,eAAe,EAAgB,EAAe,CAC7C,GAAI,CAAC,GAAW,CACf,MAAU,MAAM,6CAA6C,CAE9D,GAAI,CACH,GAAI,OAAO,UAAU,WAAW,WAAc,WAC7C,MAAM,UAAU,UAAU,UAAU,EAAM,MAE1C,MAAU,MAAM,0BAA0B,OAEnC,EAAgB,CACxB,GAAI,CACH,EAAwB,EAAM,MACvB,CACP,MAAM,IAaT,SAAS,EAAwB,EAAc,CAC9C,IAAM,EAAe,SAAS,cAAc,WAAW,CACvD,EAAa,MAAQ,EACrB,SAAS,KAAK,YAAY,EAAa,CACvC,GAAI,CAGH,GAFA,EAAa,QAAQ,CAEjB,CADW,SAAS,YAAY,OACzB,CACV,MAAU,MAAM,sCAAsC,QAE9C,CACT,SAAS,KAAK,YAAY,EAAa"}