@nipsys/shadcn-lsd 0.1.0

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

@@ -0,0 +1,144 @@
+import { jsx as d } from "react/jsx-runtime";
+import { d as c, i as s, r as l, g as t, s as a, v as r, f as g } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { b as i, B as o } from "../../../Badge-DgWf6s7v.js";
+c("Badge", () => {
+  s("renders without crashing", () => {
+    l(/* @__PURE__ */ d(o, { children: "Badge" })), t(a.getByText("Badge")).toBeInTheDocument();
+  }), s("renders children correctly", () => {
+    l(/* @__PURE__ */ d(o, { children: "Test Badge" })), t(a.getByText("Test Badge")).toBeInTheDocument(), t(
+      a.getByText("Test Badge").closest('[data-slot="badge"]')
+    ).toHaveAttribute("data-slot", "badge");
+  }), s("applies filled variant classes correctly", () => {
+    l(
+      /* @__PURE__ */ d(o, { variant: "filled", "data-testid": "badge", children: "Filled" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:bg-lsd-primary"), t(e).toHaveClass("lsd:text-lsd-surface-primary");
+  }), s("applies outlined variant classes correctly", () => {
+    l(
+      /* @__PURE__ */ d(o, { variant: "outlined", "data-testid": "badge", children: "Outlined" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:bg-transparent"), t(e).toHaveClass("lsd:text-lsd-text-primary");
+  }), s("applies medium size classes correctly", () => {
+    l(
+      /* @__PURE__ */ d(o, { size: "md", "data-testid": "badge", children: "Medium" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:h-[28px]"), t(e).toHaveClass("lsd:px-[11px]"), t(e).toHaveClass("lsd:py-[3px]"), t(e).toHaveClass("lsd:text-[0.875rem]");
+  }), s("applies small size classes correctly", () => {
+    l(
+      /* @__PURE__ */ d(o, { size: "sm", "data-testid": "badge", children: "Small" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:h-[24px]"), t(e).toHaveClass("lsd:px-[7px]"), t(e).toHaveClass("lsd:text-[0.75rem]");
+  }), s("uses default variant when not specified", () => {
+    l(/* @__PURE__ */ d(o, { "data-testid": "badge", children: "Default" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:bg-lsd-primary");
+  }), s("uses default size when not specified", () => {
+    l(/* @__PURE__ */ d(o, { "data-testid": "badge", children: "Default" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:h-[28px]");
+  }), s("merges custom className with component classes", () => {
+    l(
+      /* @__PURE__ */ d(o, { className: "custom-class", "data-testid": "badge", children: "Custom" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("custom-class");
+  }), s("applies base classes correctly", () => {
+    l(/* @__PURE__ */ d(o, { "data-testid": "badge", children: "Base" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:inline-flex"), t(e).toHaveClass("lsd:items-center"), t(e).toHaveClass("lsd:justify-center"), t(e).toHaveClass("lsd:border"), t(e).toHaveClass("lsd:rounded-[20px]"), t(e).toHaveClass("lsd:w-fit"), t(e).toHaveClass("lsd:whitespace-nowrap"), t(e).toHaveClass("lsd:shrink-0"), t(e).toHaveClass("lsd:cursor-pointer"), t(e).toHaveClass("lsd:transition-colors");
+  }), s("passes through additional props", () => {
+    l(
+      /* @__PURE__ */ d(o, { "data-testid": "test-badge", id: "badge-1", children: "Badge" })
+    );
+    const e = a.getByTestId("test-badge");
+    t(e).toHaveAttribute("data-testid", "test-badge"), t(e).toHaveAttribute("id", "badge-1");
+  }), s("renders as span by default", () => {
+    l(/* @__PURE__ */ d(o, { "data-testid": "badge", children: "Badge" })), t(a.getByTestId("badge").tagName).toBe("SPAN");
+  }), s("applies data-slot attribute", () => {
+    l(/* @__PURE__ */ d(o, { "data-testid": "badge", children: "Badge" })), t(a.getByTestId("badge")).toHaveAttribute("data-slot", "badge");
+  }), s("handles click events", () => {
+    const e = r.fn();
+    l(/* @__PURE__ */ d(o, { onClick: e, children: "Clickable" })), a.getByText("Clickable").click(), t(e).toHaveBeenCalledTimes(1);
+  }), s("applies button role when clickable", () => {
+    l(/* @__PURE__ */ d(o, { onClick: () => {
+    }, children: "Clickable" }));
+    const n = a.getByText("Clickable").closest('[data-slot="badge"]');
+    t(n).toHaveAttribute("role", "button"), t(n).toHaveAttribute("tabIndex", "0");
+  }), s("handles keyboard events when clickable", () => {
+    const e = r.fn();
+    l(/* @__PURE__ */ d(o, { onClick: e, children: "Clickable" }));
+    const n = a.getByText("Clickable");
+    g.keyDown(n, { key: "Enter" }), t(e).toHaveBeenCalledTimes(1);
+  }), s("renders with icon on the left", () => {
+    l(/* @__PURE__ */ d(o, { icon: /* @__PURE__ */ d("span", { "data-testid": "icon", children: "★" }), children: "With Icon" })), t(a.getByTestId("icon")).toBeInTheDocument();
+    const n = a.getByText("With Icon").closest('[data-slot="badge"]');
+    t(n).toContainElement(a.getByTestId("icon"));
+  }), s("renders with icon on the right", () => {
+    l(
+      /* @__PURE__ */ d(o, { icon: /* @__PURE__ */ d("span", { "data-testid": "icon", children: "★" }), iconPosition: "right", children: "With Icon" })
+    ), t(a.getByTestId("icon")).toBeInTheDocument();
+    const n = a.getByText("With Icon").closest('[data-slot="badge"]');
+    t(n).toContainElement(a.getByTestId("icon"));
+  }), s("renders as dot variant", () => {
+    l(
+      /* @__PURE__ */ d(o, { dot: !0, "data-testid": "badge", children: "Dot" })
+    );
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:rounded-full"), t(e).toHaveClass("lsd:p-0"), t(e).toHaveClass("lsd:border-0");
+  }), s("applies correct dot size for xs", () => {
+    l(/* @__PURE__ */ d(o, { dot: !0, size: "xs", "data-testid": "badge" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:w-[8px]"), t(e).toHaveClass("lsd:h-[8px]");
+  }), s("applies correct dot size for sm", () => {
+    l(/* @__PURE__ */ d(o, { dot: !0, size: "sm", "data-testid": "badge" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:w-[10px]"), t(e).toHaveClass("lsd:h-[10px]");
+  }), s("applies correct dot size for md", () => {
+    l(/* @__PURE__ */ d(o, { dot: !0, size: "md", "data-testid": "badge" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:w-[12px]"), t(e).toHaveClass("lsd:h-[12px]");
+  }), s("applies correct dot size for lg", () => {
+    l(/* @__PURE__ */ d(o, { dot: !0, size: "lg", "data-testid": "badge" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:w-[14px]"), t(e).toHaveClass("lsd:h-[14px]");
+  }), s("applies correct dot size for xl", () => {
+    l(/* @__PURE__ */ d(o, { dot: !0, size: "xl", "data-testid": "badge" }));
+    const e = a.getByTestId("badge");
+    t(e).toHaveClass("lsd:w-[16px]"), t(e).toHaveClass("lsd:h-[16px]");
+  }), s("handles dismiss event", () => {
+    const e = r.fn(), n = r.fn();
+    l(
+      /* @__PURE__ */ d(o, { onDismiss: e, onClick: n, children: "Dismissible" })
+    ), a.getByLabelText("Dismiss").click(), t(e).toHaveBeenCalledTimes(1), t(n).not.toHaveBeenCalled();
+  });
+});
+c("badgeVariants", () => {
+  s("returns correct classes for filled variant", () => {
+    t(i({ variant: "filled" })).toContain(
+      "lsd:bg-lsd-primary"
+    ), t(i({ variant: "filled" })).toContain(
+      "lsd:text-lsd-surface-primary"
+    );
+  }), s("returns correct classes for outlined variant", () => {
+    t(i({ variant: "outlined" })).toContain(
+      "lsd:bg-transparent"
+    ), t(i({ variant: "outlined" })).toContain(
+      "lsd:text-lsd-text-primary"
+    );
+  }), s("returns correct classes for medium size", () => {
+    t(i({ size: "md" })).toContain("lsd:h-[28px]"), t(i({ size: "md" })).toContain("lsd:px-[11px]"), t(i({ size: "md" })).toContain("lsd:text-[0.875rem]");
+  }), s("returns correct classes for small size", () => {
+    t(i({ size: "sm" })).toContain("lsd:h-[24px]"), t(i({ size: "sm" })).toContain("lsd:px-[7px]"), t(i({ size: "sm" })).toContain("lsd:text-[0.75rem]");
+  }), s("uses default variant when not specified", () => {
+    t(i({})).toContain("lsd:bg-lsd-primary");
+  }), s("uses default size when not specified", () => {
+    t(i({})).toContain("lsd:h-[28px]");
+  }), s("combines variant and size correctly", () => {
+    const e = i({ variant: "outlined", size: "sm" });
+    t(e).toContain("lsd:bg-transparent"), t(e).toContain("lsd:h-[24px]");
+  });
+});

package/dist/components/ui/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export { type BadgeVariants, badgeVariants } from './types';

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

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { SizeVariant } from '../../../lib/types';
+export type BadgeVariant = 'filled' | 'outlined' | 'destructive' | 'success' | 'warning' | 'info' | 'dot';
+export declare const badgeVariants: (props?: ({
+    variant?: "outlined" | "filled" | "destructive" | "success" | "warning" | "info" | "dot" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants> & {
+    variant?: BadgeVariant;
+    size?: SizeVariant;
+};

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

@@ -0,0 +1,8 @@
+import { ButtonVariants } from './types';
+import * as React from 'react';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {
+    loading?: boolean;
+    fullWidth?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

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

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../utils-DtaLkIY8.js";
+import { B as i } from "../../../Button-L-du0fyx.js";
+export {
+  i as Button
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,224 @@
+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";
+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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("lsd:bg-primary");
+  }), e("uses default size when not specified", () => {
+    n(/* @__PURE__ */ l(a, { children: "Default" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("lsd:h-[34px]");
+  }), e("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", () => {
+    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" }));
+    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" }));
+    const s = i.getByRole("button");
+    t(s).toHaveClass("custom-class");
+  }), e("applies base classes correctly", () => {
+    n(/* @__PURE__ */ l(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" })
+    );
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" }));
+    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" })
+    );
+    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" })
+    );
+    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(
+      "lsd:text-primary-foreground"
+    );
+  }), e("returns correct classes for outlined variant", () => {
+    t(o({ variant: "outlined" })).toContain(
+      "lsd:bg-transparent"
+    ), t(o({ variant: "outlined" })).toContain(
+      "lsd:text-foreground"
+    );
+  }), e("returns correct classes for filled-icon variant", () => {
+    t(o({ variant: "filled-icon" })).toContain(
+      "lsd:bg-primary"
+    ), t(o({ variant: "filled-icon" })).toContain(
+      "lsd:rounded-full"
+    );
+  }), e("returns correct classes for outlined-icon variant", () => {
+    t(o({ variant: "outlined-icon" })).toContain(
+      "lsd:bg-transparent"
+    ), t(o({ 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(
+      "lsd:text-foreground"
+    ), t(o({ variant: "link" })).toContain("lsd:border-0"), t(o({ variant: "link" })).toContain(
+      "lsd:hover:underline"
+    );
+  }), e("returns correct classes for destructive variant", () => {
+    t(o({ variant: "destructive" })).toContain(
+      "lsd:bg-lsd-destructive"
+    ), t(o({ variant: "destructive" })).toContain(
+      "lsd:text-white"
+    ), t(o({ variant: "destructive" })).toContain(
+      "lsd:hover:bg-lsd-destructive/90"
+    );
+  }), e("returns correct classes for destructive-icon variant", () => {
+    t(o({ variant: "destructive-icon" })).toContain(
+      "lsd:bg-lsd-destructive"
+    ), t(o({ variant: "destructive-icon" })).toContain(
+      "lsd:text-white"
+    ), t(o({ variant: "destructive-icon" })).toContain(
+      "lsd:rounded-full"
+    ), t(o({ variant: "destructive-icon" })).toContain(
+      "lsd:hover:bg-lsd-destructive/90"
+    );
+  }), e("returns correct classes for success variant", () => {
+    t(o({ variant: "success" })).toContain(
+      "lsd:bg-lsd-success"
+    ), t(o({ variant: "success" })).toContain("lsd:text-white"), t(o({ variant: "success" })).toContain(
+      "lsd:hover:bg-lsd-success/90"
+    );
+  }), e("returns correct classes for success-icon variant", () => {
+    t(o({ variant: "success-icon" })).toContain(
+      "lsd:bg-lsd-success"
+    ), t(o({ variant: "success-icon" })).toContain(
+      "lsd:text-white"
+    ), t(o({ variant: "success-icon" })).toContain(
+      "lsd:rounded-full"
+    ), t(o({ 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" });
+    t(s).toContain("lsd:bg-transparent"), t(s).toContain("lsd:h-12");
+  });
+});

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export { type ButtonVariants, buttonVariants } from './types';

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

@@ -0,0 +1,11 @@
+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 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;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants> & {
+    variant?: ButtonVariant;
+    size?: SizeVariant | IconSize;
+};

package/dist/components/ui/button-group/ButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import { ButtonGroupProps } from './types';
+import * as React from 'react';
+declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+export { ButtonGroup };

package/dist/components/ui/button-group/ButtonGroup.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../utils-DtaLkIY8.js";
+import { B as i } from "../../../ButtonGroup-BgylmC1j.js";
+export {
+  i as ButtonGroup
+};

package/dist/components/ui/button-group/ButtonGroupSeparator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroupSeparator };

package/dist/components/ui/button-group/ButtonGroupSeparator.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { Separator as p } from "../separator/Separator.js";
+import { c as l } from "../../../utils-DtaLkIY8.js";
+const m = s.forwardRef(({ className: r, orientation: t = "vertical", ...o }, a) => /* @__PURE__ */ e(
+  p,
+  {
+    ref: a,
+    "data-slot": "button-group-separator",
+    orientation: t,
+    className: l(
+      "lsd:bg-border lsd:relative lsd:m-0! lsd:self-stretch lsd:data-[orientation=vertical]:h-auto",
+      r
+    ),
+    ...o
+  }
+));
+m.displayName = "ButtonGroupSeparator";
+export {
+  m as ButtonGroupSeparator
+};

package/dist/components/ui/button-group/ButtonGroupText.d.ts

@@ -0,0 +1,4 @@
+import { ButtonGroupTextProps } from './types';
+import * as React from 'react';
+declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<ButtonGroupTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroupText };

package/dist/components/ui/button-group/ButtonGroupText.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { S as r } from "../../../index-BvoZGpli.js";
+import * as l from "react";
+import { c as m } from "../../../utils-DtaLkIY8.js";
+const a = l.forwardRef(
+  ({ className: s, asChild: o = !1, ...d }, e) => /* @__PURE__ */ t(
+    o ? r : "div",
+    {
+      ref: e,
+      className: m(
+        "lsd:bg-secondary lsd:flex lsd:items-center lsd:gap-2 lsd:rounded-md lsd:border lsd:px-4 lsd:text-sm lsd:font-medium lsd:shadow-xs lsd:[&_svg]:pointer-events-none lsd:[&_svg:not([class*='size-'])]:size-4 lsd:disabled:cursor-not-allowed",
+        s
+      ),
+      ...d
+    }
+  )
+);
+a.displayName = "ButtonGroupText";
+export {
+  a as ButtonGroupText
+};

package/dist/components/ui/button-group/__tests__/button-group-separator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/button-group/__tests__/button-group-separator.test.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import { d as l, i as e, r as s, g as o, s as c } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import "../../../../ButtonGroup-BgylmC1j.js";
+import { ButtonGroupSeparator as n } from "../ButtonGroupSeparator.js";
+import "../ButtonGroupText.js";
+const i = (t, a) => t.querySelector(`[data-slot="${a}"]`);
+l("ButtonGroupSeparator", () => {
+  e("renders without crashing", () => {
+    const { container: t } = s(/* @__PURE__ */ r(n, {}));
+    o(
+      i(t, "button-group-separator")
+    ).toBeInTheDocument();
+  }), e("renders with custom className", () => {
+    const { container: t } = s(
+      /* @__PURE__ */ r(n, { className: "custom-class" })
+    ), a = i(t, "button-group-separator");
+    o(a).toHaveClass("custom-class");
+  }), e("applies default classes", () => {
+    const { container: t } = s(/* @__PURE__ */ r(n, {})), a = i(t, "button-group-separator");
+    o(a).toHaveClass("lsd:bg-border"), o(a).toHaveClass("lsd:relative"), o(a).toHaveClass("lsd:m-0!"), o(a).toHaveClass("lsd:self-stretch"), o(a).toHaveClass("lsd:data-[orientation=vertical]:h-auto");
+  }), e("applies vertical orientation by default", () => {
+    const { container: t } = s(/* @__PURE__ */ r(n, {})), a = i(t, "button-group-separator");
+    o(a).toHaveAttribute("data-orientation", "vertical");
+  }), e("applies horizontal orientation", () => {
+    const { container: t } = s(
+      /* @__PURE__ */ r(n, { orientation: "horizontal" })
+    ), a = i(t, "button-group-separator");
+    o(a).toHaveAttribute("data-orientation", "horizontal");
+  }), e("passes through additional props", () => {
+    s(
+      /* @__PURE__ */ r(n, { "data-testid": "test-separator", "data-custom": "value" })
+    ), o(c.getByTestId("test-separator")).toHaveAttribute(
+      "data-custom",
+      "value"
+    );
+  }), e("forwards ref", () => {
+    const t = { current: null };
+    s(/* @__PURE__ */ r(n, { ref: t })), o(t.current).toBeInstanceOf(HTMLDivElement);
+  });
+});

package/dist/components/ui/button-group/__tests__/button-group-text.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/button-group/__tests__/button-group-text.test.js

@@ -0,0 +1,36 @@
+import { jsx as s } from "react/jsx-runtime";
+import { d, i as a, r as o, g as t, s as l } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import "../../../../ButtonGroup-BgylmC1j.js";
+import "../ButtonGroupSeparator.js";
+import { ButtonGroupText as r } from "../ButtonGroupText.js";
+d("ButtonGroupText", () => {
+  a("renders without crashing", () => {
+    o(/* @__PURE__ */ s(r, { children: "Text" })), t(l.getByText("Text")).toBeInTheDocument();
+  }), a("renders with custom className", () => {
+    o(/* @__PURE__ */ s(r, { className: "custom-class", children: "Text" })), t(l.getByText("Text")).toHaveClass("custom-class");
+  }), a("applies default classes", () => {
+    o(/* @__PURE__ */ s(r, { children: "Text" }));
+    const e = l.getByText("Text");
+    t(e).toHaveClass("lsd:bg-secondary"), t(e).toHaveClass("lsd:flex"), t(e).toHaveClass("lsd:items-center"), t(e).toHaveClass("lsd:gap-2"), t(e).toHaveClass("lsd:rounded-md"), t(e).toHaveClass("lsd:border"), t(e).toHaveClass("lsd:px-4"), t(e).toHaveClass("lsd:text-sm"), t(e).toHaveClass("lsd:font-medium"), t(e).toHaveClass("lsd:shadow-xs");
+  }), a("renders as div by default", () => {
+    o(/* @__PURE__ */ s(r, { children: "Text" }));
+    const e = l.getByText("Text");
+    t(e.tagName).toBe("DIV");
+  }), a("renders as Slot when asChild is true", () => {
+    o(
+      /* @__PURE__ */ s(r, { asChild: !0, children: /* @__PURE__ */ s("span", { children: "Text" }) })
+    );
+    const e = l.getByText("Text");
+    t(e.tagName).toBe("SPAN");
+  }), a("passes through additional props", () => {
+    o(
+      /* @__PURE__ */ s(r, { "data-testid": "test-text", "data-custom": "value", children: "Text" })
+    ), t(l.getByTestId("test-text")).toHaveAttribute(
+      "data-custom",
+      "value"
+    );
+  }), a("forwards ref", () => {
+    const e = { current: null };
+    o(/* @__PURE__ */ s(r, { ref: e, children: "Text" })), t(e.current).toBeInstanceOf(HTMLDivElement);
+  });
+});

package/dist/components/ui/button-group/__tests__/button-group.test.d.ts

@@ -0,0 +1 @@
+export {};