@senitix/ui 0.4.0 → 0.4.1

package/dist/{multi-container-C2UpSw5f.js → multi-container-BZia7HCU.js}

@@ -1,11 +1,17 @@
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import * as s from "react";
-import { u as B, C as L, g as te, a as j, b as O, c as Q, D as z, d as U, S as $, v as G, h as ne, e as P, f as V, s as X, K as Y, P as Z, p as re, r as ie, i as _ } from "./sortable.esm-Blhf_jh1.js";
-import { c as k } from "./index-CwJPJKOE.js";
-import { c as oe } from "./createLucideIcon-BbeNo6vq.js";
-import { F as H } from "./file-wzTXnWqz.js";
-import { C as se } from "./chevron-right-B3bovvh0.js";
-const R = oe("Folder", [
+import { jsx as r, jsxs as K } from "react/jsx-runtime";
+import * as o from "react";
+import { u as B, C as L, g as te, a as j, b as W, c as Q, D as z, d as U, S as $, v as G, h as ne, e as P, f as V, s as X, K as Y, P as Z, p as re, r as ie, i as _ } from "./sortable.esm-Cb8oRBzU.js";
+import { c as k } from "./index-DtaLkIY8.js";
+import { c as se } from "./createLucideIcon-BC8wu-bu.js";
+import { F as H } from "./file-Cw_u_aJB.js";
+import { C as ae } from "./chevron-right-BLyGmyaF.js";
+/**
+ * @license lucide-react v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const R = se("Folder", [
   [
     "path",
     {
@@ -14,7 +20,7 @@ const R = oe("Folder", [
     }
   ]
 ]);
-function ae({
+function oe({
   id: i,
   children: e,
   className: t,
@@ -24,14 +30,14 @@ function ae({
     attributes: d,
     listeners: g,
     setNodeRef: x,
-    transform: b,
+    transform: v,
     transition: m,
     isDragging: c
-  } = B({ id: i, disabled: n }), h = s.useMemo(() => ({
-    transform: L.Transform.toString(b),
+  } = B({ id: i, disabled: n }), h = o.useMemo(() => ({
+    transform: L.Transform.toString(v),
     transition: m,
     opacity: c ? 0.5 : 1
-  }), [b, m, c]);
+  }), [v, m, c]);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -103,41 +109,41 @@ function ke({
   direction: d = "vertical",
   className: g,
   itemClassName: x,
-  disabled: b = !1,
+  disabled: v = !1,
   gap: m = "md"
 }) {
-  const [c, h] = s.useState(null), u = j(
-    O(Z, {
+  const [c, h] = o.useState(null), u = j(
+    W(Z, {
       activationConstraint: {
         distance: 5
       }
     }),
-    O(Y, {
+    W(Y, {
       coordinateGetter: X
     })
-  ), E = s.useCallback((y) => {
+  ), E = o.useCallback((y) => {
     h(y.active.id);
-  }, []), A = s.useCallback((y) => {
-    const { active: f, over: D } = y;
-    if (D && f.id !== D.id) {
-      const N = i.findIndex((a) => a.id === f.id), o = i.findIndex((a) => a.id === D.id);
-      N !== -1 && o !== -1 && e(Q(i, N, o));
+  }, []), A = o.useCallback((y) => {
+    const { active: f, over: N } = y;
+    if (N && f.id !== N.id) {
+      const w = i.findIndex((a) => a.id === f.id), s = i.findIndex((a) => a.id === N.id);
+      w !== -1 && s !== -1 && e(Q(i, w, s));
     }
     h(null);
-  }, [i, e]), v = s.useCallback(() => {
+  }, [i, e]), b = o.useCallback(() => {
     h(null);
-  }, []), C = s.useMemo(
+  }, []), C = o.useMemo(
     () => i.find((y) => y.id === c),
     [c, i]
-  ), I = s.useMemo(() => i.map((y) => y.id), [i]);
-  return /* @__PURE__ */ F(
+  ), I = o.useMemo(() => i.map((y) => y.id), [i]);
+  return /* @__PURE__ */ K(
     z,
     {
       sensors: u,
       collisionDetection: U,
       onDragStart: E,
       onDragEnd: A,
-      onDragCancel: v,
+      onDragCancel: b,
       children: [
         /* @__PURE__ */ r(
           $,
@@ -154,11 +160,11 @@ function ke({
                   g
                 ),
                 children: i.map((y) => /* @__PURE__ */ r(
-                  ae,
+                  oe,
                   {
                     id: y.id,
                     className: x,
-                    disabled: b,
+                    disabled: v,
                     children: t(y)
                   },
                   y.id
@@ -172,7 +178,7 @@ function ke({
     }
   );
 }
-const ue = s.memo(function({
+const ue = o.memo(function({
   id: e,
   children: t,
   className: n
@@ -181,14 +187,14 @@ const ue = s.memo(function({
     attributes: d,
     listeners: g,
     setNodeRef: x,
-    transform: b,
+    transform: v,
     transition: m,
     isDragging: c
-  } = B({ id: e }), h = s.useMemo(() => ({
-    transform: L.Transform.toString(b),
+  } = B({ id: e }), h = o.useMemo(() => ({
+    transform: L.Transform.toString(v),
     transition: m,
     opacity: c ? 0.5 : 1
-  }), [b, m, c]);
+  }), [v, m, c]);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -215,24 +221,24 @@ function me({
   columnClassName: d,
   itemClassName: g
 }) {
-  const { setNodeRef: x, isOver: b } = _({
+  const { setNodeRef: x, isOver: v } = _({
     id: `column-${i.id}`,
     data: {
       type: "column",
       columnId: i.id
     }
   });
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ K(
     "div",
     {
       ref: x,
       className: k(
         "flex flex-col min-w-[280px] w-[280px] bg-muted/30 border border-border/50 rounded-xl p-3 transition-colors duration-200",
-        b && "ring-2 ring-primary/30 bg-primary/5",
+        v && "ring-2 ring-primary/30 bg-primary/5",
         d
       ),
       children: [
-        /* @__PURE__ */ F("div", { className: "flex items-center justify-between mb-3 px-1", children: [
+        /* @__PURE__ */ K("div", { className: "flex items-center justify-between mb-3 px-1", children: [
           n ? n(i) : /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-foreground", children: i.title }),
           /* @__PURE__ */ r("span", { className: "text-xs font-medium text-muted-foreground bg-background border px-2 py-0.5 rounded-full shadow-sm", children: e.length })
         ] }),
@@ -278,71 +284,74 @@ function Ee({
   renderItem: d,
   renderColumnHeader: g,
   className: x,
-  columnClassName: b,
+  columnClassName: v,
   itemClassName: m
 }) {
-  const [c, h] = s.useState(null), u = s.useRef(null), E = j(
-    O(Z, {
+  const [c, h] = o.useState(null), u = o.useRef(null), E = j(
+    W(Z, {
       activationConstraint: {
         distance: 5
       }
     }),
-    O(Y, {
+    W(Y, {
       coordinateGetter: X
     })
-  ), A = s.useCallback(
-    (o) => e.filter((a) => a.columnId === o),
+  ), A = o.useCallback(
+    (s) => e.filter((a) => a.columnId === s),
     [e]
-  ), v = s.useCallback(
-    (o) => e.find((l) => l.id === o)?.columnId,
+  ), b = o.useCallback(
+    (s) => {
+      const a = e.find((l) => l.id === s);
+      return a == null ? void 0 : a.columnId;
+    },
     [e]
-  ), C = s.useCallback(
-    (o) => {
-      const a = String(o);
-      return a.startsWith("column-") ? a.replace("column-", "") : v(o);
+  ), C = o.useCallback(
+    (s) => {
+      const a = String(s);
+      return a.startsWith("column-") ? a.replace("column-", "") : b(s);
     },
-    [v]
-  ), I = s.useCallback((o) => {
-    h(o.active.id), u.current = null;
-  }, []), y = s.useCallback((o) => {
-    const { active: a, over: l } = o;
+    [b]
+  ), I = o.useCallback((s) => {
+    h(s.active.id), u.current = null;
+  }, []), y = o.useCallback((s) => {
+    const { active: a, over: l } = s;
     if (!l) return;
-    const p = v(a.id), w = C(l.id);
-    if (!p || !w || p === w || u.current === l.id) return;
+    const p = b(a.id), S = C(l.id);
+    if (!p || !S || p === S || u.current === l.id) return;
     u.current = l.id;
-    const S = A(w), M = String(l.id);
-    let T;
-    if (M.startsWith("column-"))
-      T = S.length;
+    const T = A(S), D = String(l.id);
+    let F;
+    if (D.startsWith("column-"))
+      F = T.length;
     else {
-      const K = S.findIndex((W) => W.id === l.id);
-      T = K >= 0 ? K : S.length;
+      const M = T.findIndex((O) => O.id === l.id);
+      F = M >= 0 ? M : T.length;
     }
-    t(a.id, p, w, T);
-  }, [v, C, A, t]), f = s.useCallback((o) => {
-    const { active: a, over: l } = o;
+    t(a.id, p, S, F);
+  }, [b, C, A, t]), f = o.useCallback((s) => {
+    const { active: a, over: l } = s;
     if (!l) {
       h(null), u.current = null;
       return;
     }
-    const p = v(a.id), w = String(l.id);
-    let S;
-    if (w.startsWith("column-") ? S = w.replace("column-", "") : S = v(l.id), !p) {
+    const p = b(a.id), S = String(l.id);
+    let T;
+    if (S.startsWith("column-") ? T = S.replace("column-", "") : T = b(l.id), !p) {
       h(null), u.current = null;
       return;
     }
-    if (p === S && a.id !== l.id && n && !w.startsWith("column-")) {
-      const M = A(p), T = M.findIndex((W) => W.id === a.id), K = M.findIndex((W) => W.id === l.id);
-      T !== -1 && K !== -1 && n(p, Q(M, T, K));
+    if (p === T && a.id !== l.id && n && !S.startsWith("column-")) {
+      const D = A(p), F = D.findIndex((O) => O.id === a.id), M = D.findIndex((O) => O.id === l.id);
+      F !== -1 && M !== -1 && n(p, Q(D, F, M));
     }
     h(null), u.current = null;
-  }, [v, A, n]), D = s.useCallback(() => {
+  }, [b, A, n]), N = o.useCallback(() => {
     h(null), u.current = null;
-  }, []), N = s.useMemo(
-    () => e.find((o) => o.id === c),
+  }, []), w = o.useMemo(
+    () => e.find((s) => s.id === c),
     [c, e]
   );
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ K(
     z,
     {
       sensors: E,
@@ -350,29 +359,29 @@ function Ee({
       onDragStart: I,
       onDragOver: y,
       onDragEnd: f,
-      onDragCancel: D,
+      onDragCancel: N,
       children: [
-        /* @__PURE__ */ r("div", { className: k("flex gap-4 overflow-x-auto p-1", x), children: i.map((o) => {
-          const a = A(o.id);
+        /* @__PURE__ */ r("div", { className: k("flex gap-4 overflow-x-auto p-1", x), children: i.map((s) => {
+          const a = A(s.id);
           return /* @__PURE__ */ r(
             me,
             {
-              column: o,
+              column: s,
               items: a,
               renderItem: d,
               renderColumnHeader: g,
-              columnClassName: b,
+              columnClassName: v,
               itemClassName: m
             },
-            o.id
+            s.id
           );
         }) }),
-        /* @__PURE__ */ r(P, { dropAnimation: ge, modifiers: [J, q], children: N ? /* @__PURE__ */ r("div", { className: "rounded-xl border bg-card text-card-foreground p-3 shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: /* @__PURE__ */ r("div", { className: "min-w-0", children: d(N) }) }) : null })
+        /* @__PURE__ */ r(P, { dropAnimation: ge, modifiers: [J, q], children: w ? /* @__PURE__ */ r("div", { className: "rounded-xl border bg-card text-card-foreground p-3 shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: /* @__PURE__ */ r("div", { className: "min-w-0", children: d(w) }) }) : null })
       ]
     }
   );
 }
-const he = s.memo(function({
+const he = o.memo(function({
   node: e,
   depth: t,
   expanded: n,
@@ -381,20 +390,20 @@ const he = s.memo(function({
 }) {
   const {
     attributes: x,
-    listeners: b,
+    listeners: v,
     setNodeRef: m,
     transform: c,
     transition: h,
     isDragging: u
-  } = B({ id: e.id }), E = s.useMemo(() => ({
+  } = B({ id: e.id }), E = o.useMemo(() => ({
     transform: L.Transform.toString(c),
     transition: h,
     paddingLeft: `${t * 20 + 8}px`,
     opacity: u ? 0.5 : 1
-  }), [c, h, t, u]), A = e.children && e.children.length > 0, v = e.isFolder || A, C = s.useCallback((I) => {
+  }), [c, h, t, u]), A = e.children && e.children.length > 0, b = e.isFolder || A, C = o.useCallback((I) => {
     I.stopPropagation(), d();
   }, [d]);
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ K(
     "div",
     {
       ref: m,
@@ -406,16 +415,16 @@ const he = s.memo(function({
         u && "cursor-grabbing"
       ),
       ...x,
-      ...b,
+      ...v,
       children: [
-        v ? /* @__PURE__ */ r(
+        b ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: C,
             className: "flex-shrink-0 p-1 hover:bg-muted rounded-md transition-colors duration-200",
             children: /* @__PURE__ */ r(
-              se,
+              ae,
               {
                 className: k(
                   "h-4 w-4 text-muted-foreground transition-transform duration-200",
@@ -427,8 +436,8 @@ const he = s.memo(function({
         ) : /* @__PURE__ */ r("span", { className: "w-6" }),
         /* @__PURE__ */ r("span", { className: k(
           "flex-shrink-0",
-          v ? "text-primary/80" : "text-muted-foreground"
-        ), children: v ? /* @__PURE__ */ r(R, { className: "h-4 w-4" }) : /* @__PURE__ */ r(H, { className: "h-4 w-4" }) }),
+          b ? "text-primary/80" : "text-muted-foreground"
+        ), children: b ? /* @__PURE__ */ r(R, { className: "h-4 w-4" }) : /* @__PURE__ */ r(H, { className: "h-4 w-4" }) }),
         /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm text-foreground", children: g ? g(e) : e.label })
       ]
     }
@@ -457,48 +466,51 @@ function Ae({
   className: d,
   defaultExpanded: g = /* @__PURE__ */ new Set()
 }) {
-  const [x, b] = s.useState(g), [m, c] = s.useState(null), h = j(
-    O(Z, {
+  const [x, v] = o.useState(g), [m, c] = o.useState(null), h = j(
+    W(Z, {
       activationConstraint: {
         distance: 5
       }
     }),
-    O(Y, {
+    W(Y, {
       coordinateGetter: X
     })
-  ), u = s.useMemo(
+  ), u = o.useMemo(
     () => ee(i, x),
     [i, x]
-  ), E = s.useCallback((f) => {
-    b((D) => {
-      const N = new Set(D), o = N.has(f);
-      return o ? N.delete(f) : N.add(f), t?.(f, !o), N;
+  ), E = o.useCallback((f) => {
+    v((N) => {
+      const w = new Set(N), s = w.has(f);
+      return s ? w.delete(f) : w.add(f), t == null || t(f, !s), w;
     });
-  }, [t]), A = s.useCallback((f) => {
+  }, [t]), A = o.useCallback((f) => {
     c(f.active.id);
-  }, []), v = s.useCallback((f) => {
-    const { active: D, over: N } = f;
-    if (N && D.id !== N.id) {
-      const o = u.findIndex((l) => l.node.id === D.id), a = u.findIndex((l) => l.node.id === N.id);
-      o !== -1 && a !== -1 && e?.(D.id, null, a);
+  }, []), b = o.useCallback((f) => {
+    const { active: N, over: w } = f;
+    if (w && N.id !== w.id) {
+      const s = u.findIndex((l) => l.node.id === N.id), a = u.findIndex((l) => l.node.id === w.id);
+      s !== -1 && a !== -1 && (e == null || e(N.id, null, a));
     }
     c(null);
-  }, [u, e]), C = s.useCallback(() => {
+  }, [u, e]), C = o.useCallback(() => {
     c(null);
-  }, []), I = s.useMemo(
-    () => u.find((f) => f.node.id === m)?.node,
+  }, []), I = o.useMemo(
+    () => {
+      var f;
+      return (f = u.find((N) => N.node.id === m)) == null ? void 0 : f.node;
+    },
     [m, u]
-  ), y = s.useMemo(
+  ), y = o.useMemo(
     () => u.map((f) => f.node.id),
     [u]
   );
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ K(
     z,
     {
       sensors: h,
       collisionDetection: U,
       onDragStart: A,
-      onDragEnd: v,
+      onDragEnd: b,
       onDragCancel: C,
       children: [
         /* @__PURE__ */ r(
@@ -506,11 +518,11 @@ function Ae({
           {
             items: y,
             strategy: G,
-            children: /* @__PURE__ */ r("div", { className: k("border rounded-xl p-3 bg-card shadow-sm", d), children: u.map(({ node: f, depth: D }) => /* @__PURE__ */ r(
+            children: /* @__PURE__ */ r("div", { className: k("border rounded-xl p-3 bg-card shadow-sm", d), children: u.map(({ node: f, depth: N }) => /* @__PURE__ */ r(
               he,
               {
                 node: f,
-                depth: D,
+                depth: N,
                 expanded: x.has(f.id),
                 onToggle: () => E(f.id),
                 renderNode: n
@@ -519,7 +531,7 @@ function Ae({
             )) })
           }
         ),
-        /* @__PURE__ */ r(P, { dropAnimation: pe, modifiers: [J, q], children: I ? /* @__PURE__ */ F("div", { className: "flex items-center gap-2 py-2 px-3 rounded-lg bg-card border shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: [
+        /* @__PURE__ */ r(P, { dropAnimation: pe, modifiers: [J, q], children: I ? /* @__PURE__ */ K("div", { className: "flex items-center gap-2 py-2 px-3 rounded-lg bg-card border shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: [
           /* @__PURE__ */ r("span", { className: k(
             "flex-shrink-0",
             I.isFolder || I.children && I.children.length > 0 ? "text-primary/80" : "text-muted-foreground"
@@ -546,7 +558,7 @@ function xe({ id: i, children: e, className: t, isEmpty: n }) {
     }
   );
 }
-const ve = s.memo(function({
+const be = o.memo(function({
   id: e,
   children: t,
   className: n
@@ -555,14 +567,14 @@ const ve = s.memo(function({
     attributes: d,
     listeners: g,
     setNodeRef: x,
-    transform: b,
+    transform: v,
     transition: m,
     isDragging: c
-  } = B({ id: e }), h = s.useMemo(() => ({
-    transform: L.Transform.toString(b),
+  } = B({ id: e }), h = o.useMemo(() => ({
+    transform: L.Transform.toString(v),
     transition: m,
     opacity: c ? 0.5 : 1
-  }), [b, m, c]);
+  }), [v, m, c]);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -580,7 +592,7 @@ const ve = s.memo(function({
       children: /* @__PURE__ */ r("div", { className: "min-w-0", children: t })
     }
   );
-}), be = {
+}), ve = {
   horizontal: "flex gap-4 overflow-x-auto",
   vertical: "flex flex-col gap-4",
   grid: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
@@ -601,43 +613,48 @@ function Te({
   renderItem: d,
   renderContainerHeader: g,
   renderEmptyContainer: x,
-  className: b,
+  className: v,
   containerClassName: m,
   itemClassName: c,
   layout: h = "horizontal"
 }) {
-  const [u, E] = s.useState(null), A = j(
-    O(Z, {
+  const [u, E] = o.useState(null), A = j(
+    W(Z, {
       activationConstraint: {
         distance: 5
       }
     }),
-    O(Y, {
+    W(Y, {
       coordinateGetter: X
     })
-  ), v = s.useCallback(
-    (o) => e.filter((a) => a.containerId === o),
+  ), b = o.useCallback(
+    (s) => e.filter((a) => a.containerId === s),
     [e]
-  ), C = s.useCallback(
-    (o) => e.find((l) => l.id === o)?.containerId,
+  ), C = o.useCallback(
+    (s) => {
+      const a = e.find((l) => l.id === s);
+      return a == null ? void 0 : a.containerId;
+    },
     [e]
-  ), I = s.useCallback((o) => {
-    E(o.active.id);
-  }, []), y = s.useCallback((o) => {
-    const { active: a, over: l } = o;
+  ), I = o.useCallback((s) => {
+    E(s.active.id);
+  }, []), y = o.useCallback((s) => {
+    var F;
+    const { active: a, over: l } = s;
     if (!l) return;
     const p = C(a.id);
-    let w = C(l.id);
-    if (w || (w = i.find((T) => T.id === l.id)?.id), !p || !w || p === w) return;
-    const S = v(w), M = S.findIndex((T) => T.id === l.id);
+    let S = C(l.id);
+    if (S || (S = (F = i.find((M) => M.id === l.id)) == null ? void 0 : F.id), !p || !S || p === S) return;
+    const T = b(S), D = T.findIndex((M) => M.id === l.id);
     t(
       a.id,
       p,
-      w,
-      M >= 0 ? M : S.length
+      S,
+      D >= 0 ? D : T.length
     );
-  }, [i, C, v, t]), f = s.useCallback((o) => {
-    const { active: a, over: l } = o;
+  }, [i, C, b, t]), f = o.useCallback((s) => {
+    var T;
+    const { active: a, over: l } = s;
     if (!l) {
       E(null);
       return;
@@ -647,19 +664,19 @@ function Te({
       E(null);
       return;
     }
-    const w = C(l.id) || i.find((S) => S.id === l.id)?.id;
-    if (p === w && a.id !== l.id && n) {
-      const S = v(p), M = S.findIndex((K) => K.id === a.id), T = S.findIndex((K) => K.id === l.id);
-      M !== -1 && T !== -1 && n(p, Q(S, M, T));
+    const S = C(l.id) || ((T = i.find((D) => D.id === l.id)) == null ? void 0 : T.id);
+    if (p === S && a.id !== l.id && n) {
+      const D = b(p), F = D.findIndex((O) => O.id === a.id), M = D.findIndex((O) => O.id === l.id);
+      F !== -1 && M !== -1 && n(p, Q(D, F, M));
     }
     E(null);
-  }, [i, C, v, n]), D = s.useCallback(() => {
+  }, [i, C, b, n]), N = o.useCallback(() => {
     E(null);
-  }, []), N = s.useMemo(
-    () => e.find((o) => o.id === u),
+  }, []), w = o.useMemo(
+    () => e.find((s) => s.id === u),
     [u, e]
   );
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ K(
     z,
     {
       sensors: A,
@@ -667,11 +684,11 @@ function Te({
       onDragStart: I,
       onDragOver: y,
       onDragEnd: f,
-      onDragCancel: D,
+      onDragCancel: N,
       children: [
-        /* @__PURE__ */ r("div", { className: k(be[h], b), children: i.map((o) => {
-          const a = v(o.id), l = a.length === 0;
-          return /* @__PURE__ */ F(
+        /* @__PURE__ */ r("div", { className: k(ve[h], v), children: i.map((s) => {
+          const a = b(s.id), l = a.length === 0;
+          return /* @__PURE__ */ K(
             "div",
             {
               className: k(
@@ -680,14 +697,14 @@ function Te({
                 m
               ),
               children: [
-                /* @__PURE__ */ r("div", { className: "mb-3", children: g ? g(o, a.length) : /* @__PURE__ */ F("div", { className: "flex items-center justify-between", children: [
-                  /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-foreground", children: o.title }),
+                /* @__PURE__ */ r("div", { className: "mb-3", children: g ? g(s, a.length) : /* @__PURE__ */ K("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-foreground", children: s.title }),
                   /* @__PURE__ */ r("span", { className: "text-xs font-medium text-muted-foreground bg-background border px-2 py-0.5 rounded-full shadow-sm", children: a.length })
                 ] }) }),
                 /* @__PURE__ */ r(
                   xe,
                   {
-                    id: o.id,
+                    id: s.id,
                     isEmpty: l,
                     className: "flex-1",
                     children: /* @__PURE__ */ r(
@@ -695,9 +712,9 @@ function Te({
                       {
                         items: a.map((p) => p.id),
                         strategy: G,
-                        children: /* @__PURE__ */ F("div", { className: "flex flex-col gap-2", children: [
+                        children: /* @__PURE__ */ K("div", { className: "flex flex-col gap-2", children: [
                           a.map((p) => /* @__PURE__ */ r(
-                            ve,
+                            be,
                             {
                               id: p.id,
                               className: c,
@@ -705,7 +722,7 @@ function Te({
                             },
                             p.id
                           )),
-                          l && x && /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-sm", children: x(o) })
+                          l && x && /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-sm", children: x(s) })
                         ] })
                       }
                     )
@@ -713,10 +730,10 @@ function Te({
                 )
               ]
             },
-            o.id
+            s.id
           );
         }) }),
-        /* @__PURE__ */ r(P, { dropAnimation: Ce, modifiers: [J, q], children: N ? /* @__PURE__ */ r("div", { className: "rounded-xl border bg-card text-card-foreground p-3 shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: /* @__PURE__ */ r("div", { className: "min-w-0", children: d(N) }) }) : null })
+        /* @__PURE__ */ r(P, { dropAnimation: Ce, modifiers: [J, q], children: w ? /* @__PURE__ */ r("div", { className: "rounded-xl border bg-card text-card-foreground p-3 shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: /* @__PURE__ */ r("div", { className: "min-w-0", children: d(w) }) }) : null })
       ]
     }
   );
@@ -724,8 +741,8 @@ function Te({
 export {
   Ee as K,
   Te as M,
-  ae as S,
+  oe as S,
   Ae as T,
   ke as a
 };
-//# sourceMappingURL=multi-container-C2UpSw5f.js.map
+//# sourceMappingURL=multi-container-BZia7HCU.js.map