@nipsys/shadcn-lsd 0.2.3 → 0.2.5

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

@@ -1,29 +1,29 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../../utils-DtaLkIY8.js";
-import { i } from "../../../types-BSbBWG9A.js";
-import { c as m } from "../../../createLucideIcon-CP-mMPfa.js";
-import { g as u } from "../../../index-CUMPAqVa.js";
-const c = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], d = m("chevron-right", c);
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../../utils-DtaLkIY8.js";
+import { i as t } from "../../../types-DsORryJJ.js";
+import { c } from "../../../createLucideIcon-CP-mMPfa.js";
+import { g as m } from "../../../index-CUMPAqVa.js";
+const u = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], d = c("chevron-right", u);
 function f({
-  className: s,
+  className: a,
   inset: r,
   children: e,
-  ...a
+  ...o
 }) {
-  return /* @__PURE__ */ t(
-    u,
+  return /* @__PURE__ */ n(
+    m,
     {
       "data-slot": "menubar-sub-trigger",
       "data-inset": r,
-      className: n(
-        i({ inset: r }),
+      className: i(
+        t({ inset: r }),
         "lsd:group",
-        s
+        a
       ),
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ o("span", { className: "lsd:group-hover:underline lsd:group-focus:underline", children: e }),
-        /* @__PURE__ */ o(d, { className: "lsd:ml-auto lsd:h-4 lsd:w-4" })
+        /* @__PURE__ */ s("span", { className: "lsd:group-hover:underline lsd:group-focus:underline", children: e }),
+        /* @__PURE__ */ s(d, { className: "lsd:ml-auto lsd:h-(--lsd-spacing-base) lsd:w-(--lsd-spacing-base)" })
       ]
     }
   );

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { c as o } from "../../../utils-DtaLkIY8.js";
-import { g as t } from "../../../types-BSbBWG9A.js";
+import { g as t } from "../../../types-DsORryJJ.js";
 import { T as e } from "../../../index-CUMPAqVa.js";
 function f({ className: r, ...a }) {
   return /* @__PURE__ */ m(

package/dist/components/ui/menubar/__tests__/menubar-trigger.test.js

@@ -1,67 +1,67 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { d as h, i as l, r as n, g as t, s as m, v as g } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { Menubar as s } from "../Menubar.js";
+import { d as h, i as l, r as s, g as t, s as m, v as g } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Menubar as n } from "../Menubar.js";
 import { MenubarContent as a } from "../MenubarContent.js";
-import { MenubarItem as o } from "../MenubarItem.js";
-import { MenubarMenu as c } from "../MenubarMenu.js";
+import { MenubarItem as c } from "../MenubarItem.js";
+import { MenubarMenu as o } from "../MenubarMenu.js";
 import { MenubarTrigger as d } from "../MenubarTrigger.js";
 h("MenubarTrigger", () => {
   l("renders without crashing", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     ), t(m.getByRole("menuitem", { name: "File" })).toBeInTheDocument();
   }), l("renders as a menuitem", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     ), t(m.getByRole("menuitem", { name: "File" })).toBeInTheDocument();
   }), l("applies base classes correctly", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     );
     const r = m.getByRole("menuitem", { name: "File" });
-    t(r).toHaveClass("lsd:flex"), t(r).toHaveClass("lsd:items-center"), t(r).toHaveClass("lsd:px-2"), t(r).toHaveClass("lsd:py-1"), t(r).toHaveClass("lsd:text-sm"), t(r).toHaveClass("lsd:font-medium"), t(r).toHaveClass("lsd:cursor-pointer");
+    t(r).toHaveClass("lsd:flex"), t(r).toHaveClass("lsd:items-center"), t(r).toHaveClass("lsd:px-[var(--lsd-spacing-smaller)]"), t(r).toHaveClass("lsd:py-[var(--lsd-spacing-smallest)]"), t(r).toHaveClass("lsd:text-sm"), t(r).toHaveClass("lsd:font-medium"), t(r).toHaveClass("lsd:cursor-pointer");
   }), l("applies data-slot attribute", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     );
     const r = m.getByRole("menuitem", { name: "File" });
     t(r).toHaveAttribute("data-slot", "menubar-trigger");
   }), l("merges custom className with component classes", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { className: "custom-trigger-class", children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     );
     const r = m.getByRole("menuitem", { name: "File" });
     t(r).toHaveClass("custom-trigger-class"), t(r).toHaveClass("lsd:flex");
   }), l("passes through additional props", () => {
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { "data-testid": "test-trigger", id: "trigger-1", children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     );
     const r = m.getByRole("menuitem", { name: "File" });
     t(r).toHaveAttribute("data-testid", "test-trigger"), t(r).toHaveAttribute("id", "trigger-1");
   }), l("forwards ref to underlying button element", () => {
     const r = g.fn();
-    n(
-      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+    s(
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ i(o, { children: [
         /* @__PURE__ */ e(d, { ref: r, children: "File" }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(c, { children: "New File" }) })
       ] }) })
     ), t(r).toHaveBeenCalled(), t(r.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
   });

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

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { d as u, i as d, r as o, g as r, s as m } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { Menubar as c } from "../Menubar.js";
+import { d as u, i as d, r as c, g as r, s as m } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Menubar as o } from "../Menubar.js";
 import { MenubarContent as n } from "../MenubarContent.js";
 import { MenubarItem as a } from "../MenubarItem.js";
 import { MenubarMenu as s } from "../MenubarMenu.js";
 import { MenubarTrigger as i } from "../MenubarTrigger.js";
 u("Menubar", () => {
   d("renders without crashing", () => {
-    o(
-      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+    c(
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ l(s, { children: [
         /* @__PURE__ */ e(i, { children: "File" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
       ] }) })
     ), r(document.querySelector('[data-slot="menubar"]')).toBeInTheDocument();
   }), d("applies data-slot attribute", () => {
-    o(
-      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+    c(
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ l(s, { children: [
         /* @__PURE__ */ e(i, { children: "File" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
       ] }) })
@@ -23,17 +23,17 @@ u("Menubar", () => {
     const t = document.querySelector('[data-slot="menubar"]');
     r(t).toHaveAttribute("data-slot", "menubar");
   }), d("applies base classes correctly", () => {
-    o(
-      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+    c(
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ l(s, { children: [
         /* @__PURE__ */ e(i, { children: "File" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
       ] }) })
     );
     const t = document.querySelector('[data-slot="menubar"]');
-    r(t).toHaveClass("lsd:flex"), r(t).toHaveClass("lsd:h-9"), r(t).toHaveClass("lsd:items-center"), r(t).toHaveClass("lsd:gap-1"), r(t).toHaveClass("lsd:border"), r(t).toHaveClass("lsd:bg-lsd-surface");
+    r(t).toHaveClass("lsd:flex"), r(t).toHaveClass("lsd:h-9"), r(t).toHaveClass("lsd:items-center"), r(t).toHaveClass("lsd:gap-[var(--lsd-spacing-smallest)]"), r(t).toHaveClass("lsd:border"), r(t).toHaveClass("lsd:bg-lsd-surface");
   }), d("merges custom className with component classes", () => {
-    o(
-      /* @__PURE__ */ e(c, { className: "custom-menubar-class", children: /* @__PURE__ */ l(s, { children: [
+    c(
+      /* @__PURE__ */ e(o, { className: "custom-menubar-class", children: /* @__PURE__ */ l(s, { children: [
         /* @__PURE__ */ e(i, { children: "File" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
       ] }) })
@@ -41,8 +41,8 @@ u("Menubar", () => {
     const t = document.querySelector('[data-slot="menubar"]');
     r(t).toHaveClass("custom-menubar-class"), r(t).toHaveClass("lsd:flex");
   }), d("passes through additional props", () => {
-    o(
-      /* @__PURE__ */ e(c, { "data-testid": "test-menubar", id: "menubar-1", children: /* @__PURE__ */ l(s, { children: [
+    c(
+      /* @__PURE__ */ e(o, { "data-testid": "test-menubar", id: "menubar-1", children: /* @__PURE__ */ l(s, { children: [
         /* @__PURE__ */ e(i, { children: "File" }),
         /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
       ] }) })
@@ -50,8 +50,8 @@ u("Menubar", () => {
     const t = document.querySelector('[data-slot="menubar"]');
     r(t).toHaveAttribute("data-testid", "test-menubar"), r(t).toHaveAttribute("id", "menubar-1");
   }), d("renders with multiple menus", () => {
-    o(
-      /* @__PURE__ */ l(c, { children: [
+    c(
+      /* @__PURE__ */ l(o, { children: [
         /* @__PURE__ */ l(s, { children: [
           /* @__PURE__ */ e(i, { children: "File" }),
           /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })

package/dist/components/ui/popover/PopoverContent.js

@@ -3,18 +3,18 @@ import { P as a, C as l } from "../../../index-B1JZzM7N.js";
 import { c as r } from "../../../utils-DtaLkIY8.js";
 function p({
   className: d,
-  align: o = "center",
-  sideOffset: s = 4,
+  align: s = "center",
+  sideOffset: o = 4,
   ...e
 }) {
   return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
     l,
     {
       "data-slot": "popover-content",
-      align: o,
-      sideOffset: s,
+      align: s,
+      sideOffset: o,
       className: r(
-        "lsd:bg-lsd-surface lsd:text-lsd-text-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:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:z-50 lsd:w-72 origin-(--radix-popover-content-transform-origin) lsd:border lsd:border-lsd-border lsd:p-4 lsd:shadow-md lsd:outline-hidden",
+        "lsd:bg-lsd-surface lsd:text-lsd-text-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:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:z-50 lsd:w-72 origin-(--radix-popover-content-transform-origin) lsd:border lsd:border-lsd-border lsd:p-(--lsd-spacing-base) lsd:shadow-md lsd:outline-hidden",
         d
       ),
       ...e

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

@@ -21,7 +21,7 @@ d("PopoverContent", () => {
       ] })
     );
     const e = document.querySelector('[data-slot="popover-content"]');
-    o(e).toHaveClass("lsd:bg-lsd-surface"), o(e).toHaveClass("lsd:text-lsd-text-primary"), o(e).toHaveClass("lsd:z-50"), o(e).toHaveClass("lsd:w-72"), o(e).toHaveClass("lsd:border"), o(e).toHaveClass("lsd:border-lsd-border"), o(e).toHaveClass("lsd:p-4"), o(e).toHaveClass("lsd:shadow-md");
+    o(e).toHaveClass("lsd:bg-lsd-surface"), o(e).toHaveClass("lsd:text-lsd-text-primary"), o(e).toHaveClass("lsd:z-50"), o(e).toHaveClass("lsd:w-72"), o(e).toHaveClass("lsd:border"), o(e).toHaveClass("lsd:border-lsd-border"), o(e).toHaveClass("lsd:p-(--lsd-spacing-base)"), o(e).toHaveClass("lsd:shadow-md");
   }), s("applies animation classes", () => {
     r(
       /* @__PURE__ */ n(a, { open: !0, children: [

package/dist/components/ui/progress/Progress.js

@@ -3,32 +3,32 @@ import * as c from "react";
 import { P as C } from "../../../index-CDPBTubN.js";
 import { c as P } from "../../../utils-DtaLkIY8.js";
 function A(e, s = []) {
-  let a = [];
+  let o = [];
   function l(d, n) {
     const t = c.createContext(n);
     t.displayName = d + "Context";
-    const o = a.length;
-    a = [...a, n];
+    const a = o.length;
+    o = [...o, n];
     const u = (p) => {
-      const { scope: f, children: v, ...i } = p, M = f?.[e]?.[o] || t, R = c.useMemo(() => i, Object.values(i));
-      return /* @__PURE__ */ m(M.Provider, { value: R, children: v });
+      const { scope: v, children: f, ...i } = p, M = v?.[e]?.[a] || t, R = c.useMemo(() => i, Object.values(i));
+      return /* @__PURE__ */ m(M.Provider, { value: R, children: f });
     };
     u.displayName = d + "Provider";
-    function x(p, f) {
-      const v = f?.[e]?.[o] || t, i = c.useContext(v);
+    function g(p, v) {
+      const f = v?.[e]?.[a] || t, i = c.useContext(f);
       if (i) return i;
       if (n !== void 0) return n;
       throw new Error(`\`${p}\` must be used within \`${d}\``);
     }
-    return [u, x];
+    return [u, g];
   }
   const r = () => {
-    const d = a.map((n) => c.createContext(n));
+    const d = o.map((n) => c.createContext(n));
     return function(t) {
-      const o = t?.[e] || d;
+      const a = t?.[e] || d;
       return c.useMemo(
-        () => ({ [`__scope${e}`]: { ...t, [e]: o } }),
-        [t, o]
+        () => ({ [`__scope${e}`]: { ...t, [e]: a } }),
+        [t, a]
       );
     };
   };
@@ -37,25 +37,25 @@ function A(e, s = []) {
 function V(...e) {
   const s = e[0];
   if (e.length === 1) return s;
-  const a = () => {
+  const o = () => {
     const l = e.map((r) => ({
       useScope: r(),
       scopeName: r.scopeName
     }));
     return function(d) {
-      const n = l.reduce((t, { useScope: o, scopeName: u }) => {
-        const p = o(d)[`__scope${u}`];
+      const n = l.reduce((t, { useScope: a, scopeName: u }) => {
+        const p = a(d)[`__scope${u}`];
         return { ...t, ...p };
       }, {});
       return c.useMemo(() => ({ [`__scope${s.scopeName}`]: n }), [n]);
     };
   };
-  return a.scopeName = s.scopeName, a;
+  return o.scopeName = s.scopeName, o;
 }
 var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
   (e, s) => {
     const {
-      __scopeProgress: a,
+      __scopeProgress: o,
       value: l = null,
       max: r,
       getValueLabel: d = j,
@@ -64,17 +64,17 @@ var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
     (r || r === 0) && !h(r) && console.error(G(`${r}`, "Progress"));
     const t = h(r) ? r : N;
     l !== null && !$(l, t) && console.error(L(`${l}`, "Progress"));
-    const o = $(l, t) ? l : null, u = g(o) ? d(o, t) : void 0;
-    return /* @__PURE__ */ m(O, { scope: a, value: o, max: t, children: /* @__PURE__ */ m(
+    const a = $(l, t) ? l : null, u = x(a) ? d(a, t) : void 0;
+    return /* @__PURE__ */ m(O, { scope: o, value: a, max: t, children: /* @__PURE__ */ m(
       C.div,
       {
         "aria-valuemax": t,
         "aria-valuemin": 0,
-        "aria-valuenow": g(o) ? o : void 0,
+        "aria-valuenow": x(a) ? a : void 0,
         "aria-valuetext": u,
         role: "progressbar",
-        "data-state": S(o, t),
-        "data-value": o ?? void 0,
+        "data-state": S(a, t),
+        "data-value": a ?? void 0,
         "data-max": t,
         ...n,
         ref: s
@@ -85,7 +85,7 @@ var b = "Progress", N = 100, [D] = A(b), [O, T] = D(b), w = c.forwardRef(
 w.displayName = b;
 var _ = "ProgressIndicator", y = c.forwardRef(
   (e, s) => {
-    const { __scopeProgress: a, ...l } = e, r = T(_, a);
+    const { __scopeProgress: o, ...l } = e, r = T(_, o);
     return /* @__PURE__ */ m(
       C.div,
       {
@@ -105,14 +105,14 @@ function j(e, s) {
 function S(e, s) {
   return e == null ? "indeterminate" : e === s ? "complete" : "loading";
 }
-function g(e) {
+function x(e) {
   return typeof e == "number";
 }
 function h(e) {
-  return g(e) && !isNaN(e) && e > 0;
+  return x(e) && !isNaN(e) && e > 0;
 }
 function $(e, s) {
-  return g(e) && !isNaN(e) && e <= s && e >= 0;
+  return x(e) && !isNaN(e) && e <= s && e >= 0;
 }
 function G(e, s) {
   return `Invalid prop \`max\` of value \`${e}\` supplied to \`${s}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${N}\`.`;
@@ -130,25 +130,25 @@ const k = c.forwardRef(
   ({
     className: e,
     value: s,
-    indeterminate: a,
+    indeterminate: o,
     speed: l = "normal",
     variant: r = "default",
     showLabel: d = !1,
     labelPosition: n = "top",
     paused: t = !1,
-    size: o = "md",
+    size: a = "md",
     ...u
-  }, x) => {
+  }, g) => {
     const p = {
       default: "lsd:bg-lsd-primary",
       success: "lsd:bg-lsd-success",
       warning: "lsd:bg-lsd-warning",
       destructive: "lsd:bg-lsd-destructive"
-    }, f = {
-      sm: "lsd:h-2",
-      md: "lsd:h-3",
-      lg: "lsd:h-4"
-    }, v = a ? P(
+    }, v = {
+      sm: "lsd:h-[var(--lsd-spacing-smaller)]",
+      md: "lsd:h-[var(--lsd-spacing-small)]",
+      lg: "lsd:h-[var(--lsd-spacing-base)]"
+    }, f = o ? P(
       "lsd:w-1/3",
       "lsd:animate-indeterminate-progress",
       l === "slow" && "lsd:animate-indeterminate-progress-slow",
@@ -156,15 +156,15 @@ const k = c.forwardRef(
       t && "lsd:animation-paused"
     ) : "lsd:w-full", i = d ? `${s ?? 0}%` : null;
     return /* @__PURE__ */ E("div", { className: "lsd:w-full", children: [
-      d && i && n === "top" && /* @__PURE__ */ m("div", { className: "lsd:mb-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i }),
+      d && i && n === "top" && /* @__PURE__ */ m("div", { className: "lsd:mb-(--lsd-spacing-smallest) lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i }),
       /* @__PURE__ */ m(
         I,
         {
-          ref: x,
+          ref: g,
           "data-slot": "progress",
           className: P(
             "lsd:relative lsd:w-full lsd:overflow-hidden lsd:rounded-none lsd:bg-lsd-surface lsd:border lsd:border-lsd-border",
-            f[o],
+            v[a],
             e
           ),
           ...u,
@@ -174,16 +174,16 @@ const k = c.forwardRef(
               "data-slot": "progress-indicator",
               className: P(
                 "lsd:h-full lsd:flex-1",
-                !a && "lsd:transition-all",
+                !o && "lsd:transition-all",
                 p[r],
-                v
+                f
               ),
-              style: a ? void 0 : { transform: `translateX(-${100 - (s || 0)}%)` }
+              style: o ? void 0 : { transform: `translateX(-${100 - (s || 0)}%)` }
             }
           )
         }
       ),
-      d && i && n === "bottom" && /* @__PURE__ */ m("div", { className: "lsd:mt-0.5 lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i })
+      d && i && n === "bottom" && /* @__PURE__ */ m("div", { className: "lsd:mt-(--lsd-spacing-smallest) lsd:text-sm lsd:font-medium lsd:text-lsd-text-primary lsd:text-center", children: i })
     ] });
   }
 );

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

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as n, i as r, r as a, g as s, s as i, v as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { d as n, i as r, r as a, g as s, s as l, v as d } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Progress as o } from "./Progress.js";
 n("Progress", () => {
   r("renders without crashing", () => {
-    a(/* @__PURE__ */ t(o, {})), s(i.getByRole("progressbar")).toBeInTheDocument();
+    a(/* @__PURE__ */ t(o, {})), s(l.getByRole("progressbar")).toBeInTheDocument();
   }), r("renders as a progressbar role", () => {
-    a(/* @__PURE__ */ t(o, {})), s(i.getByRole("progressbar")).toBeInTheDocument();
+    a(/* @__PURE__ */ t(o, {})), s(l.getByRole("progressbar")).toBeInTheDocument();
   }), r("applies base classes correctly", () => {
     a(/* @__PURE__ */ t(o, {}));
-    const e = i.getByRole("progressbar");
-    s(e).toHaveClass("lsd:relative"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:h-3"), s(e).toHaveClass("lsd:overflow-hidden"), s(e).toHaveClass("lsd:bg-lsd-surface"), s(e).toHaveClass("lsd:border"), s(e).toHaveClass("lsd:border-lsd-border");
+    const e = l.getByRole("progressbar");
+    s(e).toHaveClass("lsd:relative"), s(e).toHaveClass("lsd:w-full"), s(e).toHaveClass("lsd:h-[var(--lsd-spacing-small)]"), s(e).toHaveClass("lsd:overflow-hidden"), s(e).toHaveClass("lsd:bg-lsd-surface"), s(e).toHaveClass("lsd:border"), s(e).toHaveClass("lsd:border-lsd-border");
   }), r("renders indicator element", () => {
     a(/* @__PURE__ */ t(o, {}));
     const e = document.querySelector(
@@ -58,18 +58,18 @@ n("Progress", () => {
     );
   }), r("merges custom className with component classes", () => {
     a(/* @__PURE__ */ t(o, { className: "custom-progress-class" }));
-    const e = i.getByRole("progressbar");
+    const e = l.getByRole("progressbar");
     s(e).toHaveClass("custom-progress-class");
   }), r("passes through additional props", () => {
     a(/* @__PURE__ */ t(o, { "data-testid": "test-progress", id: "progress-1" }));
-    const e = i.getByRole("progressbar");
+    const e = l.getByRole("progressbar");
     s(e).toHaveAttribute("data-testid", "test-progress"), s(e).toHaveAttribute("id", "progress-1");
   }), r("forwards ref to underlying element", () => {
     const e = d.fn();
     a(/* @__PURE__ */ t(o, { ref: e })), s(e).toHaveBeenCalled(), s(e.mock.calls[0][0]).toBeInstanceOf(HTMLDivElement);
   }), r("applies data-slot attribute", () => {
     a(/* @__PURE__ */ t(o, {}));
-    const e = i.getByRole("progressbar");
+    const e = l.getByRole("progressbar");
     s(e).toHaveAttribute("data-slot", "progress");
   }), r("applies data-slot attribute to indicator", () => {
     a(/* @__PURE__ */ t(o, {}));
@@ -95,7 +95,7 @@ n("Progress", () => {
       '[data-slot="progress-indicator"]'
     );
     s(e).toBeInTheDocument();
-    const l = e?.getAttribute("style");
-    s(l).toBeFalsy();
+    const i = e?.getAttribute("style");
+    s(i).toBeFalsy();
   });
 });

package/dist/components/ui/scroll-area/ScrollArea.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { R as i, V as a, S as t, C as n } from "../../../ScrollBar-CyKMm83e.js";
+import { R as i, V as a, S as t, C as n } from "../../../ScrollBar-Cuog8lP4.js";
 import { c as d } from "../../../utils-DtaLkIY8.js";
 function m({
   className: l,

package/dist/components/ui/scroll-area/ScrollBar.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { S as t } from "../../../ScrollBar-CyKMm83e.js";
+import { S as t } from "../../../ScrollBar-Cuog8lP4.js";
 import "../../../utils-DtaLkIY8.js";
 export {
   t as ScrollBar

package/dist/components/ui/select/SelectContent.js

@@ -1,37 +1,37 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { P as i, C as n, V as m } from "../../../index-B_9m43p4.js";
-import { c as d } from "../../../utils-DtaLkIY8.js";
+import { c as s } from "../../../utils-DtaLkIY8.js";
 import { SelectScrollDownButton as c } from "./SelectScrollDownButton.js";
 import { SelectScrollUpButton as p } from "./SelectScrollUpButton.js";
 function b({
-  className: s,
-  children: a,
+  className: l,
+  children: d,
   position: e = "popper",
-  align: l = "center",
+  align: a = "center",
   ...o
 }) {
   return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ r(
     n,
     {
       "data-slot": "select-content",
-      className: d(
+      className: s(
         "lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:border-lsd-border 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:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2 lsd:relative lsd:z-50 lsd:max-h-(--radix-select-content-available-height) lsd:min-w-[8rem] origin-(--radix-select-content-transform-origin) lsd:overflow-x-hidden lsd:overflow-y-auto lsd:border",
         e === "popper" && "lsd:data-[side=bottom]:translate-y-1 lsd:data-[side=left]:-translate-x-1 lsd:data-[side=right]:translate-x-1 lsd:data-[side=top]:-translate-y-1",
-        s
+        l
       ),
       position: e,
-      align: l,
+      align: a,
       ...o,
       children: [
         /* @__PURE__ */ t(p, {}),
         /* @__PURE__ */ t(
           m,
           {
-            className: d(
-              "lsd:p-1",
-              e === "popper" && "lsd:h-[var(--radix-select-trigger-height)] lsd:w-full lsd:min-w-[var(--radix-select-trigger-width)] lsd:scroll-my-1"
+            className: s(
+              "lsd:p-(--lsd-spacing-smallest)",
+              e === "popper" && "lsd:h-(--radix-select-trigger-height) lsd:w-full lsd:min-w-(--radix-select-trigger-width) lsd:scroll-my-(--lsd-spacing-smallest)"
             ),
-            children: a
+            children: d
           }
         ),
         /* @__PURE__ */ t(c, {})

package/dist/components/ui/select/SelectItem.js

@@ -1,28 +1,28 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { I as a, a as n, b as i } from "../../../index-B_9m43p4.js";
 import { c as r } from "../../../utils-DtaLkIY8.js";
-import { C as o } from "../../../check-Bt2UikoU.js";
-function u({
-  className: e,
-  children: l,
-  ...t
+import { C as c } from "../../../check-Bt2UikoU.js";
+function f({
+  className: l,
+  children: e,
+  ...d
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ t(
     a,
     {
       "data-slot": "select-item",
       className: r(
-        "lsd:focus:bg-lsd-surface lsd:focus:text-lsd-text-primary lsd:[&_svg:not([class*='text-'])]:text-lsd-icon-primary lsd:relative lsd:flex lsd:w-full lsd:cursor-pointer lsd:items-center lsd:gap-2 lsd:py-1.5 lsd:pr-8 lsd:pl-2 lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-[disabled]:pointer-events-none lsd:data-[disabled]:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4 lsd:*:[span]:last:flex lsd:*:[span]:last:items-center lsd:*:[span]:last:gap-2 lsd:hover:underline lsd:focus:underline lsd:data-highlighted:underline",
-        e
+        "lsd:focus:bg-lsd-surface lsd:focus:text-lsd-text-primary lsd:[&_svg:not([class*='text-'])]:text-lsd-icon-primary lsd:relative lsd:flex lsd:w-full lsd:cursor-pointer lsd:items-center lsd:gap-(--lsd-spacing-smaller) lsd:py-(--lsd-spacing-smaller) lsd:pr-8 lsd:pl-(--lsd-spacing-smaller) lsd:text-sm lsd:outline-hidden lsd:select-none lsd:data-disabled:pointer-events-none lsd:data-disabled:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-(--lsd-spacing-base) lsd:*:[span]:last:flex lsd:*:[span]:last:items-center lsd:*:[span]:last:gap-(--lsd-spacing-smaller) lsd:hover:underline lsd:focus:underline lsd:data-highlighted:underline",
+        l
       ),
-      ...t,
+      ...d,
       children: [
-        /* @__PURE__ */ s("span", { className: "lsd:absolute lsd:right-2 lsd:flex lsd:size-3.5 lsd:items-center lsd:justify-center", children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s(o, { className: "lsd:size-4 lsd:text-lsd-icon-primary" }) }) }),
-        /* @__PURE__ */ s(i, { children: l })
+        /* @__PURE__ */ s("span", { className: "lsd:absolute lsd:right-(--lsd-spacing-smaller) lsd:flex lsd:size-(--lsd-spacing-base) lsd:items-center lsd:justify-center", children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s(c, { className: "lsd:size-(--lsd-spacing-base) lsd:text-lsd-icon-primary" }) }) }),
+        /* @__PURE__ */ s(i, { children: e })
       ]
     }
   );
 }
 export {
-  u as SelectItem
+  f as SelectItem
 };