@nipsys/shadcn-lsd 0.1.0

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

@@ -0,0 +1 @@
+export { Toaster } from './Toaster';

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

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

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

@@ -0,0 +1,44 @@
+import { jsx as s } from "react/jsx-runtime";
+import { v as i, d, i as r, r as o, g as e, s as a } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Toaster as n } from "./Toaster.js";
+i.mock("next-themes", () => ({
+  useTheme: i.fn(() => ({ theme: "light" }))
+}));
+i.mock("sonner", () => ({
+  Toaster: i.fn(({ className: t, style: l, ...p }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-testid": "sonner-toaster",
+      className: t,
+      style: l,
+      ...p
+    }
+  ))
+}));
+d("Toaster", () => {
+  r("renders without crashing", () => {
+    o(/* @__PURE__ */ s(n, {})), e(a.getByTestId("sonner-toaster")).toBeInTheDocument();
+  }), r("applies toaster class", () => {
+    o(/* @__PURE__ */ s(n, {}));
+    const t = a.getByTestId("sonner-toaster");
+    e(t).toHaveClass("lsd:toaster"), e(t).toHaveClass("lsd:group");
+  }), r("applies custom CSS variables via style prop", () => {
+    o(/* @__PURE__ */ s(n, {}));
+    const t = a.getByTestId("sonner-toaster");
+    e(t.style.getPropertyValue("--normal-bg")).toBe(
+      "rgb(var(--lsd-surface-primary))"
+    ), e(t.style.getPropertyValue("--normal-text")).toBe(
+      "rgb(var(--lsd-text-primary))"
+    ), e(t.style.getPropertyValue("--normal-border")).toBe(
+      "rgb(var(--lsd-border))"
+    );
+  }), r("passes through additional props", () => {
+    o(/* @__PURE__ */ s(n, { position: "top-right" }));
+    const t = a.getByTestId("sonner-toaster");
+    e(t).toHaveAttribute("position", "top-right");
+  }), r("applies theme prop to sonner Toaster", () => {
+    o(/* @__PURE__ */ s(n, {}));
+    const t = a.getByTestId("sonner-toaster");
+    e(t).toHaveAttribute("theme", "light");
+  });
+});

