@arolariu/components 0.0.11 → 0.0.13

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

@@ -9,74 +9,201 @@ function $() {
     throw new Error("useChart must be used within a <ChartContainer />");
   return c;
 }
-function M({ id: c, className: e, children: n, config: t, ...l }) {
+function M({
+  id: c,
+  className: r,
+  children: n,
+  config: t,
+  ...l
+}) {
   const h = m.useId(), s = `chart-${c || h.replace(/:/g, "")}`;
-  return o(j.Provider, { value: { config: t }, children: f("div", { "data-slot": "chart", "data-chart": s, className: d("[&_.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", e), ...l, children: [o(S, { id: s, config: t }), o(w.ResponsiveContainer, { children: n })] }) });
+  return /* @__PURE__ */ o(j.Provider, { value: { config: t }, children: /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": s,
+      className: d(
+        "[&_.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,
+      children: [
+        /* @__PURE__ */ o(S, { id: s, config: t }),
+        /* @__PURE__ */ o(w.ResponsiveContainer, { children: n })
+      ]
+    }
+  ) });
 }
-const S = ({ id: c, config: e }) => {
-  const n = Object.entries(e).filter(([, t]) => t.theme || t.color);
-  return n.length ? o("style", { dangerouslySetInnerHTML: {
-    __html: Object.entries(I).map(([t, l]) => `
+const S = ({ id: c, config: r }) => {
+  const n = Object.entries(r).filter(
+    ([, t]) => t.theme || t.color
+  );
+  return n.length ? /* @__PURE__ */ o(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(I).map(
+          ([t, l]) => `
 ${l} [data-chart=${c}] {
 ${n.map(([h, s]) => {
-      var a;
-      const i = ((a = s.theme) == null ? void 0 : a[t]) || s.color;
-      return i ? `  --color-${h}: ${i};` : null;
-    }).join(`
+            var a;
+            const i = ((a = s.theme) == null ? void 0 : a[t]) || s.color;
+            return i ? `  --color-${h}: ${i};` : null;
+          }).join(`
 `)}
 }
-`).join(`
+`
+        ).join(`
 `)
-  } }) : null;
+      }
+    }
+  ) : null;
 }, R = w.Tooltip;
