@cognite/aura 0.2.0 → 0.3.0

package/dist/components/ui/core/checkbox/checkbox.d.ts

@@ -1,13 +1,17 @@
-import { HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
+import { CheckboxRootProps } from '@base-ui/react/checkbox';
 import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
 type Orientation = 'horizontal' | 'vertical';
-declare const CheckboxGroup: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+declare const CheckboxGroup: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     orientation?: Orientation;
-} & import('react').RefAttributes<HTMLDivElement>>;
-declare const CheckboxItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<(props?: ({
-    variant?: "default" | "card" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLLabelElement>>;
-declare const CheckboxItemControl: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CheckboxRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const CheckboxItemLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const CheckboxItemDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+} & RefAttributes<HTMLDivElement>>;
+interface CheckboxItemVariantProps {
+    variant?: 'default' | 'card' | null;
+}
+declare const checkboxItemVariants: (props?: (CheckboxItemVariantProps & ClassProp) | undefined) => string;
+declare const CheckboxItem: ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<typeof checkboxItemVariants> & RefAttributes<HTMLLabelElement>>;
+declare const CheckboxItemControl: ForwardRefExoticComponent<Omit<CheckboxRootProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const CheckboxItemLabel: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+declare const CheckboxItemDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, };

package/dist/components/ui/core/checkbox/checkbox.js

@@ -3,7 +3,7 @@ import { forwardRef as r } from "react";
 import { Checkbox as i } from "@base-ui/react/checkbox";
 import { IconCheck as l, IconMinus as b } from "@tabler/icons-react";
 import { cva as m } from "class-variance-authority";
-import { cn as d, selectionItemBase as h, selectionItemCard as k, selectionItemDefault as u, invalidState as x, focusState as p, selectionItemLabel as g, selectionItemDescription as f } from "../../../../lib/utils.js";
+import { cn as d, invalidState as h, focusState as k, selectionItemDescription as u, selectionItemLabel as x, selectionItemBase as p, selectionItemCard as g, selectionItemDefault as f } from "../../../../lib/utils.js";
 const I = r(
   ({ className: a, orientation: e = "vertical", role: t = "group", ...c }, n) => /* @__PURE__ */ o(
     "div",
@@ -21,11 +21,11 @@ const I = r(
   )
 );
 I.displayName = "CheckboxGroup";
-const C = m(d("group/checkbox-item", h), {
+const C = m(d("group/checkbox-item", p), {
   variants: {
     variant: {
-      default: u,
-      card: k
+      default: f,
+      card: g
     }
   },
   defaultVariants: {
@@ -55,8 +55,8 @@ const N = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
       "data-unchecked:not-data-disabled:hover:border-secondary-foreground group-hover/checkbox-item:data-unchecked:not-data-disabled:border-secondary-foreground",
       "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border",
       "[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block",
-      p,
-      x,
+      k,
+      h,
       a
     ),
     ...e,
@@ -90,35 +90,39 @@ const N = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   }
 ));
 N.displayName = "CheckboxItemControl";
-const y = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  "span",
-  {
-    ref: t,
-    "data-slot": "checkbox-item-label",
-    className: d(
-      g,
-      "group-has-[[data-checked]]/checkbox-item:text-foreground",
-      "group-has-[[data-indeterminate]]/checkbox-item:text-foreground",
-      "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
-      a
-    ),
-    ...e
-  }
-));
+const y = r(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: t,
+      "data-slot": "checkbox-item-label",
+      className: d(
+        x,
+        "group-has-[[data-checked]]/checkbox-item:text-foreground",
+        "group-has-[[data-indeterminate]]/checkbox-item:text-foreground",
+        "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
+        a
+      ),
+      ...e
+    }
+  )
+);
 y.displayName = "CheckboxItemLabel";
