@ngrok/mantle 0.65.0 → 0.66.1

package/dist/command.d.ts

@@ -1,18 +1,11 @@
-import { W as WithAsChild } from './as-child-DJ7x3JFV.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentProps } from 'react';
-import { Command as Command$1 } from 'cmdk';
-export { useCommandState } from 'cmdk';
-import { Dialog } from './dialog.js';
-import '@radix-ui/react-dialog';
-import './icon-button-CT71Ti9V.js';
-import 'class-variance-authority/types';
-import './variant-props-oDo2u-We.js';
-import 'class-variance-authority';
-import './deep-non-nullable-SmpSvoSd.js';
-import './primitive-CBR_XmVa.js';
+import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import { t as Dialog } from "./dialog-BuD_JQf_.js";
+import * as react from "react";
+import { ComponentProps, ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Command as Command$1, useCommandState } from "cmdk";
 
+//#region src/components/command/command.d.ts
 type CommandRootProps = ComponentPropsWithoutRef<typeof Command$1>;
 /**
  * The props for the CommandDialog component.
@@ -20,34 +13,34 @@ type CommandRootProps = ComponentPropsWithoutRef<typeof Command$1>;
  * @see https://mantle.ngrok.com/components/command#commanddialog
  */
 type CommandDialogProps = ComponentPropsWithoutRef<typeof Dialog.Root> & {
-    /**
-     * The title of the command dialog.
-     */
-    title?: string;
-    /**
-     * The description of the command dialog.
-     */
-    description?: string;
-    /**
-     * Class name(s) to apply to the command dialog content.
-     */
-    className?: string;
-    /**
-     * Whether to show the close button.
-     */
-    showCloseButton?: boolean;
-    /**
-     * Custom filter function for the command list.
-     *
-     * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering
-     */
-    filter?: CommandRootProps["filter"];
-    /**
-     * Whether to enable filtering of command items. When false, disables built-in filtering.
-     *
-     * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering
-     */
-    shouldFilter?: CommandRootProps["shouldFilter"];
+  /**
+   * The title of the command dialog.
+   */
+  title?: string;
+  /**
+   * The description of the command dialog.
+   */
+  description?: string;
+  /**
+   * Class name(s) to apply to the command dialog content.
+   */
+  className?: string;
+  /**
+   * Whether to show the close button.
+   */
+  showCloseButton?: boolean;
+  /**
+   * Custom filter function for the command list.
+   *
+   * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering
+   */
+  filter?: CommandRootProps["filter"];
+  /**
+   * Whether to enable filtering of command items. When false, disables built-in filtering.
+   *
+   * @see https://github.com/pacocoursey/cmdk?tab=readme-ov-file#filtering
+   */
+  shouldFilter?: CommandRootProps["shouldFilter"];
 };
 /**
  * The command component for the Command. It provides the command for the command palette.
@@ -75,189 +68,199 @@ type CommandDialogProps = ComponentPropsWithoutRef<typeof Dialog.Root> & {
  * </Command.Dialog>
  */
 declare const Command: {
-    /**
-     * The root component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandroot
-     *
-     * @example
-     * ```tsx
-     * <Command.Root>
-     *   <Command.Input placeholder="Type a command or search..." />
-     *   <Command.List>
-     *     <Command.Empty>No results found.</Command.Empty>
-     *   </Command.List>
-     * </Command.Root>
-     * ```
-     */
-    readonly Root: react.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-        shouldFilter?: boolean;
-        filter?: (value: string, search: string, keywords?: string[]) => number;
-        defaultValue?: string;
-        value?: string;
-        onValueChange?: (value: string) => void;
-        loop?: boolean;
-        disablePointerSelection?: boolean;
-        vimBindings?: boolean;
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The dialog component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commanddialog
-     *
-     * @example
-     * ```tsx
-     * <Command.Dialog>
-     *   <Command.Input placeholder="Type a command or search..." />
-     *   <Command.List>
-     *     <Command.Empty>No results found.</Command.Empty>
-     *   </Command.List>
-     * </Command.Dialog>
-     * ```
-     */
-    readonly Dialog: {
-        ({ children, className, description, filter, shouldFilter, showCloseButton, title, ...props }: CommandDialogProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * The input component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandinput
-     *
-     * @example
-     * ```tsx
-     * <Command.Input placeholder="Type a command or search..." />
-     * ```
-     */
-    readonly Input: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
-        ref?: React.Ref<HTMLInputElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-        value?: string;
-        onValueChange?: (search: string) => void;
-    } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The list component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandlist
-     *
-     * @example
-     * ```tsx
-     * <Command.List>
-     *   <Command.Empty>No results found.</Command.Empty>
-     * </Command.List>
-     */
-    readonly List: react.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The empty component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandempty
-     *
-     * @example
-     * ```tsx
-     * <Command.Empty>No results found.</Command.Empty>
-     * ```
-     */
-    readonly Empty: react.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The group component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandgroup
-     *
-     * @example
-     * ```tsx
-     * <Command.Group heading="Suggestions">
-     *   <Command.Item>
-     *     Calendar
-     *   </Command.Item>
-     * </Command.Group>
-     * ```
-     */
-    readonly Group: react.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
-        heading?: React.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The item component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commanditem
-     *
-     * @example
-     * ```tsx
-     * <Command.Item>
-     *   Calendar
-     * </Command.Item>
-     * ```
-     */
-    readonly Item: react.ForwardRefExoticComponent<Omit<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "disabled" | "onSelect" | "value"> & {
-        disabled?: boolean;
-        onSelect?: (value: string) => void;
-        value?: string;
-        keywords?: string[];
-        forceMount?: boolean;
-    } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The shortcut component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandshortcut
-     *
-     * @example
-     * ```tsx
-     * <Command.Shortcut>⌘,</Command.Shortcut>
-     * ```
-     */
-    readonly Shortcut: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
-    /**
-     * The separator component for the Command component.
-     *
-     * @see https://mantle.ngrok.com/components/command#commandseparator
-     *
-     * @example
-     * ```tsx
-     * <Command.Separator />
-     * ```
-     */
-    readonly Separator: react.ForwardRefExoticComponent<Omit<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
-        orientation?: "horizontal" | "vertical";
-        semantic?: boolean;
-    }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The root component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandroot
+   *
+   * @example
+   * ```tsx
+   * <Command.Root>
+   *   <Command.Input placeholder="Type a command or search..." />
+   *   <Command.List>
+   *     <Command.Empty>No results found.</Command.Empty>
+   *   </Command.List>
+   * </Command.Root>
+   * ```
+   */
+  readonly Root: react.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+  } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The dialog component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commanddialog
+   *
+   * @example
+   * ```tsx
+   * <Command.Dialog>
+   *   <Command.Input placeholder="Type a command or search..." />
+   *   <Command.List>
+   *     <Command.Empty>No results found.</Command.Empty>
+   *   </Command.List>
+   * </Command.Dialog>
+   * ```
+   */
+  readonly Dialog: {
+    ({
+      children,
+      className,
+      description,
+      filter,
+      shouldFilter,
+      showCloseButton,
+      title,
+      ...props
+    }: CommandDialogProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * The input component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandinput
+   *
+   * @example
+   * ```tsx
+   * <Command.Input placeholder="Type a command or search..." />
+   * ```
+   */
+  readonly Input: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+  } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The list component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandlist
+   *
+   * @example
+   * ```tsx
+   * <Command.List>
+   *   <Command.Empty>No results found.</Command.Empty>
+   * </Command.List>
+   */
+  readonly List: react.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+  } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The empty component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandempty
+   *
+   * @example
+   * ```tsx
+   * <Command.Empty>No results found.</Command.Empty>
+   * ```
+   */
+  readonly Empty: react.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+  } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The group component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandgroup
+   *
+   * @example
+   * ```tsx
+   * <Command.Group heading="Suggestions">
+   *   <Command.Item>
+   *     Calendar
+   *   </Command.Item>
+   * </Command.Group>
+   * ```
+   */
+  readonly Group: react.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+  } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The item component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commanditem
+   *
+   * @example
+   * ```tsx
+   * <Command.Item>
+   *   Calendar
+   * </Command.Item>
+   * ```
+   */
+  readonly Item: react.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+  } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "key" | keyof react.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+  } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The shortcut component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandshortcut
+   *
+   * @example
+   * ```tsx
+   * <Command.Shortcut>⌘,</Command.Shortcut>
+   * ```
+   */
+  readonly Shortcut: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+  /**
+   * The separator component for the Command component.
+   *
+   * @see https://mantle.ngrok.com/components/command#commandseparator
+   *
+   * @example
+   * ```tsx
+   * <Command.Separator />
+   * ```
+   */
+  readonly Separator: react.ForwardRefExoticComponent<Omit<Omit<react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement> & WithAsChild & {
+    orientation?: "horizontal" | "vertical";
+    semantic?: boolean;
+  }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 };
-
+//#endregion
+//#region src/components/command/meta-key.d.ts
 type Props = Omit<ComponentProps<"kbd">, "children">;
 /**
  * Renders the platform-appropriate meta key kbd (⌘ or ⌃).
@@ -265,6 +268,10 @@ type Props = Omit<ComponentProps<"kbd">, "children">;
  * - Initializes to `"⌃"` to avoid SSR mismatch.
  * - Updates on mount using `detectMetaKey()`.
  */