package/dist/components/ui/switch/Switch.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import type * as React from 'react';
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
+}
+declare function Switch({ className, size, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/components/ui/switch/Switch.js

@@ -0,0 +1,176 @@
+import { jsxs as T, jsx as n } from "react/jsx-runtime";
+import * as a from "react";
+import { P as g, c as I } from "../../../index-Cc1WoggG.js";
+import { u as C } from "../../../index-DLcqcWxM.js";
+import { c as M } from "../../../index-DFZozV_h.js";
+import { u as H } from "../../../index-TznoxaGd.js";
+import { u as V } from "../../../index-BZPx6jYI.js";
+import { u as j } from "../../../index-Bu0XjYP8.js";
+import { c as y } from "../../../index-D69Iqk5J.js";
+import { c as A } from "../../../utils-DtaLkIY8.js";
+var m = "Switch", [U] = M(m), [q, L] = U(m), P = a.forwardRef(
+  (t, s) => {
+    const {
+      __scopeSwitch: e,
+      name: o,
+      checked: r,
+      defaultChecked: b,
+      required: l,
+      disabled: d,
+      value: i = "on",
+      onCheckedChange: w,
+      form: c,
+      ...v
+    } = t, [u, p] = a.useState(null), k = C(s, (h) => p(h)), x = a.useRef(!1), S = u ? c || !!u.closest("form") : !0, [f, z] = H({
+      prop: r,
+      defaultProp: b ?? !1,
+      onChange: w,
+      caller: m
+    });
+    return /* @__PURE__ */ T(q, { scope: e, checked: f, disabled: d, children: [
+      /* @__PURE__ */ n(
+        g.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": f,
+          "aria-required": l,
+          "data-state": N(f),
+          "data-disabled": d ? "" : void 0,
+          disabled: d,
+          value: i,
+          ...v,
+          ref: k,
+          onClick: I(t.onClick, (h) => {
+            z((B) => !B), S && (x.current = h.isPropagationStopped(), x.current || h.stopPropagation());
+          })
+        }
+      ),
+      S && /* @__PURE__ */ n(
+        _,
+        {
+          control: u,
+          bubbles: !x.current,
+          name: o,
+          value: i,
+          checked: f,
+          required: l,
+          disabled: d,
+          form: c,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+P.displayName = m;
+var R = "SwitchThumb", E = a.forwardRef(
+  (t, s) => {
+    const { __scopeSwitch: e, ...o } = t, r = L(R, e);
+    return /* @__PURE__ */ n(
+      g.span,
+      {
+        "data-state": N(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...o,
+        ref: s
+      }
+    );
+  }
+);
+E.displayName = R;
+var O = "SwitchBubbleInput", _ = a.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: s,
+    checked: e,
+    bubbles: o = !0,
+    ...r
+  }, b) => {
+    const l = a.useRef(null), d = C(l, b), i = V(e), w = j(s);
+    return a.useEffect(() => {
+      const c = l.current;
+      if (!c) return;
+      const v = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(
+        v,
+        "checked"
+      ).set;
+      if (i !== e && p) {
+        const k = new Event("click", { bubbles: o });
+        p.call(c, e), c.dispatchEvent(k);
+      }
+    }, [i, e, o]), /* @__PURE__ */ n(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...r,
+        tabIndex: -1,
+        ref: d,
+        style: {
+          ...r.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+_.displayName = O;
+function N(t) {
+  return t ? "checked" : "unchecked";
+}
+var D = P, F = E;
+const W = y(
+  "peer lsd:data-[state=checked]:bg-lsd-primary lsd:data-[state=unchecked]:bg-lsd-surface-secondary focus-visible:lsd:border-lsd-border focus-visible:lsd:ring-lsd-text/50 dark:lsd:data-[state=unchecked]:bg-lsd-surface-secondary/80 lsd:inline-flex lsd:shrink-0 lsd:items-center lsd:rounded-full lsd:border lsd:border-lsd-border lsd:shadow-xs lsd:transition-all lsd:outline-none focus-visible:lsd:ring-[3px] lsd:cursor-pointer lsd:disabled:cursor-not-allowed lsd:disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "lsd:h-[14px] lsd:w-7",
+        md: "lsd:h-[18px] lsd:w-9",
+        lg: "lsd:h-[24px] lsd:w-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), X = y(
+  "lsd:bg-lsd-surface-primary lsd:border lsd:border-lsd-border dark:lsd:data-[state=unchecked]:bg-lsd-text dark:lsd:data-[state=checked]:bg-lsd-surface-primary lsd:pointer-events-none lsd:block lsd:rounded-full lsd:ring-0 lsd:transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "lsd:size-3 lsd:data-[state=checked]:translate-x-[calc(100%-2px)]",
+        md: "lsd:size-5 lsd:data-[state=checked]:translate-x-[calc(100%-2px)]",
+        lg: "lsd:size-6 lsd:data-[state=checked]:translate-x-[calc(100%-2px)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function se({ className: t, size: s, ...e }) {
+  return /* @__PURE__ */ n(
+    D,
+    {
+      "data-slot": "switch",
+      className: A(W({ size: s }), t),
+      ...e,
+      children: /* @__PURE__ */ n(
+        F,
+        {
+          "data-slot": "switch-thumb",
+          className: X({ size: s })
+        }
+      )
+    }
+  );
+}
+export {
+  se as Switch
+};

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

@@ -0,0 +1,3 @@
+export type { SwitchProps } from './Switch';
+export { Switch } from './Switch';
+export type { SwitchSize } from './types';

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

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

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

@@ -0,0 +1,138 @@
+import { jsx as t } from "react/jsx-runtime";
+import { d, i as l, r as a, g as e, s as c, v as h, f as r } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Switch as i } from "./Switch.js";
+d("Switch", () => {
+  l("renders without crashing", () => {
+    a(/* @__PURE__ */ t(i, {})), e(c.getByRole("switch")).toBeInTheDocument();
+  }), l("renders as a switch role", () => {
+    a(/* @__PURE__ */ t(i, {})), e(c.getByRole("switch")).toBeInTheDocument();
+  }), l("applies base classes correctly", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("lsd:inline-flex"), e(s).toHaveClass("lsd:h-[18px]"), e(s).toHaveClass("lsd:w-9"), e(s).toHaveClass("lsd:rounded-full"), e(s).toHaveClass("lsd:transition-all"), e(s).toHaveClass("lsd:cursor-pointer");
+  }), l("applies checked state classes correctly", () => {
+    a(/* @__PURE__ */ t(i, { checked: !0 }));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass(
+      "lsd:data-[state=checked]:bg-lsd-primary"
+    );
+  }), l("applies unchecked state classes correctly", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass(
+      "lsd:data-[state=unchecked]:bg-lsd-surface-secondary"
+    );
+  }), l("has a thumb element", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch");
+    e(s.children[0]).toHaveAttribute(
+      "data-slot",
+      "switch-thumb"
+    );
+  }), l("applies thumb classes correctly", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch").children[0];
+    e(s).toHaveClass("lsd:bg-lsd-surface-primary"), e(s).toHaveClass("lsd:size-5"), e(s).toHaveClass("lsd:rounded-full"), e(s).toHaveClass("lsd:transition-transform");
+  }), l("applies thumb translate classes for checked state", () => {
+    a(/* @__PURE__ */ t(i, { checked: !0 }));
+    const s = c.getByRole("switch").children[0];
+    e(s).toHaveClass(
+      "lsd:data-[state=checked]:translate-x-[calc(100%-2px)]"
+    );
+  }), l("applies thumb translate classes for unchecked state", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch").children[0];
+    e(s).toHaveClass("lsd:transition-transform");
+  }), l("handles click events", () => {
+    const s = h.fn();
+    a(/* @__PURE__ */ t(i, { onCheckedChange: s })), r.click(c.getByRole("switch")), e(s).toHaveBeenCalledTimes(1);
+  }), l("applies disabled state correctly", () => {
+    a(/* @__PURE__ */ t(i, { disabled: !0 }));
+    const s = c.getByRole("switch");
+    e(s).toBeDisabled(), e(s).toHaveClass("lsd:disabled:cursor-not-allowed"), e(s).toHaveClass("lsd:disabled:opacity-50");
+  }), l("merges custom className with component classes", () => {
+    a(/* @__PURE__ */ t(i, { className: "custom-class" }));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("custom-class");
+  }), l("passes through additional props", () => {
+    a(/* @__PURE__ */ t(i, { "data-testid": "test-switch", id: "sw-1" }));
+    const s = c.getByRole("switch");
+    e(s).toHaveAttribute("data-testid", "test-switch"), e(s).toHaveAttribute("id", "sw-1");
+  }), l("renders with small size", () => {
+    a(/* @__PURE__ */ t(i, { size: "sm" }));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("lsd:h-[14px]"), e(s).toHaveClass("lsd:w-7");
+    const o = s.children[0];
+    e(o).toHaveClass("lsd:size-3");
+  }), l("renders with medium size (default)", () => {
+    a(/* @__PURE__ */ t(i, { size: "md" }));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("lsd:h-[18px]"), e(s).toHaveClass("lsd:w-9");
+    const o = s.children[0];
+    e(o).toHaveClass("lsd:size-5");
+  }), l("renders with large size", () => {
+    a(/* @__PURE__ */ t(i, { size: "lg" }));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("lsd:h-[24px]"), e(s).toHaveClass("lsd:w-12");
+    const o = s.children[0];
+    e(o).toHaveClass("lsd:size-6");
+  }), l("applies thumb translate classes for checked state with small size", () => {
+    a(/* @__PURE__ */ t(i, { size: "sm", checked: !0 }));
+    const s = c.getByRole("switch").children[0];
+    e(s).toHaveClass(
+      "lsd:data-[state=checked]:translate-x-[calc(100%-2px)]"
+    );
+  }), l("applies thumb translate classes for checked state with large size", () => {
+    a(/* @__PURE__ */ t(i, { size: "lg", checked: !0 }));
+    const s = c.getByRole("switch").children[0];
+    e(s).toHaveClass(
+      "lsd:data-[state=checked]:translate-x-[calc(100%-2px)]"
+    );
+  }), l("applies data-slot attribute", () => {
+    a(/* @__PURE__ */ t(i, {})), e(c.getByRole("switch")).toHaveAttribute("data-slot", "switch");
+  }), l("applies focus-visible classes", () => {
+    a(/* @__PURE__ */ t(i, {}));
+    const s = c.getByRole("switch");
+    e(s).toHaveClass("focus-visible:lsd:border-lsd-border"), e(s).toHaveClass("focus-visible:lsd:ring-[3px]");
+  }), d("Size variants", () => {
+    l("applies small size classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "sm" }));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[14px]"), e(s).toHaveClass("lsd:w-7");
+    }), l("applies small size thumb classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "sm" }));
+      const s = c.getByRole("switch").children[0];
+      e(s).toHaveClass("lsd:size-3");
+    }), l("applies medium size classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "md" }));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[18px]"), e(s).toHaveClass("lsd:w-9");
+    }), l("applies medium size thumb classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "md" }));
+      const s = c.getByRole("switch").children[0];
+      e(s).toHaveClass("lsd:size-5");
+    }), l("applies large size classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "lg" }));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[24px]"), e(s).toHaveClass("lsd:w-12");
+    }), l("applies large size thumb classes correctly", () => {
+      a(/* @__PURE__ */ t(i, { size: "lg" }));
+      const s = c.getByRole("switch").children[0];
+      e(s).toHaveClass("lsd:size-6");
+    }), l("defaults to medium size when no size prop is provided", () => {
+      a(/* @__PURE__ */ t(i, {}));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[18px]"), e(s).toHaveClass("lsd:w-9");
+    }), l("applies small size with checked state", () => {
+      a(/* @__PURE__ */ t(i, { size: "sm", checked: !0 }));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[14px]"), e(s).toHaveClass("lsd:w-7"), e(s).toHaveClass(
+        "lsd:data-[state=checked]:bg-lsd-primary"
+      );
+    }), l("applies large size with disabled state", () => {
+      a(/* @__PURE__ */ t(i, { size: "lg", disabled: !0 }));
+      const s = c.getByRole("switch");
+      e(s).toHaveClass("lsd:h-[24px]"), e(s).toHaveClass("lsd:w-12"), e(s).toBeDisabled();
+    });
+  });
+});

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

