@nipsys/shadcn-lsd 0.2.2 → 0.2.4

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

@@ -1,224 +1,260 @@
-import { jsx as l } from "react/jsx-runtime";
-import { d as c, i as e, r as n, g as t, s as i, v as r, f as u } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { b as o, B as a } from "../../../Button-L-du0fyx.js";
+import { jsx as n } from "react/jsx-runtime";
+import { d as c, i as o, r as l, g as t, s as i, v as r, f as u } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { b as e, B as a } from "../../../Button-DoTpV6G1.js";
 c("Button", () => {
-  e("renders without crashing", () => {
-    n(/* @__PURE__ */ l(a, { children: "Click me" })), t(i.getByRole("button")).toBeInTheDocument();
-  }), e("renders children correctly", () => {
-    n(/* @__PURE__ */ l(a, { children: "Test Button" })), t(i.getByRole("button")).toHaveTextContent("Test Button");
-  }), e("applies filled variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "filled", children: "Filled" }));
+  o("renders without crashing", () => {
+    l(/* @__PURE__ */ n(a, { children: "Click me" })), t(i.getByRole("button")).toBeInTheDocument();
+  }), o("renders children correctly", () => {
+    l(/* @__PURE__ */ n(a, { children: "Test Button" })), t(i.getByRole("button")).toHaveTextContent("Test Button");
+  }), o("applies filled variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "filled", children: "Filled" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-primary"), t(s).toHaveClass("lsd:text-primary-foreground");
-  }), e("applies outlined variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "outlined", children: "Outlined" }));
+  }), o("applies outlined variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "outlined", children: "Outlined" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-transparent"), t(s).toHaveClass("lsd:text-foreground");
-  }), e("applies filled-icon variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "filled-icon", children: "Icon" }));
+  }), o("applies filled-icon variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "filled-icon", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-primary"), t(s).toHaveClass("lsd:rounded-full");
-  }), e("applies outlined-icon variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "outlined-icon", children: "Icon" }));
+  }), o("applies outlined-icon variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "outlined-icon", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-transparent"), t(s).toHaveClass("lsd:rounded-full");
-  }), e("applies link variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "link", children: "Link" }));
+  }), o("applies link variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "link", children: "Link" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-transparent"), t(s).toHaveClass("lsd:text-foreground"), t(s).toHaveClass("lsd:border-0"), t(s).toHaveClass("lsd:hover:underline");
-  }), e("applies destructive variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "destructive", children: "Delete" }));
+  }), o("applies ghost variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "ghost", children: "Ghost" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("lsd:bg-transparent"), t(s).toHaveClass("lsd:text-foreground"), t(s).toHaveClass("lsd:border-0"), t(s).toHaveClass("lsd:hover:bg-accent"), t(s).toHaveClass("lsd:hover:text-accent-foreground");
+  }), o("applies ghost-icon variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "ghost-icon", children: "Icon" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("lsd:bg-transparent"), t(s).toHaveClass("lsd:text-foreground"), t(s).toHaveClass("lsd:border-0"), t(s).toHaveClass("lsd:rounded-full"), t(s).toHaveClass("lsd:hover:bg-accent"), t(s).toHaveClass("lsd:hover:text-accent-foreground");
+  }), o("applies destructive variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "destructive", children: "Delete" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-lsd-destructive"), t(s).toHaveClass("lsd:text-white"), t(s).toHaveClass("lsd:border-lsd-destructive"), t(s).toHaveClass("lsd:hover:bg-lsd-destructive/90");
-  }), e("applies destructive-icon variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "destructive-icon", children: "Delete" }));
+  }), o("applies destructive-icon variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "destructive-icon", children: "Delete" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-lsd-destructive"), t(s).toHaveClass("lsd:text-white"), t(s).toHaveClass("lsd:border-lsd-destructive"), t(s).toHaveClass("lsd:rounded-full"), t(s).toHaveClass("lsd:hover:bg-lsd-destructive/90");
-  }), e("applies success variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "success", children: "Save" }));
+  }), o("applies success variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "success", children: "Save" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-lsd-success"), t(s).toHaveClass("lsd:text-white"), t(s).toHaveClass("lsd:border-lsd-success"), t(s).toHaveClass("lsd:hover:bg-lsd-success/90");
-  }), e("applies success-icon variant classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { variant: "success-icon", children: "Save" }));
+  }), o("applies success-icon variant classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { variant: "success-icon", children: "Save" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-lsd-success"), t(s).toHaveClass("lsd:text-white"), t(s).toHaveClass("lsd:border-lsd-success"), t(s).toHaveClass("lsd:rounded-full"), t(s).toHaveClass("lsd:hover:bg-lsd-success/90");
-  }), e("applies medium size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "md", children: "Medium" }));
+  }), o("applies medium size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "md", children: "Medium" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:h-[34px]"), t(s).toHaveClass("lsd:px-6"), t(s).toHaveClass("lsd:py-2"), t(s).toHaveClass("lsd:text-base");
-  }), e("applies small size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "sm", children: "Small" }));
+  }), o("applies small size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "sm", children: "Small" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:h-8"), t(s).toHaveClass("lsd:px-3"), t(s).toHaveClass("lsd:py-[6px]"), t(s).toHaveClass("lsd:text-sm");
-  }), e("applies large size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "lg", children: "Large" }));
+  }), o("applies large size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "lg", children: "Large" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:h-12"), t(s).toHaveClass("lsd:px-8"), t(s).toHaveClass("lsd:py-[10px]"), t(s).toHaveClass("lsd:text-lg");
-  }), e("applies icon-md size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "icon-md", children: "Icon" }));
+  }), o("applies icon-md size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "icon-md", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:w-10"), t(s).toHaveClass("lsd:h-10");
-  }), e("applies icon-sm size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "icon-sm", children: "Icon" }));
+  }), o("applies icon-sm size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "icon-sm", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:w-8"), t(s).toHaveClass("lsd:h-8");
-  }), e("applies icon-lg size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "icon-lg", children: "Icon" }));
+  }), o("applies icon-xs size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "icon-xs", children: "Icon" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("lsd:w-6"), t(s).toHaveClass("lsd:h-6");
+  }), o("applies icon-lg size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "icon-lg", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:w-12"), t(s).toHaveClass("lsd:h-12");
-  }), e("applies icon-xl size classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { size: "icon-xl", children: "Icon" }));
+  }), o("applies icon-xl size classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { size: "icon-xl", children: "Icon" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:w-16"), t(s).toHaveClass("lsd:h-16");
-  }), e("uses default variant when not specified", () => {
-    n(/* @__PURE__ */ l(a, { children: "Default" }));
+  }), o("uses default variant when not specified", () => {
+    l(/* @__PURE__ */ n(a, { children: "Default" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:bg-primary");
-  }), e("uses default size when not specified", () => {
-    n(/* @__PURE__ */ l(a, { children: "Default" }));
+  }), o("uses default size when not specified", () => {
+    l(/* @__PURE__ */ n(a, { children: "Default" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:h-[34px]");
-  }), e("handles click events", () => {
+  }), o("handles click events", () => {
     const s = r.fn();
-    n(/* @__PURE__ */ l(a, { onClick: s, children: "Click me" })), u.click(i.getByRole("button")), t(s).toHaveBeenCalledTimes(1);
-  }), e("forwards ref to underlying button element", () => {
+    l(/* @__PURE__ */ n(a, { onClick: s, children: "Click me" })), u.click(i.getByRole("button")), t(s).toHaveBeenCalledTimes(1);
+  }), o("forwards ref to underlying button element", () => {
     const s = r.fn();
-    n(/* @__PURE__ */ l(a, { ref: s, children: "Ref Test" })), t(s).toHaveBeenCalled(), t(s.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
-  }), e("applies disabled state correctly", () => {
-    n(/* @__PURE__ */ l(a, { disabled: !0, children: "Disabled" }));
+    l(/* @__PURE__ */ n(a, { ref: s, children: "Ref Test" })), t(s).toHaveBeenCalled(), t(s.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
+  }), o("applies disabled state correctly", () => {
+    l(/* @__PURE__ */ n(a, { disabled: !0, children: "Disabled" }));
     const s = i.getByRole("button");
     t(s).toBeDisabled(), t(s).toHaveClass("lsd:disabled:opacity-34"), t(s).toHaveClass("lsd:disabled:cursor-not-allowed");
-  }), e("merges custom className with component classes", () => {
-    n(/* @__PURE__ */ l(a, { className: "custom-class", children: "Custom" }));
+  }), o("merges custom className with component classes", () => {
+    l(/* @__PURE__ */ n(a, { className: "custom-class", children: "Custom" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("custom-class");
-  }), e("applies base classes correctly", () => {
-    n(/* @__PURE__ */ l(a, { children: "Base" }));
+  }), o("applies base classes correctly", () => {
+    l(/* @__PURE__ */ n(a, { children: "Base" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:inline-flex"), t(s).toHaveClass("lsd:items-center"), t(s).toHaveClass("lsd:justify-center"), t(s).toHaveClass("lsd:border"), t(s).toHaveClass("lsd:transition-colors"), t(s).toHaveClass("lsd:cursor-pointer"), t(s).toHaveClass("lsd:text-primary-foreground"), t(s).toHaveClass("lsd:hover:underline");
-  }), e("passes through additional props", () => {
-    n(
-      /* @__PURE__ */ l(a, { "data-testid": "test-button", "aria-label": "Test", children: "Button" })
+  }), o("passes through additional props", () => {
+    l(
+      /* @__PURE__ */ n(a, { "data-testid": "test-button", "aria-label": "Test", children: "Button" })
     );
     const s = i.getByRole("button");
     t(s).toHaveAttribute("data-testid", "test-button"), t(s).toHaveAttribute("aria-label", "Test");
-  }), e("shows loading spinner when loading prop is true", () => {
-    n(/* @__PURE__ */ l(a, { loading: !0, children: "Loading" }));
+  }), o("shows loading spinner when loading prop is true", () => {
+    l(/* @__PURE__ */ n(a, { loading: !0, children: "Loading" }));
     const s = i.getByRole("button");
     t(s).toBeDisabled(), t(s.querySelector("svg")).toBeInTheDocument();
-  }), e("dims content when loading", () => {
-    n(/* @__PURE__ */ l(a, { loading: !0, children: "Click me" }));
+  }), o("dims content when loading", () => {
+    l(/* @__PURE__ */ n(a, { loading: !0, children: "Click me" }));
     const d = i.getByRole("button").querySelector("span.lsd\\:opacity-50");
     t(d).toHaveTextContent("Click me");
-  }), e("does not show spinner when loading prop is false", () => {
-    n(/* @__PURE__ */ l(a, { loading: !1, children: "Click me" }));
+  }), o("does not show spinner when loading prop is false", () => {
+    l(/* @__PURE__ */ n(a, { loading: !1, children: "Click me" }));
     const s = i.getByRole("button");
     t(s).not.toBeDisabled(), t(s.querySelector("svg")).not.toBeInTheDocument();
-  }), e("applies fullWidth class when fullWidth prop is true", () => {
-    n(/* @__PURE__ */ l(a, { fullWidth: !0, children: "Full Width" }));
+  }), o("applies fullWidth class when fullWidth prop is true", () => {
+    l(/* @__PURE__ */ n(a, { fullWidth: !0, children: "Full Width" }));
     const s = i.getByRole("button");
     t(s).toHaveClass("lsd:w-full");
-  }), e("does not apply fullWidth class when fullWidth prop is false", () => {
-    n(/* @__PURE__ */ l(a, { fullWidth: !1, children: "Normal Width" }));
+  }), o("does not apply fullWidth class when fullWidth prop is false", () => {
+    l(/* @__PURE__ */ n(a, { fullWidth: !1, children: "Normal Width" }));
     const s = i.getByRole("button");
     t(s).not.toHaveClass("lsd:w-full");
-  }), e("disables button when loading is true even if disabled prop is false", () => {
-    n(
-      /* @__PURE__ */ l(a, { loading: !0, disabled: !1, children: "Loading" })
+  }), o("disables button when loading is true even if disabled prop is false", () => {
+    l(
+      /* @__PURE__ */ n(a, { loading: !0, disabled: !1, children: "Loading" })
     );
     const s = i.getByRole("button");
     t(s).toBeDisabled();
-  }), e("keeps button disabled when both loading and disabled are true", () => {
-    n(
-      /* @__PURE__ */ l(a, { loading: !0, disabled: !0, children: "Loading" })
+  }), o("keeps button disabled when both loading and disabled are true", () => {
+    l(
+      /* @__PURE__ */ n(a, { loading: !0, disabled: !0, children: "Loading" })
     );
     const s = i.getByRole("button");
     t(s).toBeDisabled();
   });
 });
 c("buttonVariants", () => {
-  e("returns correct classes for filled variant", () => {
-    t(o({ variant: "filled" })).toContain("lsd:bg-primary"), t(o({ variant: "filled" })).toContain(
+  o("returns correct classes for filled variant", () => {
+    t(e({ variant: "filled" })).toContain("lsd:bg-primary"), t(e({ variant: "filled" })).toContain(
       "lsd:text-primary-foreground"
     );
-  }), e("returns correct classes for outlined variant", () => {
-    t(o({ variant: "outlined" })).toContain(
+  }), o("returns correct classes for outlined variant", () => {
+    t(e({ variant: "outlined" })).toContain(
       "lsd:bg-transparent"
-    ), t(o({ variant: "outlined" })).toContain(
+    ), t(e({ variant: "outlined" })).toContain(
       "lsd:text-foreground"
     );
-  }), e("returns correct classes for filled-icon variant", () => {
-    t(o({ variant: "filled-icon" })).toContain(
+  }), o("returns correct classes for filled-icon variant", () => {
+    t(e({ variant: "filled-icon" })).toContain(
       "lsd:bg-primary"
-    ), t(o({ variant: "filled-icon" })).toContain(
+    ), t(e({ variant: "filled-icon" })).toContain(
       "lsd:rounded-full"
     );
-  }), e("returns correct classes for outlined-icon variant", () => {
-    t(o({ variant: "outlined-icon" })).toContain(
+  }), o("returns correct classes for outlined-icon variant", () => {
+    t(e({ variant: "outlined-icon" })).toContain(
       "lsd:bg-transparent"
-    ), t(o({ variant: "outlined-icon" })).toContain(
+    ), t(e({ variant: "outlined-icon" })).toContain(
       "lsd:rounded-full"
     );
-  }), e("returns correct classes for link variant", () => {
-    t(o({ variant: "link" })).toContain("lsd:bg-transparent"), t(o({ variant: "link" })).toContain(
+  }), o("returns correct classes for link variant", () => {
+    t(e({ variant: "link" })).toContain("lsd:bg-transparent"), t(e({ variant: "link" })).toContain(
       "lsd:text-foreground"
-    ), t(o({ variant: "link" })).toContain("lsd:border-0"), t(o({ variant: "link" })).toContain(
+    ), t(e({ variant: "link" })).toContain("lsd:border-0"), t(e({ variant: "link" })).toContain(
       "lsd:hover:underline"
     );
-  }), e("returns correct classes for destructive variant", () => {
-    t(o({ variant: "destructive" })).toContain(
+  }), o("returns correct classes for ghost variant", () => {
+    t(e({ variant: "ghost" })).toContain(
+      "lsd:bg-transparent"
+    ), t(e({ variant: "ghost" })).toContain(
+      "lsd:text-foreground"
+    ), t(e({ variant: "ghost" })).toContain("lsd:border-0"), t(e({ variant: "ghost" })).toContain(
+      "lsd:hover:bg-accent"
+    ), t(e({ variant: "ghost" })).toContain(
+      "lsd:hover:text-accent-foreground"
+    );
+  }), o("returns correct classes for ghost-icon variant", () => {
+    t(e({ variant: "ghost-icon" })).toContain(
+      "lsd:bg-transparent"
+    ), t(e({ variant: "ghost-icon" })).toContain(
+      "lsd:text-foreground"
+    ), t(e({ variant: "ghost-icon" })).toContain("lsd:border-0"), t(e({ variant: "ghost-icon" })).toContain(
+      "lsd:rounded-full"
+    ), t(e({ variant: "ghost-icon" })).toContain(
+      "lsd:hover:bg-accent"
+    ), t(e({ variant: "ghost-icon" })).toContain(
+      "lsd:hover:text-accent-foreground"
+    );
+  }), o("returns correct classes for destructive variant", () => {
+    t(e({ variant: "destructive" })).toContain(
       "lsd:bg-lsd-destructive"
-    ), t(o({ variant: "destructive" })).toContain(
+    ), t(e({ variant: "destructive" })).toContain(
       "lsd:text-white"
-    ), t(o({ variant: "destructive" })).toContain(
+    ), t(e({ variant: "destructive" })).toContain(
       "lsd:hover:bg-lsd-destructive/90"
     );
-  }), e("returns correct classes for destructive-icon variant", () => {
-    t(o({ variant: "destructive-icon" })).toContain(
+  }), o("returns correct classes for destructive-icon variant", () => {
+    t(e({ variant: "destructive-icon" })).toContain(
       "lsd:bg-lsd-destructive"
-    ), t(o({ variant: "destructive-icon" })).toContain(
+    ), t(e({ variant: "destructive-icon" })).toContain(
       "lsd:text-white"
-    ), t(o({ variant: "destructive-icon" })).toContain(
+    ), t(e({ variant: "destructive-icon" })).toContain(
       "lsd:rounded-full"
-    ), t(o({ variant: "destructive-icon" })).toContain(
+    ), t(e({ variant: "destructive-icon" })).toContain(
       "lsd:hover:bg-lsd-destructive/90"
     );
-  }), e("returns correct classes for success variant", () => {
-    t(o({ variant: "success" })).toContain(
+  }), o("returns correct classes for success variant", () => {
+    t(e({ variant: "success" })).toContain(
       "lsd:bg-lsd-success"
-    ), t(o({ variant: "success" })).toContain("lsd:text-white"), t(o({ variant: "success" })).toContain(
+    ), t(e({ variant: "success" })).toContain("lsd:text-white"), t(e({ variant: "success" })).toContain(
       "lsd:hover:bg-lsd-success/90"
     );
-  }), e("returns correct classes for success-icon variant", () => {
-    t(o({ variant: "success-icon" })).toContain(
+  }), o("returns correct classes for success-icon variant", () => {
+    t(e({ variant: "success-icon" })).toContain(
       "lsd:bg-lsd-success"
-    ), t(o({ variant: "success-icon" })).toContain(
+    ), t(e({ variant: "success-icon" })).toContain(
       "lsd:text-white"
-    ), t(o({ variant: "success-icon" })).toContain(
+    ), t(e({ variant: "success-icon" })).toContain(
       "lsd:rounded-full"
-    ), t(o({ variant: "success-icon" })).toContain(
+    ), t(e({ variant: "success-icon" })).toContain(
       "lsd:hover:bg-lsd-success/90"
     );
-  }), e("returns correct classes for medium size", () => {
-    t(o({ size: "md" })).toContain("lsd:h-[34px]"), t(o({ size: "md" })).toContain("lsd:px-6"), t(o({ size: "md" })).toContain("lsd:py-2"), t(o({ size: "md" })).toContain("lsd:text-base");
-  }), e("returns correct classes for small size", () => {
-    t(o({ size: "sm" })).toContain("lsd:h-8"), t(o({ size: "sm" })).toContain("lsd:px-3"), t(o({ size: "sm" })).toContain("lsd:py-[6px]"), t(o({ size: "sm" })).toContain("lsd:text-sm");
-  }), e("returns correct classes for large size", () => {
-    t(o({ size: "lg" })).toContain("lsd:h-12"), t(o({ size: "lg" })).toContain("lsd:px-8"), t(o({ size: "lg" })).toContain("lsd:py-[10px]"), t(o({ size: "lg" })).toContain("lsd:text-lg");
-  }), e("returns correct classes for icon-md size", () => {
-    t(o({ size: "icon-md" })).toContain("lsd:w-10"), t(o({ size: "icon-md" })).toContain("lsd:h-10");
-  }), e("returns correct classes for icon-sm size", () => {
-    t(o({ size: "icon-sm" })).toContain("lsd:w-8"), t(o({ size: "icon-sm" })).toContain("lsd:h-8");
-  }), e("returns correct classes for icon-lg size", () => {
-    t(o({ size: "icon-lg" })).toContain("lsd:w-12"), t(o({ size: "icon-lg" })).toContain("lsd:h-12");
-  }), e("returns correct classes for icon-xl size", () => {
-    t(o({ size: "icon-xl" })).toContain("lsd:w-16"), t(o({ size: "icon-xl" })).toContain("lsd:h-16");
-  }), e("uses default variant when not specified", () => {
-    t(o({})).toContain("lsd:bg-primary");
-  }), e("uses default size when not specified", () => {
-    t(o({})).toContain("lsd:h-[34px]");
-  }), e("combines variant and size correctly", () => {
-    const s = o({ variant: "outlined", size: "lg" });
+  }), o("returns correct classes for medium size", () => {
+    t(e({ size: "md" })).toContain("lsd:h-[34px]"), t(e({ size: "md" })).toContain("lsd:px-6"), t(e({ size: "md" })).toContain("lsd:py-2"), t(e({ size: "md" })).toContain("lsd:text-base");
+  }), o("returns correct classes for small size", () => {
+    t(e({ size: "sm" })).toContain("lsd:h-8"), t(e({ size: "sm" })).toContain("lsd:px-3"), t(e({ size: "sm" })).toContain("lsd:py-[6px]"), t(e({ size: "sm" })).toContain("lsd:text-sm");
+  }), o("returns correct classes for large size", () => {
+    t(e({ size: "lg" })).toContain("lsd:h-12"), t(e({ size: "lg" })).toContain("lsd:px-8"), t(e({ size: "lg" })).toContain("lsd:py-[10px]"), t(e({ size: "lg" })).toContain("lsd:text-lg");
+  }), o("returns correct classes for icon-md size", () => {
+    t(e({ size: "icon-md" })).toContain("lsd:w-10"), t(e({ size: "icon-md" })).toContain("lsd:h-10");
+  }), o("returns correct classes for icon-sm size", () => {
+    t(e({ size: "icon-sm" })).toContain("lsd:w-8"), t(e({ size: "icon-sm" })).toContain("lsd:h-8");
+  }), o("returns correct classes for icon-xs size", () => {
+    t(e({ size: "icon-xs" })).toContain("lsd:w-6"), t(e({ size: "icon-xs" })).toContain("lsd:h-6");
+  }), o("returns correct classes for icon-lg size", () => {
+    t(e({ size: "icon-lg" })).toContain("lsd:w-12"), t(e({ size: "icon-lg" })).toContain("lsd:h-12");
+  }), o("returns correct classes for icon-xl size", () => {
+    t(e({ size: "icon-xl" })).toContain("lsd:w-16"), t(e({ size: "icon-xl" })).toContain("lsd:h-16");
+  }), o("uses default variant when not specified", () => {
+    t(e({})).toContain("lsd:bg-primary");
+  }), o("uses default size when not specified", () => {
+    t(e({})).toContain("lsd:h-[34px]");
+  }), o("combines variant and size correctly", () => {
+    const s = e({ variant: "outlined", size: "lg" });
     t(s).toContain("lsd:bg-transparent"), t(s).toContain("lsd:h-12");
   });
 });

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import { IconSize, SizeVariant } from '../../../lib/types';
-export type ButtonVariant = 'filled' | 'outlined' | 'filled-icon' | 'outlined-icon' | 'link' | 'destructive' | 'destructive-icon' | 'success' | 'success-icon';
+export type ButtonVariant = 'filled' | 'outlined' | 'filled-icon' | 'outlined-icon' | 'link' | 'ghost' | 'ghost-icon' | 'destructive' | 'destructive-icon' | 'success' | 'success-icon';
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "outlined" | "filled" | "filled-icon" | "outlined-icon" | "destructive" | "destructive-icon" | "success" | "success-icon" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
+    variant?: "link" | "outlined" | "filled" | "filled-icon" | "outlined-icon" | "ghost" | "ghost-icon" | "destructive" | "destructive-icon" | "success" | "success-icon" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants> & {
     variant?: ButtonVariant;

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,