-function H({ active: c, payload: e, className: n, indicator: t = "dot", hideLabel: l = !1, hideIndicator: h = !1, label: s, labelFormatter: i, labelClassName: a, formatter: C, color: L, nameKey: P, labelKey: p }) {
+function H({
+  active: c,
+  payload: r,
+  className: n,
+  indicator: t = "dot",
+  hideLabel: l = !1,
+  hideIndicator: h = !1,
+  label: s,
+  labelFormatter: i,
+  labelClassName: a,
+  formatter: C,
+  color: L,
+  nameKey: P,
+  labelKey: p
+}) {
   const { config: x } = $(), N = m.useMemo(() => {
     var v;
-    if (l || !(e != null && e.length))
+    if (l || !(r != null && r.length))
       return null;
-    const [r] = e, k = `${p || (r == null ? void 0 : r.dataKey) || (r == null ? void 0 : r.name) || "value"}`, g = _(x, r, k), u = !p && typeof s == "string" ? ((v = x[s]) == null ? void 0 : v.label) || s : g == null ? void 0 : g.label;
-    return i ? o("div", { className: d("font-medium", a), children: i(u, e) }) : u ? o("div", { className: d("font-medium", a), children: u }) : 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;
   }, [
     s,
     i,
-    e,
+    r,
     l,
     a,
     x,
     p
   ]);
-  if (!c || !(e != null && e.length))
+  if (!c || !(r != null && r.length))
     return null;
-  const b = e.length === 1 && t !== "dot";
-  return f("div", { className: d("border-neutral-200/50 bg-white grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800/50 dark:bg-neutral-950 dark:border-neutral-800", n), children: [b ? null : N, o("div", { className: "grid gap-1.5", children: e.map((r, k) => {
-    const g = `${P || r.name || r.dataKey || "value"}`, u = _(x, r, g), v = L || r.payload.fill || r.color;
-    return o("div", { className: d("[&>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 && (r == null ? void 0 : r.value) !== void 0 && r.name ? C(r.value, r.name, r, k, r.payload) : f(T, { children: [u != null && u.icon ? o(u.icon, {}) : !h && o("div", { className: d("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-      "h-2.5 w-2.5": t === "dot",
-      "w-1": t === "line",
-      "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
-      "my-0.5": b && t === "dashed"
-    }), style: {
-      "--color-bg": v,
-      "--color-border": v
-    } }), f("div", { className: d("flex flex-1 justify-between leading-none", b ? "items-end" : "items-center"), children: [f("div", { className: "grid gap-1.5", children: [b ? N : null, o("span", { className: "text-neutral-500 dark:text-neutral-400", children: (u == null ? void 0 : u.label) || r.name })] }), r.value && o("span", { className: "text-neutral-950 font-mono font-medium tabular-nums dark:text-neutral-50", children: r.value.toLocaleString() })] })] }) }, r.dataKey);
-  }) })] });
+  const b = r.length === 1 && t !== "dot";
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: d(
+        "border-neutral-200/50 bg-white grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-200 px-2.5 py-1.5 text-xs shadow-xl dark:border-neutral-800/50 dark:bg-neutral-950 dark:border-neutral-800",
+        n
+      ),
+      children: [
+        b ? null : N,
+        /* @__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;
+          return /* @__PURE__ */ o(
+            "div",
+            {
+              className: d(
+                "[&>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: [
+                u != null && u.icon ? /* @__PURE__ */ o(u.icon, {}) : !h && /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: d(
+                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                      {
+                        "h-2.5 w-2.5": t === "dot",
+                        "w-1": t === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
+                        "my-0.5": b && t === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": v,
+                      "--color-border": v
+                    }
+                  }
+                ),
+                /* @__PURE__ */ f(
+                  "div",
+                  {
+                    className: d(
+                      "flex flex-1 justify-between leading-none",
+                      b ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ f("div", { className: "grid gap-1.5", children: [
+                        b ? N : 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() })
+                    ]
+                  }
+                )
+              ] })
+            },
+            e.dataKey
+          );
+        }) })
+      ]
+    }
+  );
 }
 const O = w.Legend;
-function q({ className: c, hideIcon: e = !1, payload: n, verticalAlign: t = "bottom", nameKey: l }) {
+function q({
+  className: c,
+  hideIcon: r = !1,
+  payload: n,
+  verticalAlign: t = "bottom",
+  nameKey: l
+}) {
   const { config: h } = $();
-  return n != null && n.length ? o("div", { className: d("flex items-center justify-center gap-4", t === "top" ? "pb-3" : "pt-3", c), children: n.map((s) => {
-    const i = `${l || s.dataKey || "value"}`, a = _(h, s, i);
-    return f("div", { className: d("[&>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 && !e ? o(a.icon, {}) : o("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-      backgroundColor: s.color
-    } }), a == null ? void 0 : a.label] }, s.value);
-  }) }) : null;
+  return n != null && n.length ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: d(
+        "flex items-center justify-center gap-4",
+        t === "top" ? "pb-3" : "pt-3",
+        c
+      ),
+      children: n.map((s) => {
+        const i = `${l || s.dataKey || "value"}`, a = _(h, s, i);
+        return /* @__PURE__ */ f(
+          "div",
+          {
+            className: d(
+              "[&>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(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: s.color
+                  }
+                }
+              ),
+              a == null ? void 0 : a.label
+            ]
+          },
+          s.value
+        );
+      })
+    }
+  ) : null;
 }
