laif-ds 0.1.49 → 0.1.50

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

@@ -1,19 +1,19 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as V 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";
-import { Button as se } from "./button.js";
-import { Label as ne } from "./label.js";
-import { Command as oe, CommandInput as re, CommandList as ae, CommandEmpty as ie, CommandGroup as M, CommandItem as $ } from "./command.js";
-import { Popover as le, PopoverTrigger as ce, PopoverContent as de } from "./popover.js";
-import me from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import fe from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
-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(
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as Y from "react";
+import { useState as c, useEffect as j, useCallback as D } from "react";
+import { useDebounce as Z } from "../../hooks/use-debounce.js";
+import { cva as _ } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as k } from "../../lib/utils.js";
+import { Button as V } from "./button.js";
+import { Label as ee } from "./label.js";
+import { Command as te, CommandInput as oe, CommandList as se, CommandEmpty as ne, CommandGroup as O, CommandItem as A } from "./command.js";
+import { Popover as re, PopoverTrigger as ae, PopoverContent as ce } from "./popover.js";
+import ie from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import le from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
+import de from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import me from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+const fe = _(
   "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: {
@@ -28,162 +28,179 @@ const he = te(
     }
   }
 );
-function Ee({
-  fetcher: l,
-  preload: d,
+function ke({
+  fetcher: i,
+  preload: m,
   filterFn: x,
-  renderOption: A,
-  getOptionValue: i,
-  getDisplayValue: B,
-  notFound: G,
-  loadingSkeleton: R,
-  label: c,
-  labelClassName: U,
-  placeholder: X = "Select...",
-  value: a,
-  onChange: m,
-  disabled: j = !1,
-  width: k = "200px",
-  className: q,
-  triggerClassName: H,
-  noResultsMessage: J,
+  renderOption: F,
+  getOptionValue: a,
+  getDisplayValue: w,
+  notFound: R,
+  loadingSkeleton: $,
+  label: l,
+  labelClassName: B,
+  placeholder: G = "Select...",
+  value: n,
+  onChange: p,
+  disabled: z = !1,
+  width: E = "200px",
+  className: M,
+  triggerClassName: U,
+  noResultsMessage: X,
   clearable: v = !0,
-  size: K
+  size: q
 }) {
-  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]), y(() => {
-    f || (async () => {
-      try {
-        u(!0), h(null);
-        const s = await l(a);
-        P(s), p(s);
-      } catch (s) {
-        h(
-          s instanceof Error ? s.message : "Failed to fetch options"
-        );
-      } finally {
-        u(!1);
-      }
-    })();
-  }, [f, l, a]), y(() => {
-    const t = async () => {
-      try {
-        u(!0), h(null);
-        const s = await l(g);
-        P(s), p(s);
-      } catch (s) {
-        h(
-          s instanceof Error ? s.message : "Failed to fetch options"
+  const [u, N] = c(!1), [r, d] = c([]), [C, h] = c(!1), [b, g] = c(null), [S, y] = c(null), [I, H] = c(""), f = Z(I, m ? 0 : 300), [L, P] = c([]);
+  j(() => ((async () => {
+    try {
+      if (h(!0), g(null), m) {
+        console.log(
+          "[AsyncSelect] Preload attivo: caricamento completo dei dati"
         );
-      } finally {
-        u(!1);
+        const o = await i("");
+        P(o), d(o);
+      } else {
+        const o = await i(n);
+        d(o);
       }
-    };
-    f && d ? d && p(
-      g ? T.filter(
-        (s) => x ? x(s, g) : !0
-      ) : T
-    ) : t();
-  }, [l, g, f, d, x]);
-  const Y = F(
+    } catch (o) {
+      g(
+        o instanceof Error ? o.message : "Failed to fetch options"
+      );
+    } finally {
+      h(!1);
+    }
+  })(), () => {
+    d([]), P([]);
+  }), [i, n, m]), j(() => {
+    if (u)
+      if (m)
+        if (console.log(
+          "[AsyncSelect] Filtraggio locale dei dati con preload attivo"
+        ), f) {
+          const t = L.filter(
+            (o) => x ? x(o, f) : String(w(o)).toLowerCase().includes(f.toLowerCase())
+          );
+          d(t);
+        } else
+          d(L);
+      else
+        (async () => {
+          try {
+            h(!0), g(null);
+            const o = await i(f);
+            d(o);
+          } catch (o) {
+            g(
+              o instanceof Error ? o.message : "Failed to fetch options"
+            );
+          } finally {
+            h(!1);
+          }
+        })();
+  }, [
+    u,
+    f,
+    m,
+    x,
+    L,
+    w
+  ]), j(() => {
+    if (n && r.length > 0) {
+      const t = r.find((o) => a(o) === n);
+      y(t || null);
+    } else n || y(null);
+  }, [n, r, a]);
+  const J = D(
     (t) => {
-      const s = v && t === C ? "" : t;
-      S(s), L(
-        o.find((_) => i(_) === s) || null
-      ), m(s), N(!1);
+      const o = v && t === n ? "" : t, Q = r.find((W) => a(W) === o) || null;
+      y(Q), p(o), N(!1);
     },
-    [C, m, v, o, i]
-  ), Z = F(
+    [n, p, v, r, a]
+  ), K = D(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), S(""), L(null), m(""), N(!1);
+      t.stopPropagation(), t.preventDefault(), y(null), p(""), N(!1);
     },
-    [m]
-  ), I = V.useId();
-  return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
-    c && /* @__PURE__ */ e(ne, { htmlFor: I, className: U, children: c }),
-    /* @__PURE__ */ n(le, { open: E, onOpenChange: N, children: [
-      /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ e(
-        se,
+    [p]
+  ), T = Y.useId();
+  return /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
+    l && /* @__PURE__ */ e(ee, { htmlFor: T, className: B, children: l }),
+    /* @__PURE__ */ s(re, { open: u, onOpenChange: N, children: [
+      /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
+        V,
         {
-          id: I,
+          id: T,
           variant: "ghost",
           role: "combobox",
-          "aria-expanded": E,
-          className: D(
-            he({ size: K }),
-            j && "cursor-not-allowed opacity-50",
-            H,
+          "aria-expanded": u,
+          className: k(
+            fe({ size: q }),
+            z && "cursor-not-allowed opacity-50",
+            U,
             "font-normal"
           ),
-          style: { width: k },
-          disabled: j,
-          children: /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
-            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(
+          style: { width: E },
+          disabled: z,
+          children: /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
+            S ? /* @__PURE__ */ e("div", { className: "truncate", children: w(S) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+              v && S && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "bg-d-secondary/20 hover:bg-d-secondary/30 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
-                  onClick: Z,
+                  onClick: K,
                   onMouseDown: (t) => t.preventDefault(),
                   "aria-label": "Clear selection",
-                  children: /* @__PURE__ */ e(me, { size: 8, className: "text-d-foreground" })
+                  children: /* @__PURE__ */ e(ie, { size: 8, className: "text-d-foreground" })
                 }
               ),
-              /* @__PURE__ */ e(fe, { className: "opacity-50", size: 10 })
+              /* @__PURE__ */ e(le, { className: "opacity-50", size: 10 })
             ] })
           ] })
         }
       ) }),
       /* @__PURE__ */ e(
-        de,
+        ce,
         {
-          style: { width: k },
-          className: D("p-0", q),
-          children: /* @__PURE__ */ n(oe, { shouldFilter: !1, children: [
-            /* @__PURE__ */ n("div", { className: "relative w-full border-b", children: [
+          style: { width: E },
+          className: k("p-0", M),
+          children: /* @__PURE__ */ s(te, { shouldFilter: !1, children: [
+            /* @__PURE__ */ s("div", { className: "relative w-full border-b", children: [
               /* @__PURE__ */ e(
-                re,
+                oe,
                 {
-                  placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
-                  value: O,
+                  placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
+                  value: I,
                   onValueChange: (t) => {
-                    W(t);
+                    H(t);
                   }
                 }
               ),
-              w && o.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-2 flex -translate-y-1/2 transform items-center", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) })
+              C && r.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-2 flex -translate-y-1/2 transform items-center", children: /* @__PURE__ */ e(de, { className: "h-4 w-4 animate-spin" }) })
             ] }),
-            /* @__PURE__ */ n(ae, { children: [
+            /* @__PURE__ */ s(se, { children: [
               b && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 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(
-                $,
+              C && r.length === 0 && ($ || /* @__PURE__ */ e(pe, {})),
+              !C && !b && r.length === 0 && (R || /* @__PURE__ */ e(ne, { children: X ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
+              /* @__PURE__ */ e(O, { children: r.map((t) => /* @__PURE__ */ s(
+                A,
                 {
-                  value: i(t),
-                  onSelect: Y,
+                  value: a(t),
+                  onSelect: J,
                   children: [
-                    A(t),
+                    F(t),
                     /* @__PURE__ */ e(
-                      ue,
+                      me,
                       {
-                        className: D(
+                        className: k(
                           "ml-auto h-3 w-3",
-                          C === i(t) ? "opacity-100" : "opacity-0"
+                          n === a(t) ? "opacity-100" : "opacity-0"
                         )
                       }
                     )
                   ]
                 },
-                i(t)
+                a(t)
               )) })
             ] })
           ] })
@@ -192,15 +209,15 @@ function Ee({
     ] })
   ] });
 }
-function ge() {
-  return /* @__PURE__ */ e(M, { children: [1, 2, 3].map((l) => /* @__PURE__ */ e($, { disabled: !0, children: /* @__PURE__ */ n("div", { className: "flex w-full items-center gap-2", children: [
+function pe() {
+  return /* @__PURE__ */ e(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ e(A, { disabled: !0, children: /* @__PURE__ */ s("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ e("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
-    /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })
-  ] }) }, l)) });
+  ] }) }, i)) });
 }
 export {
-  Ee as AsyncSelect
+  ke as AsyncSelect
 };

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

@@ -1,68 +1,67 @@
 "use client";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { useReactTable as q, flexRender as z } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import J, { useState as S, useEffect as Q } from "react";
-import { Checkbox as A } from "./checkbox.js";
-import { cn as U } from "../../lib/utils.js";
-import { Input as X } from "./input.js";
-import { ScrollArea as D, ScrollBar as y } from "./scroll-area.js";
-import { AppMultipleSelectDropdown as Y } from "./app-multiple-select-dropdown.js";
-import { Table as Z, TableHeader as B, TableRow as w, TableHead as ee, TableBody as te, TableCell as N } from "./table.js";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { useReactTable as K, flexRender as k } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import q, { useState as b, useEffect as J } from "react";
+import { Checkbox as D } from "./checkbox.js";
+import { cn as Q } from "../../lib/utils.js";
+import { Input as U } from "./input.js";
+import { ScrollArea as A, ScrollBar as C } from "./scroll-area.js";
+import { AppMultipleSelectDropdown as X } from "./app-multiple-select-dropdown.js";
+import { Table as Y, TableHeader as Z, TableRow as x, TableHead as B, TableBody as ee, TableCell as p } from "./table.js";
 import { Skeleton as le } from "./skeleton.js";
-import { Pagination as ne, PaginationContent as oe, PaginationItem as p, PaginationFirst as ae, PaginationPrevious as ie, PaginationLink as ce, PaginationNext as se, PaginationLast as re } from "./pagination.js";
-import { getFilteredRowModel as me, getPaginationRowModel as ue, getSortedRowModel as ge, getCoreRowModel as de } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function fe(u, g, i, h) {
-  const r = u.getValue(g), d = h == null ? void 0 : h.find((o) => o.column === g), f = (d == null ? void 0 : d.innerFiltersMode) ?? "OR";
-  if (Array.isArray(r))
-    return f === "AND" ? i.every((o) => r.includes(o)) : i.some((o) => r.includes(o));
-  switch (f) {
+import { getFilteredRowModel as te, getSortedRowModel as oe, getPaginationRowModel as ne, getCoreRowModel as ae } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function ce(s, r, n, d) {
+  const i = s.getValue(r), u = d == null ? void 0 : d.find((o) => o.column === r), m = (u == null ? void 0 : u.innerFiltersMode) ?? "OR";
+  if (Array.isArray(i))
+    return m === "AND" ? n.every((o) => i.includes(o)) : n.some((o) => i.includes(o));
+  switch (m) {
     case "AND":
-      return i.every((o) => String(r) === o);
+      return n.every((o) => String(i) === o);
     case "OR":
     default:
-      return i.some((o) => String(r) === o);
+      return n.some((o) => String(i) === o);
   }
 }
-function he(u) {
-  return u.reduce(
-    (g, i) => (i.filterFn && (g[i.column] = (h, r, d) => {
-      const f = h.getValue(r);
-      switch (i.innerFiltersMode ?? "OR") {
+function ie(s) {
+  return s.reduce(
+    (r, n) => (n.filterFn && (r[n.column] = (d, i, u) => {
+      const m = d.getValue(i);
+      switch (n.innerFiltersMode ?? "OR") {
         case "AND":
-          return d.every(
-            (b) => i.filterFn(f, [b])
+          return u.every(
+            (g) => n.filterFn(m, [g])
           );
         case "OR":
         default:
-          return d.some(
-            (b) => i.filterFn(f, [b])
+          return u.some(
+            (g) => n.filterFn(m, [g])
           );
       }
-    }), g),
+    }), r),
     {}
   ) || {};
 }
-function ze({
-  columns: u,
-  data: g,
-  loading: i = !1,
-  emptyComponent: h,
-  className: r,
-  rowSelection: d = {},
-  onRowSelectionChange: f,
+function xe({
+  columns: s,
+  data: r,
+  loading: n = !1,
+  emptyComponent: d,
+  className: i,
+  rowSelection: u = {},
+  onRowSelectionChange: m,
   checkable: o = !1,
-  onCheckedRowsChange: b,
+  onCheckedRowsChange: g,
   notFoundMessage: V = "Nessun risultato trovato.",
-  searchBar: x = void 0,
-  dropdownFilters: c = void 0
+  searchBar: f = void 0,
+  dropdownFilters: a = void 0
   //   outerFiltersMode = EFiltersMode.AND,
 }) {
-  var M;
-  const [I, T] = S([]), [L, $] = S([]), [j, F] = S({}), [k, G] = S(""), [H, O] = S({}), v = f ? d : H, _ = f || O, W = J.useMemo(() => o ? [
+  var v;
+  const [T, z] = b([]), [$, j] = b([]), [H, P] = b({}), [y, F] = b(""), [L, O] = b({}), N = m ? u : L, _ = m || O, G = q.useMemo(() => o ? [
     {
       id: "select",
       header: ({ table: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
-        A,
+        D,
         {
           checked: e.getIsAllPageRowsSelected(),
           onCheckedChange: (l) => e.toggleAllPageRowsSelected(!!l),
@@ -70,7 +69,7 @@ function ze({
         }
       ) }),
       cell: ({ row: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
-        A,
+        D,
         {
           checked: e.getIsSelected(),
           onCheckedChange: (l) => e.toggleSelected(!!l),
@@ -80,80 +79,80 @@ function ze({
       enableSorting: !1,
       enableHiding: !1
     },
-    ...u
-  ] : u, [u, o]).map((e) => {
-    const l = c == null ? void 0 : c.find(
-      (a) => a.column === (e == null ? void 0 : e.accessorKey)
+    ...s
+  ] : s, [s, o]).map((e) => {
+    const l = a == null ? void 0 : a.find(
+      (c) => c.column === (e == null ? void 0 : e.accessorKey)
     );
     return {
       ...e,
       filterFn: l != null && l.filterFn ? l.column : "multiValue"
     };
-  }), E = {
-    data: g,
-    columns: W,
-    getCoreRowModel: de(),
-    onSortingChange: T,
-    getSortedRowModel: ge(),
-    onColumnVisibilityChange: F,
+  }), I = {
+    data: r,
+    columns: G,
+    getCoreRowModel: ae(),
+    getPaginationRowModel: ne(),
+    onSortingChange: z,
+    getSortedRowModel: oe(),
+    onColumnVisibilityChange: P,
     onRowSelectionChange: _,
-    getPaginationRowModel: ue(),
-    getFilteredRowModel: me(),
-    globalFilterFn: (e, l, a) => a ? (x == null ? void 0 : x.columns.some((m) => {
-      const s = e.getValue(m);
-      return String(s).toLowerCase().includes(a.toLowerCase());
+    getFilteredRowModel: te(),
+    globalFilterFn: (e, l, c) => c ? (f == null ? void 0 : f.columns.some((S) => {
+      const R = e.getValue(S);
+      return String(R).toLowerCase().includes(c.toLowerCase());
     })) ?? !1 : !0,
     filterFns: {
-      multiValue: (e, l, a) => fe(e, l, a, c),
-      ...he(c ?? [])
+      multiValue: (e, l, c) => ce(e, l, c, a),
+      ...ie(a ?? [])
     },
     state: {
-      sorting: I,
-      columnFilters: L,
-      columnVisibility: j,
-      rowSelection: v,
-      globalFilter: k
+      sorting: T,
+      columnFilters: $,
+      columnVisibility: H,
+      rowSelection: N,
+      globalFilter: y
     }
-  }, n = q(E);
-  return Q(() => {
-    if (b && o) {
-      const e = n.getFilteredSelectedRowModel().rows.map((l) => l.original);
-      b(e);
+  }, h = K(I);
+  return J(() => {
+    if (g && o) {
+      const e = h.getFilteredSelectedRowModel().rows.map((l) => l.original);
+      g(e);
     }
-  }, [n, b, o, v]), /* @__PURE__ */ C("div", { className: U("flex h-full w-full flex-col gap-2", r), children: [
-    (x || (c == null ? void 0 : c.length)) && /* @__PURE__ */ C("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
-      x && /* @__PURE__ */ t(
-        X,
+  }, [h, g, o, N]), /* @__PURE__ */ w("div", { className: Q("flex h-full w-full flex-col gap-2", i), children: [
+    (f || (a == null ? void 0 : a.length)) && /* @__PURE__ */ w("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
+      f && /* @__PURE__ */ t(
+        U,
         {
           iconLeft: "Search",
-          placeholder: x.placeholder ?? "Cerca...",
-          value: k,
+          placeholder: f.placeholder ?? "Cerca...",
+          value: y,
           onChange: (e) => {
-            G(e.target.value || "");
+            F(e.target.value || "");
           },
           className: "w-60"
         }
       ),
-      /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: c && c.length > 0 && /* @__PURE__ */ C(D, { className: "h-full w-full", children: [
-        /* @__PURE__ */ t(y, { orientation: "horizontal" }),
-        /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: c.map((e, l) => {
-          const [a, m] = S([]);
+      /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: a && a.length > 0 && /* @__PURE__ */ w(A, { className: "h-full w-full", children: [
+        /* @__PURE__ */ t(C, { orientation: "horizontal" }),
+        /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: a.map((e, l) => {
+          const [c, S] = b([]);
           return /* @__PURE__ */ t(
-            Y,
+            X,
             {
               className: "w-60",
               options: e.items,
-              value: a,
+              value: c,
               placeholder: e.placeholder,
               label: e.label,
-              onChange: (s) => {
-                m(s), $((P) => {
-                  const R = P.filter(
-                    (K) => K.id !== e.column
+              onChange: (R) => {
+                S(R), j((W) => {
+                  const M = W.filter(
+                    (E) => E.id !== e.column
                   );
-                  return s.length === 0 ? R : [
-                    ...R,
-                    { id: e.column, value: s }
+                  return R.length === 0 ? M : [
+                    ...M,
+                    { id: e.column, value: R }
                   ];
                 });
               }
@@ -163,37 +162,37 @@ function ze({
         }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ C(D, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
-      /* @__PURE__ */ t(y, { orientation: "horizontal" }),
-      /* @__PURE__ */ t(y, { orientation: "vertical" }),
-      /* @__PURE__ */ C(Z, { children: [
-        /* @__PURE__ */ t(B, { children: n.getHeaderGroups().map((e) => /* @__PURE__ */ t(w, { children: e.headers.map((l) => /* @__PURE__ */ t(
-          ee,
+    /* @__PURE__ */ w(A, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+      /* @__PURE__ */ t(C, { orientation: "horizontal" }),
+      /* @__PURE__ */ t(C, { orientation: "vertical" }),
+      /* @__PURE__ */ w(Y, { children: [
+        /* @__PURE__ */ t(Z, { children: h.getHeaderGroups().map((e) => /* @__PURE__ */ t(x, { children: e.headers.map((l) => /* @__PURE__ */ t(
+          B,
           {
             className: `bg-d-secondary sticky top-0 z-10 ${l.column.columnDef.sticky ? "left-0" : ""}`,
-            children: l.isPlaceholder ? null : z(
+            children: l.isPlaceholder ? null : k(
               l.column.columnDef.header,
               l.getContext()
             )
           },
           l.id
         )) }, e.id)) }),
-        /* @__PURE__ */ t(te, { children: i ? Array.from({ length: g.length || 8 }).map((e, l) => /* @__PURE__ */ t(w, { children: n.getHeaderGroups()[0].headers.map((a, m) => /* @__PURE__ */ t(
-          N,
+        /* @__PURE__ */ t(ee, { children: n ? Array.from({ length: r.length || 8 }).map((e, l) => /* @__PURE__ */ t(x, { children: h.getHeaderGroups()[0].headers.map((c, S) => /* @__PURE__ */ t(
+          p,
           {
-            className: `w-full ${a.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+            className: `w-full ${c.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
             children: /* @__PURE__ */ t(le, { className: "h-6 w-full" })
           },
-          `skeleton-cell-${l}-${m}`
-        )) }, `skeleton-row-${l}`)) : (M = n.getRowModel().rows) != null && M.length ? n.getRowModel().rows.map((e) => /* @__PURE__ */ t(
-          w,
+          `skeleton-cell-${l}-${S}`
+        )) }, `skeleton-row-${l}`)) : (v = h.getRowModel().rows) != null && v.length ? h.getRowModel().rows.map((e) => /* @__PURE__ */ t(
+          x,
           {
             "data-state": e.getIsSelected() && "selected",
             children: e.getVisibleCells().map((l) => /* @__PURE__ */ t(
-              N,
+              p,
               {
                 className: `${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-                children: z(
+                children: k(
                   l.column.columnDef.cell,
                   l.getContext()
                 )
@@ -202,72 +201,18 @@ function ze({
             ))
           },
           e.id
-        )) : /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
-          N,
+        )) : /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+          p,
           {
-            colSpan: u.length,
+            colSpan: s.length,
             className: "pt-4 text-center",
-            children: h || V
+            children: d || V
           }
         ) }) })
       ] })
-    ] }),
-    /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ C(oe, { children: [
-      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-        ae,
-        {
-          size: "sm",
-          onClick: () => n.setPageIndex(0),
-          "aria-label": "Go to first page",
-          children: "«"
-        }
-      ) }),
-      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-        ie,
-        {
-          size: "sm",
-          onClick: () => {
-            n.getCanPreviousPage() && n.previousPage();
-          }
-        }
-      ) }),
-      (() => {
-        const e = n.getState().pagination.pageIndex, l = n.getPageCount(), a = 5;
-        let m = Math.max(
-          0,
-          e - Math.floor(a / 2)
-        ), s = m + a;
-        return s > l && (s = l, m = Math.max(0, s - a)), n.getPageOptions().slice(m, s).map((P, R) => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-          ce,
-          {
-            size: "icon",
-            isActive: e === P,
-            onClick: () => n.setPageIndex(P),
-            children: P + 1
-          }
-        ) }, R));
-      })(),
-      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-        se,
-        {
-          size: "sm",
-          onClick: () => {
-            n.getCanNextPage() && n.nextPage();
-          }
-        }
-      ) }),
-      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
-        re,
-        {
-          size: "sm",
-          onClick: () => n.setPageIndex(n.getPageCount() - 1),
-          "aria-label": "Go to last page",
-          children: "»"
-        }
-      ) })
-    ] }) })
+    ] })
   ] });
 }
 export {
-  ze as DataTable
+  xe as DataTable
 };

package/dist/components/ui/pagination.js

@@ -1,25 +1,23 @@
 "use client";
-import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import { cn as e } from "../../lib/utils.js";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
 import c from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
-function k({ className: a, ...n }) {
+function N({ className: a, ...n }) {
   return /* @__PURE__ */ i(
     "nav",
     {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: e("mx-auto flex w-full justify-center", a),
+      className: t("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
 }
-function z({
+function P({
   className: a,
   ...n
 }) {
@@ -27,19 +25,19 @@ function z({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: e("flex flex-row items-center gap-1", a),
+      className: t("flex flex-row items-center gap-1", a),
       ...n
     }
   );
 }
-function C({ ...a }) {
+function v({ ...a }) {
   return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
 function o({
   className: a,
   isActive: n,
-  size: s = "icon",
-  ...r
+  size: r = "icon",
+  ...s
 }) {
   return /* @__PURE__ */ i(
     "a",
@@ -47,45 +45,27 @@ function o({
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      className: e(
+      className: t(
         l({
           variant: n ? "outline" : "ghost",
-          size: s
+          size: r
         }),
         a
       ),
-      ...r
+      ...s
     }
   );
 }
-function L({
+function b({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     o,
     {
       "aria-label": "Go to previous page",
       size: "default",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
-      ...n,
-      children: [
-        /* @__PURE__ */ i(u, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "First" })
-      ]
-    }
-  );
-}
-function j({
-  className: a,
-  ...n
-}) {
-  return /* @__PURE__ */ t(
-    o,
-    {
-      "aria-label": "Go to previous page",
-      size: "default",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
       ...n,
       children: [
         /* @__PURE__ */ i(m, {}),
@@ -94,16 +74,16 @@ function j({
     }
   );
 }
-function G({
+function j({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     o,
     {
       "aria-label": "Go to next page",
       size: "default",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
       ...n,
       children: [
         /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
@@ -112,34 +92,16 @@ function G({
     }
   );
 }
-function y({
-  className: a,
-  ...n
-}) {
-  return /* @__PURE__ */ t(
-    o,
-    {
-      "aria-label": "Go to next page",
-      size: "default",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
-      ...n,
-      children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Last" }),
-        /* @__PURE__ */ i(d, {})
-      ]
-    }
-  );
-}
-function F({
+function k({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "span",
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: e("flex size-9 items-center justify-center", a),
+      className: t("flex size-9 items-center justify-center", a),
       ...n,
       children: [
         /* @__PURE__ */ i(c, { className: "size-4" }),
@@ -149,13 +111,11 @@ function F({
   );
 }
 export {
-  k as Pagination,
-  z as PaginationContent,
-  F as PaginationEllipsis,
-  L as PaginationFirst,
-  C as PaginationItem,
-  y as PaginationLast,
+  N as Pagination,
+  P as PaginationContent,
+  k as PaginationEllipsis,
+  v as PaginationItem,
   o as PaginationLink,
-  G as PaginationNext,
-  j as PaginationPrevious
+  j as PaginationNext,
+  b as PaginationPrevious
 };

package/dist/index.d.ts

@@ -167,43 +167,24 @@ declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive
 export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, className, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
 
 declare interface AsyncSelectProps<T> extends VariantProps<typeof asyncSelectTriggerVariants> {
-    /** Async function to fetch options */
     fetcher: (query?: string) => Promise<T[]>;
-    /** Preload all data ahead of time */
     preload?: boolean;
-    /** Function to filter options */
     filterFn?: (option: T, query: string) => boolean;
-    /** Function to render each option */
     renderOption: (option: T) => React_2.ReactNode;
-    /** Function to get the value from an option */
     getOptionValue: (option: T) => string;
-    /** Function to get the display value for the selected option */
     getDisplayValue: (option: T) => React_2.ReactNode;
-    /** Custom not found message */
     notFound?: React_2.ReactNode;
-    /** Custom loading skeleton */
     loadingSkeleton?: React_2.ReactNode;
-    /** Currently selected value */
     value: string;
-    /** Callback when selection changes */
     onChange: (value: string) => void;
-    /** Label for the select field */
     label?: string | React_2.ReactNode;
-    /** Custom class name for the label */
     labelClassName?: string;
-    /** Placeholder text when no selection */
     placeholder?: string;
-    /** Disable the entire select */
     disabled?: boolean;
-    /** Custom width for the popover */
     width?: string | number;
-    /** Custom class names */
     className?: string;
-    /** Custom trigger button class names */
     triggerClassName?: string;
-    /** Custom no results message */
     noResultsMessage?: string;
-    /** Allow clearing the selection */
     clearable?: boolean;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.49",
+  "version": "0.1.50",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",