@@ -0,0 +1,4 @@
+export type SwitchSize = 'sm' | 'md' | 'lg';
+export interface SwitchProps {
+    size?: SwitchSize;
+}

package/dist/components/ui/tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from './types';
+declare function Tabs({ className, size, fullWidth, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export { Tabs };

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

@@ -0,0 +1,17 @@
+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-B02xH7lg.js";
+function e({ className: t, size: o, fullWidth: a, ...r }) {
+  return /* @__PURE__ */ s(
+    m,
+    {
+      "data-slot": "tabs",
+      className: i(f({ size: o, fullWidth: a }), t),
+      ...r
+    }
+  );
+}
+export {
+  e as Tabs
+};

package/dist/components/ui/tabs/TabsContent.d.ts

@@ -0,0 +1,4 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import type * as React from 'react';
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { TabsContent };

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

@@ -0,0 +1,19 @@
+import { jsx as n } from "react/jsx-runtime";
+import { C as r } from "../../../index-C8zhdkSa.js";
+import { c as s } from "../../../utils-DtaLkIY8.js";
+function c({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    r,
+    {
+      "data-slot": "tabs-content",
+      className: s("lsd:outline-none", t),
+      ...o
+    }
+  );
+}
+export {
+  c as TabsContent
+};

package/dist/components/ui/tabs/TabsList.d.ts

@@ -0,0 +1,3 @@
+import { TabsListProps } from './types';
+declare function TabsList({ className, size, fullWidth, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+export { TabsList };

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

@@ -0,0 +1,17 @@
+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-B02xH7lg.js";
+function b({ className: t, size: s, fullWidth: a, ...r }) {
+  return /* @__PURE__ */ o(
+    i,
+    {
+      "data-slot": "tabs-list",
+      className: m(f({ size: s, fullWidth: a }), t),
+      ...r
+    }
+  );
+}
+export {
+  b as TabsList
+};

package/dist/components/ui/tabs/TabsTrigger.d.ts

@@ -0,0 +1,3 @@
+import { TabsTriggerProps } from './types';
+declare function TabsTrigger({ className, size, fullWidth, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+export { TabsTrigger };

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

@@ -0,0 +1,22 @@
+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-B02xH7lg.js";
+function T({
+  className: r,
+  size: t,
+  fullWidth: a,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    i,
+    {
+      "data-slot": "tabs-trigger",
+      className: m(g({ size: t, fullWidth: a }), r),
+      ...o
+    }
+  );
+}
+export {
+  T as TabsTrigger
+};

package/dist/components/ui/tabs/__tests__/tabs-content.test.d.ts

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

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

@@ -0,0 +1,62 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { d as u, i as o, r as c, g as n, s as i } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Tabs as l } from "../Tabs.js";
+import { TabsContent as s } from "../TabsContent.js";
+import { TabsList as r } from "../TabsList.js";
+import { TabsTrigger as d } from "../TabsTrigger.js";
+u("TabsContent", () => {
+  o("renders without crashing", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(s, { value: "tab-1", children: "Content 1" })
+      ] })
+    ), n(i.getByText("Content 1")).toBeInTheDocument();
+  }), o("applies data-slot attribute", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(s, { value: "tab-1", children: "Content 1" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-content"]');
+    n(e).toHaveAttribute("data-slot", "tabs-content");
+  }), o("applies base classes correctly", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(s, { value: "tab-1", children: "Content 1" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-content"]');
+    n(e).toHaveClass("lsd:outline-none");
+  }), o("merges custom className with component classes", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(s, { value: "tab-1", className: "custom-content-class", children: "Content 1" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-content"]');
+    n(e).toHaveClass("custom-content-class");
+  }), o("passes through additional props", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ t(s, { value: "tab-1", "data-testid": "test-content", id: "content-1", children: "Content 1" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-content"]');
+    n(e).toHaveAttribute("data-testid", "test-content"), n(e).toHaveAttribute("id", "content-1");
+  }), o("renders children correctly", () => {
+    c(
+      /* @__PURE__ */ a(l, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(d, { value: "tab-1", children: "Tab 1" }) }),
+        /* @__PURE__ */ a(s, { value: "tab-1", children: [
+          /* @__PURE__ */ t("p", { children: "Custom content" }),
+          /* @__PURE__ */ t("button", { type: "button", children: "Action" })
+        ] })
+      ] })
+    ), n(i.getByText("Custom content")).toBeInTheDocument(), n(i.getByRole("button", { name: "Action" })).toBeInTheDocument();
+  });
+});

