@nipsys/shadcn-lsd 0.2.3 → 0.2.5

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

@@ -1,81 +1,93 @@
-import { jsx as l } from "react/jsx-runtime";
-import { d as r, i as o, r as a, g as t, s as d, v as i, f as c } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
-import { t as e, T as n } from "../../../Toggle-DOc92BjI.js";
+import { jsx as a } from "react/jsx-runtime";
+import { d as r, i as l, r as o, g as s, s as d, v as i, f as c } from "../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { t as e, T as n } from "../../../Toggle-DZIHuZXk.js";
 r("Toggle", () => {
-  o("renders without crashing", () => {
-    a(/* @__PURE__ */ l(n, {})), t(d.getByRole("button")).toBeInTheDocument();
-  }), o("renders as a button role", () => {
-    a(/* @__PURE__ */ l(n, {})), t(d.getByRole("button")).toBeInTheDocument();
-  }), o("renders as a button element", () => {
-    a(/* @__PURE__ */ l(n, {})), t(d.getByRole("button").tagName).toBe("BUTTON");
-  }), o("applies base classes correctly", () => {
-    a(/* @__PURE__ */ l(n, {}));
-    const s = d.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:bg-transparent"), t(s).toHaveClass("lsd:text-lsd-text-primary"), t(s).toHaveClass("lsd:border-lsd-border"), t(s).toHaveClass("lsd:cursor-pointer");
-  }), o("applies medium size classes correctly", () => {
-    a(/* @__PURE__ */ l(n, { size: "md" }));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:h-10"), t(s).toHaveClass("lsd:min-w-10"), t(s).toHaveClass("lsd:px-3"), t(s).toHaveClass("lsd:py-[6px]");
-  }), o("applies small size classes correctly", () => {
-    a(/* @__PURE__ */ l(n, { size: "sm" }));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:h-8"), t(s).toHaveClass("lsd:min-w-8"), t(s).toHaveClass("lsd:px-2"), t(s).toHaveClass("lsd:py-[6px]"), t(s).toHaveClass("lsd:text-[0.75rem]");
-  }), o("applies large size classes correctly", () => {
-    a(/* @__PURE__ */ l(n, { size: "lg" }));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:h-12"), t(s).toHaveClass("lsd:min-w-12"), t(s).toHaveClass("lsd:px-4"), t(s).toHaveClass("lsd:py-[10px]"), t(s).toHaveClass("lsd:text-[0.875rem]");
-  }), o("uses default size when not specified", () => {
-    a(/* @__PURE__ */ l(n, {}));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:h-10");
-  }), o("applies checked state classes correctly", () => {
-    a(/* @__PURE__ */ l(n, { defaultChecked: !0 }));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:data-[state=on]:bg-lsd-primary"), t(s).toHaveClass("lsd:data-[state=on]:text-lsd-surface");
-  }), o("handles click events", () => {
-    const s = i.fn();
-    a(/* @__PURE__ */ l(n, { onClick: s })), c.click(d.getByRole("button")), t(s).toHaveBeenCalledTimes(1);
-  }), o("applies disabled state correctly", () => {
-    a(/* @__PURE__ */ l(n, { disabled: !0 }));
-    const s = d.getByRole("button");
-    t(s).toBeDisabled(), t(s).toHaveClass("lsd:disabled:opacity-34"), t(s).toHaveClass("lsd:disabled:cursor-not-allowed"), t(s).toHaveClass("lsd:disabled:no-underline");
-  }), o("merges custom className with component classes", () => {
-    a(/* @__PURE__ */ l(n, { className: "custom-class" }));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("custom-class");
-  }), o("passes through additional props", () => {
-    a(/* @__PURE__ */ l(n, { "data-testid": "test-toggle", id: "toggle-1" }));
-    const s = d.getByRole("button");
-    t(s).toHaveAttribute("data-testid", "test-toggle"), t(s).toHaveAttribute("id", "toggle-1");
-  }), o("forwards ref to underlying button element", () => {
-    const s = i.fn();
-    a(/* @__PURE__ */ l(n, { ref: s })), t(s).toHaveBeenCalled(), t(s.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
-  }), o("applies hover underline class", () => {
-    a(/* @__PURE__ */ l(n, {}));
-    const s = d.getByRole("button");
-    t(s).toHaveClass("lsd:hover:underline");
-  }), o("does not apply data-state attribute when unchecked", () => {
-    a(/* @__PURE__ */ l(n, {}));
-    const s = d.getByRole("button");
-    t(s).toHaveAttribute("data-state", "off");
+  l("renders without crashing", () => {
+    o(/* @__PURE__ */ a(n, {})), s(d.getByRole("button")).toBeInTheDocument();
+  }), l("renders as a button role", () => {
+    o(/* @__PURE__ */ a(n, {})), s(d.getByRole("button")).toBeInTheDocument();
+  }), l("renders as a button element", () => {
+    o(/* @__PURE__ */ a(n, {})), s(d.getByRole("button").tagName).toBe("BUTTON");
+  }), l("applies base classes correctly", () => {
+    o(/* @__PURE__ */ a(n, {}));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:inline-flex"), s(t).toHaveClass("lsd:items-center"), s(t).toHaveClass("lsd:justify-center"), s(t).toHaveClass("lsd:border"), s(t).toHaveClass("lsd:transition-colors"), s(t).toHaveClass("lsd:bg-transparent"), s(t).toHaveClass("lsd:text-lsd-text-primary"), s(t).toHaveClass("lsd:border-lsd-border"), s(t).toHaveClass("lsd:cursor-pointer");
+  }), l("applies medium size classes correctly", () => {
+    o(/* @__PURE__ */ a(n, { size: "md" }));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:h-10"), s(t).toHaveClass("lsd:min-w-10"), s(t).toHaveClass("lsd:px-[var(--lsd-spacing-small)]"), s(t).toHaveClass("lsd:py-[var(--lsd-spacing-smaller)]");
+  }), l("applies small size classes correctly", () => {
+    o(/* @__PURE__ */ a(n, { size: "sm" }));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:h-8"), s(t).toHaveClass("lsd:min-w-8"), s(t).toHaveClass("lsd:px-[var(--lsd-spacing-smaller)]"), s(t).toHaveClass("lsd:py-[var(--lsd-spacing-smaller)]"), s(t).toHaveClass("lsd:text-[0.75rem]");
+  }), l("applies large size classes correctly", () => {
+    o(/* @__PURE__ */ a(n, { size: "lg" }));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:h-12"), s(t).toHaveClass("lsd:min-w-12"), s(t).toHaveClass("lsd:px-[var(--lsd-spacing-base)]"), s(t).toHaveClass("lsd:py-[var(--lsd-spacing-small)]"), s(t).toHaveClass("lsd:text-[0.875rem]");
+  }), l("uses default size when not specified", () => {
+    o(/* @__PURE__ */ a(n, {}));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:h-10");
+  }), l("applies checked state classes correctly", () => {
+    o(/* @__PURE__ */ a(n, { defaultChecked: !0 }));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:data-[state=on]:bg-lsd-primary"), s(t).toHaveClass("lsd:data-[state=on]:text-lsd-surface");
+  }), l("handles click events", () => {
+    const t = i.fn();
+    o(/* @__PURE__ */ a(n, { onClick: t })), c.click(d.getByRole("button")), s(t).toHaveBeenCalledTimes(1);
+  }), l("applies disabled state correctly", () => {
+    o(/* @__PURE__ */ a(n, { disabled: !0 }));
+    const t = d.getByRole("button");
+    s(t).toBeDisabled(), s(t).toHaveClass("lsd:disabled:opacity-34"), s(t).toHaveClass("lsd:disabled:cursor-not-allowed"), s(t).toHaveClass("lsd:disabled:no-underline");
+  }), l("merges custom className with component classes", () => {
+    o(/* @__PURE__ */ a(n, { className: "custom-class" }));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("custom-class");
+  }), l("passes through additional props", () => {
+    o(/* @__PURE__ */ a(n, { "data-testid": "test-toggle", id: "toggle-1" }));
+    const t = d.getByRole("button");
+    s(t).toHaveAttribute("data-testid", "test-toggle"), s(t).toHaveAttribute("id", "toggle-1");
+  }), l("forwards ref to underlying button element", () => {
+    const t = i.fn();
+    o(/* @__PURE__ */ a(n, { ref: t })), s(t).toHaveBeenCalled(), s(t.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
+  }), l("applies hover underline class", () => {
+    o(/* @__PURE__ */ a(n, {}));
+    const t = d.getByRole("button");
+    s(t).toHaveClass("lsd:hover:underline");
+  }), l("does not apply data-state attribute when unchecked", () => {
+    o(/* @__PURE__ */ a(n, {}));
+    const t = d.getByRole("button");
+    s(t).toHaveAttribute("data-state", "off");
   });
 });
 r("toggleVariants", () => {
-  o("returns correct classes for medium size", () => {
-    t(e({ size: "md" })).toContain("lsd:h-10"), t(e({ size: "md" })).toContain("lsd:min-w-10"), t(e({ size: "md" })).toContain("lsd:px-3"), t(e({ size: "md" })).toContain("lsd:py-[6px]");
-  }), o("returns correct classes for small size", () => {
-    t(e({ size: "sm" })).toContain("lsd:h-8"), t(e({ size: "sm" })).toContain("lsd:min-w-8"), t(e({ size: "sm" })).toContain("lsd:px-2"), t(e({ size: "sm" })).toContain("lsd:py-[6px]"), t(e({ size: "sm" })).toContain("lsd:text-[0.75rem]");
-  }), o("returns correct classes for large size", () => {
-    t(e({ size: "lg" })).toContain("lsd:h-12"), t(e({ size: "lg" })).toContain("lsd:min-w-12"), t(e({ size: "lg" })).toContain("lsd:px-4"), t(e({ size: "lg" })).toContain("lsd:py-[10px]"), t(e({ size: "lg" })).toContain("lsd:text-[0.875rem]");
-  }), o("uses default size when not specified", () => {
-    t(e({})).toContain("lsd:h-10");
-  }), o("includes base classes", () => {
-    t(e({})).toContain("lsd:inline-flex"), t(e({})).toContain("lsd:items-center"), t(e({})).toContain("lsd:justify-center"), t(e({})).toContain("lsd:border"), t(e({})).toContain("lsd:transition-colors"), t(e({})).toContain("lsd:bg-transparent"), t(e({})).toContain("lsd:text-lsd-text"), t(e({})).toContain("lsd:border-lsd-border"), t(e({})).toContain("lsd:cursor-pointer");
-  }), o("includes checked state classes", () => {
-    t(e({})).toContain("lsd:data-[state=on]:bg-lsd-primary"), t(e({})).toContain(
+  l("returns correct classes for medium size", () => {
+    s(e({ size: "md" })).toContain("lsd:h-10"), s(e({ size: "md" })).toContain("lsd:min-w-10"), s(e({ size: "md" })).toContain(
+      "lsd:px-[var(--lsd-spacing-small)]"
+    ), s(e({ size: "md" })).toContain(
+      "lsd:py-[var(--lsd-spacing-smaller)]"
+    );
+  }), l("returns correct classes for small size", () => {
+    s(e({ size: "sm" })).toContain("lsd:h-8"), s(e({ size: "sm" })).toContain("lsd:min-w-8"), s(e({ size: "sm" })).toContain(
+      "lsd:px-[var(--lsd-spacing-smaller)]"
+    ), s(e({ size: "sm" })).toContain(
+      "lsd:py-[var(--lsd-spacing-smaller)]"
+    ), s(e({ size: "sm" })).toContain("lsd:text-[0.75rem]");
+  }), l("returns correct classes for large size", () => {
+    s(e({ size: "lg" })).toContain("lsd:h-12"), s(e({ size: "lg" })).toContain("lsd:min-w-12"), s(e({ size: "lg" })).toContain(
+      "lsd:px-[var(--lsd-spacing-base)]"
+    ), s(e({ size: "lg" })).toContain(
+      "lsd:py-[var(--lsd-spacing-small)]"
+    ), s(e({ size: "lg" })).toContain("lsd:text-[0.875rem]");
+  }), l("uses default size when not specified", () => {
+    s(e({})).toContain("lsd:h-10");
+  }), l("includes base classes", () => {
+    s(e({})).toContain("lsd:inline-flex"), s(e({})).toContain("lsd:items-center"), s(e({})).toContain("lsd:justify-center"), s(e({})).toContain("lsd:border"), s(e({})).toContain("lsd:transition-colors"), s(e({})).toContain("lsd:bg-transparent"), s(e({})).toContain("lsd:text-lsd-text"), s(e({})).toContain("lsd:border-lsd-border"), s(e({})).toContain("lsd:cursor-pointer");
+  }), l("includes checked state classes", () => {
+    s(e({})).toContain("lsd:data-[state=on]:bg-lsd-primary"), s(e({})).toContain(
       "lsd:data-[state=on]:text-lsd-surface"
     );
-  }), o("includes disabled state classes", () => {
-    t(e({})).toContain("lsd:disabled:opacity-34"), t(e({})).toContain("lsd:disabled:cursor-not-allowed"), t(e({})).toContain("lsd:disabled:no-underline");
+  }), l("includes disabled state classes", () => {
+    s(e({})).toContain("lsd:disabled:opacity-34"), s(e({})).toContain("lsd:disabled:cursor-not-allowed"), s(e({})).toContain("lsd:disabled:no-underline");
   });
 });

package/dist/components/ui/toggle-group/ToggleGroupItem.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { I as i } from "../../../index-B5_JiqiV.js";
 import * as r from "react";
-import { t as m } from "../../../Toggle-DOc92BjI.js";
+import { t as m } from "../../../Toggle-DZIHuZXk.js";
 import { c as n } from "../../../utils-DtaLkIY8.js";
 import { ToggleGroupContext as p } from "./context.js";
 const f = r.forwardRef(({ className: e, children: t, size: o, ...l }, d) => {

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

@@ -30,19 +30,19 @@ g("ToggleGroup", () => {
       /* @__PURE__ */ e(n, { type: "single", size: "md", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
     );
     const l = s.getByRole("radio", { name: "A" });
-    a(l).toHaveClass("lsd:h-10"), a(l).toHaveClass("lsd:px-3");
+    a(l).toHaveClass("lsd:h-10"), a(l).toHaveClass("lsd:px-[var(--lsd-spacing-small)]");
   }), o("applies small size classes correctly", () => {
     i(
       /* @__PURE__ */ e(n, { type: "single", size: "sm", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
     );
     const l = s.getByRole("radio", { name: "A" });
-    a(l).toHaveClass("lsd:h-8"), a(l).toHaveClass("lsd:px-2");
+    a(l).toHaveClass("lsd:h-8"), a(l).toHaveClass("lsd:px-[var(--lsd-spacing-smaller)]");
   }), o("applies large size classes correctly", () => {
     i(
       /* @__PURE__ */ e(n, { type: "single", size: "lg", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })
     );
     const l = s.getByRole("radio", { name: "A" });
-    a(l).toHaveClass("lsd:h-12"), a(l).toHaveClass("lsd:px-4");
+    a(l).toHaveClass("lsd:h-12"), a(l).toHaveClass("lsd:px-[var(--lsd-spacing-base)]");
   }), o("uses default size when not specified", () => {
     i(
       /* @__PURE__ */ e(n, { type: "single", children: /* @__PURE__ */ e(t, { value: "a", children: "A" }) })

package/dist/main.js

@@ -14,11 +14,11 @@ import { AlertDialogOverlay as B } from "./components/ui/alert-dialog/AlertDialo
 import { AlertDialogPortal as E } from "./components/ui/alert-dialog/AlertDialogPortal.js";
 import { AlertDialogTitle as P } from "./components/ui/alert-dialog/AlertDialogTitle.js";
 import { AlertDialogTrigger as O } from "./components/ui/alert-dialog/AlertDialogTrigger.js";
-import { A as v, a as H, b as R, u as V } from "./Autocomplete-3wLa9P4X.js";
+import { A as v, a as H, b as R, u as V } from "./Autocomplete-DI2nShZk.js";
 import { AutocompleteContent as F } from "./components/ui/autocomplete/AutocompleteList.js";
-import { B as k, b as W } from "./Badge-DHID7w-D.js";
-import { B as z, b as N } from "./Button-DoTpV6G1.js";
-import { B as K } from "./ButtonGroup-BgylmC1j.js";
+import { B as k, b as W } from "./Badge-SDsdES93.js";
+import { B as z, b as N } from "./Button-CCXyUaSw.js";
+import { B as K } from "./ButtonGroup-WtMRnYIq.js";
 import { ButtonGroupSeparator as j } from "./components/ui/button-group/ButtonGroupSeparator.js";
 import { ButtonGroupText as J } from "./components/ui/button-group/ButtonGroupText.js";
 import { Card as X } from "./components/ui/card/Card.js";
@@ -48,8 +48,8 @@ import { DialogOverlay as Nr } from "./components/ui/dialog/DialogOverlay.js";
 import { DialogPortal as Kr } from "./components/ui/dialog/DialogPortal.js";
 import { DialogTitle as jr } from "./components/ui/dialog/DialogTitle.js";
 import { DialogTrigger as Jr } from "./components/ui/dialog/DialogTrigger.js";
-import { I as Xr, g as $r, a as ro, b as oo } from "./Input-W8QqFI1v.js";
-import { L as to, l as ao } from "./Label-BEM-ZJXI.js";
+import { I as Xr, g as $r, a as ro, b as oo } from "./Input-BNaFAHs9.js";
+import { L as to, l as ao } from "./Label-CjkQmoNz.js";
 import { Menubar as mo } from "./components/ui/menubar/Menubar.js";
 import { MenubarCheckboxItem as fo } from "./components/ui/menubar/MenubarCheckboxItem.js";
 import { MenubarContent as io } from "./components/ui/menubar/MenubarContent.js";
@@ -71,7 +71,7 @@ import { PopoverContent as Wo } from "./components/ui/popover/PopoverContent.js"
 import { PopoverTrigger as zo } from "./components/ui/popover/PopoverTrigger.js";
 import { Progress as Yo } from "./components/ui/progress/Progress.js";
 import { ScrollArea as Zo } from "./components/ui/scroll-area/ScrollArea.js";
-import { S as qo } from "./ScrollBar-CyKMm83e.js";
+import { S as qo } from "./ScrollBar-Cuog8lP4.js";
 import { Select as Qo } from "./components/ui/select/Select.js";
 import { SelectContent as $o } from "./components/ui/select/SelectContent.js";
 import { SelectGroup as oe } from "./components/ui/select/SelectGroup.js";
@@ -95,7 +95,7 @@ import { SheetTitle as Re } from "./components/ui/sheet/SheetTitle.js";
 import { SheetTrigger as ye } from "./components/ui/sheet/SheetTrigger.js";
 import { Sidebar as Ue } from "./components/ui/sidebar/Sidebar.js";
 import { SidebarContent as We, SidebarFooter as we, SidebarHeader as ze, SidebarInput as Ne, SidebarInset as Ye, SidebarRail as Ke, SidebarSeparator as Ze, SidebarTrigger as je } from "./components/ui/sidebar/SidebarContent.js";
-import { S as Je, a as Qe, b as Xe, c as $e, d as rt, s as ot, u as et } from "./SidebarContext-CRh-DPz_.js";
+import { S as Je, a as Qe, b as Xe, c as $e, d as rt, s as ot, u as et } from "./SidebarContext-CNUkvXwD.js";
 import { SidebarGroup as at, SidebarGroupAction as pt, SidebarGroupContent as mt, SidebarGroupLabel as xt } from "./components/ui/sidebar/SidebarGroup.js";
 import { SidebarMenu as nt, SidebarMenuAction as it, SidebarMenuBadge as lt, SidebarMenuButton as St, SidebarMenuItem as ut, SidebarMenuSkeleton as gt, SidebarMenuSub as bt, SidebarMenuSubButton as st, SidebarMenuSubItem as dt } from "./components/ui/sidebar/SidebarMenu.js";
 import { Skeleton as ct } from "./components/ui/skeleton/Skeleton.js";
@@ -105,7 +105,7 @@ import { Tabs as Bt } from "./components/ui/tabs/Tabs.js";
 import { TabsContent as Et } from "./components/ui/tabs/TabsContent.js";
 import { TabsList as Pt } from "./components/ui/tabs/TabsList.js";
 import { TabsTrigger as Ot } from "./components/ui/tabs/TabsTrigger.js";
-import { T as vt, t as Ht } from "./Toggle-DOc92BjI.js";
+import { T as vt, t as Ht } from "./Toggle-DZIHuZXk.js";
 import { ToggleGroupContext as Vt } from "./components/ui/toggle-group/context.js";
 import { ToggleGroup as Ft } from "./components/ui/toggle-group/ToggleGroup.js";
 import { ToggleGroupItem as kt } from "./components/ui/toggle-group/ToggleGroupItem.js";

package/dist/{types-ClTXXuXM.js → types-D4rgriAV.js}

@@ -1,5 +1,5 @@
 import { c as s } from "./index-D69Iqk5J.js";
-const d = s("", {
+const a = s("", {
   variants: {
     size: {
       sm: "",
@@ -15,7 +15,7 @@ const d = s("", {
     size: "lg",
     fullWidth: !1
   }
-}), t = s(
+}), d = s(
   "lsd:bg-lsd-surface lsd:border-b lsd:flex lsd:flex-row",
   {
     variants: {
@@ -39,9 +39,9 @@ const d = s("", {
   {
     variants: {
       size: {
-        sm: "lsd:px-3 lsd:py-1.5 lsd:text-sm lsd:[&>svg]:ml-2 lsd:[&>svg]:h-4 lsd:[&>svg]:w-4",
-        md: "lsd:px-4 lsd:py-2 lsd:text-base lsd:[&>svg]:ml-3 lsd:[&>svg]:h-5 lsd:[&>svg]:w-5",
-        lg: "lsd:px-5 lsd:py-2.5 lsd:text-lg lsd:[&>svg]:ml-3.5 lsd:[&>svg]:h-6 lsd:[&>svg]:w-6"
+        sm: "lsd:px-[var(--lsd-spacing-small)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-sm lsd:[&>svg]:ml-[var(--lsd-spacing-smaller)] lsd:[&>svg]:h-[var(--lsd-spacing-base)] lsd:[&>svg]:w-[var(--lsd-spacing-base)]",
+        md: "lsd:px-[var(--lsd-spacing-base)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-base lsd:[&>svg]:ml-[var(--lsd-spacing-small)] lsd:[&>svg]:h-[var(--lsd-spacing-large)] lsd:[&>svg]:w-[var(--lsd-spacing-large)]",
+        lg: "lsd:px-[var(--lsd-spacing-large)] lsd:py-[var(--lsd-spacing-small)] lsd:text-lg lsd:[&>svg]:ml-[var(--lsd-spacing-base)] lsd:[&>svg]:h-[var(--lsd-spacing-larger)] lsd:[&>svg]:w-[var(--lsd-spacing-larger)]"
       },
       fullWidth: {
         true: "lsd:flex-1",
@@ -55,7 +55,7 @@ const d = s("", {
   }
 );
 export {
-  t as a,
+  d as a,
   e as b,
-  d as t
+  a as t
 };

package/dist/types-DsORryJJ.js

@@ -0,0 +1,69 @@
+import { c as s } from "./index-D69Iqk5J.js";
+const d = s(
+  "lsd:flex lsd:h-9 lsd:items-center lsd:gap-[var(--lsd-spacing-smallest)] lsd:border lsd:border-lsd-border lsd:bg-lsd-surface lsd:p-[var(--lsd-spacing-smallest)] lsd:shadow-xs"
+), e = s(
+  "lsd:cursor-pointer lsd:flex lsd:items-center lsd:px-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smallest)] lsd:text-sm lsd:font-medium lsd:outline-none lsd:select-none lsd:text-lsd-text-primary lsd:bg-lsd-surface lsd:hover:underline lsd:focus:underline lsd:data-[state=open]:bg-lsd-surface-secondary lsd:data-[state=open]:text-lsd-text-primary lsd:transition-colors"
+), t = s(
+  "lsd:relative lsd:flex lsd:cursor-pointer lsd:items-center lsd:gap-[var(--lsd-spacing-smaller)] lsd:px-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-sm lsd:outline-none lsd:select-none lsd:text-lsd-text-primary lsd:bg-lsd-surface lsd:disabled:pointer-events-none lsd:disabled:opacity-50 lsd:transition-colors lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "lsd:text-lsd-destructive lsd:focus:bg-lsd-destructive/10 lsd:focus:text-lsd-destructive lsd:[&_svg]:!text-lsd-destructive"
+      },
+      inset: {
+        true: "lsd:pl-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      inset: !1
+    }
+  }
+), a = s(
+  "lsd:bg-lsd-border lsd:-mx-[var(--lsd-spacing-smallest)] lsd:my-[var(--lsd-spacing-smallest)] lsd:h-px"
+), r = s(
+  "lsd:px-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-sm lsd:font-bold lsd:text-lsd-text-primary",
+  {
+    variants: {
+      inset: {
+        true: "lsd:pl-8"
+      }
+    },
+    defaultVariants: {
+      inset: !1
+    }
+  }
+), n = s(
+  "lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:z-50 lsd:min-w-[12rem] lsd:overflow-hidden lsd:border lsd:border-lsd-border lsd:p-[var(--lsd-spacing-smallest)] lsd:shadow-lg lsd:data-[state=open]:animate-in lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2"
+), i = s(
+  "lsd:flex lsd:cursor-pointer lsd:items-center lsd:px-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:text-sm lsd:outline-none lsd:select-none lsd:text-lsd-text-primary lsd:bg-lsd-surface lsd:data-[state=open]:bg-lsd-surface-secondary lsd:data-[state=open]:text-lsd-text-primary lsd:transition-colors",
+  {
+    variants: {
+      inset: {
+        true: "lsd:pl-8"
+      }
+    },
+    defaultVariants: {
+      inset: !1
+    }
+  }
+), o = s(
+  "lsd:bg-lsd-surface lsd:text-lsd-text-primary lsd:z-50 lsd:min-w-[8rem] lsd:overflow-hidden lsd:border lsd:border-lsd-border lsd:p-[var(--lsd-spacing-smallest)] lsd:shadow-lg lsd:data-[state=open]:animate-in lsd:data-[state=closed]:animate-out lsd:data-[state=closed]:fade-out-0 lsd:data-[state=open]:fade-in-0 lsd:data-[state=closed]:zoom-out-95 lsd:data-[state=open]:zoom-in-95 lsd:data-[side=bottom]:slide-in-from-top-2 lsd:data-[side=left]:slide-in-from-right-2 lsd:data-[side=right]:slide-in-from-left-2 lsd:data-[side=top]:slide-in-from-bottom-2"
+), p = s(
+  "lsd:relative lsd:flex lsd:cursor-pointer lsd:items-center lsd:gap-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:pr-[var(--lsd-spacing-smaller)] lsd:pl-8 lsd:text-sm lsd:outline-none lsd:select-none lsd:text-lsd-text-primary lsd:bg-lsd-surface lsd:disabled:pointer-events-none lsd:disabled:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4"
+), m = s(
+  "lsd:relative lsd:flex lsd:cursor-pointer lsd:items-center lsd:gap-[var(--lsd-spacing-smaller)] lsd:py-[var(--lsd-spacing-smaller)] lsd:pr-[var(--lsd-spacing-smaller)] lsd:pl-8 lsd:text-sm lsd:outline-none lsd:select-none lsd:text-lsd-text-primary lsd:bg-lsd-surface lsd:disabled:pointer-events-none lsd:disabled:opacity-50 lsd:[&_svg]:pointer-events-none lsd:[&_svg]:shrink-0 lsd:[&_svg:not([class*='size-'])]:size-4"
+);
+export {
+  p as a,
+  n as b,
+  t as c,
+  r as d,
+  a as e,
+  o as f,
+  e as g,
+  m as h,
+  i,
+  d as m
+};

package/package.json

@@ -5,7 +5,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "module": "./dist/main.js",
   "exports": {

package/dist/Autocomplete-3wLa9P4X.js

@@ -1,216 +0,0 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import * as s from "react";
-import { Popover as B } from "./components/ui/popover/Popover.js";
-import { c as n } from "./utils-DtaLkIY8.js";
-import { PopoverTrigger as H } from "./components/ui/popover/PopoverTrigger.js";
-import { AutocompleteContent as W } from "./components/ui/autocomplete/AutocompleteList.js";
-import { X } from "./x-B9bYxG31.js";
-const Y = {
-  xs: {
-    container: "lsd:w-[140px]",
-    label: "lsd:mb-1.5 lsd:ml-[10px]",
-    inputContainer: "lsd:h-[24px]",
-    input: "lsd:px-[9px] lsd:py-[4px]",
-    icon: "lsd:px-[7px] lsd:py-[5px]"
-  },
-  sm: {
-    container: "lsd:w-[164px]",
-    label: "lsd:mb-1.5 lsd:ml-[12px]",
-    inputContainer: "lsd:h-[28px]",
-    input: "lsd:px-[11px] lsd:py-[5px]",
-    icon: "lsd:px-[9px] lsd:py-[6px]"
-  },
-  md: {
-    container: "lsd:w-[188px]",
-    label: "lsd:mb-1.5 lsd:ml-[14px]",
-    inputContainer: "lsd:h-[32px]",
-    input: "lsd:px-[13px] lsd:py-[5px]",
-    icon: "lsd:px-[11px] lsd:py-[8px]"
-  },
-  lg: {
-    container: "lsd:w-[208px]",
-    label: "lsd:mb-1.5 lsd:ml-[14px]",
-    inputContainer: "lsd:h-[40px]",
-    input: "lsd:px-[17px] lsd:py-[9px]",
-    icon: "lsd:px-[13px] lsd:py-[12px]"
-  },
-  xl: {
-    container: "lsd:w-[240px]",
-    label: "lsd:mb-1.5 lsd:ml-[16px]",
-    inputContainer: "lsd:h-[48px]",
-    input: "lsd:px-[20px] lsd:py-[12px]",
-    icon: "lsd:px-[15px] lsd:py-[14px]"
-  }
-}, Z = 300;
-function q({
-  onOptionsFetch: l,
-  searchText: d,
-  open: i,
-  externalIsLoading: o
-}) {
-  const [C, m] = s.useState(
-    []
-  ), [c, f] = s.useState(!1), e = o !== void 0 ? o : c;
-  return s.useEffect(() => {
-    if (l && i && o === void 0) {
-      f(!0);
-      const y = async () => {
-        try {
-          const a = await l(d);
-          m(a);
-        } catch (a) {
-          console.error("Error fetching options:", a), m([]);
-        } finally {
-          f(!1);
-        }
-      }, v = setTimeout(() => {
-        y();
-      }, Z);
-      return () => clearTimeout(v);
-    }
-  }, [l, d, i, o]), { asyncOptions: C, isLoading: e };
-}
-const G = s.forwardRef(
-  ({
-    options: l,
-    onOptionsFetch: d,
-    placeholder: i = "Search...",
-    emptyText: o = "No results found.",
-    loadingText: C = "Loading...",
-    className: m,
-    onValueChange: c,
-    onClear: f,
-    disabled: e = !1,
-    label: y,
-    size: v = "md",
-    icon: a,
-    error: T = !1,
-    variant: I = "outlined",
-    clearable: P = !1,
-    value: x,
-    isLoading: R,
-    ...g
-  }, _) => {
-    const [E, A] = s.useState(!1), [j, N] = s.useState(""), b = x !== void 0 ? x : j, [u, h] = s.useState(""), O = s.useRef(null);
-    s.useImperativeHandle(_, () => O.current);
-    const { asyncOptions: w, isLoading: k } = q({
-      onOptionsFetch: d,
-      searchText: u,
-      open: E,
-      externalIsLoading: R
-    }), M = s.useCallback(
-      (t) => {
-        x === void 0 && N(t), h(""), A(!1), c?.(t);
-      },
-      [c, x]
-    ), U = () => {
-      x === void 0 && N(""), h(""), c?.(""), f?.();
-    }, D = s.useMemo(() => d ? w : l ? u ? l.filter(
-      (t) => t.label.toLowerCase().startsWith(u.toLowerCase())
-    ) : l : [], [l, w, u, d]), L = g.id || "autocomplete-input", p = Y[v], z = b && (l?.find((t) => t.value === b)?.label || w?.find((t) => t.value === b)?.label) || "";
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ...g,
-        className: n("lsd:box-border", p.container, m),
-        children: [
-          y && /* @__PURE__ */ r(
-            "label",
-            {
-              htmlFor: L,
-              className: n(
-                "lsd:block lsd:text-sm",
-                p.label,
-                e ? "lsd:text-lsd-text-secondary" : "lsd:text-lsd-text-primary"
-              ),
-              children: y
-            }
-          ),
-          /* @__PURE__ */ S(B, { open: E, onOpenChange: A, children: [
-            /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ S(
-              "div",
-              {
-                className: n(
-                  "lsd:flex lsd:justify-between",
-                  p.inputContainer,
-                  I === "outlined" ? e ? "lsd:border lsd:border-lsd-text-secondary" : "lsd:border lsd:border-lsd-border" : e ? "lsd:border lsd:border-transparent lsd:border-b-lsd-text-secondary" : "lsd:border lsd:border-transparent lsd:border-b-lsd-border",
-                  e ? "lsd:cursor-not-allowed" : "lsd:cursor-pointer"
-                ),
-                children: [
-                  /* @__PURE__ */ r(
-                    "input",
-                    {
-                      ref: O,
-                      id: L,
-                      value: z,
-                      placeholder: i,
-                      onChange: (t) => h(t.target.value),
-                      disabled: e,
-                      readOnly: !0,
-                      className: n(
-                        "lsd:border-none lsd:outline-none lsd:bg-none lsd:w-full lsd:text-[14px]",
-                        p.input,
-                        e ? "lsd:text-lsd-text-secondary lsd:cursor-not-allowed" : "lsd:text-lsd-text-primary",
-                        T && "lsd:line-through",
-                        "lsd:placeholder:text-lsd-text-primary lsd:placeholder:opacity-30"
-                      )
-                    }
-                  ),
-                  a && /* @__PURE__ */ r(
-                    "div",
-                    {
-                      className: n("lsd:flex lsd:items-center", p.icon),
-                      children: a
-                    }
-                  ),
-                  b && P && /* @__PURE__ */ r(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: U,
-                      disabled: e,
-                      className: n(
-                        "lsd:flex lsd:items-center",
-                        p.icon,
-                        e ? "lsd:cursor-not-allowed" : "lsd:cursor-pointer"
-                      ),
-                      children: /* @__PURE__ */ r(
-                        X,
-                        {
-                          className: n(
-                            "lsd:h-4 lsd:w-4",
-                            e ? "lsd:text-lsd-text-secondary" : "lsd:text-lsd-icon-primary"
-                          )
-                        }
-                      )
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ r(
-              W,
-              {
-                searchText: u,
-                onSearchTextChange: h,
-                placeholder: i,
-                loadingText: C,
-                emptyText: o,
-                isLoading: k,
-                filteredOptions: D,
-                onSelect: M
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-G.displayName = "Autocomplete";
-export {
-  Z as A,
-  Y as a,
-  G as b,
-  q as u
-};