laif-ds 0.1.4 → 0.1.6

package/dist/components/ui/button.js

@@ -5,7 +5,7 @@ import { cva as l } from "../../node_modules/class-variance-authority/dist/index
 import { cn as u } from "../../lib/utils.js";
 import { Icon as c } from "./icon.js";
 const v = l(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {

package/dist/components/ui/card.js

@@ -1,77 +1,84 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.js";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import * as d from "react";
 import { cn as e } from "../../lib/utils.js";
-function s({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+const s = d.createContext({ size: "default" }), c = {
+  sm: "py-3 px-3 gap-4",
+  default: "py-6 px-6 gap-6",
+  lg: "py-8 px-8 gap-8"
+};
+function x({ className: a, size: t = "default", ...o }) {
+  return /* @__PURE__ */ r.jsx(s.Provider, { value: { size: t }, children: /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card",
       className: e(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        t
+        `bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm ${c[t]}`,
+        a
       ),
-      ...r
+      ...o
     }
-  );
+  ) });
 }
-function n({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function u({ className: a, ...t }) {
+  const { size: o } = d.useContext(s), n = o === "sm" ? "px-3" : o === "lg" ? "px-8" : "px-6";
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-header",
       className: e(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        t
+        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${n} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
+        a
       ),
-      ...r
+      ...t
     }
   );
 }
-function c({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-title",
-      className: e("leading-none font-semibold", t),
-      ...r
+      className: e("leading-none font-semibold", a),
+      ...t
     }
   );
 }
-function i({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function f({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-description",
-      className: e("text-muted-foreground text-sm", t),
-      ...r
+      className: e("text-muted-foreground text-sm", a),
+      ...t
     }
   );
 }
-function l({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function g({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-content",
-      className: e("px-6", t),
-      ...r
+      className: e("px-6", a),
+      ...t
     }
   );
 }
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ a.jsx(
+function C({ className: a, ...t }) {
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
       "data-slot": "card-footer",
-      className: e("flex items-center px-6 [.border-t]:pt-6", t),
-      ...r
+      className: e("flex items-center px-6 [.border-t]:pt-6", a),
+      ...t
     }
   );
 }
 export {
-  s as Card,
-  l as CardContent,
-  i as CardDescription,
-  u as CardFooter,
-  n as CardHeader,
-  c as CardTitle
+  x as Card,
+  g as CardContent,
+  f as CardDescription,
+  C as CardFooter,
+  u as CardHeader,
+  m as CardTitle
 };

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

@@ -0,0 +1,122 @@
+"use client";
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { useReactTable as $, flexRender as x } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { Checkbox as h } from "../../dist/components/ui/checkbox.js";
+import { ScrollArea as A, ScrollBar as f } from "../../dist/components/ui/scroll-area.js";
+import { Table as H, TableHeader as V, TableRow as a, TableHead as I, TableBody as B, TableCell as n } from "../../dist/components/ui/table.js";
+import E, { useState as c, useEffect as _ } from "react";
+import { getFilteredRowModel as L, getSortedRowModel as W, getPaginationRowModel as q, getCoreRowModel as G } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function Z({
+  columns: o,
+  data: j,
+  loading: S = !1,
+  loadingComponent: d,
+  emptyComponent: b,
+  className: R,
+  rowSelection: w = {},
+  onRowSelectionChange: m,
+  checkable: i = !1,
+  onCheckedRowsChange: r,
+  notFoundMessage: p = "Nessun risultato trovato.",
+  loadingMessage: C = "Caricamento in corso..."
+}) {
+  var u;
+  const [M, N] = c([]), [y, T] = c([]), [k, v] = c({}), [F, z] = c({}), g = m ? w : F, D = m || z, P = E.useMemo(() => i ? [
+    {
+      id: "select",
+      header: ({ table: l }) => /* @__PURE__ */ e.jsx("div", { className: "text-center", children: /* @__PURE__ */ e.jsx(
+        h,
+        {
+          checked: l.getIsAllPageRowsSelected(),
+          onCheckedChange: (t) => l.toggleAllPageRowsSelected(!!t),
+          "aria-label": "Seleziona tutti"
+        }
+      ) }),
+      cell: ({ row: l }) => /* @__PURE__ */ e.jsx("div", { className: "text-center", children: /* @__PURE__ */ e.jsx(
+        h,
+        {
+          checked: l.getIsSelected(),
+          onCheckedChange: (t) => l.toggleSelected(!!t),
+          "aria-label": "Seleziona riga"
+        }
+      ) }),
+      enableSorting: !1,
+      enableHiding: !1
+    },
+    ...o
+  ] : o, [o, i]), s = $({
+    data: j,
+    columns: P,
+    getCoreRowModel: G(),
+    getPaginationRowModel: q(),
+    onSortingChange: N,
+    getSortedRowModel: W(),
+    onColumnFiltersChange: T,
+    getFilteredRowModel: L(),
+    onColumnVisibilityChange: v,
+    onRowSelectionChange: D,
+    state: {
+      sorting: M,
+      columnFilters: y,
+      columnVisibility: k,
+      rowSelection: g
+    }
+  });
+  return _(() => {
+    if (r && i) {
+      const l = s.getFilteredSelectedRowModel().rows.map((t) => t.original);
+      r(l);
+    }
+  }, [s, r, i, g]), /* @__PURE__ */ e.jsx("div", { className: `w-full ${R}`, children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ e.jsxs(A, { className: "h-full w-full", children: [
+    /* @__PURE__ */ e.jsx(f, { orientation: "horizontal" }),
+    /* @__PURE__ */ e.jsx(f, { orientation: "vertical" }),
+    /* @__PURE__ */ e.jsxs(H, { children: [
+      /* @__PURE__ */ e.jsx(V, { children: s.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(a, { children: l.headers.map((t) => /* @__PURE__ */ e.jsx(
+        I,
+        {
+          className: `${t.column.columnDef.sticky ? "sticky left-0 z-10 bg-background" : ""}`,
+          children: t.isPlaceholder ? null : x(
+            t.column.columnDef.header,
+            t.getContext()
+          )
+        },
+        t.id
+      )) }, l.id)) }),
+      /* @__PURE__ */ e.jsx(B, { children: S ? d ? /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(n, { colSpan: 1e3, className: "h-24", children: d }) }) : /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(
+        n,
+        {
+          colSpan: o.length,
+          className: "h-24 text-center",
+          children: C
+        }
+      ) }) : (u = s.getRowModel().rows) != null && u.length ? s.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
+        a,
+        {
+          "data-state": l.getIsSelected() && "selected",
+          children: l.getVisibleCells().map((t) => /* @__PURE__ */ e.jsx(
+            n,
+            {
+              className: `${t.column.columnDef.sticky ? "sticky left-0 z-10 bg-background" : ""}`,
+              children: x(
+                t.column.columnDef.cell,
+                t.getContext()
+              )
+            },
+            t.id
+          ))
+        },
+        l.id
+      )) : /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(
+        n,
+        {
+          colSpan: o.length,
+          className: "h-24 text-center",
+          children: b || p
+        }
+      ) }) })
+    ] })
+  ] }) }) });
+}
+export {
+  Z as DataTable
+};

