@nipsys/shadcn-lsd 0.1.0 → 0.2.1

package/dist/components/ui/card/__tests__/card.test.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { d as m, i as a, r as c, g as e, s as d } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Card as s } from "../Card.js";
 import { CardAction as h } from "../CardAction.js";
-import { CardContent as l } from "../CardContent.js";
+import { CardContent as i } from "../CardContent.js";
 import { CardDescription as u } from "../CardDescription.js";
 import { CardFooter as p } from "../CardFooter.js";
 import { CardHeader as C } from "../CardHeader.js";
@@ -17,7 +17,7 @@ m("Card", () => {
     e(n).toHaveClass("custom-class");
   }), a("applies default classes", () => {
     const { container: t } = c(/* @__PURE__ */ r(s, {})), n = o(t, "card");
-    e(n).toHaveClass("lsd:bg-lsd-surface-primary"), e(n).toHaveClass("lsd:text-lsd-text-primary"), e(n).toHaveClass("lsd:flex"), e(n).toHaveClass("lsd:flex-col"), e(n).toHaveClass("lsd:border-lsd-border-primary"), e(n).toHaveClass("lsd:border"), e(n).toHaveClass("lsd:shadow-sm");
+    e(n).toHaveClass("lsd:bg-lsd-surface"), e(n).toHaveClass("lsd:text-lsd-text-primary"), e(n).toHaveClass("lsd:flex"), e(n).toHaveClass("lsd:flex-col"), e(n).toHaveClass("lsd:border-lsd-border"), e(n).toHaveClass("lsd:border"), e(n).toHaveClass("lsd:shadow-sm");
   }), a("passes through additional props", () => {
     c(/* @__PURE__ */ r(s, { "data-testid": "test-card", "data-custom": "value" })), e(d.getByTestId("test-card")).toHaveAttribute(
       "data-custom",
@@ -32,20 +32,20 @@ m("Card", () => {
     c(/* @__PURE__ */ r(s, { ref: t })), e(t.current).toBeInstanceOf(HTMLDivElement);
   }), a("renders a complete card with all subcomponents", () => {
     const { container: t } = c(
-      /* @__PURE__ */ i(s, { children: [
-        /* @__PURE__ */ i(C, { children: [
+      /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ l(C, { children: [
           /* @__PURE__ */ r(T, { children: "Card Title" }),
           /* @__PURE__ */ r(u, { children: "Card Description" }),
           /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("button", { type: "button", children: "Action" }) })
         ] }),
-        /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r("span", { children: "Card Content" }) }),
+        /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r("span", { children: "Card Content" }) }),
         /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r("button", { type: "button", children: "Footer Action" }) })
       ] })
     );
     e(o(t, "card")).toBeInTheDocument(), e(o(t, "card-header")).toBeInTheDocument(), e(o(t, "card-title")).toBeInTheDocument(), e(o(t, "card-description")).toBeInTheDocument(), e(o(t, "card-action")).toBeInTheDocument(), e(o(t, "card-content")).toBeInTheDocument(), e(o(t, "card-footer")).toBeInTheDocument(), e(d.getByText("Card Title")).toBeInTheDocument(), e(d.getByText("Card Description")).toBeInTheDocument(), e(d.getByText("Card Content")).toBeInTheDocument();
   }), a("renders a minimal card with only content", () => {
     const { container: t } = c(
-      /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r("span", { children: "Simple Card" }) }) })
+      /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r("span", { children: "Simple Card" }) }) })
     );
     e(o(t, "card")).toBeInTheDocument(), e(o(t, "card-content")).toBeInTheDocument(), e(d.getByText("Simple Card")).toBeInTheDocument();
   });

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

@@ -9,7 +9,7 @@ import { u as U } from "../../../index-Bu0XjYP8.js";
 import { P as X } from "../../../index-BiHZqHTp.js";
 import { c as $ } from "../../../utils-DtaLkIY8.js";
 import { C as J } from "../../../check-Bt2UikoU.js";