package/dist/components/ui/tabs/__tests__/tabs-list.test.d.ts

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

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

@@ -0,0 +1,102 @@
+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 { Tabs as r } from "../Tabs.js";
+import { TabsContent as o } from "../TabsContent.js";
+import { TabsList as n } from "../TabsList.js";
+import { TabsTrigger as s } from "../TabsTrigger.js";
+c("TabsList", () => {
+  i("renders without crashing", () => {
+    d(
+      /* @__PURE__ */ a(r, { defaultValue: "tab-1", children: [
+        /* @__PURE__ */ a(n, { 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" })
+      ] })
+    ), l(
+      document.querySelector('[data-slot="tabs-list"]')
+    ).toBeInTheDocument();
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveAttribute("data-slot", "tabs-list");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:bg-lsd-surface-primary"), l(e).toHaveClass("lsd:border-b"), l(e).toHaveClass("lsd:border-lsd-border"), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:h-12");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:h-8");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:h-10");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:w-fit");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("lsd:w-full");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveClass("custom-list-class");
+  }), 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" })
+      ] })
+    );
+    const e = document.querySelector('[data-slot="tabs-list"]');
+    l(e).toHaveAttribute("data-testid", "test-list"), l(e).toHaveAttribute("id", "list-1");
+  });
+});