laif-ds 0.1.17 → 0.1.19

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  a as default
+  x as default
 };

package/dist/_virtual/index4.js

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

package/dist/components/ui/app-sidebar.js

@@ -1,40 +1,68 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Sidebar as o, SidebarHeader as u, SidebarContent as S, SidebarGroup as b, SidebarGroupLabel as p, SidebarGroupContent as m, SidebarMenu as f, SidebarMenuItem as x, SidebarMenuButton as M, SidebarMenuSub as N, SidebarMenuSubItem as v, SidebarMenuSubButton as A, SidebarRail as C } from "./sidebar.js";
-import { Icon as d } from "./icon.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import * as f from "react";
+import { Sidebar as x, SidebarHeader as v, SidebarContent as N, SidebarGroup as C, SidebarGroupLabel as M, SidebarGroupContent as A, SidebarMenu as I, SidebarMenuItem as g, SidebarMenuButton as w, SidebarMenuSub as j, SidebarMenuSubItem as G, SidebarMenuSubButton as R, SidebarRail as k } from "./sidebar.js";
+import { Icon as t } from "./icon.js";
 function H({
-  navigation: c,
-  versions: G,
-  defaultVersion: j,
-  headerContent: l,
-  footerContent: t,
-  showRail: s = !0,
-  ...h
+  navigation: o,
+  versions: z,
+  defaultVersion: B,
+  headerContent: s,
+  footerContent: h,
+  showRail: u = !0,
+  ...m
 }) {
-  return /* @__PURE__ */ n(o, { ...h, children: [
-    l && /* @__PURE__ */ e(u, { children: l }),
-    /* @__PURE__ */ e(S, { children: c.map((a) => /* @__PURE__ */ n(b, { children: [
-      /* @__PURE__ */ e(p, { children: a.title }),
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(f, { children: a.items.map((i) => /* @__PURE__ */ n(x, { children: [
-        /* @__PURE__ */ e(M, { asChild: !0, isActive: i.isActive, children: /* @__PURE__ */ n("a", { href: i.url, className: "flex items-center gap-2", children: [
-          i.iconName && /* @__PURE__ */ e(d, { name: i.iconName, size: "sm" }),
-          /* @__PURE__ */ e("span", { children: i.title })
-        ] }) }),
-        i.subItems && i.subItems.length > 0 && /* @__PURE__ */ e(N, { children: i.subItems.map((r) => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-          A,
-          {
-            asChild: !0,
-            isActive: r.isActive,
-            children: /* @__PURE__ */ n("a", { href: r.url, className: "flex items-center gap-2", children: [
-              r.iconName && /* @__PURE__ */ e(d, { name: r.iconName, size: "xs" }),
-              /* @__PURE__ */ e("span", { children: r.title })
-            ] })
-          }
-        ) }, r.title)) })
-      ] }, i.title)) }) })
-    ] }, a.title)) }),
-    t,
-    s && /* @__PURE__ */ e(C, {})
+  const [p, S] = f.useState({});
+  return /* @__PURE__ */ r(x, { ...m, children: [
+    s && /* @__PURE__ */ e(v, { children: s }),
+    /* @__PURE__ */ e(N, { children: o.map((l) => /* @__PURE__ */ r(C, { children: [
+      /* @__PURE__ */ e(M, { children: l.title }),
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(I, { children: l.items.map((i) => {
+        const a = i.subItems && i.subItems.length > 0, d = p[i.title] || !1, b = (n) => {
+          a && (n.preventDefault(), S((c) => ({
+            ...c,
+            [i.title]: !c[i.title]
+          })));
+        };
+        return /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ e(
+            w,
+            {
+              asChild: !0,
+              isActive: i.isActive,
+              children: /* @__PURE__ */ r(
+                "a",
+                {
+                  href: a ? "#" : i.url,
+                  className: "flex items-center justify-between gap-2",
+                  onClick: a ? b : void 0,
+                  children: [
+                    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+                      i.iconName && /* @__PURE__ */ e(t, { name: i.iconName, size: "sm" }),
+                      /* @__PURE__ */ e("span", { children: i.title })
+                    ] }),
+                    a && /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: d ? /* @__PURE__ */ e(t, { name: "ChevronDown", className: "h-4 w-4" }) : /* @__PURE__ */ e(t, { name: "ChevronRight", className: "h-4 w-4" }) })
+                  ]
+                }
+              )
+            }
+          ),
+          a && d && /* @__PURE__ */ e(j, { children: i.subItems.map((n) => /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+            R,
+            {
+              asChild: !0,
+              isActive: n.isActive,
+              children: /* @__PURE__ */ r("a", { href: n.url, className: "flex items-center gap-2", children: [
+                n.iconName && /* @__PURE__ */ e(t, { name: n.iconName, size: "xs" }),
+                /* @__PURE__ */ e("span", { children: n.title })
+              ] })
+            }
+          ) }, n.title)) })
+        ] }, i.title);
+      }) }) })
+    ] }, l.title)) }),
+    h,
+    u && /* @__PURE__ */ e(k, {})
   ] });
 }
 export {

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import * as V from "react";
-import { useState as r, useEffect as g, useCallback as F } from "react";
+import { useState as r, useEffect as y, useCallback as F } from "react";
 import { useDebounce as ee } from "../../hooks/use-debounce.js";
 import { cva as te } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as D } from "../../lib/utils.js";