-var g = "Checkbox", [Q] = H(g), [V, E] = Q(g);
+var y = "Checkbox", [Q] = H(y), [V, E] = Q(y);
 function W(t) {
   const {
     __scopeCheckbox: o,
@@ -28,8 +28,8 @@ function W(t) {
     prop: a,
     defaultProp: s ?? !1,
     onChange: i,
-    caller: g
-  }), [C, v] = d.useState(null), [y, r] = d.useState(null), n = d.useRef(!1), P = C ? !!p || !!C.closest("form") : (
+    caller: y
+  }), [C, v] = d.useState(null), [g, r] = d.useState(null), n = d.useRef(!1), P = C ? !!p || !!C.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
@@ -45,7 +45,7 @@ function W(t) {
     required: m,
     defaultChecked: h(s) ? !1 : s,
     isFormControl: P,
-    bubbleInput: y,
+    bubbleInput: g,
     setBubbleInput: r
   };
   return /* @__PURE__ */ c(
@@ -70,11 +70,11 @@ var S = "CheckboxTrigger", B = d.forwardRef(
       hasConsumerStoppedPropagationRef: f,
       isFormControl: x,
       bubbleInput: C
-    } = E(S, t), v = w(s, k), y = d.useRef(i);
+    } = E(S, t), v = w(s, k), g = d.useRef(i);
     return d.useEffect(() => {
       const r = e?.form;
       if (r) {
-        const n = () => l(y.current);
+        const n = () => l(g.current);
         return r.addEventListener("reset", n), () => r.removeEventListener("reset", n);
       }
     }, [e, l]), /* @__PURE__ */ c(
@@ -147,7 +147,7 @@ var M = d.forwardRef(
     );
   }
 );
