@nipsys/shadcn-lsd 0.2.1 → 0.2.3

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

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as r } from "../../../utils-DtaLkIY8.js";
-import { a } from "../../../types-D94euSAG.js";
-import { S as m } from "../../../index-DSoDGF_j.js";
-function i({ className: t, ...n }) {
+import { f as a } from "../../../types-BSbBWG9A.js";
+import { e } from "../../../index-CUMPAqVa.js";
+function f({ className: t, ...n }) {
   return /* @__PURE__ */ o(
-    m,
+    e,
     {
       "data-slot": "menubar-sub-content",
       className: r(a(), t),
@@ -13,5 +13,5 @@ function i({ className: t, ...n }) {
   );
 }
 export {
-  i as MenubarSubContent
+  f as MenubarSubContent
 };

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

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../../utils-DtaLkIY8.js";
-import { h as i } from "../../../types-D94euSAG.js";
+import { i } from "../../../types-BSbBWG9A.js";
 import { c as m } from "../../../createLucideIcon-CP-mMPfa.js";
-import { f as u } from "../../../index-DSoDGF_j.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);
-function b({
+function f({
   className: s,
   inset: r,
   children: e,
@@ -29,5 +29,5 @@ function b({
   );
 }
 export {
-  b as MenubarSubTrigger
+  f as MenubarSubTrigger
 };

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

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

package/dist/components/ui/sidebar/SidebarContent.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { B as n } from "../../../Button-L-du0fyx.js";
-import { I as c } from "../../../Input-W8QqFI1v.js";
-import { Separator as f } from "../separator/Separator.js";
+import { B as n } from "../../../Button-DoTpV6G1.js";
+import { I as f } from "../../../Input-W8QqFI1v.js";
+import { Separator as c } from "../separator/Separator.js";
 import { c as d } from "../../../utils-DtaLkIY8.js";
-import { u as l } from "../../../SidebarContext-CRh-DPz_.js";
+import { u as t } from "../../../SidebarContext-CRh-DPz_.js";
 import { c as b } from "../../../createLucideIcon-CP-mMPfa.js";
 const p = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
@@ -50,7 +50,7 @@ function y({
   ...e
 }) {
   return /* @__PURE__ */ s(
-    f,
+    c,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -61,7 +61,7 @@ function y({
 }
 function I({ className: a, ...e }) {
   return /* @__PURE__ */ s(
-    c,
+    f,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
@@ -90,30 +90,30 @@ function _({ className: a, ...e }) {
 function T({
   className: a,
   onClick: e,
-  ...t
+  ...l
 }) {
-  const { toggleSidebar: r } = l();
+  const { toggleSidebar: r } = t();
   return /* @__PURE__ */ o(
     n,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
-      variant: "outlined",
-      size: "icon-md",
-      className: d("lsd:size-7", a),
+      variant: "ghost",
+      size: "icon-xs",
+      className: a,
       onClick: (i) => {
         e?.(i), r();
       },
-      ...t,
+      ...l,
       children: [
-        /* @__PURE__ */ s(u, {}),
+        /* @__PURE__ */ s(u, { className: "lsd:size-full" }),
         /* @__PURE__ */ s("span", { className: "lsd:sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function C({ className: a, ...e }) {
-  const { toggleSidebar: t } = l();
+  const { toggleSidebar: l } = t();
   return /* @__PURE__ */ s(
     "button",
     {
@@ -121,7 +121,7 @@ function C({ className: a, ...e }) {
       "data-slot": "sidebar-rail",
       "aria-label": "Toggle Sidebar",
       tabIndex: -1,
-      onClick: t,
+      onClick: l,
       title: "Toggle Sidebar",
       className: d(
         "hover:after:bg-sidebar-border lsd:absolute lsd:inset-y-0 lsd:z-20 lsd:hidden lsd:w-4 lsd:-translate-x-1/2 lsd:transition-all lsd:ease-linear lsd:group-data-[side=left]:-right-4 lsd:group-data-[side=right]:left-0 after:lsd:absolute after:lsd:inset-y-0 after:lsd:left-1/2 after:lsd:w-[2px] lsd:sm:flex",

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { d as i, i as t, r as a, g as e, s as n } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import "../../../../SidebarContext-CRh-DPz_.js";
-import "../../../../Button-L-du0fyx.js";
+import "../../../../Button-DoTpV6G1.js";
 import "../../../../Input-W8QqFI1v.js";
 import "../../separator/Separator.js";
 import { SidebarGroup as l } from "../SidebarGroup.js";

package/dist/components/ui/sidebar/__tests__/sidebar-menu.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { d as l, i as n, r, g as e, s as c } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import "../../../../SidebarContext-CRh-DPz_.js";
-import "../../../../Button-L-du0fyx.js";
+import "../../../../Button-DoTpV6G1.js";
 import "../../../../Input-W8QqFI1v.js";
 import "../../separator/Separator.js";
 import { SidebarMenu as a } from "../SidebarMenu.js";

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

@@ -99,7 +99,7 @@ l("SidebarTrigger", () => {
     const { container: s } = r(
       /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(I, {}) })
     ), n = o(s, "sidebar-trigger");
-    t(n).toHaveClass("lsd:size-7");
+    t(n).toHaveClass("lsd:w-6"), t(n).toHaveClass("lsd:h-6");
   }), a("renders PanelLeftIcon", () => {
     r(
       /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(I, {}) })

package/dist/components/ui/tabs/Tabs.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { R as m } from "../../../index-C8zhdkSa.js";
 import { c as i } from "../../../utils-DtaLkIY8.js";
-import { t as f } from "../../../types-B0wccExf.js";
+import { t as f } from "../../../types-ClTXXuXM.js";
 function e({ className: t, size: o, fullWidth: a, ...r }) {
   return /* @__PURE__ */ s(
     m,

package/dist/components/ui/tabs/TabsList.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { L as i } from "../../../index-C8zhdkSa.js";
 import { c as m } from "../../../utils-DtaLkIY8.js";
-import { a as f } from "../../../types-B0wccExf.js";
+import { a as f } from "../../../types-ClTXXuXM.js";
 function b({ className: t, size: s, fullWidth: a, ...r }) {
   return /* @__PURE__ */ o(
     i,

package/dist/components/ui/tabs/TabsTrigger.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { T as i } from "../../../index-C8zhdkSa.js";
 import { c as m } from "../../../utils-DtaLkIY8.js";
-import { b as g } from "../../../types-B0wccExf.js";
+import { b as g } from "../../../types-ClTXXuXM.js";
 function T({
   className: r,
   size: t,

package/dist/components/ui/tabs/__tests__/tabs-list.test.js

@@ -1,18 +1,18 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { d as c, i, r as d, g as l } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { d as o, i, r as d, g as l } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Tabs as r } from "../Tabs.js";
-import { TabsContent as o } from "../TabsContent.js";
-import { TabsList as n } from "../TabsList.js";
+import { TabsContent as n } from "../TabsContent.js";
+import { TabsList as c } from "../TabsList.js";
 import { TabsTrigger as s } from "../TabsTrigger.js";
-c("TabsList", () => {
+o("TabsList", () => {
   i("renders without crashing", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ a(n, { children: [
+        /* @__PURE__ */ a(c, { children: [
           /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }),
           /* @__PURE__ */ t(s, { value: "tab-2", children: "Tab 2" })
         ] }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     ), l(
       document.querySelector('[data-slot="tabs-list"]')
@@ -20,8 +20,8 @@ c("TabsList", () => {
   }), i("applies data-slot attribute", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -29,17 +29,17 @@ c("TabsList", () => {
   }), i("applies base classes correctly", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
-    l(e).toHaveClass("lsd:bg-lsd-surface"), l(e).toHaveClass("lsd:border-b"), l(e).toHaveClass("lsd:border-lsd-border"), l(e).toHaveClass("lsd:flex"), l(e).toHaveClass("lsd:flex-row");
+    l(e).toHaveClass("lsd:bg-lsd-surface"), l(e).toHaveClass("lsd:border-b"), l(e).toHaveClass("lsd:flex"), l(e).toHaveClass("lsd:flex-row");
   }), i("applies default size classes (lg)", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -47,8 +47,8 @@ c("TabsList", () => {
   }), i('applies small size classes when size="sm"', () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { size: "sm", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { size: "sm", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -56,8 +56,8 @@ c("TabsList", () => {
   }), i('applies medium size classes when size="md"', () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { size: "md", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { size: "md", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -65,8 +65,8 @@ c("TabsList", () => {
   }), i("applies default fullWidth classes (false)", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -74,8 +74,8 @@ c("TabsList", () => {
   }), i("applies fullWidth classes when fullWidth={true}", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { fullWidth: !0, children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { fullWidth: !0, children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -83,8 +83,8 @@ c("TabsList", () => {
   }), i("merges custom className with component classes", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { className: "custom-list-class", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { className: "custom-list-class", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');
@@ -92,8 +92,8 @@ c("TabsList", () => {
   }), i("passes through additional props", () => {
     d(
       /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
-        /* @__PURE__ */ t(n, { "data-testid": "test-list", id: "list-1", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ t(o, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ t(c, { "data-testid": "test-list", id: "list-1", children: /* @__PURE__ */ t(s, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(n, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs-list"]');

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

@@ -45,9 +45,7 @@ b("TabsTrigger", () => {
       ] })
     );
     const e = c.getByRole("tab", { name: "Tab 1" });
-    a(e).toHaveAttribute("data-state", "active"), a(e).toHaveClass(
-      "lsd:data-[state=active]:border-lsd-text-primary"
-    ), a(e).toHaveClass("lsd:data-[state=active]:bg-lsd-surface"), a(e).toHaveClass("lsd:data-[state=active]:font-medium");
+    a(e).toHaveAttribute("data-state", "active"), a(e).toHaveClass("lsd:data-[state=active]:border-lsd-border"), a(e).toHaveClass("lsd:data-[state=active]:bg-lsd-surface"), a(e).toHaveClass("lsd:data-[state=active]:font-medium");
   }), d("applies default size classes (lg)", () => {
     i(
       /* @__PURE__ */ l(n, { defaultValue: "tab-1", children: [

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

@@ -1,10 +1,10 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { d as C, i as s, r as b, g as t, s as f } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
 import { Tabs as h } from "../Tabs.js";
-import { TabsContent as n } from "../TabsContent.js";
+import { TabsContent as o } from "../TabsContent.js";
 import { TabsList as m } from "../TabsList.js";
 import { TabsTrigger as l } from "../TabsTrigger.js";
-import { t as d, a as c, b as u } from "../../../../types-B0wccExf.js";
+import { t as d, a as c, b as u } from "../../../../types-ClTXXuXM.js";
 C("Tabs", () => {
   s("renders without crashing", () => {
     b(
@@ -13,15 +13,15 @@ C("Tabs", () => {
           /* @__PURE__ */ a(l, { value: "tab-1", children: "Tab 1" }),
           /* @__PURE__ */ a(l, { value: "tab-2", children: "Tab 2" })
         ] }),
-        /* @__PURE__ */ a(n, { value: "tab-1", children: "Content 1" }),
-        /* @__PURE__ */ a(n, { value: "tab-2", children: "Content 2" })
+        /* @__PURE__ */ a(o, { value: "tab-1", children: "Content 1" }),
+        /* @__PURE__ */ a(o, { value: "tab-2", children: "Content 2" })
       ] })
     ), t(document.querySelector('[data-slot="tabs"]')).toBeInTheDocument();
   }), s("applies data-slot attribute", () => {
     b(
       /* @__PURE__ */ i(h, { defaultValue: "tab-1", children: [
         /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(l, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ a(n, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ a(o, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs"]');
@@ -30,7 +30,7 @@ C("Tabs", () => {
     b(
       /* @__PURE__ */ i(h, { defaultValue: "tab-1", "data-testid": "test-tabs", id: "tabs-1", children: [
         /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(l, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ a(n, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ a(o, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs"]');
@@ -39,7 +39,7 @@ C("Tabs", () => {
     b(
       /* @__PURE__ */ i(h, { defaultValue: "tab-1", className: "custom-tabs-class", children: [
         /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(l, { value: "tab-1", children: "Tab 1" }) }),
-        /* @__PURE__ */ a(n, { value: "tab-1", children: "Content 1" })
+        /* @__PURE__ */ a(o, { value: "tab-1", children: "Content 1" })
       ] })
     );
     const e = document.querySelector('[data-slot="tabs"]');
@@ -52,9 +52,9 @@ C("Tabs", () => {
           /* @__PURE__ */ a(l, { value: "tab-2", children: "Tab 2" }),
           /* @__PURE__ */ a(l, { value: "tab-3", children: "Tab 3" })
         ] }),
-        /* @__PURE__ */ a(n, { value: "tab-1", children: "Content 1" }),
-        /* @__PURE__ */ a(n, { value: "tab-2", children: "Content 2" }),
-        /* @__PURE__ */ a(n, { value: "tab-3", children: "Content 3" })
+        /* @__PURE__ */ a(o, { value: "tab-1", children: "Content 1" }),
+        /* @__PURE__ */ a(o, { value: "tab-2", children: "Content 2" }),
+        /* @__PURE__ */ a(o, { value: "tab-3", children: "Content 3" })
       ] })
     ), t(document.querySelector('[data-slot="tabs"]')).toBeInTheDocument(), t(
       document.querySelector('[data-slot="tabs-list"]')
@@ -68,23 +68,23 @@ C("tabsVariants", () => {
     const e = d();
     t(e).toBe("");
   }), s("returns correct classes for size variants", () => {
-    const e = d({ size: "sm" }), o = d({ size: "md" }), r = d({ size: "lg" });
-    t(e).toBe(""), t(o).toBe(""), t(r).toBe("");
+    const e = d({ size: "sm" }), n = d({ size: "md" }), r = d({ size: "lg" });
+    t(e).toBe(""), t(n).toBe(""), t(r).toBe("");
   }), s("returns correct classes for fullWidth variants", () => {
-    const e = d({ fullWidth: !0 }), o = d({ fullWidth: !1 });
-    t(e).toBe(""), t(o).toBe("");
+    const e = d({ fullWidth: !0 }), n = d({ fullWidth: !1 });
+    t(e).toBe(""), t(n).toBe("");
   });
 });
 C("tabsListVariants", () => {
   s("returns correct classes for default variants", () => {
     const e = c();
-    t(e).toContain("lsd:bg-lsd-surface"), t(e).toContain("lsd:border-b"), t(e).toContain("lsd:border-lsd-border"), t(e).toContain("lsd:flex"), t(e).toContain("lsd:flex-row"), t(e).toContain("lsd:h-12"), t(e).toContain("lsd:w-fit");
+    t(e).toContain("lsd:bg-lsd-surface"), t(e).toContain("lsd:border-b"), t(e).toContain("lsd:flex"), t(e).toContain("lsd:flex-row"), t(e).toContain("lsd:h-12"), t(e).toContain("lsd:w-fit");
   }), s("returns correct classes for size variants", () => {
-    const e = c({ size: "sm" }), o = c({ size: "md" }), r = c({ size: "lg" });
-    t(e).toContain("lsd:h-8"), t(o).toContain("lsd:h-10"), t(r).toContain("lsd:h-12");
+    const e = c({ size: "sm" }), n = c({ size: "md" }), r = c({ size: "lg" });
+    t(e).toContain("lsd:h-8"), t(n).toContain("lsd:h-10"), t(r).toContain("lsd:h-12");
   }), s("returns correct classes for fullWidth variants", () => {
-    const e = c({ fullWidth: !0 }), o = c({ fullWidth: !1 });
-    t(e).toContain("lsd:w-full"), t(o).toContain("lsd:w-fit");
+    const e = c({ fullWidth: !0 }), n = c({ fullWidth: !1 });
+    t(e).toContain("lsd:w-full"), t(n).toContain("lsd:w-fit");
   });
 });
 C("tabsTriggerVariants", () => {
@@ -92,10 +92,10 @@ C("tabsTriggerVariants", () => {
     const e = u();
     t(e).toContain("lsd:text-lsd-text"), t(e).toContain("lsd:border"), t(e).toContain("lsd:border-transparent"), t(e).toContain("lsd:border-b-0"), t(e).toContain("lsd:flex"), t(e).toContain("lsd:items-center"), t(e).toContain("lsd:justify-center"), t(e).toContain("lsd:px-5"), t(e).toContain("lsd:py-2.5"), t(e).toContain("lsd:text-lg");
   }), s("returns correct classes for size variants", () => {
-    const e = u({ size: "sm" }), o = u({ size: "md" }), r = u({ size: "lg" });
-    t(e).toContain("lsd:px-3"), t(e).toContain("lsd:py-1.5"), t(e).toContain("lsd:text-sm"), t(o).toContain("lsd:px-4"), t(o).toContain("lsd:py-2"), t(o).toContain("lsd:text-base"), t(r).toContain("lsd:px-5"), t(r).toContain("lsd:py-2.5"), t(r).toContain("lsd:text-lg");
+    const e = u({ size: "sm" }), n = u({ size: "md" }), r = u({ size: "lg" });
+    t(e).toContain("lsd:px-3"), t(e).toContain("lsd:py-1.5"), t(e).toContain("lsd:text-sm"), t(n).toContain("lsd:px-4"), t(n).toContain("lsd:py-2"), t(n).toContain("lsd:text-base"), t(r).toContain("lsd:px-5"), t(r).toContain("lsd:py-2.5"), t(r).toContain("lsd:text-lg");
   }), s("returns correct classes for fullWidth variants", () => {
-    const e = u({ fullWidth: !0 }), o = u({ fullWidth: !1 });
-    t(e).toContain("lsd:flex-1"), t(o).not.toContain("lsd:flex-1");
+    const e = u({ fullWidth: !0 }), n = u({ fullWidth: !1 });
+    t(e).toContain("lsd:flex-1"), t(n).not.toContain("lsd:flex-1");
   });
 });

package/dist/components/ui/typography/Typography.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../utils-DtaLkIY8.js";
-import { T as i } from "../../../Typography-D8OaaVSH.js";
+import { T as i } from "../../../Typography-BW4Kc9SY.js";
 export {
   i as Typography
 };

package/dist/components/ui/typography/types.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export type TypographyVariant = 'display1' | 'display2' | 'display3' | 'display4' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'subtitle3' | 'subtitle4' | 'body1' | 'body2' | 'body3' | 'label1' | 'label2';
 export declare const typographyVariants: (props?: ({
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display1" | "display2" | "display3" | "display4" | "subtitle1" | "subtitle2" | "subtitle3" | "subtitle4" | "body1" | "body2" | "body3" | "label1" | "label2" | null | undefined;
-    color?: "secondary" | "primary" | null | undefined;
+    color?: "destructive" | "success" | "warning" | "info" | "secondary" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TypographyVariants = VariantProps<typeof typographyVariants>;
 export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'>, TypographyVariants {