-function _(c, e, n) {
-  if (typeof e != "object" || e === null)
+function _(c, r, n) {
+  if (typeof r != "object" || r === null)
     return;
-  const t = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
+  const t = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
   let l = n;
-  return n in e && typeof e[n] == "string" ? l = e[n] : t && n in t && typeof t[n] == "string" && (l = t[n]), l in c ? c[l] : c[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];
 }
 export {
   M as ChartContainer,

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

@@ -2,8 +2,29 @@ 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 }) {
-  return r(e.Root, { "data-slot": "checkbox", className: d("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), ...t, children: r(e.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: r(i, { className: "size-3.5" }) }) });
+function s({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: d(
+        "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
+      ),
+      ...t,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ r(i, { className: "size-3.5" })
+        }
+      )
+    }
+  );
 }
 export {
   s as Checkbox

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

@@ -1,13 +1,31 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-collapsible";
-function i({ ...l }) {
-  return o(t.Root, { "data-slot": "collapsible", ...l });
+function i({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
 }
-function r({ ...l }) {
-  return o(t.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...l });
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
 }
-function a({ ...l }) {
-  return o(t.CollapsibleContent, { "data-slot": "collapsible-content", ...l });
+function a({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
 }
 export {
   i as Collapsible,

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

@@ -3,32 +3,150 @@ 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";
-function g({ className: t, ...e }) {
-  return a(n, { "data-slot": "command", className: r("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), ...e });
+function g({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    n,
+    {
+      "data-slot": "command",
+      className: r(
+        "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
+      ),
+      ...e
+    }
+  );
 }
-function v({ title: t = "Command Palette", description: e = "Search for a command to run...", children: o, ...m }) {
-  return d(s, { ...m, children: [d(c, { className: "sr-only", children: [a(u, { children: t }), a(i, { children: e })] }), a(p, { className: "overflow-hidden p-0", children: 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 v({
+  title: t = "Command Palette",
+  description: e = "Search for a command to run...",
+  children: o,
+  ...m
+}) {
+  return /* @__PURE__ */ d(s, { ...m, children: [
+    /* @__PURE__ */ d(c, { className: "sr-only", children: [
+      /* @__PURE__ */ a(u, { children: t }),
+      /* @__PURE__ */ a(i, { 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 }) })
+  ] });
 }
-function w({ className: t, ...e }) {
-  return d("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [a(l, { className: "size-4 shrink-0 opacity-50" }), a(n.Input, { "data-slot": "command-input", className: r("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), ...e })] });
+function w({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "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(
+          n.Input,
+          {
+            "data-slot": "command-input",
+            className: r(
+              "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
+            ),
+            ...e
+          }
+        )
+      ]
+    }
+  );
 }
-function y({ className: t, ...e }) {
-  return a(n.List, { "data-slot": "command-list", className: r("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", t), ...e });
+function y({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    n.List,
+    {
+      "data-slot": "command-list",
+      className: r(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        t
+      ),
+      ...e
+    }
+  );
 }
-function b({ ...t }) {
-  return a(n.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...t });
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...t
+    }
+  );
 }
-function C({ className: t, ...e }) {
-  return a(n.Group, { "data-slot": "command-group", className: r("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), ...e });
+function C({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    n.Group,
+    {
+      "data-slot": "command-group",
+      className: r(
+        "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
+      ),
+      ...e
+    }
+  );
 }
-function N({ className: t, ...e }) {
-  return a(n.Separator, { "data-slot": "command-separator", className: r("bg-neutral-200 -mx-1 h-px dark:bg-neutral-800", t), ...e });
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    n.Separator,
+    {
+      "data-slot": "command-separator",
+      className: r("bg-neutral-200 -mx-1 h-px dark:bg-neutral-800", t),
+      ...e
+    }
+  );
 }
-function D({ className: t, ...e }) {
-  return a(n.Item, { "data-slot": "command-item", className: r("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), ...e });
+function D({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    n.Item,
+    {
+      "data-slot": "command-item",
+      className: r(
+        "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
+      ),
+      ...e
+    }
+  );
 }
-function I({ className: t, ...e }) {
-  return a("span", { "data-slot": "command-shortcut", className: r("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", t), ...e });
+function I({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: r(
+        "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
+        t
+      ),
+      ...e
+    }
+  );
 }
 export {
   g as Command,