@arolariu/components 0.0.15 → 0.0.17

package/dist/es/components/ui/button.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Slot as d } from "@radix-ui/react-slot";
-import { cva as o } from "class-variance-authority";
+import { Slot as d } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as o } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as s } from "../../lib/utils.js";
 const l = o(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",

package/dist/es/components/ui/calendar.js

@@ -1,18 +1,19 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ChevronRight as o, ChevronLeft as i } from "lucide-react";
-import { DayPicker as c } from "react-day-picker";
+import { DayPicker as u } from "../../node_modules/react-day-picker/dist/index.esm.js";
 import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as n } from "./button.js";
-function h({
+import i from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+function p({
   className: d,
   classNames: s,
-  showOutsideDays: u = !0,
+  showOutsideDays: o = !0,
   ...l
 }) {
   return /* @__PURE__ */ r(
-    c,
+    u,
     {
-      showOutsideDays: u,
+      showOutsideDays: o,
       className: e("p-3", d),
       classNames: {
         months: "flex flex-col sm:flex-row gap-2",
@@ -49,13 +50,13 @@ function h({
         ...s
       },
       components: {
-        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r(i, { className: e("size-4", a), ...t }),
-        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r(o, { className: e("size-4", a), ...t })
+        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r(c, { className: e("size-4", a), ...t }),
+        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r(i, { className: e("size-4", a), ...t })
       },
       ...l
     }
   );
 }
 export {
-  h as Calendar
+  p as Calendar
 };

package/dist/es/components/ui/carousel.js

@@ -1,9 +1,10 @@
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import * as l from "react";
-import z from "embla-carousel-react";
-import { ArrowLeft as g, ArrowRight as p } from "lucide-react";
+import z from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
 import { cn as d } from "../../lib/utils.js";
 import { Button as v } from "./button.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
 const N = l.createContext(null);
 function m() {
   const o = l.useContext(N);
@@ -11,7 +12,7 @@ function m() {
     throw new Error("useCarousel must be used within a <Carousel />");
   return o;
 }
-function I({
+function K({
   orientation: o = "horizontal",
   opts: r,
   setApi: t,
@@ -73,7 +74,7 @@ function I({
     }
   );
 }
-function K({ className: o, ...r }) {
+function L({ className: o, ...r }) {
   const { carouselRef: t, orientation: s } = m();
   return /* @__PURE__ */ n(
     "div",
@@ -95,7 +96,7 @@ function K({ className: o, ...r }) {
     }
   );
 }
-function L({ className: o, ...r }) {
+function B({ className: o, ...r }) {
   const { orientation: t } = m();
   return /* @__PURE__ */ n(
     "div",
@@ -112,7 +113,7 @@ function L({ className: o, ...r }) {
     }
   );
 }
-function B({
+function q({
   className: o,
   variant: r = "outline",
   size: t = "icon",
@@ -134,13 +135,13 @@ function B({
       onClick: i,
       ...s,
       children: [
-        /* @__PURE__ */ n(g, {}),
+        /* @__PURE__ */ n(p, {}),
         /* @__PURE__ */ n("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 }
-function q({
+function F({
   className: o,
   variant: r = "outline",
   size: t = "icon",
@@ -162,16 +163,16 @@ function q({
       onClick: i,
       ...s,
       children: [
-        /* @__PURE__ */ n(p, {}),
+        /* @__PURE__ */ n(g, {}),
         /* @__PURE__ */ n("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 export {
-  I as Carousel,
-  K as CarouselContent,
-  L as CarouselItem,
-  q as CarouselNext,
-  B as CarouselPrevious
+  K as Carousel,
+  L as CarouselContent,
+  B as CarouselItem,
+  F as CarouselNext,
+  q as CarouselPrevious
 };

package/dist/es/components/ui/chart.js

@@ -1,23 +1,25 @@
 import { jsx as o, jsxs as f, Fragment as T } from "react/jsx-runtime";
 import * as m from "react";
-import * as w from "recharts";
 import { cn as d } from "../../lib/utils.js";
-const I = { light: "", dark: ".dark" }, j = m.createContext(null);
-function $() {
-  const c = m.useContext(j);
+import { Tooltip as I } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { Legend as P } from "../../node_modules/recharts/es6/component/Legend.js";
+import { ResponsiveContainer as S } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+const E = { light: "", dark: ".dark" }, N = m.createContext(null);
+function j() {
+  const c = m.useContext(N);
   if (!c)
     throw new Error("useChart must be used within a <ChartContainer />");
   return c;
 }
-function M({
+function z({
   id: c,
   className: r,
   children: n,
   config: t,
-  ...l
+  ...a
 }) {
   const h = m.useId(), s = `chart-${c || h.replace(/:/g, "")}`;
-  return /* @__PURE__ */ o(j.Provider, { value: { config: t }, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ o(N.Provider, { value: { config: t }, children: /* @__PURE__ */ f(
     "div",
     {
       "data-slot": "chart",
@@ -26,15 +28,15 @@ function M({
         "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
         r
       ),
-      ...l,
+      ...a,
       children: [
-        /* @__PURE__ */ o(S, { id: s, config: t }),
-        /* @__PURE__ */ o(w.ResponsiveContainer, { children: n })
+        /* @__PURE__ */ o(K, { id: s, config: t }),
+        /* @__PURE__ */ o(S, { children: n })
       ]
     }
   ) });
 }
-const S = ({ id: c, config: r }) => {
+const K = ({ id: c, config: r }) => {
   const n = Object.entries(r).filter(
     ([, t]) => t.theme || t.color
   );
@@ -42,12 +44,12 @@ const S = ({ id: c, config: r }) => {
     "style",
     {
       dangerouslySetInnerHTML: {
-        __html: Object.entries(I).map(
-          ([t, l]) => `
-${l} [data-chart=${c}] {
+        __html: Object.entries(E).map(
+          ([t, a]) => `
+${a} [data-chart=${c}] {
 ${n.map(([h, s]) => {
-            var a;
-            const i = ((a = s.theme) == null ? void 0 : a[t]) || s.color;
+            var l;
+            const i = ((l = s.theme) == null ? void 0 : l[t]) || s.color;
             return i ? `  --color-${h}: ${i};` : null;
           }).join(`
 `)}
@@ -58,34 +60,34 @@ ${n.map(([h, s]) => {
       }
     }
   ) : null;
-}, R = w.Tooltip;
-function H({
+}, A = I;
+function B({
   active: c,
   payload: r,
   className: n,
   indicator: t = "dot",
-  hideLabel: l = !1,
+  hideLabel: a = !1,
   hideIndicator: h = !1,
   label: s,
   labelFormatter: i,
-  labelClassName: a,
-  formatter: C,
-  color: L,
-  nameKey: P,
+  labelClassName: l,
+  formatter: w,
+  color: $,
+  nameKey: L,
   labelKey: p
 }) {
-  const { config: x } = $(), N = m.useMemo(() => {
+  const { config: x } = j(), C = m.useMemo(() => {
     var v;
-    if (l || !(r != null && r.length))
+    if (a || !(r != null && r.length))
       return null;
     const [e] = r, k = `${p || (e == null ? void 0 : e.dataKey) || (e == null ? void 0 : e.name) || "value"}`, g = _(x, e, k), u = !p && typeof s == "string" ? ((v = x[s]) == null ? void 0 : v.label) || s : g == null ? void 0 : g.label;
-    return i ? /* @__PURE__ */ o("div", { className: d("font-medium", a), children: i(u, r) }) : u ? /* @__PURE__ */ o("div", { className: d("font-medium", a), children: u }) : null;
+    return i ? /* @__PURE__ */ o("div", { className: d("font-medium", l), children: i(u, r) }) : u ? /* @__PURE__ */ o("div", { className: d("font-medium", l), children: u }) : null;
   }, [
     s,
     i,
     r,
-    l,
     a,
+    l,
     x,
     p
   ]);
@@ -100,9 +102,9 @@ function H({
         n
       ),
       children: [
-        b ? null : N,
+        b ? null : C,
         /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: r.map((e, k) => {
-          const g = `${P || e.name || e.dataKey || "value"}`, u = _(x, e, g), v = L || e.payload.fill || e.color;
+          const g = `${L || e.name || e.dataKey || "value"}`, u = _(x, e, g), v = $ || e.payload.fill || e.color;
           return /* @__PURE__ */ o(
             "div",
             {
@@ -110,7 +112,7 @@ function H({
                 "[&>svg]:text-neutral-500 flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 dark:[&>svg]:text-neutral-400",
                 t === "dot" && "items-center"
               ),
-              children: C && (e == null ? void 0 : e.value) !== void 0 && e.name ? C(e.value, e.name, e, k, e.payload) : /* @__PURE__ */ f(T, { children: [
+              children: w && (e == null ? void 0 : e.value) !== void 0 && e.name ? w(e.value, e.name, e, k, e.payload) : /* @__PURE__ */ f(T, { children: [
                 u != null && u.icon ? /* @__PURE__ */ o(u.icon, {}) : !h && /* @__PURE__ */ o(
                   "div",
                   {
@@ -138,7 +140,7 @@ function H({
                     ),
                     children: [
                       /* @__PURE__ */ f("div", { className: "grid gap-1.5", children: [
-                        b ? N : null,
+                        b ? C : null,
                         /* @__PURE__ */ o("span", { className: "text-neutral-500 dark:text-neutral-400", children: (u == null ? void 0 : u.label) || e.name })
                       ] }),
                       e.value && /* @__PURE__ */ o("span", { className: "text-neutral-950 font-mono font-medium tabular-nums dark:text-neutral-50", children: e.value.toLocaleString() })
@@ -154,15 +156,15 @@ function H({
     }
   );
 }
-const O = w.Legend;
-function q({
+const D = P;
+function F({
   className: c,
   hideIcon: r = !1,
   payload: n,
   verticalAlign: t = "bottom",
-  nameKey: l
+  nameKey: a
 }) {
-  const { config: h } = $();
+  const { config: h } = j();
   return n != null && n.length ? /* @__PURE__ */ o(
     "div",
     {
@@ -172,7 +174,7 @@ function q({
         c
       ),
       children: n.map((s) => {
-        const i = `${l || s.dataKey || "value"}`, a = _(h, s, i);
+        const i = `${a || s.dataKey || "value"}`, l = _(h, s, i);
         return /* @__PURE__ */ f(
           "div",
           {
@@ -180,7 +182,7 @@ function q({
               "[&>svg]:text-neutral-500 flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 dark:[&>svg]:text-neutral-400"
             ),
             children: [
-              a != null && a.icon && !r ? /* @__PURE__ */ o(a.icon, {}) : /* @__PURE__ */ o(
+              l != null && l.icon && !r ? /* @__PURE__ */ o(l.icon, {}) : /* @__PURE__ */ o(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -189,7 +191,7 @@ function q({
                   }
                 }
               ),
-              a == null ? void 0 : a.label
+              l == null ? void 0 : l.label
             ]
           },
           s.value
@@ -202,14 +204,14 @@ function _(c, r, n) {
   if (typeof r != "object" || r === null)
     return;
   const t = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
-  let l = n;
-  return n in r && typeof r[n] == "string" ? l = r[n] : t && n in t && typeof t[n] == "string" && (l = t[n]), l in c ? c[l] : c[n];
+  let a = n;
+  return n in r && typeof r[n] == "string" ? a = r[n] : t && n in t && typeof t[n] == "string" && (a = t[n]), a in c ? c[a] : c[n];
 }
 export {
-  M as ChartContainer,
-  O as ChartLegend,
-  q as ChartLegendContent,
-  S as ChartStyle,
-  R as ChartTooltip,
-  H as ChartTooltipContent
+  z as ChartContainer,
+  D as ChartLegend,
+  F as ChartLegendContent,
+  K as ChartStyle,
+  A as ChartTooltip,
+  B as ChartTooltipContent
 };

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

@@ -1,31 +1,31 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-checkbox";
-import { CheckIcon as i } from "lucide-react";
-import { cn as d } from "../../lib/utils.js";
-function s({
-  className: a,
-  ...t
+import { Root as t, Indicator as d } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as i } from "../../lib/utils.js";
+import n from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+function u({
+  className: e,
+  ...a
 }) {
   return /* @__PURE__ */ r(
-    e.Root,
+    t,
     {
       "data-slot": "checkbox",
-      className: d(
+      className: i(
         "peer border-neutral-200 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 data-[state=checked]:border-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900 dark:data-[state=checked]:border-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
-        a
+        e
       ),
-      ...t,
+      ...a,
       children: /* @__PURE__ */ r(
-        e.Indicator,
+        d,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ r(i, { className: "size-3.5" })
+          children: /* @__PURE__ */ r(n, { className: "size-3.5" })
         }
       )
     }
   );
 }
 export {
-  s as Checkbox
+  u as Checkbox
 };

package/dist/es/components/ui/collapsible.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-collapsible";
-function i({
+import { Root as t, CollapsibleTrigger as e, CollapsibleContent as i } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
+function n({
   ...l
 }) {
-  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
+  return /* @__PURE__ */ o(t, { "data-slot": "collapsible", ...l });
 }
-function r({
+function s({
   ...l
 }) {
   return /* @__PURE__ */ o(
-    t.CollapsibleTrigger,
+    e,
     {
       "data-slot": "collapsible-trigger",
       ...l
     }
   );
 }
-function a({
+function p({
   ...l
 }) {
   return /* @__PURE__ */ o(
-    t.CollapsibleContent,
+    i,
     {
       "data-slot": "collapsible-content",
       ...l
@@ -28,7 +28,7 @@ function a({
   );
 }
 export {
-  i as Collapsible,
-  a as CollapsibleContent,
-  r as CollapsibleTrigger
+  n as Collapsible,
+  p as CollapsibleContent,
+  s as CollapsibleTrigger
 };

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

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { Command as n } from "cmdk";
-import { SearchIcon as l } from "lucide-react";
-import { cn as r } from "../../lib/utils.js";
-import { Dialog as s, DialogHeader as c, DialogTitle as u, DialogDescription as i, DialogContent as p } from "./dialog.js";
+import { Command as r } from "../../node_modules/cmdk/dist/index.js";
+import { cn as n } from "../../lib/utils.js";
+import { Dialog as l, DialogHeader as s, DialogTitle as u, DialogDescription as c, DialogContent as i } from "./dialog.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/search.js";
 function g({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    n,
+    r,
     {
       "data-slot": "command",
-      className: r(
+      className: n(
         "bg-white text-neutral-950 flex h-full w-full flex-col overflow-hidden rounded-md dark:bg-neutral-950 dark:text-neutral-50",
         t
       ),
@@ -25,12 +25,12 @@ function v({
   children: o,
   ...m
 }) {
-  return /* @__PURE__ */ d(s, { ...m, children: [
-    /* @__PURE__ */ d(c, { className: "sr-only", children: [
+  return /* @__PURE__ */ d(l, { ...m, children: [
+    /* @__PURE__ */ d(s, { className: "sr-only", children: [
       /* @__PURE__ */ a(u, { children: t }),
-      /* @__PURE__ */ a(i, { children: e })
+      /* @__PURE__ */ a(c, { children: e })
     ] }),
-    /* @__PURE__ */ a(p, { className: "overflow-hidden p-0", children: /* @__PURE__ */ a(g, { className: "[&_[cmdk-group-heading]]:text-neutral-500 **: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 dark:[&_[cmdk-group-heading]]:text-neutral-400", children: o }) })
+    /* @__PURE__ */ a(i, { className: "overflow-hidden p-0", children: /* @__PURE__ */ a(g, { className: "[&_[cmdk-group-heading]]:text-neutral-500 **: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 dark:[&_[cmdk-group-heading]]:text-neutral-400", children: o }) })
   ] });
 }
 function w({
@@ -43,12 +43,12 @@ function w({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ a(l, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ a(p, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ a(
-          n.Input,
+          r.Input,
           {
             "data-slot": "command-input",
-            className: r(
+            className: n(
               "placeholder:text-neutral-500 flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-neutral-400",
               t
             ),
@@ -64,10 +64,10 @@ function y({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    n.List,
+    r.List,
     {
       "data-slot": "command-list",
-      className: r(
+      className: n(
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         t
       ),
@@ -79,7 +79,7 @@ function b({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    n.Empty,
+    r.Empty,
     {
       "data-slot": "command-empty",
       className: "py-6 text-center text-sm",
@@ -87,15 +87,15 @@ function b({
     }
   );
 }
-function C({
+function N({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    n.Group,
+    r.Group,
     {
       "data-slot": "command-group",
-      className: r(
+      className: n(
         "text-neutral-950 [&_[cmdk-group-heading]]:text-neutral-500 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 dark:text-neutral-50 dark:[&_[cmdk-group-heading]]:text-neutral-400",
         t
       ),
@@ -103,15 +103,15 @@ function C({
     }
   );
 }
-function N({
+function C({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    n.Separator,
+    r.Separator,
     {
       "data-slot": "command-separator",
-      className: r("bg-neutral-200 -mx-1 h-px dark:bg-neutral-800", t),
+      className: n("bg-neutral-200 -mx-1 h-px dark:bg-neutral-800", t),
       ...e
     }
   );
@@ -121,10 +121,10 @@ function D({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    n.Item,
+    r.Item,
     {
       "data-slot": "command-item",
-      className: r(
+      className: n(
         "data-[selected=true]:bg-neutral-100 data-[selected=true]:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 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 dark:data-[selected=true]:bg-neutral-800 dark:data-[selected=true]:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
         t
       ),
@@ -132,7 +132,7 @@ function D({
     }
   );
 }
-function I({
+function S({
   className: t,
   ...e
 }) {
@@ -140,7 +140,7 @@ function I({
     "span",
     {
       "data-slot": "command-shortcut",
-      className: r(
+      className: n(
         "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
         t
       ),
@@ -152,10 +152,10 @@ export {
   g as Command,
   v as CommandDialog,
   b as CommandEmpty,
-  C as CommandGroup,
+  N as CommandGroup,
   w as CommandInput,
   D as CommandItem,
   y as CommandList,
-  N as CommandSeparator,
-  I as CommandShortcut
+  C as CommandSeparator,
+  S as CommandShortcut
 };