package/dist/components/ui/toaster.js

@@ -0,0 +1,26 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { useTheme as e } from "../../node_modules/next-themes/dist/index.js";
+import { Toaster as s } from "../../node_modules/sonner/dist/index.js";
+const p = ({ ...t }) => {
+  const { theme: o = "system" } = e();
+  return /* @__PURE__ */ r.jsx(
+    s,
+    {
+      theme: o,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...t
+    }
+  );
+};
+export {
+  p as Toaster
+};

package/dist/components/ui/typo.js

@@ -0,0 +1,53 @@
+"use client";
+import { j as d } from "../../_virtual/jsx-runtime.js";
+import { cn as i } from "../../lib/utils.js";
+const s = {
+  "hero-title": "text-5xl md:text-6xl font-extrabold leading-tight tracking-tight",
+  title: "text-3xl md:text-4xl font-bold leading-snug",
+  subtitle: "text-xl md:text-2xl font-semibold leading-snug text-muted-foreground",
+  body: "text-base md:text-lg font-normal leading-relaxed",
+  "body-bold": "text-base md:text-lg font-semibold leading-relaxed",
+  caption: "text-xs md:text-sm font-normal leading-tight text-muted-foreground",
+  overline: "text-xs uppercase tracking-widest font-medium text-muted-foreground",
+  button: "text-sm font-semibold uppercase tracking-wide",
+  small: "text-xs font-normal leading-tight",
+  h1: "text-4xl md:text-5xl font-extrabold leading-tight",
+  h2: "text-3xl md:text-4xl font-bold leading-snug",
+  h3: "text-2xl md:text-3xl font-semibold leading-snug",
+  h4: "text-xl md:text-2xl font-semibold leading-snug",
+  h5: "text-lg md:text-xl font-medium leading-snug"
+}, a = {
+  "hero-title": "h1",
+  title: "h2",
+  subtitle: "h3",
+  body: "p",
+  "body-bold": "p",
+  caption: "span",
+  overline: "span",
+  button: "span",
+  small: "span",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5"
+}, r = ({
+  variant: t = "body",
+  as: e,
+  className: n,
+  children: l,
+  ...o
+}) => {
+  const x = e || a[t] || "span";
+  return /* @__PURE__ */ d.jsx(
+    x,
+    {
+      className: i(s[t], n),
+      ...o,
+      children: l
+    }
+  );
+};
+export {
+  r as Typo
+};