-const z = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  "span",
-  {
-    ref: t,
-    "data-slot": "checkbox-item-description",
-    className: d(
-      f,
-      "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
-      a
-    ),
-    ...e
-  }
-));
+const z = r(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: t,
+      "data-slot": "checkbox-item-description",
+      className: d(
+        u,
+        "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
+        a
+      ),
+      ...e
+    }
+  )
+);
 z.displayName = "CheckboxItemDescription";
 export {
   I as CheckboxGroup,

package/dist/components/ui/core/code-block/code-block.d.ts

@@ -1,32 +1,29 @@
-import { ComponentProps, HTMLAttributes } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
 import { BundledLanguage } from 'shiki';
 import { Button } from '../button/button';
 export declare function getCollapsedPreviewDisplay(code: string): string;
 export declare function isContentLargerThanPreview(code: string): boolean;
 export declare function shouldUsePlainTextInsteadOfShiki(code: string, lineCount: number): boolean;
 export declare function plainPreMarkup(code: string): string;
-declare const CodeBlock: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+declare const CodeBlock: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     code: string;
     copyText?: string;
     collapsed?: boolean;
     language: BundledLanguage;
     showLineNumbers?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;
 type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
     onCopy?: () => void;
     onError?: (error: Error) => void;
     timeout?: number;
 };
-declare const CodeBlockCopyButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const CodeBlockCollapseButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const CodeBlockCopyButton: ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const CodeBlockCollapseButton: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
 type CodeBlockDownloadButtonProps = ComponentProps<typeof Button> & {
     fileName?: string;
     mimeType?: string;
     onDownload?: () => void;
     onError?: (error: Error) => void;
 };
-declare const CodeBlockDownloadButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const CodeBlockDownloadButton: ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
 export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, };

package/dist/components/ui/core/code-block/code-block.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as r } from "react/jsx-runtime";
-import { createContext as F, forwardRef as w, useState as x, useMemo as D, useEffect as O, useContext as H } from "react";
-import { IconCheck as K, IconCopy as V, IconSelector as $, IconDownload as q } from "@tabler/icons-react";
+import { forwardRef as w, useState as x, useMemo as D, useEffect as F, useContext as H, createContext as O } from "react";
+import { IconSelector as K, IconCheck as V, IconCopy as $, IconDownload as q } from "@tabler/icons-react";
 import { isStorybookTestEnv as v, highlightCode as M, cn as f } from "../../../../lib/utils.js";
 import { Button as S } from "../button/button.js";