-declare function MetaKey({ className, ...props }: Props): react_jsx_runtime.JSX.Element;
-
-export { Command, MetaKey };
+declare function MetaKey({
+  className,
+  ...props
+}: Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Command, MetaKey, useCommandState };
+//# sourceMappingURL=command.d.ts.map

package/dist/command.js

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-KCF3KPUB.js";import{a as u}from"./chunk-JQ5D5YZR.js";import{b as c}from"./chunk-MLXONRJD.js";import"./chunk-ELZLLG6G.js";import"./chunk-EIEPGCIG.js";import"./chunk-HF3KJHO3.js";import"./chunk-6J7D73WA.js";import"./chunk-NJNFZ2EG.js";import"./chunk-KMNACVH6.js";import"./chunk-CBRSMQ26.js";import"./chunk-63ZAW25Z.js";import"./chunk-72TJUKMV.js";import"./chunk-OP6JMBKJ.js";import"./chunk-IVQ626TU.js";import"./chunk-ADF5DAYG.js";import"./chunk-SBQHQ2SJ.js";import{a as m}from"./chunk-PFXFESEN.js";import{MagnifyingGlassIcon as b}from"@phosphor-icons/react/MagnifyingGlass";import{Command as p,useCommandState as w}from"cmdk";import{forwardRef as n}from"react";import{jsx as a,jsxs as i}from"react/jsx-runtime";var l=n(({className:o,...e},t)=>a(p,{ref:t,"data-slot":"command",className:m("bg-popover flex h-full w-full flex-col overflow-hidden rounded-md",o),...e}));l.displayName="Command";var f=({children:o,className:e,description:t="Search for a command to run...",filter:s,shouldFilter:d,showCloseButton:N=!0,title:P="Command Palette",...k})=>i(r.Root,{...k,children:[i(r.Header,{className:"sr-only absolute",children:[a(r.Title,{children:P}),a(r.Description,{children:t})]}),i(r.Content,{className:m("overflow-hidden p-0 relative",e),children:[a(l,{className:"**:[[cmdk-group-heading]]:text-muted **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",filter:s,shouldFilter:d,children:o}),N&&a("div",{className:"absolute top-1.5 right-1.5",children:a(r.CloseIconButton,{})})]})]});f.displayName="CommandDialog";var g=n(({className:o,...e},t)=>i("div",{ref:t,"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b border-popover px-3",children:[a(b,{className:"size-4 shrink-0 opacity-50"}),a(p.Input,{"data-slot":"command-input",className:m("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",o),...e})]}));g.displayName="CommandInput";var C=n(({className:o,...e},t)=>a(p.List,{ref:t,"data-slot":"command-list",className:m("max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar",o),...e}));C.displayName="CommandList";var h=n(({className:o,...e},t)=>a(p.Empty,{ref:t,"data-slot":"command-empty",className:m("py-6 text-center text-sm",o),...e}));h.displayName="CommandEmpty";var y=n(({className:o,...e},t)=>a(p.Group,{ref:t,"data-slot":"command-group",className:m("**:[[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",o),...e}));y.displayName="CommandGroup";var v=n(({className:o,...e},t)=>a(c,{ref:t,"data-slot":"command-separator",className:m("-mx-1 my-1 w-auto",o),...e}));v.displayName="CommandSeparator";var x=n(({className:o,...e},t)=>a(p.Item,{ref:t,"data-slot":"command-item",className:m("data-[selected=true]:bg-popover-hover [&_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-4",o),...e}));x.displayName="CommandItem";var R=n(({className:o,...e},t)=>a("span",{ref:t,"data-slot":"command-shortcut",className:m("text-muted ml-auto text-xs tracking-widest",o),...e}));R.displayName="CommandShortcut";var D={Root:l,Dialog:f,Input:g,List:C,Empty:h,Group:y,Item:x,Shortcut:R,Separator:v};import{useEffect as _,useState as S}from"react";import{jsx as G,jsxs as M}from"react/jsx-runtime";function I({className:o,...e}){let[t,s]=S("\u2303");_(()=>{s(A())},[]);let d=t==="\u2318"?"Command":"Control";return M(u,{...e,suppressHydrationWarning:!0,className:m(t==="\u2303"&&"font-medium",o),children:[G("span",{className:"sr-only",children:d}),t]})}function W(o){return"userAgentData"in o}function A(){if(typeof navigator>"u")return"\u2303";let o="";return W(navigator)&&(o=navigator.userAgentData.platform??""),o||(o=navigator.platform||navigator.userAgent||""),/mac|iphone|ipad|ipod/i.test(o)?"\u2318":"\u2303"}export{D as Command,I as MetaKey,w as useCommandState};
+import{t as e}from"./cx-bKromGBh.js";import{n as t}from"./separator-BcCNbHBg.js";import{t as n}from"./dialog-CGBjHvo_.js";import{t as r}from"./kbd-pyj32aN4.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`,...d})=>c(n.Root,{...d,children:[c(n.Header,{className:`sr-only absolute`,children:[s(n.Title,{children:u}),s(n.Description,{children:i})]}),c(n.Content,{className:e(`overflow-hidden p-0 relative`,r),children:[s(f,{className:`**:[[cmdk-group-heading]]:text-muted **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5`,filter:a,shouldFilter:o,children:t}),l&&s(`div`,{className:`absolute top-1.5 right-1.5`,children:s(n.CloseIconButton,{})})]})]});p.displayName=`CommandDialog`;const m=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-4 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})]}));m.displayName=`CommandInput`;const h=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}));h.displayName=`CommandList`;const g=i(({className:t,...n},r)=>s(u.Empty,{ref:r,"data-slot":`command-empty`,className:e(`py-6 text-center text-sm`,t),...n}));g.displayName=`CommandEmpty`;const _=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}));_.displayName=`CommandGroup`;const v=i(({className:n,...r},i)=>s(t,{ref:i,"data-slot":`command-separator`,className:e(`-mx-1 my-1 w-auto`,n),...r}));v.displayName=`CommandSeparator`;const y=i(({className:t,...n},r)=>s(u.Item,{ref:r,"data-slot":`command-item`,className:e(`data-[selected=true]:bg-popover-hover [&_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-4`,t),...n}));y.displayName=`CommandItem`;const b=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}));b.displayName=`CommandShortcut`;const x={Root:f,Dialog:p,Input:m,List:h,Empty:g,Group:_,Item:y,Shortcut:b,Separator:v};function S({className:t,...n}){let[i,l]=o(`⌃`);a(()=>{l(w())},[]);let u=i===`⌘`?`Command`:`Control`;return c(r,{...n,suppressHydrationWarning:!0,className:e(i===`⌃`&&`font-medium`,t),children:[s(`span`,{className:`sr-only`,children:u}),i]})}function C(e){return`userAgentData`in e}function w(){if(typeof navigator>`u`)return`⌃`;let e=``;return C(navigator)&&(e=navigator.userAgentData.platform??``),e||=navigator.platform||navigator.userAgent||``,/mac|iphone|ipad|ipod/i.test(e)?`⌘`:`⌃`}export{x as Command,S as MetaKey,d as useCommandState};
 //# sourceMappingURL=command.js.map