@@ -14,13 +14,13 @@ import fe from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.
 import pe from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import ue from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const he = te(
-  "justify-between",
+  "flex items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
   {
     variants: {
       size: {
         default: "h-9 text-sm",
         sm: "h-8 text-xs",
-        lg: "h-10 text-lg font-normal"
+        lg: "h-10 text-lg"
       }
     },
     defaultVariants: {
@@ -28,7 +28,7 @@ const he = te(
     }
   }
 );
-function Oe({
+function Ee({
   fetcher: l,
   preload: d,
   filterFn: x,
@@ -43,22 +43,22 @@ function Oe({
   value: a,
   onChange: m,
   disabled: j = !1,
-  width: E = "200px",
+  width: k = "200px",
   className: q,
   triggerClassName: H,
   noResultsMessage: J,
   clearable: v = !0,
   size: K
 }) {
-  const [f, Q] = r(!1), [O, N] = r(!1), [o, p] = r([]), [w, u] = r(!1), [C, h] = r(null), [S, b] = r(a), [z, L] = r(null), [T, W] = r(""), y = ee(T, d ? 0 : 300), [k, P] = r([]);
-  g(() => {
-    Q(!0), b(a);
-  }, [a]), g(() => {
+  const [f, Q] = r(!1), [E, N] = r(!1), [o, p] = r([]), [w, u] = r(!1), [b, h] = r(null), [C, S] = r(a), [z, L] = r(null), [O, W] = r(""), g = ee(O, d ? 0 : 300), [T, P] = r([]);
+  y(() => {
+    Q(!0), S(a);
+  }, [a]), y(() => {
     if (a && o.length > 0) {
       const t = o.find((s) => i(s) === a);
       t && L(t);
     }
-  }, [a, o, i]), g(() => {
+  }, [a, o, i]), y(() => {
     f || (async () => {
       try {
         u(!0), h(null);
@@ -70,11 +70,11 @@ function Oe({
         u(!1);
       }
     })();
-  }, [f, l, a]), g(() => {
+  }, [f, l, a]), y(() => {
     const t = async () => {
       try {
         u(!0), h(null);
-        const s = await l(y);
+        const s = await l(g);
         P(s), p(s);
       } catch (s) {
         h(s instanceof Error ? s.message : "Failed to fetch options");
@@ -82,13 +82,13 @@ function Oe({
         u(!1);
       }
     };
-    f && d ? d && p(y ? k.filter((s) => x ? x(s, y) : !0) : k) : t();
-  }, [l, y, f, d, x]);
+    f && d ? d && p(g ? T.filter((s) => x ? x(s, g) : !0) : T) : t();
+  }, [l, g, f, d, x]);
   const Y = F((t) => {
-    const s = v && t === S ? "" : t;
-    b(s), L(o.find((_) => i(_) === s) || null), m(s), N(!1);
-  }, [S, m, v, o, i]), Z = F((t) => {
-    t.stopPropagation(), t.preventDefault(), b(""), L(null), m(""), N(!1);
+    const s = v && t === C ? "" : t;
+    S(s), L(o.find((_) => i(_) === s) || null), m(s), N(!1);
+  }, [C, m, v, o, i]), Z = F((t) => {
+    t.stopPropagation(), t.preventDefault(), S(""), L(null), m(""), N(!1);
   }, [m]), I = V.useId();
   return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
     c && /* @__PURE__ */ e(
@@ -99,23 +99,24 @@ function Oe({
         children: c
       }
     ),
-    /* @__PURE__ */ n(le, { open: O, onOpenChange: N, children: [
+    /* @__PURE__ */ n(le, { open: E, onOpenChange: N, children: [
       /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ e(
         se,
         {
           id: I,
-          variant: "outline",
+          variant: "ghost",
           role: "combobox",
-          "aria-expanded": O,
+          "aria-expanded": E,
           className: D(
             he({ size: K }),
             j && "opacity-50 cursor-not-allowed",
-            H
+            H,
+            "font-normal"
           ),
-          style: { width: E },
+          style: { width: k },
           disabled: j,
           children: /* @__PURE__ */ n("div", { className: "flex-1 flex items-center justify-between overflow-hidden", children: [
-            z ? /* @__PURE__ */ e("div", { className: "truncate", children: B(z) }) : /* @__PURE__ */ e("span", { className: "text-d-secondary-foreground hover:text-d-foreground", children: X }),
+            z ? /* @__PURE__ */ e("div", { className: "truncate", children: B(z) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: X }),
             /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
               v && z && /* @__PURE__ */ e(
                 "div",
@@ -124,7 +125,7 @@ function Oe({
                   onClick: Z,
                   onMouseDown: (t) => t.preventDefault(),
                   "aria-label": "Clear selection",
-                  children: /* @__PURE__ */ e(me, { size: 12, className: "text-d-foreground" })
+                  children: /* @__PURE__ */ e(me, { size: 8, className: "text-d-foreground" })
                 }
               ),
               /* @__PURE__ */ e(fe, { className: "opacity-50", size: 10 })
@@ -132,13 +133,13 @@ function Oe({
           ] })
         }
       ) }),
-      /* @__PURE__ */ e(de, { style: { width: E }, className: D("p-0", q), children: /* @__PURE__ */ n(oe, { shouldFilter: !1, children: [
+      /* @__PURE__ */ e(de, { style: { width: k }, className: D("p-0", q), children: /* @__PURE__ */ n(oe, { shouldFilter: !1, children: [
         /* @__PURE__ */ n("div", { className: "relative border-b w-full", children: [
           /* @__PURE__ */ e(
             re,
             {
               placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
-              value: T,
+              value: O,
               onValueChange: (t) => {
                 W(t);
               }
@@ -147,9 +148,9 @@ function Oe({
           w && o.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) })
         ] }),
         /* @__PURE__ */ n(ae, { children: [
-          C && /* @__PURE__ */ e("div", { className: "p-3 text-d-destructive text-center", children: C }),
-          w && o.length === 0 && (R || /* @__PURE__ */ e(ye, {})),
-          !w && !C && o.length === 0 && (G || /* @__PURE__ */ e(ie, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
+          b && /* @__PURE__ */ e("div", { className: "p-3 text-d-destructive text-center", children: b }),
+          w && o.length === 0 && (R || /* @__PURE__ */ e(ge, {})),
+          !w && !b && o.length === 0 && (G || /* @__PURE__ */ e(ie, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
           /* @__PURE__ */ e(M, { children: o.map((t) => /* @__PURE__ */ n(
             $,
             {
@@ -162,7 +163,7 @@ function Oe({
                   {
                     className: D(
                       "ml-auto h-3 w-3",
-                      S === i(t) ? "opacity-100" : "opacity-0"
+                      C === i(t) ? "opacity-100" : "opacity-0"
                     )
                   }
                 )
@@ -175,7 +176,7 @@ function Oe({
     ] })
   ] });
 }
-function ye() {
+function ge() {
   return /* @__PURE__ */ e(M, { children: [1, 2, 3].map((l) => /* @__PURE__ */ e($, { disabled: !0, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2 w-full", children: [
     /* @__PURE__ */ e("div", { className: "h-6 w-6 rounded-full animate-pulse bg-d-secondary" }),
     /* @__PURE__ */ n("div", { className: "flex flex-col flex-1 gap-1", children: [
@@ -185,5 +186,5 @@ function ye() {
   ] }) }, l)) });
 }
 export {
-  Oe as AsyncSelect
+  Ee as AsyncSelect
 };

package/dist/components/ui/calendar.js

@@ -15,7 +15,7 @@ function h({
     l,
     {
       showOutsideDays: i,
-      className: e("p-3", n),
+      className: e("p-3 font-normal", n),
       classNames: {
         months: "flex flex-col sm:flex-row gap-2",
         month: "flex flex-col gap-4",

package/dist/components/ui/date-picker.js

@@ -1,59 +1,59 @@
 "use client";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { cn as x } from "../../lib/utils.js";
+import { cn as g } from "../../lib/utils.js";
 import { Button as h } from "./button.js";
-import { Calendar as P } from "./calendar.js";
-import { Popover as g, PopoverTrigger as C, PopoverContent as j } from "./popover.js";
-import { formatDate as v } from "../../node_modules/date-fns/format.js";
-function B({
+import { Calendar as x } from "./calendar.js";
+import { Popover as P, PopoverTrigger as w, PopoverContent as y } from "./popover.js";
+import { formatDate as b } from "../../node_modules/date-fns/format.js";
+function N({
   value: r,
-  onChange: n,
+  onChange: a,
   placeholder: l = "Seleziona data",
-  dateFormat: f = "PPP",
-  className: m,
-  buttonVariant: p = "outline",
-  disabled: e = !1,
-  size: a = "default"
+  dateFormat: d = "PPP",
+  className: f,
+  buttonVariant: m = "outline",
+  disabled: t = !1,
+  size: n = "default"
 }) {
   const [o, i] = c.useState(r);
   c.useEffect(() => {
     i(r);
   }, [r]);
-  const d = (s) => {
-    i(s), n && n(s);
+  const p = (s) => {
+    i(s), a && a(s);
   };
-  return /* @__PURE__ */ u(g, { open: e ? !1 : void 0, children: [
-    /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ u(P, { open: t ? !1 : void 0, children: [
+    /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
       h,
       {
-        variant: p,
-        size: a,
-        className: x(
-          "justify-start text-left font-normal",
+        variant: m,
+        size: n,
+        className: g(
+          "flex items-center justify-between whitespace-nowrap border border-d-input bg-d-transparent px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-d-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 font-normal",
           !o && "text-d-secondary-foreground",
-          e && "opacity-50 cursor-not-allowed",
-          m,
-          a === "sm" && "text-xs",
-          a === "lg" && "text-lg"
+          t && "opacity-50 cursor-not-allowed",
+          f,
+          n === "sm" && "text-xs",
+          n === "lg" && "text-lg"
         ),
-        disabled: e,
+        disabled: t,
         iconLeft: "Calendar",
-        children: o ? v(o, f) : /* @__PURE__ */ t("span", { children: l })
+        children: o ? b(o, d) : /* @__PURE__ */ e("span", { children: l })
       }
     ) }),
-    /* @__PURE__ */ t(j, { className: "w-auto p-0", children: /* @__PURE__ */ t(
-      P,
+    /* @__PURE__ */ e(y, { className: "w-auto p-0", children: /* @__PURE__ */ e(
+      x,
       {
         mode: "single",
         selected: o,
-        onSelect: d,
+        onSelect: p,
         initialFocus: !0,
-        disabled: e
+        disabled: t
       }
     ) })
   ] });
 }
 export {
-  B as DatePicker
+  N as DatePicker
 };

package/dist/components/ui/input.js

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