laif-ds 0.2.68 → 0.2.70

package/dist/_virtual/index6.js

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

package/dist/_virtual/index7.js

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

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

@@ -1,11 +1,12 @@
 "use client";
 import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import { cva as D } from "../../node_modules/class-variance-authority/dist/index.js";
-import { Button as C } from "./button.js";
-import { Dialog as b, DialogTrigger as y, DialogContent as z, DialogHeader as j, DialogClose as A, DialogFooter as B } from "./dialog.js";
-import { Typo as u } from "./typo.js";
+import { DialogTitle as N, DialogDescription as C } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { cva as b } from "../../node_modules/class-variance-authority/dist/index.js";
+import { Button as y } from "./button.js";
+import { Dialog as z, DialogTrigger as j, DialogContent as T, DialogHeader as A, DialogClose as B, DialogFooter as V } from "./dialog.js";
+import { Typo as d } from "./typo.js";
 import { cn as s } from "../../lib/utils.js";
-const T = D(
+const k = b(
   [
     "flex flex-col justify-between gap-2 w-full h-dvh max-w-[initial] p-6",
     "max-sm:rounded-none max-sm:px-2 max-sm:py-3 max-sm:min-w-full max-sm:min-h-full max-sm:w-full max-sm:h-full max-sm:max-w-full max-sm:max-h-full"
@@ -25,90 +26,90 @@ const T = D(
     }
   }
 );
-function E({
+function J({
   children: o,
-  trigger: m,
+  trigger: e,
   title: n,
-  description: e,
+  description: m,
   footer: i,
-  size: d = "default",
-  open: f,
+  size: u = "default",
+  open: r,
   defaultOpen: c,
-  onOpenChange: r,
-  triggerClassName: x,
+  onOpenChange: f,
+  triggerClassName: t,
   headerClassName: w,
   bodyClassName: p,
-  footerClassName: v,
-  disabled: t = !1,
-  asChild: g = !1,
-  preventClose: V,
+  footerClassName: g,
+  disabled: x = !1,
+  asChild: v = !1,
+  preventClose: F,
   ...h
 }) {
-  const N = f !== void 0;
-  return t ? /* @__PURE__ */ l("div", { className: x, children: m }) : /* @__PURE__ */ a(
-    b,
+  const D = r !== void 0;
+  return x ? /* @__PURE__ */ l("div", { className: t, children: e }) : /* @__PURE__ */ a(
+    z,
     {
-      open: N ? f : void 0,
+      open: D ? r : void 0,
       defaultOpen: c,
-      onOpenChange: r,
+      onOpenChange: f,
       children: [
-        m && /* @__PURE__ */ l(
-          y,
+        e && /* @__PURE__ */ l(
+          j,
           {
-            asChild: g,
-            className: x,
-            disabled: t,
-            children: m
+            asChild: v,
+            className: t,
+            disabled: x,
+            children: e
           }
         ),
         /* @__PURE__ */ a(
-          z,
+          T,
           {
             ...h,
             className: s(
-              T({
-                size: d
+              k({
+                size: u
               }),
               h.className
             ),
             showCloseButton: !1,
             children: [
-              /* @__PURE__ */ a(j, { className: s("gap-1", w), children: [
+              /* @__PURE__ */ a(A, { className: s("gap-1", w), children: [
                 /* @__PURE__ */ a("div", { className: "flex w-full flex-row items-start gap-2", children: [
-                  /* @__PURE__ */ l(u, { variant: "h5", className: "flex flex-1", children: n }),
-                  /* @__PURE__ */ l(A, { asChild: !0, children: /* @__PURE__ */ l(
-                    C,
+                  /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ l(d, { variant: "h5", className: "flex flex-1", children: n }) }),
+                  /* @__PURE__ */ l(B, { asChild: !0, children: /* @__PURE__ */ l(
+                    y,
                     {
                       iconLeft: "X",
                       variant: "ghost",
                       size: "icon",
                       className: "size-7",
-                      onClick: () => r?.(!1)
+                      onClick: () => f?.(!1)
                     }
                   ) })
                 ] }),
-                e && /* @__PURE__ */ l(
-                  u,
+                m && /* @__PURE__ */ l(C, { asChild: !0, children: /* @__PURE__ */ l(
+                  d,
                   {
                     variant: "caption",
                     className: "text-d-secondary-foreground flex flex-1",
-                    children: e
+                    children: m
                   }
-                )
+                ) })
               ] }),
               o && /* @__PURE__ */ l(
                 "div",
                 {
                   className: s(
                     "border-d-border flex min-h-0 w-full flex-1 flex-col gap-2 overflow-auto py-2",
-                    (!!n || !!e) && "border-t",
+                    (!!n || !!m) && "border-t",
                     !!i && "border-b",
                     p
                   ),
                   children: o
                 }
               ),
-              i && /* @__PURE__ */ l(B, { className: v, children: i })
+              i && /* @__PURE__ */ l(V, { className: g, children: i })
             ]
           }
         )
@@ -117,7 +118,7 @@ function E({
   );
 }
 export {
-  E as AppDialog,
-  A as AppDialogClose,
-  E as default
+  J as AppDialog,
+  B as AppDialogClose,
+  J as default
 };

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

@@ -1,151 +1,194 @@
 "use client";
-import { jsx as i, jsxs as l, Fragment as z } from "react/jsx-runtime";
-import { useState as L } from "react";
-import { KanbanBoardProvider as H, KanbanBoard as I, KanbanBoardColumn as P, KanbanBoardColumnHeader as S, KanbanBoardColumnList as A, KanbanBoardColumnListItem as F, KanbanBoardCard as J, KanbanBoardCardTitle as R, KanbanBoardCardDescription as W } from "./kanban.js";
-import { stringToHexColor as q, hexToRgba as E } from "../../lib/utils.js";
-import { Button as G } from "./button.js";
-import { Icon as Q } from "./icon.js";
-import U from "../../node_modules/lucide-react/dist/esm/icons/plus.js";
-function M({
-  columns: v,
-  initialTasks: K,
+import { jsx as o, jsxs as l, Fragment as H } from "react/jsx-runtime";
+import { useState as I, useMemo as P } from "react";
+import { KanbanBoardProvider as A, KanbanBoard as F, KanbanBoardColumn as J, KanbanBoardColumnHeader as R, KanbanBoardColumnList as W, KanbanBoardColumnListItem as q, KanbanBoardCard as E, KanbanBoardCardTitle as G, KanbanBoardCardDescription as Q } from "./kanban.js";
+import { stringToHexColor as U, cn as B, hexToRgba as K } from "../../lib/utils.js";
+import { Button as V } from "./button.js";
+import { Icon as X } from "./icon.js";
+import Y from "../../node_modules/lucide-react/dist/esm/icons/lock.js";
+import Z from "../../node_modules/lucide-react/dist/esm/icons/plus.js";
+function ne({
+  columns: p,
+  initialTasks: w,
   onTaskMove: m,
   onTaskEdit: x,
-  onTaskCreate: u,
-  taskActions: B,
-  renderTaskContent: b,
-  className: y,
-  allowTaskCreate: j = !0
+  onTaskCreate: h,
+  taskActions: D,
+  renderTaskContent: g,
+  className: j,
+  allowTaskCreate: z = !0
 }) {
-  const [h, N] = L(K), g = (r) => {
-    const d = {};
-    for (const e of Object.keys(r))
-      d[e] = [...r[e]];
-    return d;
-  }, w = (r, d) => {
-    N((e) => {
-      const o = g(e);
-      let t, n;
-      for (const s of Object.keys(o)) {
-        const c = o[s].findIndex((p) => p.id === r);
+  const [N, C] = I(w), b = P(
+    () => new Set(p.filter((e) => e.disabled).map((e) => e.id)),
+    [p]
+  ), y = (e) => {
+    const i = {};
+    for (const r of Object.keys(e))
+      i[r] = [...e[r]];
+    return i;
+  }, O = (e, i) => {
+    C((r) => {
+      const d = y(r);
+      let a, n;
+      for (const s of Object.keys(d)) {
+        const c = d[s].findIndex((f) => f.id === e);
         if (c !== -1) {
-          n = s, [t] = o[s].splice(c, 1);
+          n = s, [a] = d[s].splice(c, 1);
           break;
         }
       }
-      return !t || n === d ? e : (o[d] || (o[d] = []), o[d].push(t), n && m && m(r, n, d), o);
+      return !a || n === i || n && b.has(n) || b.has(i) ? r : (d[i] || (d[i] = []), d[i].push(a), n && m && m(e, n, i), d);
     });
-  }, O = (r, d, e, o) => {
-    N((t) => {
-      const n = g(t), s = Object.keys(n).find(
-        (a) => n[a].some((D) => D.id === r)
+  }, L = (e, i, r, d) => {
+    C((a) => {
+      const n = y(a), s = Object.keys(n).find(
+        (t) => n[t].some((S) => S.id === e)
       );
-      if (!s) return t;
+      if (!s) return a;
       const c = n[s].findIndex(
-        (a) => a.id === r
+        (t) => t.id === e
       );
-      if (c === -1) return t;
-      const [p] = n[s].splice(c, 1);
-      n[e] || (n[e] = []);
-      const f = n[e].findIndex(
-        (a) => a.id === d
+      if (c === -1 || b.has(s) || b.has(r))
+        return a;
+      const [f] = n[s].splice(c, 1);
+      n[r] || (n[r] = []);
+      const u = n[r].findIndex(
+        (t) => t.id === i
       );
-      if (f === -1)
-        n[e].push(p);
+      if (u === -1)
+        n[r].push(f);
       else {
-        const a = o === "top" ? f : f + 1;
-        n[e].splice(a, 0, p);
+        const t = d === "top" ? u : u + 1;
+        n[r].splice(t, 0, f);
       }
-      return s !== e && m && m(r, s, e), n;
+      return s !== r && m && m(e, s, r), n;
     });
-  }, C = (r) => JSON.parse(r);
-  return /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(I, { className: y, children: v.map((r) => {
-    const d = q(r.label);
+  }, v = (e) => JSON.parse(e);
+  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(F, { className: j, children: p.map((e) => {
+    const i = U(e.label), r = !!e.disabled;
     return /* @__PURE__ */ l(
-      P,
+      J,
       {
-        columnId: r.id,
-        onDropOverColumn: (e) => {
-          const o = C(e);
-          w(o.id, r.id);
+        columnId: e.id,
+        disabled: r,
+        onDropOverColumn: (d) => {
+          if (r) return;
+          const a = v(d);
+          O(a.id, e.id);
         },
-        className: "group/column rounded-xl backdrop-blur-sm transition-colors",
+        className: B(
+          "group/column relative transition-all duration-200",
+          !r && "hover:-translate-y-0.5 hover:shadow-lg"
+        ),
         children: [
-          /* @__PURE__ */ i(S, { className: "relative mb-1.5 px-1.5 pt-1.5", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
+          /* @__PURE__ */ o(R, { className: "sticky top-0 z-10 mb-2 rounded-xl border border-d-border/60 bg-d-sidebar/90 px-2.5 py-2 backdrop-blur", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between", children: [
             /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ l(
                 "div",
                 {
-                  className: "flex items-center gap-1.5 rounded-md px-2 py-0.5 text-xs font-semibold",
+                  className: "flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-semibold shadow-sm",
                   style: {
-                    backgroundColor: E(d, 0.15),
-                    color: d
+                    backgroundColor: K(i, 0.15),
+                    color: i,
+                    borderColor: K(i, 0.35)
                   },
-                  children: /* @__PURE__ */ i("span", { className: "max-w-[150px] truncate", children: r.label })
+                  children: [
+                    /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: "size-1.5 rounded-full",
+                        style: { backgroundColor: i }
+                      }
+                    ),
+                    /* @__PURE__ */ o("span", { className: "max-w-[150px] truncate", children: e.label })
+                  ]
                 }
               ),
-              /* @__PURE__ */ i("span", { className: "text-d-muted-foreground text-xs", children: h[r.id]?.length ?? 0 })
+              /* @__PURE__ */ o("span", { className: "text-d-muted-foreground inline-flex items-center rounded-full border border-d-border/60 bg-d-muted/40 px-2 py-0.5 text-[11px] font-medium", children: N[e.id]?.length ?? 0 })
             ] }),
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: j && u && /* @__PURE__ */ i(
-              G,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "text-d-muted-foreground hover:text-d-foreground h-6 w-6",
-                onClick: () => u(r.id),
-                children: /* @__PURE__ */ i(U, { className: "size-3.5" })
-              }
-            ) })
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+              r && /* @__PURE__ */ o(
+                "span",
+                {
+                  className: "text-d-muted-foreground inline-flex size-6 items-center justify-center",
+                  title: "Colonna bloccata",
+                  "aria-label": "Colonna bloccata",
+                  children: /* @__PURE__ */ o(Y, { className: "size-3.5" })
+                }
+              ),
+              z && h && /* @__PURE__ */ o(
+                V,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "text-d-muted-foreground hover:text-d-foreground h-6 w-6",
+                  onClick: () => h(e.id),
+                  children: /* @__PURE__ */ o(Z, { className: "size-3.5" })
+                }
+              )
+            ] })
           ] }) }),
-          /* @__PURE__ */ i(A, { className: "px-1 pb-2", children: h[r.id]?.map((e) => /* @__PURE__ */ i(
-            F,
+          /* @__PURE__ */ o(
+            W,
             {
-              cardId: e.id,
-              className: "mb-1.5 border-0 last:mb-0",
-              onDropOverListItem: (o, t) => {
-                if (t === "none") return;
-                const n = C(o);
-                O(
-                  n.id,
-                  e.id,
-                  r.id,
-                  t
-                );
-              },
-              children: /* @__PURE__ */ i(
-                J,
+              className: "px-1.5 pb-3",
+              dropDisabled: r,
+              children: N[e.id]?.map((d) => /* @__PURE__ */ o(
+                q,
                 {
-                  data: e,
-                  className: "group/card hover:border-d-border/40 relative rounded-md border border-transparent shadow-sm transition-all duration-200 hover:shadow-md",
-                  backgroundColor: d,
-                  onEdit: x ? () => x(e, r.id) : void 0,
-                  actions: B?.(e, r.id),
-                  meta: e.meta,
-                  children: b ? b(e, r.id) : /* @__PURE__ */ l(z, { children: [
-                    /* @__PURE__ */ l("div", { className: "mb-1 flex items-start gap-2", children: [
-                      e.icon && /* @__PURE__ */ i(
-                        Q,
-                        {
-                          name: e.icon,
-                          size: "sm",
-                          className: "text-d-muted-foreground mt-0.5 shrink-0"
-                        }
+                  cardId: d.id,
+                  dropDisabled: r,
+                  className: "mb-2 border-0 last:mb-0",
+                  onDropOverListItem: (a, n) => {
+                    if (r || n === "none") return;
+                    const s = v(a);
+                    L(
+                      s.id,
+                      d.id,
+                      e.id,
+                      n
+                    );
+                  },
+                  children: /* @__PURE__ */ o(
+                    E,
+                    {
+                      data: d,
+                      dragDisabled: r,
+                      className: B(
+                        "group/card relative rounded-xl border border-transparent shadow-sm transition-all duration-200",
+                        !r && "hover:-translate-y-0.5 hover:border-d-border/60 hover:shadow-lg"
                       ),
-                      /* @__PURE__ */ i(R, { className: "flex-1 text-sm leading-snug font-medium", children: e.title })
-                    ] }),
-                    e.description && /* @__PURE__ */ i(W, { className: "text-d-muted-foreground mt-1.5 line-clamp-2 text-xs", children: e.description })
-                  ] })
-                }
-              )
-            },
-            e.id
-          )) })
+                      backgroundColor: i,
+                      onEdit: x ? () => x(d, e.id) : void 0,
+                      actions: D?.(d, e.id),
+                      meta: d.meta,
+                      children: g ? g(d, e.id) : /* @__PURE__ */ l(H, { children: [
+                        /* @__PURE__ */ l("div", { className: "mb-1 flex items-start gap-2", children: [
+                          d.icon && /* @__PURE__ */ o(
+                            X,
+                            {
+                              name: d.icon,
+                              size: "sm",
+                              className: "text-d-muted-foreground mt-0.5 shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ o(G, { className: "flex-1 text-sm leading-snug font-semibold", children: d.title })
+                        ] }),
+                        d.description && /* @__PURE__ */ o(Q, { className: "text-d-muted-foreground mt-1.5 line-clamp-2 text-xs leading-relaxed", children: d.description })
+                      ] })
+                    }
+                  )
+                },
+                d.id
+              ))
+            }
+          )
         ]
       },
-      r.id
+      e.id
     );
   }) }) });
 }
 export {
-  M as AppKanban
+  ne as AppKanban
 };