laif-ds 0.1.89 → 0.1.90

package/dist/_virtual/index2.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  e as __module
+  m as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -1,42 +1,43 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as F } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
 import * as t from "react";
-import { useEffect as T } from "react";
-import { cn as p } from "../../lib/utils.js";
-import { Label as G } from "./label.js";
+import { useEffect as E } from "react";
+import { cn as m } from "../../lib/utils.js";
+import { Label as F } from "./label.js";
 import { Badge as V } from "./badge.js";
-import { Button as N } from "./button.js";
+import { Button as G } from "./button.js";
 import { Popover as X, PopoverTrigger as $, PopoverContent as q } from "./popover.js";
 import { Command as H, CommandList as I, CommandEmpty as J, CommandGroup as K, CommandItem as Q } from "./command.js";
 import { inputVariants as U } from "./input.js";
 import { Checkbox as Y } from "./checkbox.js";
-import { Icon as y } from "./icon.js";
-import Z from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const _ = t.createContext({ size: "default" });
-function me({
+import { Icon as N } from "./icon.js";
+import { selectTriggerVariants as Z } from "./async-select.js";
+import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const ee = t.createContext({ size: "default" });
+function pe({
   options: i,
   value: n,
   onChange: s,
-  onClear: h,
-  placeholder: k = "Seleziona...",
-  disabled: z = !1,
-  size: g = "default",
+  onClear: g,
+  placeholder: y = "Seleziona...",
+  disabled: k = !1,
+  size: f = "default",
   label: b,
-  labelClassName: M,
-  emptyMessage: P = "Nessun risultato trovato",
-  className: R,
-  filterPlaceholder: j = "Cerca...",
-  filterable: D = !1,
-  cancelLabel: O = "Cancella selezione",
-  cancelButtonLabel: S = "Cancella",
+  labelClassName: z,
+  emptyMessage: M = "Nessun risultato trovato",
+  className: P,
+  filterPlaceholder: R = "Cerca...",
+  filterable: j = !1,
+  cancelLabel: D = "Cancella selezione",
+  cancelButtonLabel: O = "Cancella",
   maxSelectedItems: a
 }) {
-  const m = t.useId(), [o, L] = t.useState(!1), [c, v] = t.useState(""), [B, W] = t.useState(
+  const p = t.useId(), [o, S] = t.useState(!1), [d, v] = t.useState(""), [L, B] = t.useState(
     void 0
-  ), A = t.useRef(null), f = t.useRef(null), w = t.useCallback(
+  ), T = t.useRef(null), h = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        s(n.filter((d) => d !== e));
+        s(n.filter((c) => c !== e));
       else {
         if (a && n.length >= a)
           return;
@@ -45,44 +46,44 @@ function me({
     },
     [n, s, a]
   ), x = t.useCallback(() => {
-    s([]), v(""), h && h();
-  }, [s]), u = t.useMemo(() => i.filter((e) => n.includes(e.value)), [i, n]), E = t.useMemo(() => c ? i.filter(
-    (e) => e.label.toLowerCase().includes(c.toLowerCase())
-  ) : i, [i, c]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
-  return T(() => {
-    if (o && f.current) {
-      const e = f.current.getBoundingClientRect();
-      W(e.width);
+    s([]), v(""), g && g();
+  }, [s]), u = t.useMemo(() => i.filter((e) => n.includes(e.value)), [i, n]), W = t.useMemo(() => d ? i.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : i, [i, d]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
+  return E(() => {
+    if (o && h.current) {
+      const e = h.current.getBoundingClientRect();
+      B(e.width);
     }
-  }, [o]), /* @__PURE__ */ r(_.Provider, { value: { size: g, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
-    b && /* @__PURE__ */ r(G, { htmlFor: m, className: M, children: b }),
+  }, [o]), /* @__PURE__ */ r(ee.Provider, { value: { size: f, id: p }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    b && /* @__PURE__ */ r(F, { htmlFor: p, className: m(z, "w-fit"), children: b }),
     /* @__PURE__ */ r(
       "div",
       {
-        ref: A,
+        ref: T,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
-        children: /* @__PURE__ */ l(X, { open: o, onOpenChange: L, children: [
+        children: /* @__PURE__ */ l(X, { open: o, onOpenChange: S, children: [
           /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ l(
-            N,
+            "button",
             {
-              id: m,
+              id: p,
               type: "button",
-              variant: "outline",
               role: "combobox",
               "aria-expanded": o,
-              disabled: z,
-              ref: f,
-              className: p(
-                "!bg-d-input relative w-full justify-between border font-normal",
-                "border-d-input ring-offset-background flex items-center rounded-md border whitespace-nowrap shadow-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              disabled: k,
+              ref: h,
+              className: m(
+                Z({ size: f }),
+                "!bg-d-input hover:bg-d-input/50 relative w-full justify-between font-normal",
+                "ring-offset-background border-d-border/50 flex items-center rounded-md border whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
                 "focus-visible:ring-d-ring focus-visible:ring-1",
                 o && "ring-d-ring ring-1",
-                R
+                P
               ),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(F, { children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
                     V,
                     {
@@ -102,9 +103,9 @@ function me({
                         e.stopPropagation(), e.preventDefault(), x();
                       },
                       onMouseDown: (e) => e.preventDefault(),
-                      "aria-label": O,
+                      "aria-label": D,
                       children: /* @__PURE__ */ r(
-                        y,
+                        N,
                         {
                           name: "X",
                           size: "xs",
@@ -113,29 +114,29 @@ function me({
                       )
                     }
                   )
-                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: k }) }),
-                /* @__PURE__ */ r(Z, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
+                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: y }) }),
+                /* @__PURE__ */ r(_, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ) }),
           /* @__PURE__ */ r(
             q,
             {
-              className: p("p-0"),
-              style: { width: B },
+              className: m("p-0"),
+              style: { width: L },
               align: "start",
               side: "bottom",
               sideOffset: 4,
               onWheel: (e) => e.stopPropagation(),
               avoidCollisions: !1,
-              children: /* @__PURE__ */ l(H, { className: "bg-d-popover w-full rounded-md border border-none shadow-lg", children: [
-                D && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
+              children: /* @__PURE__ */ l(H, { className: "bg-d-popover w-full rounded-md border border-none", children: [
+                j && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
                   /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ r(
-                      y,
+                      N,
                       {
                         name: "Search",
-                        className: "text-d-accent-foreground",
+                        className: "text-d-accent-foreground opacity-50",
                         size: "sm"
                       }
                     ),
@@ -143,43 +144,43 @@ function me({
                       "input",
                       {
                         id: "app-multiple-select-dropdown-filter",
-                        placeholder: j,
-                        value: c,
+                        placeholder: R,
+                        value: d,
                         onChange: (e) => v(e.target.value),
-                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${U({ size: g })} !shadow-none`
+                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${U({ size: f })} !shadow-none`
                       }
                     )
                   ] }),
                   u.length > 0 && /* @__PURE__ */ r(
-                    N,
+                    G,
                     {
                       variant: "ghost",
                       size: "sm",
                       className: "h-6 px-2 text-xs",
                       onClick: x,
-                      children: S
+                      children: O
                     }
                   )
                 ] }),
                 /* @__PURE__ */ l(I, { className: "max-h-60 w-full", children: [
-                  /* @__PURE__ */ r(J, { children: P }),
-                  /* @__PURE__ */ r(K, { children: E.map((e) => {
-                    const d = n.includes(e.value);
+                  /* @__PURE__ */ r(J, { children: M }),
+                  /* @__PURE__ */ r(K, { children: W.map((e) => {
+                    const c = n.includes(e.value);
                     return /* @__PURE__ */ l(
                       Q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !d && C,
+                        disabled: e.disabled || !c && C,
                         onSelect: () => w(e.value),
-                        className: p(
+                        className: m(
                           "aria-selected:!bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !d && C) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !c && C) && "cursor-not-allowed opacity-50"
                         ),
                         children: [
                           /* @__PURE__ */ r(
                             Y,
                             {
-                              checked: d,
+                              checked: c,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
                                 console.log("checkbox change for:", e.value), w(e.value);
@@ -202,5 +203,5 @@ function me({
   ] }) });
 }
 export {
-  me as AppMultipleSelectDropdown
+  pe as AppMultipleSelectDropdown
 };

package/dist/components/ui/async-select.js

@@ -4,7 +4,7 @@ import * as p from "react";
 import { useState as a, useEffect as h, useCallback as A } from "react";
 import { useDebounce as re } from "../../hooks/use-debounce.js";
 import { cva as oe } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as S } from "../../lib/utils.js";
+import { cn as g } from "../../lib/utils.js";
 import { Label as le } from "./label.js";
 import { Popover as ae, PopoverTrigger as ie, PopoverContent as ce } from "./popover.js";
 import { Command as de, CommandInput as fe, CommandList as me, CommandEmpty as ue, CommandGroup as G, CommandItem as M } from "./command.js";
@@ -12,7 +12,7 @@ import { Icon as B } from "./icon.js";
 import pe from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import he from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const ge = oe(
-  "flex items-center justify-between whitespace-nowrap rounded-md border border-d-input bg-d-input px-3 py-2 shadow-sm data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 ",
+  "flex items-center justify-between whitespace-nowrap rounded-md border border-d-input bg-d-input px-3 py-2 data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 ",
   {
     variants: {
       size: {
@@ -29,17 +29,17 @@ const ge = oe(
 function Te({
   fetcher: c,
   preload: f,
-  filterFn: R,
+  filterFn: S,
   renderOption: k,
   getOptionValue: i,
-  getDisplayValue: g,
+  getDisplayValue: x,
   notFound: U,
   loadingSkeleton: X,
   label: z,
   labelClassName: $,
   placeholder: O = "Select...",
   value: r = "",
-  onChange: x,
+  onChange: w,
   disabled: W = !1,
   width: m = "200px",
   triggerClassName: q,
@@ -47,12 +47,12 @@ function Te({
   clearable: L = !0,
   size: J
 }) {
-  const [l, j] = a(!1), w = m === "auto", I = p.useRef(null), T = p.useRef(null), K = p.useRef(null), Q = p.useRef(null), [y, v] = a(!1), [N, b] = a(null), [E, C] = a(null), [D, Y] = a(""), u = re(D, f ? 0 : 300), [P, F] = a([]), [n, d] = a([]), [Z, _] = a(
+  const [l, j] = a(!1), y = m === "auto", I = p.useRef(null), T = p.useRef(null), K = p.useRef(null), Q = p.useRef(null), [N, b] = a(!1), [v, C] = a(null), [E, R] = a(null), [D, Y] = a(""), u = re(D, f ? 0 : 300), [P, F] = a([]), [n, d] = a([]), [Z, _] = a(
     void 0
   );
   h(() => ((async () => {
     try {
-      if (v(!0), b(null), f) {
+      if (b(!0), C(null), f) {
         const s = await c("");
         F(s), d(s);
       } else {
@@ -60,11 +60,11 @@ function Te({
         d(s);
       }
     } catch (s) {
-      b(
+      C(
         s instanceof Error ? s.message : "Failed to fetch options"
       );
     } finally {
-      v(!1);
+      b(!1);
     }
   })(), () => {
     d([]), F([]);
@@ -73,7 +73,7 @@ function Te({
       if (f)
         if (u) {
           const t = P.filter(
-            (s) => R ? R(s, u) : String(g(s)).toLowerCase().includes(u.toLowerCase())
+            (s) => S ? S(s, u) : String(x(s)).toLowerCase().includes(u.toLowerCase())
           );
           d(t);
         } else
@@ -81,29 +81,29 @@ function Te({
       else
         (async () => {
           try {
-            v(!0), b(null);
+            b(!0), C(null);
             const s = await c(u);
             d(s);
           } catch (s) {
-            b(
+            C(
               s instanceof Error ? s.message : "Failed to fetch options"
             );
           } finally {
-            v(!1);
+            b(!1);
           }
         })();
   }, [
     l,
     u,
     f,
-    R,
+    S,
     P,
-    g
+    x
   ]), h(() => {
     if (r && n.length > 0) {
       const t = n.find((s) => i(s) === r);
-      C(t || null);
-    } else r || C(null);
+      R(t || null);
+    } else r || R(null);
   }, [r, n, i]), h(() => {
     l && I.current && I.current.focus();
   }, [l]), h(() => {
@@ -115,37 +115,38 @@ function Te({
   const V = A(
     (t) => {
       const s = L && t === r ? "" : t, se = n.find((ne) => i(ne) === s) || null;
-      C(se), x(s), j(!1);
+      R(se), w(s), j(!1);
     },
-    [r, x, L, n, i]
+    [r, w, L, n, i]
   ), ee = A(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), C(null), x(""), j(!1);
+      t.stopPropagation(), t.preventDefault(), R(null), w(""), j(!1);
     },
-    [x]
+    [w]
   ), te = p.useId();
-  return /* @__PURE__ */ o("div", { className: S("space-y-1.5", w && "w-full"), children: [
-    z && /* @__PURE__ */ e(le, { className: $, children: z }),
+  return /* @__PURE__ */ o("div", { className: g("space-y-1.5", y && "w-full"), children: [
+    z && /* @__PURE__ */ e(le, { className: g($, "w-fit"), children: z }),
     /* @__PURE__ */ e("div", { ref: K, className: "relative", "data-slot": "async-select", children: /* @__PURE__ */ o(ae, { open: l, onOpenChange: j, children: [
       /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(
         "button",
         {
           id: te,
+          ref: T,
           type: "button",
           disabled: W,
-          className: S(
+          className: g(
             ge({ size: J }),
+            "!border-d-border/50 border !shadow-none",
             W && "cursor-not-allowed opacity-50",
             q,
             "font-normal",
-            w && "w-full",
+            y && "w-full",
             "focus-visible:ring-d-ring focus-visible:ring-1",
             l && "ring-d-ring ring-1"
           ),
-          style: w ? void 0 : { width: m },
-          ref: T,
+          style: y ? void 0 : { width: m },
           children: /* @__PURE__ */ o("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
-            E ? /* @__PURE__ */ e("div", { className: "truncate", children: g(E) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: O }),
+            E ? /* @__PURE__ */ e("div", { className: "truncate", children: x(E) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground", children: O }),
             /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-end gap-1", children: [
               L && E && /* @__PURE__ */ e(
                 "div",
@@ -179,9 +180,9 @@ function Te({
       /* @__PURE__ */ e(
         ce,
         {
-          className: S("p-0"),
+          className: g("p-0"),
           style: {
-            width: w ? Z : typeof m == "number" ? `${m}px` : m
+            width: y ? Z : typeof m == "number" ? `${m}px` : m
           },
           align: "start",
           side: "bottom",
@@ -192,34 +193,35 @@ function Te({
             de,
             {
               shouldFilter: !1,
-              className: "w-full border-none shadow-lg",
+              className: "w-full border-none shadow-sm",
               children: [
                 /* @__PURE__ */ e(
                   fe,
                   {
                     ref: I,
                     placeholder: O,
+                    className: "placeholder:text-d-muted-foreground",
                     value: D,
                     onValueChange: Y
                   }
                 ),
-                y && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) }),
+                N && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) }),
                 /* @__PURE__ */ o(me, { ref: Q, children: [
-                  N && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: N }),
-                  y && n.length === 0 && (X || /* @__PURE__ */ e(xe, {})),
-                  !y && !N && n.length === 0 && (U || /* @__PURE__ */ e(ue, { children: H || "No results found." })),
-                  !y && !N && n.length > 0 && /* @__PURE__ */ e(G, { children: n.map((t) => /* @__PURE__ */ o(
+                  v && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: v }),
+                  N && n.length === 0 && (X || /* @__PURE__ */ e(xe, {})),
+                  !N && !v && n.length === 0 && (U || /* @__PURE__ */ e(ue, { children: H || "No results found." })),
+                  !N && !v && n.length > 0 && /* @__PURE__ */ e(G, { children: n.map((t) => /* @__PURE__ */ o(
                     M,
                     {
                       value: i(t),
                       onSelect: V,
                       className: "cursor-pointer",
                       children: [
-                        k ? k(t) : /* @__PURE__ */ e("span", { children: g(t) }),
+                        k ? k(t) : /* @__PURE__ */ e("span", { children: x(t) }),
                         /* @__PURE__ */ e(
                           he,
                           {
-                            className: S(
+                            className: g(
                               "ml-auto h-4 w-4",
                               r === i(t) ? "opacity-100" : "opacity-0"
                             )
@@ -249,5 +251,5 @@ function xe() {
 }
 export {
   Te as AsyncSelect,
-  ge as asyncSelectTriggerVariants
+  ge as selectTriggerVariants
 };

package/dist/components/ui/button.js

@@ -9,8 +9,8 @@ const b = m(
   {
     variants: {
       variant: {
-        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25 before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
-        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60 before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
+        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
+        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
         outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
         "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary hover:bg-d-primary/5 hover:border-d-primary/80 ",
         secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground ",
@@ -34,22 +34,22 @@ function w({
   className: o,
   variant: a,
   size: e,
-  asChild: d = !1,
-  iconLeft: n,
-  iconRight: s,
+  asChild: n = !1,
+  iconLeft: d,
+  iconRight: i,
   isLoading: f = !1,
   ...t
 }) {
-  const i = d ? v : "button";
-  return d ? /* @__PURE__ */ r(
-    i,
+  const s = n ? v : "button";
+  return n ? /* @__PURE__ */ r(
+    s,
     {
       "data-slot": "button",
       className: l(b({ variant: a, size: e, className: o })),
       ...t
     }
   ) : /* @__PURE__ */ c(
-    i,
+    s,
     {
       "data-slot": "button",
       className: l(b({ variant: a, size: e, className: o }), "relative"),
@@ -86,18 +86,18 @@ function w({
               )
             ]
           }
-        ) : n && /* @__PURE__ */ r(
+        ) : d && /* @__PURE__ */ r(
           u,
           {
-            name: n,
+            name: d,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        s && /* @__PURE__ */ r(
+        i && /* @__PURE__ */ r(
           u,
           {
-            name: s,
+            name: i,
             size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         )

package/dist/components/ui/data-table.js

@@ -242,7 +242,7 @@ function Ue({
           ),
           /* @__PURE__ */ n("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: d && d.length > 0 && /* @__PURE__ */ h(W, { className: "h-full w-full", children: [
             /* @__PURE__ */ n(F, { orientation: "horizontal" }),
-            /* @__PURE__ */ n("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: d.map((e, t) => {
+            /* @__PURE__ */ n("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 p-0.5 sm:justify-end", children: d.map((e, t) => {
               const l = I[e.column] ?? [];
               return /* @__PURE__ */ n(
                 Re,

package/dist/components/ui/input.js

@@ -2,11 +2,11 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as x from "react";
 import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as s } from "../../lib/utils.js";
+import { cn as l } from "../../lib/utils.js";
 import { Label as v } from "./label.js";
-import { Icon as l } from "./icon.js";
+import { Icon as s } from "./icon.js";
 const b = g(
-  "file:text-d-foreground placeholder:text-d-muted-foreground selection:bg-d-primary selection:text-d-primary-foreground border-d-input flex w-full min-w-0 rounded-md border bg-d-input px-3 py-1 text-base shadow-sm transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm hover:shadow-md",
+  "file:text-d-foreground placeholder:text-d-muted-foreground shadow-none selection:bg-d-primary selection:text-d-primary-foreground flex w-full min-w-0 rounded-md bg-d-input border border-d-border/50 px-3 py-1 text-base transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
   {
     variants: {
       size: {
@@ -27,33 +27,33 @@ const b = g(
     labelClassName: u,
     id: p,
     iconLeft: i,
-    iconRight: d,
+    iconRight: n,
     size: t,
     ...f
   }, c) => {
-    const n = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-    return /* @__PURE__ */ a("div", { className: s("space-y-1.5", o), children: [
-      r && /* @__PURE__ */ e(v, { htmlFor: n, className: u, children: r }),
+    const d = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+    return /* @__PURE__ */ a("div", { className: l("space-y-1.5", o), children: [
+      r && /* @__PURE__ */ e(v, { htmlFor: d, className: u, children: r }),
       /* @__PURE__ */ a("div", { className: "relative w-full", children: [
-        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
         /* @__PURE__ */ e(
           "input",
           {
-            id: n,
+            id: d,
             type: m,
             "data-slot": "input",
-            className: s(
+            className: l(
               b({ size: t }),
               "focus-visible:ring-d-ring focus-visible:ring-1 focus-visible:outline-none",
               "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
               i ? t !== "lg" ? "pl-9" : "pl-10" : "",
-              d ? t !== "lg" ? "pr-9" : "pr-10" : ""
+              n ? t !== "lg" ? "pr-9" : "pr-10" : ""
             ),
             ref: c,
             ...f
           }
         ),
-        d && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: d, size: t === "lg" ? "sm" : "xs" }) })
+        n && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: n, size: t === "lg" ? "sm" : "xs" }) })
       ] })
     ] });
   }