-M.displayName = g;
+M.displayName = y;
 var T = "CheckboxIndicator", q = d.forwardRef(
   (t, o) => {
     const { __scopeCheckbox: a, forceMount: u, ...s } = t, e = E(T, a);
@@ -184,7 +184,7 @@ var A = "CheckboxBubbleInput", j = d.forwardRef(
       form: l,
       bubbleInput: f,
       setBubbleInput: x
-    } = E(A, t), C = w(a, x), v = K(e), y = U(u);
+    } = E(A, t), C = w(a, x), v = K(e), g = U(u);
     d.useEffect(() => {
       const n = f;
       if (!n) return;
@@ -214,7 +214,7 @@ var A = "CheckboxBubbleInput", j = d.forwardRef(
         ref: C,
         style: {
           ...o.style,
-          ...y,
+          ...g,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -247,7 +247,7 @@ function ie({
     {
       "data-slot": "checkbox",
       className: $(
-        "peer lsd:border-lsd-border dark:lsd:bg-lsd-surface-secondary/30 lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:text-lsd-surface-primary dark:lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:border-lsd-primary focus-visible:lsd:border-lsd-border-primary focus-visible:lsd:ring-lsd-text/50 aria-invalid:lsd:ring-lsd-destructive/20 dark:aria-invalid:lsd:ring-lsd-destructive/40 aria-invalid:lsd:border-lsd-destructive lsd:size-5 lsd:shrink-0 lsd:border lsd:shadow-xs lsd:transition-shadow lsd:outline-none focus-visible:lsd:ring-[3px] lsd:cursor-pointer lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50",
+        "peer lsd:border-lsd-border dark:lsd:bg-lsd-surface/30 lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:text-lsd-surface dark:lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=checked]:border-lsd-primary focus-visible:lsd:border-lsd-border focus-visible:lsd:ring-lsd-text/50 aria-invalid:lsd:ring-lsd-destructive/20 dark:aria-invalid:lsd:ring-lsd-destructive/40 aria-invalid:lsd:border-lsd-destructive lsd:size-5 lsd:shrink-0 lsd:border lsd:shadow-xs lsd:transition-shadow lsd:outline-none focus-visible:lsd:ring-[3px] lsd:cursor-pointer lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50",
         t
       ),
       ...o,

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

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d, i as t, r as o, g as s, s as a, v as i, f as r } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { d, i as t, r as o, g as s, s as a, v as i, f as h } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Checkbox as l } from "./Checkbox.js";
 d("Checkbox", () => {
   t("renders without crashing", () => {
@@ -13,9 +13,7 @@ d("Checkbox", () => {
   }), t("applies checked state classes correctly", () => {
     o(/* @__PURE__ */ c(l, { checked: !0 }));
     const e = a.getByRole("checkbox");
-    s(e).toHaveClass("lsd:data-[state=checked]:bg-lsd-primary"), s(e).toHaveClass(
-      "lsd:data-[state=checked]:text-lsd-surface-primary"
-    ), s(e).toHaveClass("lsd:data-[state=checked]:border-lsd-primary");
+    s(e).toHaveClass("lsd:data-[state=checked]:bg-lsd-primary"), s(e).toHaveClass("lsd:data-[state=checked]:text-lsd-surface"), s(e).toHaveClass("lsd:data-[state=checked]:border-lsd-primary");
   }), t("shows check icon when checked", () => {
     o(/* @__PURE__ */ c(l, { checked: !0 }));
     const e = a.getByRole("checkbox");
@@ -26,7 +24,7 @@ d("Checkbox", () => {
     s(e).not.toBeChecked();
   }), t("handles click events", () => {
     const e = i.fn();
-    o(/* @__PURE__ */ c(l, { onCheckedChange: e })), r.click(a.getByRole("checkbox")), s(e).toHaveBeenCalledTimes(1);
+    o(/* @__PURE__ */ c(l, { onCheckedChange: e })), h.click(a.getByRole("checkbox")), s(e).toHaveBeenCalledTimes(1);
   }), t("applies disabled state correctly", () => {
     o(/* @__PURE__ */ c(l, { disabled: !0 }));
     const e = a.getByRole("checkbox");
@@ -47,7 +45,7 @@ d("Checkbox", () => {
   }), t("applies focus-visible classes", () => {
     o(/* @__PURE__ */ c(l, {}));
     const e = a.getByRole("checkbox");
-    s(e).toHaveClass("focus-visible:lsd:border-lsd-border-primary"), s(e).toHaveClass("focus-visible:lsd:ring-[3px]");
+    s(e).toHaveClass("focus-visible:lsd:border-lsd-border"), s(e).toHaveClass("focus-visible:lsd:ring-[3px]");
   }), t("applies aria-invalid classes when invalid", () => {
     o(/* @__PURE__ */ c(l, { "aria-invalid": !0 }));
     const e = a.getByRole("checkbox");

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

@@ -10,7 +10,7 @@ function a({
     {
       "data-slot": "command",
       className: r(
-        "lsd:bg-lsd-surface-primary lsd:text-lsd-text lsd:flex lsd:h-full lsd:w-full lsd:flex-col lsd:overflow-hidden",
+        "lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:flex lsd:h-full lsd:w-full lsd:flex-col lsd:overflow-hidden",
         l
       ),
       ...s

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

@@ -2,29 +2,29 @@ import { jsxs as m, jsx as d } from "react/jsx-runtime";
 import { Dialog as s } from "../dialog/Dialog.js";
 import { DialogContent as p } from "../dialog/DialogContent.js";
 import { DialogDescription as n } from "../dialog/DialogDescription.js";
-import { c } from "../../../utils-DtaLkIY8.js";
-import { DialogHeader as a } from "../dialog/DialogHeader.js";
+import { c as a } from "../../../utils-DtaLkIY8.js";
+import { DialogHeader as c } from "../dialog/DialogHeader.js";
 import { DialogTitle as g } from "../dialog/DialogTitle.js";
 import { Command as _ } from "./Command.js";
 function C({
-  title: o = "Command Palette",
-  description: r = "Search for a command to run...",
+  title: r = "Command Palette",
+  description: o = "Search for a command to run...",
   children: i,
   className: e,
   showCloseButton: l = !0,
   ...t
 }) {
   return /* @__PURE__ */ m(s, { ...t, children: [
-    /* @__PURE__ */ m(a, { className: "lsd:sr-only", children: [
-      /* @__PURE__ */ d(g, { children: o }),
-      /* @__PURE__ */ d(n, { children: r })
+    /* @__PURE__ */ m(c, { className: "lsd:sr-only", children: [
+      /* @__PURE__ */ d(g, { children: r }),
+      /* @__PURE__ */ d(n, { children: o })
     ] }),
     /* @__PURE__ */ d(
       p,
       {
-        className: c("lsd:overflow-hidden lsd:p-0", e),
+        className: a("lsd:overflow-hidden lsd:p-0", e),
         showCloseButton: l,
-        children: /* @__PURE__ */ d(_, { className: "lsd:[&_[cmdk-group-heading]]:text-lsd-text lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:font-medium lsd:[&_[cmdk-group]]:px-2 lsd:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 lsd:[&_[cmdk-input-wrapper]_svg]:h-5 lsd:[&_[cmdk-input-wrapper]_svg]:w-5 lsd:[&_[cmdk-input]]:h-12 lsd:[&_[cmdk-item]]:px-2 lsd:[&_[cmdk-item]]:py-3 lsd:[&_[cmdk-item]_svg]:h-5 lsd:[&_[cmdk-item]_svg]:w-5", children: i })
+        children: /* @__PURE__ */ d(_, { className: "lsd:[&_[cmdk-group-heading]]:text-lsd-text-primary lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:font-medium lsd:[&_[cmdk-group]]:px-2 lsd:[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 lsd:[&_[cmdk-input-wrapper]_svg]:h-5 lsd:[&_[cmdk-input-wrapper]_svg]:w-5 lsd:[&_[cmdk-input]]:h-12 lsd:[&_[cmdk-item]]:px-2 lsd:[&_[cmdk-item]]:py-3 lsd:[&_[cmdk-item]_svg]:h-5 lsd:[&_[cmdk-item]_svg]:w-5", children: i })
       }
     )
   ] });

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

@@ -1,16 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { _ as m } from "../../../index-MQOgPrDL.js";
-import { c as r } from "../../../utils-DtaLkIY8.js";
+import { c as t } from "../../../utils-DtaLkIY8.js";
 function a({
   className: d,
   ...o
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     m.Group,
     {
       "data-slot": "command-group",
-      className: r(
-        "lsd:text-lsd-text lsd:[&_[cmdk-group-heading]]:text-lsd-text lsd:overflow-hidden lsd:p-1 lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:py-1.5 lsd:[&_[cmdk-group-heading]]:text-xs lsd:[&_[cmdk-group-heading]]:font-medium",
+      className: t(
+        "lsd:text-lsd-text-primary lsd:[&_[cmdk-group-heading]]:text-lsd-text-primary lsd:overflow-hidden lsd:p-1 lsd:[&_[cmdk-group-heading]]:px-2 lsd:[&_[cmdk-group-heading]]:py-1.5 lsd:[&_[cmdk-group-heading]]:text-xs lsd:[&_[cmdk-group-heading]]:font-medium",
         d
       ),
       ...o

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { _ as d } from "../../../index-MQOgPrDL.js";
 import { c as l } from "../../../utils-DtaLkIY8.js";
-function r({
+function o({
   className: s,
   ...e
 }) {
@@ -10,7 +10,7 @@ function r({
     {
       "data-slot": "command-item",
       className: l(
-        "lsd:data-[selected=true]:bg-lsd-surface-secondary lsd:data-[selected=true]:text-lsd-text lsd:[&_svg:not([class*='text-'])]:text-lsd-text lsd:relative lsd:flex lsd:cursor-default lsd:items-center lsd:gap-2 lsd:px-2 lsd:py-1.5 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled=true]:pointer-events-none lsd:data-[disabled=true]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4",
+        "lsd:data-[selected=true]:bg-lsd-surface lsd:data-[selected=true]:text-lsd-text-primary lsd:[&_svg:not([class*='text-'])]:text-lsd-text-primary lsd:relative lsd:flex lsd:cursor-default lsd:items-center lsd:gap-2 lsd:px-2 lsd:py-1.5 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled=true]:pointer-events-none lsd:data-[disabled=true]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4",
         s
       ),
       ...e
@@ -18,5 +18,5 @@ function r({
   );
 }
 export {
-  r as CommandItem
+  o as CommandItem
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../../utils-DtaLkIY8.js";
+import { c as r } from "../../../utils-DtaLkIY8.js";
 function d({
   className: t,
   ...s
@@ -8,8 +8,8 @@ function d({
     "span",
     {
       "data-slot": "command-shortcut",
-      className: a(
-        "lsd:text-lsd-text lsd:ml-auto lsd:text-xs lsd:tracking-widest",
+      className: r(
+        "lsd:text-lsd-text-primary lsd:ml-auto lsd:text-xs lsd:tracking-widest",
         t
       ),
       ...s

package/dist/components/ui/command/__tests__/command-group.test.js

@@ -1,5 +1,5 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { d as i, i as a, r as d, g as t } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { d as i, i as a, r as d, g as r } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Command as c } from "../Command.js";
 import { CommandGroup as l } from "../CommandGroup.js";
 import { CommandInput as s } from "../CommandInput.js";
@@ -8,48 +8,48 @@ import { CommandList as n } from "../CommandList.js";
 i("CommandGroup", () => {
   a("renders without crashing", () => {
     d(
-      /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ e(s, { placeholder: "Search..." }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(m, { children: "Item 1" }) }) })
       ] })
-    ), t(
+    ), r(
       document.querySelector('[data-slot="command-group"]')
     ).toBeInTheDocument();
   }), a("applies data-slot attribute", () => {
     d(
-      /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ e(s, { placeholder: "Search..." }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(m, { children: "Item 1" }) }) })
       ] })
     );
     const o = document.querySelector('[data-slot="command-group"]');
-    t(o).toHaveAttribute("data-slot", "command-group");
+    r(o).toHaveAttribute("data-slot", "command-group");
   }), a("applies base classes correctly", () => {
     d(
-      /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ e(s, { placeholder: "Search..." }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(m, { children: "Item 1" }) }) })
       ] })
     );
     const o = document.querySelector('[data-slot="command-group"]');
-    t(o).toHaveClass("lsd:text-lsd-text"), t(o).toHaveClass("lsd:overflow-hidden"), t(o).toHaveClass("lsd:p-1");
+    r(o).toHaveClass("lsd:text-lsd-text-primary"), r(o).toHaveClass("lsd:overflow-hidden"), r(o).toHaveClass("lsd:p-1");
   }), a("merges custom className with component classes", () => {
     d(
-      /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ e(s, { placeholder: "Search..." }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { className: "custom-group-class", children: /* @__PURE__ */ e(m, { children: "Item 1" }) }) })
       ] })
     );
     const o = document.querySelector('[data-slot="command-group"]');
-    t(o).toHaveClass("custom-group-class");
+    r(o).toHaveClass("custom-group-class");
   }), a("passes through additional props", () => {
     d(
-      /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ e(s, { placeholder: "Search..." }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { "data-testid": "test-group", id: "group-1", children: /* @__PURE__ */ e(m, { children: "Item 1" }) }) })
       ] })
     );
     const o = document.querySelector('[data-slot="command-group"]');
-    t(o).toHaveAttribute("data-testid", "test-group"), t(o).toHaveAttribute("id", "group-1");
+    r(o).toHaveAttribute("data-testid", "test-group"), r(o).toHaveAttribute("id", "group-1");
   });
 });

package/dist/components/ui/command/__tests__/command-item.test.js

@@ -1,15 +1,15 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { d as n, i as l, r as d, g as a, s as i } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { Command as o } from "../Command.js";
-import { CommandInput as r } from "../CommandInput.js";
+import { Command as r } from "../Command.js";
+import { CommandInput as o } from "../CommandInput.js";
 import { CommandItem as c } from "../CommandItem.js";
 import { CommandList as m } from "../CommandList.js";
 import { CommandShortcut as h } from "../CommandShortcut.js";
 n("CommandItem", () => {
   l("renders without crashing", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: "Item 1" }) })
       ] })
     ), a(
@@ -17,8 +17,8 @@ n("CommandItem", () => {
     ).toBeInTheDocument();
   }), l("applies data-slot attribute", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: "Item 1" }) })
       ] })
     );