package/dist/dist/_virtual/jsx-runtime.js

@@ -0,0 +1,6 @@
+"use client";
+import { __require as r } from "../node_modules/react/jsx-runtime.js";
+var i = r();
+export {
+  i as j
+};

package/dist/dist/_virtual/jsx-runtime2.js

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

package/dist/dist/_virtual/react-jsx-runtime.development.js

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

package/dist/dist/_virtual/react-jsx-runtime.production.js

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

package/dist/dist/components/ui/checkbox.js

@@ -0,0 +1,32 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { Root as i, Indicator as t } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as s } from "../../lib/utils.js";
+import o from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+function u({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsx(
+    i,
+    {
+      "data-slot": "checkbox",
+      className: s(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a,
+      children: /* @__PURE__ */ r.jsx(
+        t,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ r.jsx(o, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  u as Checkbox
+};

package/dist/dist/components/ui/scroll-area.js

@@ -0,0 +1,61 @@
+"use client";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { Root as s, Viewport as t, Corner as i, ScrollAreaScrollbar as n, ScrollAreaThumb as c } from "../../node_modules/@radix-ui/react-scroll-area/dist/index.js";
+import { cn as l } from "../../lib/utils.js";
+function m({
+  className: o,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsxs(
+    s,
+    {
+      "data-slot": "scroll-area",
+      className: l("relative", o),
+      ...a,
+      children: [
+        /* @__PURE__ */ r.jsx(
+          t,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: e
+          }
+        ),
+        /* @__PURE__ */ r.jsx(u, {}),
+        /* @__PURE__ */ r.jsx(i, {})
+      ]
+    }
+  );
+}
+function u({
+  className: o,
+  orientation: e = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsx(
+    n,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: e,
+      className: l(
+        "flex touch-none p-px transition-colors select-none",
+        e === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        o
+      ),
+      ...a,
+      children: /* @__PURE__ */ r.jsx(
+        c,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  m as ScrollArea,
+  u as ScrollBar
+};

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

@@ -0,0 +1,87 @@
+"use client";
+import { j as t } from "../../_virtual/jsx-runtime.js";
+import { cn as s } from "../../lib/utils.js";
+function r({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ t.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: s("w-full caption-bottom text-sm", a),
+          ...e
+        }
+      )
+    }
+  );
+}
+function c({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: s("[&_tr]:border-b", a),
+      ...e
+    }
+  );
+}
+function n({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: s("[&_tr:last-child]:border-0", a),
+      ...e
+    }
+  );
+}
+function d({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: s(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function b({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: s(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function i({ className: a, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: s(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        a
+      ),
+      ...e
+    }
+  );
+}
+export {
+  r as Table,
+  n as TableBody,
+  i as TableCell,
+  b as TableHead,
+  c as TableHeader,
+  d as TableRow
+};

package/dist/dist/lib/utils.js

@@ -0,0 +1,9 @@
+"use client";
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
+import { twMerge as o } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+function i(...r) {
+  return o(e(r));
+}
+export {
+  i as cn
+};

package/dist/dist/node_modules/@radix-ui/number/dist/index.js

@@ -0,0 +1,7 @@
+"use client";
+function n(t, [a, e]) {
+  return Math.min(e, Math.max(a, t));
+}
+export {
+  n as clamp
+};

package/dist/dist/node_modules/@radix-ui/primitive/dist/index.js

@@ -0,0 +1,10 @@
+"use client";
+function u(n, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(e) {
+    if (n == null || n(e), r === !1 || !e.defaultPrevented)
+      return t == null ? void 0 : t(e);
+  };
+}
+export {
+  u as composeEventHandlers
+};