@oneplatformdev/ui 0.1.10-3 → 0.1.10-4

package/Calendar/index.js

@@ -0,0 +1,4 @@
+import { Calendar as e } from "./Calendar.js";
+export {
+  e as Calendar
+};

package/Card/index.js

@@ -0,0 +1,9 @@
+import { Card as d, CardContent as e, CardDescription as C, CardFooter as o, CardHeader as t, CardTitle as i } from "./Card.js";
+export {
+  d as Card,
+  e as CardContent,
+  C as CardDescription,
+  o as CardFooter,
+  t as CardHeader,
+  i as CardTitle
+};

package/{ui21.js → Carousel/Carousel.js}

@@ -3,10 +3,11 @@ import * as e from "react";
 import k from "embla-carousel-react";
 import { ArrowLeft as z, ArrowRight as g } from "lucide-react";
 import { cn as m } from "@oneplatformdev/utils";
-import { Button as w } from "./ui15.js";
-const p = e.createContext(null);
+import { Button as p } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+const w = e.createContext(null);
 function C() {
-  const o = e.useContext(p);
+  const o = e.useContext(w);
   if (!o)
     throw new Error("useCarousel must be used within a <Carousel />");
   return o;
@@ -47,7 +48,7 @@ const D = e.forwardRef(
           r?.off("select", d);
         };
     }, [r, d]), /* @__PURE__ */ s(
-      p.Provider,
+      w.Provider,
       {
         value: {
           carouselRef: v,
@@ -113,7 +114,7 @@ I.displayName = "CarouselItem";
 const j = e.forwardRef(({ className: o, variant: l = "outline-solid", size: t = "icon", ...a }, c) => {
   const { orientation: i, scrollPrev: u, canScrollPrev: f } = C();
   return /* @__PURE__ */ x(
-    w,
+    p,
     {
       ref: c,
       variant: l,
@@ -137,7 +138,7 @@ j.displayName = "CarouselPrevious";
 const A = e.forwardRef(({ className: o, variant: l = "outline-solid", size: t = "icon", ...a }, c) => {
   const { orientation: i, scrollNext: u, canScrollNext: f } = C();
   return /* @__PURE__ */ x(
-    w,
+    p,
     {
       ref: c,
       variant: l,

package/Carousel/index.js

@@ -0,0 +1,8 @@
+import { Carousel as r, CarouselContent as s, CarouselItem as u, CarouselNext as C, CarouselPrevious as a } from "./Carousel.js";
+export {
+  r as Carousel,
+  s as CarouselContent,
+  u as CarouselItem,
+  C as CarouselNext,
+  a as CarouselPrevious
+};

package/Chart/index.js

@@ -0,0 +1,9 @@
+import { ChartContainer as o, ChartLegend as r, ChartLegendContent as C, ChartStyle as n, ChartTooltip as a, ChartTooltipContent as h } from "./Chart.js";
+export {
+  o as ChartContainer,
+  r as ChartLegend,
+  C as ChartLegendContent,
+  n as ChartStyle,
+  a as ChartTooltip,
+  h as ChartTooltipContent
+};

package/{ui23.js → Checkbox/Checkbox.js}

@@ -1,36 +1,37 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
+import * as c from "@radix-ui/react-checkbox";
 import { MinusIcon as f, CheckIcon as p } from "lucide-react";
-import * as n from "react";
+import * as m from "react";
 import { cn as i } from "@oneplatformdev/utils";
-import { Label as h } from "./ui45.js";
-const d = n.forwardRef(({ className: s, checked: o, indeterminate: e, ...a }, c) => {
-  const m = e ? f : p;
+import { Label as h } from "../Label/Label.js";
+import "../Label/labelVariants.js";
+const n = m.forwardRef(({ className: o, checked: s, indeterminate: e, ...a }, t) => {
+  const d = e ? f : p;
   return /* @__PURE__ */ r(
-    t.Root,
+    c.Root,
     {
-      ref: c,
+      ref: t,
       className: i(
         "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow-sm focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-        s
+        o
       ),
       ...a,
-      checked: o ?? e,
+      checked: s ?? e,
       children: /* @__PURE__ */ r(
-        t.Indicator,
+        c.Indicator,
         {
           className: i("flex items-center justify-center text-current"),
-          children: /* @__PURE__ */ r(m, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ r(d, { className: "h-4 w-4" })
         }
       )
     }
   );
 });
-d.displayName = t.Root.displayName;
-const u = n.forwardRef(({ label: s = "", children: o, labelProps: e, ...a }, c) => /* @__PURE__ */ l(
+n.displayName = c.Root.displayName;
+const u = m.forwardRef(({ label: o = "", children: s, labelProps: e, ...a }, t) => /* @__PURE__ */ l(
   h,
   {
-    ref: c,
+    ref: t,
     ...e,
     className: i(
       "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
@@ -38,16 +39,16 @@ const u = n.forwardRef(({ label: s = "", children: o, labelProps: e, ...a }, c)
     ),
     style: e?.style,
     children: [
-      /* @__PURE__ */ r(d, { ...a }),
+      /* @__PURE__ */ r(n, { ...a }),
       /* @__PURE__ */ l("div", { className: "flex flex-col w-full gap-3", children: [
-        /* @__PURE__ */ r("span", { className: "flex flex-col justify-start leading-[16px]", children: s }),
-        o
+        /* @__PURE__ */ r("span", { className: "flex flex-col justify-start leading-[16px]", children: o }),
+        s
       ] })
     ]
   }
 ));
 u.displayName = "CheckboxLabel";
 export {
-  d as Checkbox,
+  n as Checkbox,
   u as CheckboxLabel
 };

package/Checkbox/Checkbox.types.js

@@ -0,0 +1 @@
+

package/Checkbox/index.js

@@ -0,0 +1,5 @@
+import { Checkbox as b, CheckboxLabel as x } from "./Checkbox.js";
+export {
+  b as Checkbox,
+  x as CheckboxLabel
+};

package/Collapsible/index.js

@@ -0,0 +1,6 @@
+import { Collapsible as o, CollapsibleContent as i, CollapsibleTrigger as p } from "./Collapsible.js";
+export {
+  o as Collapsible,
+  i as CollapsibleContent,
+  p as CollapsibleTrigger
+};

package/{ui25.js → Combobox/Combobox.js}

@@ -1,17 +1,19 @@
 import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as W, useRef as X, useState as c, useEffect as _, useCallback as d, useMemo as O, useLayoutEffect as J } from "react";
+import { forwardRef as W, useRef as X, useState as c, useEffect as _, useCallback as p, useMemo as O, useLayoutEffect as J } from "react";
+import { LoadingMask as K } from "../LoadingMask/LoadingMask.js";
+import "../LoadingMask/RenderLoadingMask.js";
+import { Popover as Q, PopoverTrigger as Y, PopoverContent as Z } from "../Popover/Popover.js";
+import { Button as $ } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { Command as ee, CommandInput as oe, CommandList as te, CommandGroup as ne, CommandEmpty as B, CommandItem as re } from "../Command/Command.js";
 import { cn as L } from "@oneplatformdev/utils";
-import { useDebounceCallback as K } from "@oneplatformdev/hooks";
-import { X as Q, ChevronsUpDown as Y } from "lucide-react";
-import { ComboboxOptions as Z } from "./ui91.js";
-import { Popover as $, PopoverTrigger as ee, PopoverContent as oe } from "./ui57.js";
-import { Button as te } from "./ui15.js";
-import { Command as ne, CommandInput as re, CommandList as ae, CommandGroup as se, CommandEmpty as B, CommandItem as le } from "./ui26.js";
-import { LoadingMask as ie } from "./ui49.js";
-const Ce = W(
+import { useDebounceCallback as ae } from "@oneplatformdev/hooks";
+import { X as se, ChevronsUpDown as le } from "lucide-react";
+import { ComboboxOptions as ie } from "./ComboboxOptions.js";
+const xe = W(
   (D, T) => {
     const {
-      value: p,
+      value: m,
       onChange: A,
       placeholder: I,
       disabled: z,
@@ -19,7 +21,7 @@ const Ce = W(
       fetchOptions: G,
       options: u,
       emptyLabel: S = "No options",
-      emptyAction: m,
+      emptyAction: d,
       commandInputAction: f,
       listHeadAction: h,
       onMount: g
@@ -29,7 +31,7 @@ const Ce = W(
     }, [u]);
     const R = async () => {
       a || (P(), C(""));
-    }, P = d(async (o) => {
+    }, P = p(async (o) => {
       s(!0);
       try {
         const N = await G(o);
@@ -39,14 +41,14 @@ const Ce = W(
       } finally {
         s(!1);
       }
-    }, []), U = K(P, 1e3, {
+    }, []), U = ae(P, 1e3, {
       leading: !1,
       trailing: !0
-    }), q = d((o) => {
+    }), q = p((o) => {
       s(!0), C(o), U(o);
-    }, []), k = d((o) => {
+    }, []), k = p((o) => {
       A(o.value), w(o), s(!1);
-    }, []), H = d(() => {
+    }, []), H = p(() => {
       k({ value: "", label: "" }), w(void 0), s(!1);
     }, []), E = O(() => !!r && !t.length && !n, [n, t.length, r]), M = O(() => !t.length && !n, [n, t.length, r]), i = O(() => ({
       options: t,
@@ -61,7 +63,7 @@ const Ce = W(
       setLoading: s,
       isEmptyList: M,
       isSearchedEmptyList: E
-    }), [n, a, t, r, x, M, E]), V = d(() => {
+    }), [n, a, t, r, x, M, E]), V = p(() => {
       if (!g) {
         b.current = !0;
         return;
@@ -73,15 +75,15 @@ const Ce = W(
     return J(() => (V(), () => {
       b.current = !1;
     }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: T, children: /* @__PURE__ */ l(
-      $,
+      Q,
       {
         open: a,
         onOpenChange: (o) => {
           y(o), o && R();
         },
         children: [
-          /* @__PURE__ */ e(ee, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
-            te,
+          /* @__PURE__ */ e(Y, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
+            $,
             {
               variant: "outline",
               role: "combobox",
@@ -95,8 +97,8 @@ const Ce = W(
               ),
               disabled: z,
               children: [
-                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: p ? t.find((o) => o.value === p)?.label || x?.label : /* @__PURE__ */ e("span", { className: "text-gray-400", children: I }) }),
-                p ? /* @__PURE__ */ e(
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: m ? t.find((o) => o.value === m)?.label || x?.label : /* @__PURE__ */ e("span", { className: "text-gray-400", children: I }) }),
+                m ? /* @__PURE__ */ e(
                   "div",
                   {
                     className: L(
@@ -108,20 +110,20 @@ const Ce = W(
                     onClick: (o) => {
                       o.stopPropagation(), H();
                     },
-                    children: /* @__PURE__ */ e(Q, {})
+                    children: /* @__PURE__ */ e(se, {})
                   }
-                ) : /* @__PURE__ */ e(Y, { className: "opacity-50 w-4 h-4" })
+                ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
               ]
             }
           ) }),
           /* @__PURE__ */ e(
-            oe,
+            Z,
             {
               className: "w-(--radix-popper-anchor-width) max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ l(ne, { shouldFilter: !1, children: [
+              children: /* @__PURE__ */ l(ee, { shouldFilter: !1, children: [
                 /* @__PURE__ */ e(
-                  re,
+                  oe,
                   {
                     placeholder: F,
                     value: r,
@@ -129,19 +131,19 @@ const Ce = W(
                   }
                 ),
                 typeof f == "function" ? f(i) : f,
-                /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ l(
-                  se,
+                /* @__PURE__ */ e(te, { children: /* @__PURE__ */ l(
+                  ne,
                   {
                     className: L(!t.length && "p-0 shadow-none"),
                     children: [
-                      n && /* @__PURE__ */ e(ie, { fullWidth: !0 }),
-                      !n && !!r && /* @__PURE__ */ e(j, { children: m ? /* @__PURE__ */ l(B, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                      n && /* @__PURE__ */ e(K, { fullWidth: !0 }),
+                      !n && !!r && /* @__PURE__ */ e(j, { children: d ? /* @__PURE__ */ l(B, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
                         /* @__PURE__ */ e("span", { children: S }),
-                        typeof m == "function" ? m(i) : m
+                        typeof d == "function" ? d(i) : d
                       ] }) : /* @__PURE__ */ e(B, { children: S }) }),
                       !n && /* @__PURE__ */ l(j, { children: [
                         !!t.length && h && /* @__PURE__ */ e(
-                          le,
+                          re,
                           {
                             asChild: !0,
                             className: "w-full",
@@ -150,9 +152,9 @@ const Ce = W(
                           "combobox-list-head-action"
                         ),
                         /* @__PURE__ */ e(
-                          Z,
+                          ie,
                           {
-                            value: p,
+                            value: m,
                             options: t,
                             onChangeOption: k,
                             setOpen: y
@@ -171,5 +173,5 @@ const Ce = W(
   }
 );
 export {
-  Ce as Combobox
+  xe as Combobox
 };

package/Combobox/Combobox.types.js

@@ -0,0 +1 @@
+

package/Combobox/ComboboxOptionItem.d.ts

@@ -1,4 +1,4 @@
-import { IComboboxOptionsNodeProps } from '..';
+import { IComboboxOptionsNodeProps } from './Combobox.types';
 export declare const ComboboxOptionItem: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/Combobox/ComboboxOptionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAM5E,eAAO,MAAM,kBAAkB;;kDAsC7B,CAAC"}
+{"version":3,"file":"ComboboxOptionItem.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAM7D,eAAO,MAAM,kBAAkB;;kDAsC7B,CAAC"}

package/{ui98.js → Combobox/ComboboxOptionItem.js}

@@ -1,37 +1,36 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-/* empty css    */
-import { Check as f } from "lucide-react";
-import { cn as a } from "@oneplatformdev/utils";
-import { CommandItem as d } from "./ui26.js";
-const u = 8, O = c((i, r) => {
-  const { children: m, setOpen: n, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
+import { CommandItem as f } from "../Command/Command.js";
+import { Check as d } from "lucide-react";
+import { cn as t } from "@oneplatformdev/utils";
+const u = 8, C = c((i, n) => {
+  const { children: r, setOpen: m, option: e, onChangeOption: o, value: l = "", deep: p = 0 } = i;
   return /* @__PURE__ */ s(
-    d,
+    f,
     {
-      ref: r,
+      ref: n,
       value: e.value,
       onSelect: () => {
-        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), n(!1);
+        l === e.value ? o?.({ value: "", label: "" }) : o?.(e), m(!1);
       },
       style: {
         paddingLeft: (p + 1) * u
       },
       children: [
-        m,
-        /* @__PURE__ */ t(
+        r,
+        /* @__PURE__ */ a(
           "span",
           {
-            className: a(
+            className: t(
               "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
             ),
             children: e.label
           }
         ),
-        /* @__PURE__ */ t(
-          f,
+        /* @__PURE__ */ a(
+          d,
           {
-            className: a(
+            className: t(
               "ml-auto",
               l === e.value ? "opacity-100" : "opacity-0"
             )
@@ -43,5 +42,5 @@ const u = 8, O = c((i, r) => {
   );
 });
 export {
-  O as ComboboxOptionItem
+  C as ComboboxOptionItem
 };

package/Combobox/ComboboxOptions.js

@@ -0,0 +1,64 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Button as u } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { forwardRef as c, useState as h } from "react";
+import { Collapsible as b, CollapsibleTrigger as g, CollapsibleContent as C } from "../Collapsible/Collapsible.js";
+import { ComboboxOptionItem as p } from "./ComboboxOptionItem.js";
+import { ChevronDownIcon as x } from "lucide-react";
+import { cn as a } from "@oneplatformdev/utils";
+const d = c((e, n) => {
+  const { option: s, deep: i = 0 } = e, [t, l] = h(!0);
+  return s?.items?.length ? /* @__PURE__ */ m(
+    b,
+    {
+      ref: n,
+      open: t,
+      onOpenChange: l,
+      "data-opened": t,
+      className: a("group/collapsible"),
+      children: [
+        /* @__PURE__ */ o(p, { ...e, children: /* @__PURE__ */ o(g, { asChild: !0, children: /* @__PURE__ */ m(
+          u,
+          {
+            onClick: (r) => {
+              r?.preventDefault(), r?.stopPropagation(), l((f) => !f);
+            },
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: a("aspect-square size-6", "transition-transform"),
+            children: [
+              /* @__PURE__ */ o(
+                x,
+                {
+                  className: a(
+                    "size-5!",
+                    "transition-transform",
+                    t && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ o("span", { className: "sr-only", children: "Toggle" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-0", children: s?.items.map((r) => /* @__PURE__ */ o(
+          d,
+          {
+            ...e,
+            deep: i + 1,
+            option: r
+          },
+          r.value
+        )) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ o(p, { ...e, ref: n });
+}), I = c((e, n) => {
+  const { options: s = [], ...i } = e;
+  return /* @__PURE__ */ o("div", { ref: n, className: "flex flex-col gap-0", children: s.map((t) => /* @__PURE__ */ o(d, { ...i, option: t }, t.value)) });
+});
+export {
+  I as ComboboxOptions,
+  d as ComboboxOptionsNode
+};

package/Combobox/index.js

@@ -0,0 +1,4 @@
+import { Combobox as m } from "./Combobox.js";
+export {
+  m as Combobox
+};

package/{ui26.js → Command/Command.js}

@@ -1,13 +1,14 @@
-import { jsx as d, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import * as m from "react";
 import { Command as t } from "cmdk";
 import { SearchIcon as p } from "lucide-react";
 import { cn as r } from "@oneplatformdev/utils";
-import { Dialog as i, DialogContent as l } from "./ui29.js";
-const n = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+import { Dialog as i, DialogContent as l } from "../Dialog/Dialog.js";
+import "../Dialog/DialogOverlayScope.js";
+const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t,
   {
-    ref: o,
+    ref: d,
     className: r(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       e
@@ -16,12 +17,12 @@ const n = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   }
 ));
 n.displayName = t.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @__PURE__ */ d(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ d(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[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: e }) }) }), c = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ d(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ d(
+const b = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @__PURE__ */ o(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[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: e }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ o(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ o(
     t.Input,
     {
-      ref: o,
+      ref: d,
       className: r(
         "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         e
@@ -31,16 +32,16 @@ const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @
   )
 ] }));
 c.displayName = t.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.List,
   {
-    ref: o,
+    ref: d,
     className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...a
   }
 ));
 u.displayName = t.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ d(
+const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
   t.Empty,
   {
     ref: a,
@@ -49,10 +50,10 @@ const f = m.forwardRef((e, a) => /* @__PURE__ */ d(
   }
 ));
 f.displayName = t.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Group,
   {
-    ref: o,
+    ref: d,
     className: r(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       e
@@ -61,19 +62,19 @@ const g = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
   }
 ));
 g.displayName = t.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Separator,
   {
-    ref: o,
+    ref: d,
     className: r("-mx-1 h-px bg-border", e),
     ...a
   }
 ));
 x.displayName = t.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ d(
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
   t.Item,
   {
-    ref: o,
+    ref: d,
     className: r(
       "relative flex gap-2 select-none items-center rounded-sm",
       "min-h-8 px-2 py-1",
@@ -92,7 +93,7 @@ h.displayName = t.Item.displayName;
 const y = ({
   className: e,
   ...a
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ o(
   "span",
   {
     className: r(
@@ -105,7 +106,7 @@ const y = ({
 y.displayName = "CommandShortcut";
 export {
   n as Command,
-  C as CommandDialog,
+  b as CommandDialog,
   f as CommandEmpty,
   g as CommandGroup,
   c as CommandInput,

package/Command/index.js

@@ -0,0 +1,12 @@
+import { Command as a, CommandDialog as n, CommandEmpty as d, CommandGroup as C, CommandInput as t, CommandItem as r, CommandList as p, CommandSeparator as e, CommandShortcut as u } from "./Command.js";
+export {
+  a as Command,
+  n as CommandDialog,
+  d as CommandEmpty,
+  C as CommandGroup,
+  t as CommandInput,
+  r as CommandItem,
+  p as CommandList,
+  e as CommandSeparator,
+  u as CommandShortcut
+};