@@ -26,8 +26,8 @@ n("CommandItem", () => {
     a(t).toHaveAttribute("data-slot", "command-item");
   }), l("applies base classes correctly", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: "Item 1" }) })
       ] })
     );
@@ -35,19 +35,17 @@ n("CommandItem", () => {
     a(t).toHaveClass("lsd:relative"), a(t).toHaveClass("lsd:flex"), a(t).toHaveClass("lsd:cursor-default"), a(t).toHaveClass("lsd:items-center"), a(t).toHaveClass("lsd:gap-2"), a(t).toHaveClass("lsd:px-2"), a(t).toHaveClass("lsd:py-1.5"), a(t).toHaveClass("lsd:text-sm");
   }), l("applies selected state classes", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { children: "Item 1" }) })
       ] })
     );
     const t = document.querySelector('[data-slot="command-item"]');
-    a(t).toHaveClass(
-      "lsd:data-[selected=true]:bg-lsd-surface-secondary"
-    ), a(t).toHaveClass("lsd:data-[selected=true]:text-lsd-text");
+    a(t).toHaveClass("lsd:data-[selected=true]:bg-lsd-surface"), a(t).toHaveClass("lsd:data-[selected=true]:text-lsd-text-primary");
   }), l("applies disabled state classes", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { disabled: !0, children: "Item 1" }) })
       ] })
     );