-const I = F({
+const I = O({
   code: "",
   copyText: "",
   isCollapsed: !1,
@@ -48,7 +48,7 @@ const ee = "min(60vh, 32rem)", oe = "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&
       () => v ? `<pre><code>${P(s)}</code></pre>` : "",
       [s]
     );
-    O(() => {
+    F(() => {
       if (v) return;
       let g = !1;
       const B = (u) => {
@@ -169,51 +169,55 @@ const ee = "min(60vh, 32rem)", oe = "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&
   }
 );
 ne.displayName = "CodeBlock";
-const re = w(({ onCopy: e, onError: t, timeout: n = 2e3, children: o, className: a, ...h }, i) => {
-  const [C, k] = x(!1), { copyText: b } = H(I), d = async () => {
-    if (typeof window > "u" || !navigator?.clipboard?.writeText) {
-      t?.(new Error("Clipboard API not available"));
-      return;
-    }
-    try {
-      await navigator.clipboard.writeText(b), k(!0), e?.(), setTimeout(() => k(!1), n);
-    } catch (c) {
-      console.warn("Clipboard write failed:", c), t?.(
-        c instanceof Error ? c : new Error("Clipboard write failed")
-      );
-    }
-  }, p = C ? K : V;
-  return /* @__PURE__ */ r(
-    S,
-    {
-      ref: i,
-      "data-slot": "code-block-copy-button",
-      className: f("shrink-0", a),
-      onClick: d,
-      size: "icon-sm",
-      variant: "secondary",
-      ...h,
-      children: o ?? /* @__PURE__ */ r(p, { size: 14 })
-    }
-  );
-});
+const re = w(
+  ({ onCopy: e, onError: t, timeout: n = 2e3, children: o, className: a, ...h }, i) => {
+    const [C, k] = x(!1), { copyText: b } = H(I), d = async () => {
+      if (typeof window > "u" || !navigator?.clipboard?.writeText) {
+        t?.(new Error("Clipboard API not available"));
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(b), k(!0), e?.(), setTimeout(() => k(!1), n);
+      } catch (c) {
+        console.warn("Clipboard write failed:", c), t?.(
+          c instanceof Error ? c : new Error("Clipboard write failed")
+        );
+      }
+    }, p = C ? V : $;
+    return /* @__PURE__ */ r(
+      S,
+      {
+        ref: i,
+        "data-slot": "code-block-copy-button",
+        className: f("shrink-0", a),
+        onClick: d,
+        size: "icon-sm",
+        variant: "secondary",
+        ...h,
+        children: o ?? /* @__PURE__ */ r(p, { size: 14 })
+      }
+    );
+  }
+);
 re.displayName = "CodeBlockCopyButton";
-const le = w(({ children: e, className: t, ...n }, o) => {
-  const { isCollapsed: a, setIsCollapsed: h, lineCount: i } = H(I);
-  return i <= 1 ? null : /* @__PURE__ */ r(
-    S,
-    {
-      ref: o,
-      "data-slot": "code-block-collapse-button",
-      className: f("shrink-0", t),
-      onClick: () => h(!a),
-      size: "icon-sm",
-      variant: "secondary",
-      ...n,
-      children: e ?? /* @__PURE__ */ r($, { size: 14 })
-    }
-  );
-});
+const le = w(
+  ({ children: e, className: t, ...n }, o) => {
+    const { isCollapsed: a, setIsCollapsed: h, lineCount: i } = H(I);
+    return i <= 1 ? null : /* @__PURE__ */ r(
+      S,
+      {
+        ref: o,
+        "data-slot": "code-block-collapse-button",
+        className: f("shrink-0", t),
+        onClick: () => h(!a),
+        size: "icon-sm",
+        variant: "secondary",
+        ...n,
+        children: e ?? /* @__PURE__ */ r(K, { size: 14 })
+      }
+    );
+  }
+);
 le.displayName = "CodeBlockCollapseButton";
 const ae = w(
   ({

package/dist/components/ui/core/collapsible/collapsible.d.ts

@@ -1,4 +1,6 @@
-declare const Collapsible: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from '@base-ui/react/collapsible';
+declare const Collapsible: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/core/combobox/combobox.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
 import { Button } from '../button/button';
 type ComboboxProps = Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> & {
     options: Array<{
@@ -11,5 +11,5 @@ type ComboboxProps = Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> &
     searchPlaceholder?: string;
     emptyText?: string;
 };
-declare const Combobox: import('react').ForwardRefExoticComponent<Omit<ComboboxProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const Combobox: ForwardRefExoticComponent<Omit<ComboboxProps, 'ref'> & RefAttributes<HTMLElement>>;
 export { Combobox };

package/dist/components/ui/core/command/command.d.ts

@@ -1,86 +1,19 @@
-import { ComponentProps, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
 import { Dialog } from '../dialog/dialog';
-declare const Command: import('react').ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof import('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;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Command: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive>, 'ref'> & RefAttributes<HTMLDivElement>>;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<ComponentProps<typeof Dialog>, 'children'> & {
     children?: ReactNode;
     title?: string;
     description?: string;
     className?: string;
     showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandDialog {
-    var displayName: string;
-}
-declare const CommandInput: 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" | keyof import('react').InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-declare const CommandList: import('react').ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: import('react').ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof import('react').HTMLAttributes<HTMLDivElement> | "asChild"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: import('react').ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & 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 import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: 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 import('react').HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    alwaysRender?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & 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 import('react').HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CommandShortcut: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+}): ReactNode;
+declare const CommandInput: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.Input>, 'ref'> & RefAttributes<HTMLInputElement>>;
+declare const CommandList: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.List>, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.Empty>, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.Group>, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.Separator>, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CommandItem: ForwardRefExoticComponent<Omit<ComponentProps<typeof CommandPrimitive.Item>, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/core/command/command.js

@@ -4,23 +4,23 @@ import { IconSearch as p } from "@tabler/icons-react";
 import { Command as r } from "cmdk";
 import { cn as m } from "../../../../lib/utils.js";
 import { Dialog as u, DialogHeader as g, DialogTitle as h, DialogDescription as f, DialogContent as x } from "../dialog/dialog.js";
-const s = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const s = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command",
     className: m(
       "rounded-lg bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden",
       e
     ),
-    ...a
+    ...t
   }
 ));
 s.displayName = "Command";
-function y({
+function G({
   title: e = "Command Palette",
-  description: a = "Search for a command to run...",
-  children: t,
+  description: t = "Search for a command to run...",
+  children: a,
   className: l,
   showCloseButton: c = !0,
   ...i
@@ -28,7 +28,7 @@ function y({
   return /* @__PURE__ */ n(u, { ...i, children: [
     /* @__PURE__ */ n(g, { className: "sr-only rounded-lg", children: [
       /* @__PURE__ */ o(h, { children: e }),
-      /* @__PURE__ */ o(f, { children: a })
+      /* @__PURE__ */ o(f, { children: t })
     ] }),
     /* @__PURE__ */ o(
       x,
@@ -36,13 +36,12 @@ function y({
         "data-slot": "command-dialog",
         className: m("overflow-hidden p-0", l),
         showCloseButton: c,
-        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **: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", children: t })
+        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **: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", children: a })
       }
     )
   ] });
 }
-y.displayName = "CommandDialog";
-const k = d(({ className: e, ...a }, t) => /* @__PURE__ */ n(
+const k = d(({ className: e, ...t }, a) => /* @__PURE__ */ n(
   "div",
   {
     "data-slot": "command-input-wrapper",
@@ -52,99 +51,101 @@ const k = d(({ className: e, ...a }, t) => /* @__PURE__ */ n(
       /* @__PURE__ */ o(
         r.Input,
         {
-          ref: t,
+          ref: a,
           "data-slot": "command-input",
           className: m(
             "placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
             e
           ),
-          ...a
+          ...t
         }
       )
     ]
   }
 ));
 k.displayName = "CommandInput";
-const C = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+const y = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r.List,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command-list",
     className: m(
       "max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto",
       e
     ),
-    ...a
+    ...t
   }
 ));
-C.displayName = "CommandList";
-const N = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+y.displayName = "CommandList";
+const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r.Empty,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command-empty",
     className: m("py-6 text-center text-sm", e),
-    ...a
+    ...t
   }
 ));
-N.displayName = "CommandEmpty";
-const v = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+C.displayName = "CommandEmpty";
+const N = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r.Group,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command-group",
     className: m(
       "text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium",
       e
     ),
-    ...a
+    ...t
   }
 ));
-v.displayName = "CommandGroup";
-const w = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+N.displayName = "CommandGroup";
+const v = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r.Separator,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command-separator",
     className: m("bg-border -mx-1 h-px", e),
-    ...a
+    ...t
   }
 ));
-w.displayName = "CommandSeparator";
-const _ = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+v.displayName = "CommandSeparator";
+const w = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   r.Item,
   {
-    ref: t,
+    ref: a,
     "data-slot": "command-item",
     className: m(
       "data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default 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",
       e
     ),
-    ...a
+    ...t
   }
 ));
-_.displayName = "CommandItem";
-const b = d(({ className: e, ...a }, t) => /* @__PURE__ */ o(
-  "span",
-  {
-    ref: t,
-    "data-slot": "command-shortcut",
-    className: m(
-      "text-muted-foreground ml-auto text-xs tracking-widest",
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "CommandShortcut";
+w.displayName = "CommandItem";
+const _ = d(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: a,
+      "data-slot": "command-shortcut",
+      className: m(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...t
+    }
+  )
+);
+_.displayName = "CommandShortcut";
 export {
   s as Command,
-  y as CommandDialog,
-  N as CommandEmpty,
-  v as CommandGroup,
+  G as CommandDialog,
+  C as CommandEmpty,
+  N as CommandGroup,
   k as CommandInput,
-  _ as CommandItem,
-  C as CommandList,
-  w as CommandSeparator,
-  b as CommandShortcut
+  w as CommandItem,
+  y as CommandList,
+  v as CommandSeparator,
+  _ as CommandShortcut
 };