@ngrok/mantle 0.73.3 → 0.73.4

package/dist/command.d.ts

@@ -1,8 +1,5 @@
-import { t as Root } from "./primitive-qkxTYBUY.js";
-import * as _$react from "react";
+import { t as Root } from "./primitive-D_-h74Kt.js";
 import { ComponentProps, ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$_radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 import { Command as Command$1, useCommandState } from "cmdk";
 
 //#region src/components/command/command.d.ts
@@ -60,9 +57,9 @@ type CommandDialogContentProps = {
  * @example
  * Composition:
  * ```
- * Command.Dialog.Root
- * ├── Command.Dialog.Trigger
- * └── Command.Dialog.Content
+ * Command.DialogRoot
+ * ├── Command.DialogTrigger
+ * └── Command.DialogContent
  *     ├── Command.Input
  *     └── Command.List
  *         ├── Command.Empty
@@ -74,11 +71,11 @@ type CommandDialogContentProps = {
  *
  * @example
  * ```tsx
- * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
- *   <Command.Dialog.Trigger asChild>
+ * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+ *   <Command.DialogTrigger asChild>
  *     <Button type="button">Open Command Palette</Button>
- *   </Command.Dialog.Trigger>
- *   <Command.Dialog.Content>
+ *   </Command.DialogTrigger>
+ *   <Command.DialogContent>
  *     <Command.Input placeholder="Type a command or search..." />
  *     <Command.List>
  *       <Command.Empty>No results found.</Command.Empty>
@@ -95,8 +92,8 @@ type CommandDialogContentProps = {
  *         </Command.Item>
  *       </Command.Group>
  *     </Command.List>
- *   </Command.Dialog.Content>
- * </Command.Dialog.Root>
+ *   </Command.DialogContent>
+ * </Command.DialogRoot>
  * ```
  */
 declare const Command: {
@@ -107,11 +104,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -128,17 +125,17 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Root: _$react.ForwardRefExoticComponent<Omit<{
+  readonly Root: import("react").ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-  } & Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -148,151 +145,67 @@ declare const Command: {
     loop?: boolean;
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
-  } & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
-   * A compound namespace for building a command palette dialog.
-   * Use `Command.Dialog.Root`, `Command.Dialog.Trigger`, and `Command.Dialog.Content`.
+   * The root stateful component for the Command dialog. Manages open/closed state.
    *
-   * @see https://mantle.ngrok.com/components/command#commanddialog
+   * @see https://mantle.ngrok.com/components/command#commanddialogroot
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
-   *       <Command.Group heading="Suggestions">
-   *         <Command.Item>
-   *           <span>Calendar</span>
-   *         </Command.Item>
-   *       </Command.Group>
-   *       <Command.Separator />
-   *       <Command.Group heading="Settings">
-   *         <Command.Item>
-   *           <span>Profile</span>
-   *           <Command.Shortcut>⌘,</Command.Shortcut>
-   *         </Command.Item>
-   *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
+   * ```
+   */
+  readonly DialogRoot: typeof Root;
+  /**
+   * A button that opens the Command dialog when clicked.
+   *
+   * @see https://mantle.ngrok.com/components/command#commanddialogtrigger
+   *
+   * @example
+   * ```tsx
+   * <Command.DialogTrigger asChild>
+   *   <Button type="button">Open Command Palette</Button>
+   * </Command.DialogTrigger>
+   * ```
+   */
+  readonly DialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  /**
+   * The visible content of the Command dialog. Renders inside the dialog portal.
+   *
+   * @see https://mantle.ngrok.com/components/command#commanddialogcontent
+   *
+   * @example
+   * ```tsx
+   * <Command.DialogContent>
+   *   <Command.Input placeholder="Type a command or search..." />
+   *   <Command.List>
+   *     <Command.Empty>No results found.</Command.Empty>
+   *   </Command.List>
+   * </Command.DialogContent>
    * ```
    */
-  readonly Dialog: {
-    /**
-     * The root stateful component for the CommandDialog. Manages open/closed state.
-     *
-     * @see https://mantle.ngrok.com/components/command#commanddialogroot
-     *
-     * @example
-     * ```tsx
-     * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-     *   <Command.Dialog.Trigger asChild>
-     *     <Button type="button">Open Command Palette</Button>
-     *   </Command.Dialog.Trigger>
-     *   <Command.Dialog.Content>
-     *     <Command.Input placeholder="Type a command or search..." />
-     *     <Command.List>
-     *       <Command.Empty>No results found.</Command.Empty>
-     *       <Command.Group heading="Suggestions">
-     *         <Command.Item>
-     *           <span>Calendar</span>
-     *         </Command.Item>
-     *       </Command.Group>
-     *       <Command.Separator />
-     *       <Command.Group heading="Settings">
-     *         <Command.Item>
-     *           <span>Profile</span>
-     *           <Command.Shortcut>⌘,</Command.Shortcut>
-     *         </Command.Item>
-     *       </Command.Group>
-     *     </Command.List>
-     *   </Command.Dialog.Content>
-     * </Command.Dialog.Root>
-     * ```
-     */
-    readonly Root: typeof Root;
-    /**
-     * A button that opens the CommandDialog when clicked.
-     *
-     * @see https://mantle.ngrok.com/components/command#commanddialogtrigger
-     *
-     * @example
-     * ```tsx
-     * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-     *   <Command.Dialog.Trigger asChild>
-     *     <Button type="button">Open Command Palette</Button>
-     *   </Command.Dialog.Trigger>
-     *   <Command.Dialog.Content>
-     *     <Command.Input placeholder="Type a command or search..." />
-     *     <Command.List>
-     *       <Command.Empty>No results found.</Command.Empty>
-     *       <Command.Group heading="Suggestions">
-     *         <Command.Item>
-     *           <span>Calendar</span>
-     *         </Command.Item>
-     *       </Command.Group>
-     *       <Command.Separator />
-     *       <Command.Group heading="Settings">
-     *         <Command.Item>
-     *           <span>Profile</span>
-     *           <Command.Shortcut>⌘,</Command.Shortcut>
-     *         </Command.Item>
-     *       </Command.Group>
-     *     </Command.List>
-     *   </Command.Dialog.Content>
-     * </Command.Dialog.Root>
-     * ```
-     */
-    readonly Trigger: _$react.ForwardRefExoticComponent<Omit<_$_radix_ui_react_dialog0.DialogTriggerProps & _$react.RefAttributes<HTMLButtonElement>, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * The visible content of the CommandDialog. Renders inside the dialog portal.
-     *
-     * @see https://mantle.ngrok.com/components/command#commanddialogcontent
-     *
-     * @example
-     * ```tsx
-     * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-     *   <Command.Dialog.Trigger asChild>
-     *     <Button type="button">Open Command Palette</Button>
-     *   </Command.Dialog.Trigger>
-     *   <Command.Dialog.Content>
-     *     <Command.Input placeholder="Type a command or search..." />
-     *     <Command.List>
-     *       <Command.Empty>No results found.</Command.Empty>
-     *       <Command.Group heading="Suggestions">
-     *         <Command.Item>
-     *           <span>Calendar</span>
-     *         </Command.Item>
-     *       </Command.Group>
-     *       <Command.Separator />
-     *       <Command.Group heading="Settings">
-     *         <Command.Item>
-     *           <span>Profile</span>
-     *           <Command.Shortcut>⌘,</Command.Shortcut>
-     *         </Command.Item>
-     *       </Command.Group>
-     *     </Command.List>
-     *   </Command.Dialog.Content>
-     * </Command.Dialog.Root>
-     * ```
-     */
-    readonly Content: {
-      ({
-        children,
-        className,
-        description,
-        filter,
-        shouldFilter,
-        showCloseButton,
-        title
-      }: CommandDialogContentProps): _$react_jsx_runtime0.JSX.Element;
-      displayName: string;
-    };
+  readonly DialogContent: {
+    ({
+      children,
+      className,
+      description,
+      filter,
+      shouldFilter,
+      showCloseButton,
+      title
+    }: CommandDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
   };
   /**
    * The input component for the Command component.
@@ -301,11 +214,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -322,18 +235,18 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Input: _$react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement>> & {
+  readonly Input: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof _$react.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-  } & _$react.RefAttributes<HTMLInputElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The list component for the Command component.
    *
@@ -341,11 +254,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -362,19 +275,19 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly List: _$react.ForwardRefExoticComponent<Omit<{
+  readonly List: import("react").ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-  } & Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
-  } & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The empty component for the Command component.
    *
@@ -382,11 +295,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -403,17 +316,17 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Empty: _$react.ForwardRefExoticComponent<Omit<{
+  readonly Empty: import("react").ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-  } & Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild"> & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The group component for the Command component.
    *
@@ -421,11 +334,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -442,21 +355,21 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Group: _$react.ForwardRefExoticComponent<Omit<{
+  readonly Group: import("react").ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  } & Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
-  } & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The item component for the Command component.
    *
@@ -464,11 +377,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -485,23 +398,23 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Item: _$react.ForwardRefExoticComponent<Omit<{
+  readonly Item: import("react").ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-  } & Omit<Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  } & Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "onSelect" | "value"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
     keywords?: string[];
     forceMount?: boolean;
-  } & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * The shortcut component for the Command component.
    *
@@ -509,11 +422,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -530,11 +443,11 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Shortcut: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & _$react.RefAttributes<HTMLSpanElement>>;
+  readonly Shortcut: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
   /**
    * The separator component for the Command component.
    *
@@ -542,11 +455,11 @@ declare const Command: {
    *
    * @example
    * ```tsx
-   * <Command.Dialog.Root open={open} onOpenChange={setOpen}>
-   *   <Command.Dialog.Trigger asChild>
+   * <Command.DialogRoot open={open} onOpenChange={setOpen}>
+   *   <Command.DialogTrigger asChild>
    *     <Button type="button">Open Command Palette</Button>
-   *   </Command.Dialog.Trigger>
-   *   <Command.Dialog.Content>
+   *   </Command.DialogTrigger>
+   *   <Command.DialogContent>
    *     <Command.Input placeholder="Type a command or search..." />
    *     <Command.List>
    *       <Command.Empty>No results found.</Command.Empty>
@@ -563,17 +476,17 @@ declare const Command: {
    *         </Command.Item>
    *       </Command.Group>
    *     </Command.List>
-   *   </Command.Dialog.Content>
-   * </Command.Dialog.Root>
+   *   </Command.DialogContent>
+   * </Command.DialogRoot>
    * ```
    */
-  readonly Separator: _$react.ForwardRefExoticComponent<Omit<Pick<Pick<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof _$react.HTMLAttributes<HTMLDivElement>> & {
+  readonly Separator: import("react").ForwardRefExoticComponent<Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+  }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
-  } & _$react.RefAttributes<HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+  } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
 //#region src/components/command/meta-key.d.ts
@@ -587,7 +500,7 @@ type Props = Omit<ComponentProps<"kbd">, "children">;
 declare function MetaKey({
   className,
   ...props
-}: Props): _$react_jsx_runtime0.JSX.Element;
+}: Props): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Command, MetaKey, useCommandState };
 //# sourceMappingURL=command.d.ts.map

package/dist/command.js

@@ -1,2 +1,2 @@
-import{t as e}from"./cx-D1HYnpvA.js";import{n as t}from"./separator-awchG4LI.js";import{t as n}from"./dialog-B1KCB7JT.js";import{t as r}from"./kbd-CbMxDL9E.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-CBSnSC36.js";import{n as t}from"./separator-Bqjy77rG.js";import{t as n}from"./dialog-Dn-brQBw.js";import{t as r}from"./kbd-Bv6tefdB.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=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})]}));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(u.Separator,{ref:i,"data-slot":`command-separator`,asChild:!0,...r,children:s(t,{className:e(`-mx-1 my-1 w-auto`,n)})}));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-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}));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,DialogRoot:n.Root,DialogTrigger:n.Trigger,DialogContent: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,"data-slot":`meta-key`,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