@@ -55,8 +53,8 @@ n("CommandItem", () => {
     a(t).toHaveClass("lsd:data-[disabled=true]:pointer-events-none"), a(t).toHaveClass("lsd:data-[disabled=true]:opacity-50");
   }), l("merges custom className with component classes", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { className: "custom-item-class", children: "Item 1" }) })
       ] })
     );
@@ -64,8 +62,8 @@ n("CommandItem", () => {
     a(t).toHaveClass("custom-item-class");
   }), l("passes through additional props", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(c, { "data-testid": "test-item", children: "Item 1" }) })
       ] })
     );
@@ -73,8 +71,8 @@ n("CommandItem", () => {
     a(t).toHaveAttribute("data-testid", "test-item");
   }), l("renders children correctly", () => {
     d(
-      /* @__PURE__ */ s(o, { children: [
-        /* @__PURE__ */ e(r, { placeholder: "Search..." }),
+      /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ e(o, { placeholder: "Search..." }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ s(c, { children: [
           /* @__PURE__ */ e("span", { children: "Item 1" }),
           /* @__PURE__ */ e(h, { children: "⌘K" })

package/dist/components/ui/command/__tests__/command-shortcut.test.js

@@ -41,7 +41,7 @@ n("CommandShortcut", () => {
       ] })
     );
     const r = document.querySelector('[data-slot="command-shortcut"]');
-    c(r).toHaveClass("lsd:text-lsd-text"), c(r).toHaveClass("lsd:ml-auto"), c(r).toHaveClass("lsd:text-xs"), c(r).toHaveClass("lsd:tracking-widest");
+    c(r).toHaveClass("lsd:text-lsd-text-primary"), c(r).toHaveClass("lsd:ml-auto"), c(r).toHaveClass("lsd:text-xs"), c(r).toHaveClass("lsd:tracking-widest");
   }), o("merges custom className with component classes", () => {
     s(
       /* @__PURE__ */ e(a, { children: [

package/dist/components/ui/command/__tests__/command.test.js

@@ -32,7 +32,7 @@ i("Command", () => {
       ] })
     );
     const o = document.querySelector('[data-slot="command"]');
-    t(o).toHaveClass("lsd:bg-lsd-surface-primary"), t(o).toHaveClass("lsd:text-lsd-text"), t(o).toHaveClass("lsd:flex"), t(o).toHaveClass("lsd:h-full"), t(o).toHaveClass("lsd:w-full"), t(o).toHaveClass("lsd:flex-col"), t(o).toHaveClass("lsd:overflow-hidden");
+    t(o).toHaveClass("lsd:bg-lsd-surface"), t(o).toHaveClass("lsd:text-lsd-text-primary"), t(o).toHaveClass("lsd:flex"), t(o).toHaveClass("lsd:h-full"), t(o).toHaveClass("lsd:w-full"), t(o).toHaveClass("lsd:flex-col"), t(o).toHaveClass("lsd:overflow-hidden");
   }), d("merges custom className with component classes", () => {
     c(
       /* @__PURE__ */ a(r, { className: "custom-command-class", children: [

package/dist/components/ui/dialog/DialogContent.js

@@ -4,8 +4,8 @@ import { c as r } from "../../../utils-DtaLkIY8.js";
 import { DialogClose as n } from "./DialogClose.js";
 import { DialogOverlay as i } from "./DialogOverlay.js";
 import { DialogPortal as p } from "./DialogPortal.js";
-import { X as c } from "../../../x-B9bYxG31.js";
-function b({
+import { X as m } from "../../../x-B9bYxG31.js";
+function v({
   className: d,
   children: t,
   showCloseButton: a = !0,
@@ -18,7 +18,7 @@ function b({
       {
         "data-slot": "dialog-content",
         className: r(
-          "lsd:bg-lsd-surface-primary lsd:data-[state=open]:animate-in lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:fixed lsd:top-[50%] lsd:left-[50%] lsd:z-50 lsd:grid lsd:w-full lsd:max-w-[calc(100%-2rem)] lsd:translate-x-[-50%] lsd:translate-y-[-50%] lsd:gap-4 lsd:border lsd:border-lsd-border lsd:p-6 lsd:shadow-lg lsd:duration-200 lsd:sm:max-w-lg",
+          "lsd:bg-lsd-surface lsd:data-[state=open]:animate-in lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:fixed lsd:top-[50%] lsd:left-[50%] lsd:z-50 lsd:grid lsd:w-full lsd:max-w-[calc(100%-2rem)] lsd:translate-x-[-50%] lsd:translate-y-[-50%] lsd:gap-4 lsd:border lsd:border-lsd-border lsd:p-6 lsd:shadow-lg lsd:duration-200 lsd:sm:max-w-lg",
           d
         ),
         ...o,
@@ -28,9 +28,9 @@ function b({
             n,
             {
               "data-slot": "dialog-close",
-              className: "lsd:p-2 focus:lsd:outline-hidden lsd:data-[state=open]:bg-lsd-surface-secondary lsd:data-[state=open]:text-lsd-text lsd:absolute lsd:top-4 lsd:right-4 lsd:rounded-xs lsd:opacity-70 lsd:transition-opacity lsd:hover:opacity-100 lsd:disabled:pointer-events-none lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4 lsd:cursor-pointer",
+              className: "lsd:p-2 focus:lsd:outline-hidden lsd:data-[state=open]:bg-lsd-surface lsd:data-[state=open]:text-lsd-text-primary lsd:absolute lsd:top-4 lsd:right-4 lsd:rounded-xs lsd:opacity-70 lsd:transition-opacity lsd:hover:opacity-100 lsd:disabled:pointer-events-none lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4 lsd:cursor-pointer",
               children: [
-                /* @__PURE__ */ l(c, {}),
+                /* @__PURE__ */ l(m, {}),
                 /* @__PURE__ */ l("span", { className: "lsd:sr-only", children: "Close" })
               ]
             }
@@ -41,5 +41,5 @@ function b({
   ] });
 }
 export {
-  b as DialogContent
+  v as DialogContent
 };

package/dist/components/ui/dialog/DialogDescription.js

@@ -1,19 +1,19 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { D as i } from "../../../index-CHaTVqnF.js";
-import { c as r } from "../../../utils-DtaLkIY8.js";
-function c({
+import { c as s } from "../../../utils-DtaLkIY8.js";
+function p({
   className: t,
   ...o
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     i,
     {
       "data-slot": "dialog-description",
-      className: r("lsd:text-lsd-text lsd:text-sm", t),
+      className: s("lsd:text-lsd-text-primary lsd:text-sm", t),
       ...o
     }
   );
 }
 export {
-  c as DialogDescription
+  p as DialogDescription
 };

package/dist/components/ui/dialog/__tests__/dialog-content.test.js

@@ -14,7 +14,7 @@ h("DialogContent", () => {
       /* @__PURE__ */ e(s, { open: !0, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })
     );
     const t = document.querySelector('[data-slot="dialog-content"]');
-    o(t).toHaveClass("lsd:bg-lsd-surface-primary"), o(t).toHaveClass("lsd:fixed"), o(t).toHaveClass("lsd:top-[50%]"), o(t).toHaveClass("lsd:left-[50%]"), o(t).toHaveClass("lsd:z-50"), o(t).toHaveClass("lsd:grid"), o(t).toHaveClass("lsd:w-full"), o(t).toHaveClass("lsd:border"), o(t).toHaveClass("lsd:border-lsd-border"), o(t).toHaveClass("lsd:p-6");
+    o(t).toHaveClass("lsd:bg-lsd-surface"), o(t).toHaveClass("lsd:fixed"), o(t).toHaveClass("lsd:top-[50%]"), o(t).toHaveClass("lsd:left-[50%]"), o(t).toHaveClass("lsd:z-50"), o(t).toHaveClass("lsd:grid"), o(t).toHaveClass("lsd:w-full"), o(t).toHaveClass("lsd:border"), o(t).toHaveClass("lsd:border-lsd-border"), o(t).toHaveClass("lsd:p-6");
   }), l("applies data-slot attribute", () => {
     n(
       /* @__PURE__ */ e(s, { open: !0, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: "Title" }) }) }) })

package/dist/components/ui/dialog/__tests__/dialog-description.test.js

@@ -21,7 +21,7 @@ h("DialogDescription", () => {
       ] }) }) })
     );
     const i = c.getByText("Description");
-    t(i).toHaveClass("lsd:text-lsd-text"), t(i).toHaveClass("lsd:text-sm");
+    t(i).toHaveClass("lsd:text-lsd-text-primary"), t(i).toHaveClass("lsd:text-sm");
   }), s("applies data-slot attribute", () => {
     o(
       /* @__PURE__ */ e(n, { open: !0, children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ r(d, { children: [

package/dist/components/ui/input/Input.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../utils-DtaLkIY8.js";
-import { I as i } from "../../../Input-CNaDUPU7.js";
+import { I as i } from "../../../Input-W8QqFI1v.js";
 export {
   i as Input
 };

package/dist/components/ui/input/input.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { d as p, i as l, r as a, g as t, s, v as i, f as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { I as n } from "../../../Input-CNaDUPU7.js";
+import { I as n } from "../../../Input-W8QqFI1v.js";
 p("Input", () => {
   l("renders without crashing", () => {
     a(/* @__PURE__ */ o(n, {})), t(s.getByRole("textbox")).toBeInTheDocument();
@@ -9,11 +9,11 @@ p("Input", () => {
   }), l("renders with default variant (underlined)", () => {
     a(/* @__PURE__ */ o(n, {}));
     const r = s.getByRole("textbox").parentElement;
-    t(r).toHaveClass("lsd:border-b-lsd-border-primary");
+    t(r).toHaveClass("lsd:border-b-lsd-border");
   }), l("renders with outlined variant", () => {
     a(/* @__PURE__ */ o(n, { variant: "outlined" }));
     const r = s.getByRole("textbox").parentElement;
-    t(r).toHaveClass("lsd:border-lsd-border-primary");
+    t(r).toHaveClass("lsd:border-lsd-border");
   }), l("renders with default size (medium)", () => {
     a(/* @__PURE__ */ o(n, {}));
     const e = s.getByRole("textbox");

package/dist/components/ui/label/Label.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as t } from "../../../Label-Bz0dz1Kz.js";
+import { L as t } from "../../../Label-BEM-ZJXI.js";
 import "../../../utils-DtaLkIY8.js";
 export {
   t as Label

package/dist/components/ui/label/label.test.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { d as i, i as s, r as l, g as e, s as n, v as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { l as o, L as r } from "../../../Label-Bz0dz1Kz.js";
+import { l as o, L as r } from "../../../Label-BEM-ZJXI.js";
 i("Label", () => {
   s("renders without crashing", () => {
     l(/* @__PURE__ */ a(r, { children: "Label" })), e(n.getByText("Label")).toBeInTheDocument();

package/dist/components/ui/menubar/Menubar.d.ts

@@ -0,0 +1,6 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import type * as React from 'react';
+export interface MenubarProps extends React.ComponentProps<typeof MenubarPrimitive.Root> {
+}
+declare function Menubar({ className, ...props }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+export { Menubar };

package/dist/components/ui/menubar/Menubar.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../../utils-DtaLkIY8.js";
+import { g as t } from "../../../types-D94euSAG.js";
+import { e as n } from "../../../index-DSoDGF_j.js";
+function p({ className: r, ...o }) {
+  return /* @__PURE__ */ a(
+    n,
+    {
+      "data-slot": "menubar",
+      className: m(t(), r),
+      ...o
+    }
+  );
+}
+export {
+  p as Menubar
+};