@senitix/ui 0.4.1 → 0.4.3

package/dist/multi-container-BZia7HCU.js

@@ -1,748 +0,0 @@
-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",
-    {
-      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
-      key: "1kt360"
-    }
-  ]
-]);
-function oe({
-  id: i,
-  children: e,
-  className: t,
-  disabled: n = !1
-}) {
-  const {
-    attributes: d,
-    listeners: g,
-    setNodeRef: x,
-    transform: v,
-    transition: m,
-    isDragging: c
-  } = B({ id: i, disabled: n }), h = o.useMemo(() => ({
-    transform: L.Transform.toString(v),
-    transition: m,
-    opacity: c ? 0.5 : 1
-  }), [v, m, c]);
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: x,
-      style: h,
-      className: k(
-        "rounded-xl border bg-card text-card-foreground p-3 shadow-sm touch-none select-none",
-        c && "z-50 ring-2 ring-primary/30",
-        n && "opacity-50 cursor-not-allowed",
-        !n && !c && "cursor-grab hover:shadow-md hover:border-primary/30",
-        !n && c && "cursor-grabbing",
-        t
-      ),
-      ...d,
-      ...g,
-      children: /* @__PURE__ */ r("div", { className: "min-w-0", children: e })
-    }
-  );
-}
-function de(i, e, t) {
-  const n = {
-    ...i
-  };
-  return e.top + i.y <= t.top ? n.y = t.top - e.top : e.bottom + i.y >= t.top + t.height && (n.y = t.top + t.height - e.bottom), e.left + i.x <= t.left ? n.x = t.left - e.left : e.right + i.x >= t.left + t.width && (n.x = t.left + t.width - e.right), n;
-}
-const q = (i) => {
-  let {
-    transform: e,
-    draggingNodeRect: t,
-    windowRect: n
-  } = i;
-  return !t || !n ? e : de(e, t, n);
-}, J = (i) => {
-  let {
-    activatorEvent: e,
-    draggingNodeRect: t,
-    transform: n
-  } = i;
-  if (t && e) {
-    const d = te(e);
-    if (!d)
-      return n;
-    const g = d.x - t.left, x = d.y - t.top;
-    return {
-      ...n,
-      x: n.x + g - t.width / 2,
-      y: n.y + x - t.height / 2
-    };
-  }
-  return n;
-}, le = {
-  sm: "gap-1",
-  md: "gap-2",
-  lg: "gap-4"
-}, ce = {
-  sideEffects: V({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-};
-function ke({
-  items: i,
-  onReorder: e,
-  renderItem: t,
-  renderOverlay: n,
-  direction: d = "vertical",
-  className: g,
-  itemClassName: x,
-  disabled: v = !1,
-  gap: m = "md"
-}) {
-  const [c, h] = o.useState(null), u = j(
-    W(Z, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    W(Y, {
-      coordinateGetter: X
-    })
-  ), E = o.useCallback((y) => {
-    h(y.active.id);
-  }, []), 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]), b = o.useCallback(() => {
-    h(null);
-  }, []), C = o.useMemo(
-    () => i.find((y) => y.id === c),
-    [c, i]
-  ), I = o.useMemo(() => i.map((y) => y.id), [i]);
-  return /* @__PURE__ */ K(
-    z,
-    {
-      sensors: u,
-      collisionDetection: U,
-      onDragStart: E,
-      onDragEnd: A,
-      onDragCancel: b,
-      children: [
-        /* @__PURE__ */ r(
-          $,
-          {
-            items: I,
-            strategy: d === "vertical" ? G : ne,
-            children: /* @__PURE__ */ r(
-              "div",
-              {
-                className: k(
-                  "flex",
-                  d === "vertical" ? "flex-col" : "flex-row flex-wrap",
-                  le[m],
-                  g
-                ),
-                children: i.map((y) => /* @__PURE__ */ r(
-                  oe,
-                  {
-                    id: y.id,
-                    className: x,
-                    disabled: v,
-                    children: t(y)
-                  },
-                  y.id
-                ))
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ r(P, { dropAnimation: ce, modifiers: [J, q], children: C ? /* @__PURE__ */ r("div", { className: "rounded-xl border bg-card text-card-foreground p-3 shadow-2xl ring-2 ring-primary/30 cursor-grabbing", children: n ? n(C) : t(C) }) : null })
-      ]
-    }
-  );
-}
-const ue = o.memo(function({
-  id: e,
-  children: t,
-  className: n
-}) {
-  const {
-    attributes: d,
-    listeners: g,
-    setNodeRef: x,
-    transform: v,
-    transition: m,
-    isDragging: c
-  } = B({ id: e }), h = o.useMemo(() => ({
-    transform: L.Transform.toString(v),
-    transition: m,
-    opacity: c ? 0.5 : 1
-  }), [v, m, c]);
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: x,
-      style: h,
-      className: k(
-        "rounded-xl border bg-card text-card-foreground p-3 shadow-sm touch-none select-none",
-        c && "ring-2 ring-primary/20",
-        !c && "cursor-grab hover:shadow-md hover:border-primary/30",
-        c && "cursor-grabbing",
-        n
-      ),
-      ...d,
-      ...g,
-      children: /* @__PURE__ */ r("div", { className: "min-w-0", children: t })
-    }
-  );
-});
-function me({
-  column: i,
-  items: e,
-  renderItem: t,
-  renderColumnHeader: n,
-  columnClassName: d,
-  itemClassName: g
-}) {
-  const { setNodeRef: x, isOver: v } = _({
-    id: `column-${i.id}`,
-    data: {
-      type: "column",
-      columnId: i.id
-    }
-  });
-  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",
-        v && "ring-2 ring-primary/30 bg-primary/5",
-        d
-      ),
-      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 })
-        ] }),
-        /* @__PURE__ */ r(
-          $,
-          {
-            items: e.map((m) => m.id),
-            strategy: G,
-            children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 min-h-[100px] flex-1", children: e.map((m) => /* @__PURE__ */ r(
-              ue,
-              {
-                id: m.id,
-                className: g,
-                children: t(m)
-              },
-              m.id
-            )) })
-          }
-        )
-      ]
-    }
-  );
-}
-const fe = (i) => {
-  const t = re(i).filter(
-    (d) => !String(d.id).startsWith("column-")
-  );
-  return t.length > 0 ? t : ie(i);
-}, ge = {
-  sideEffects: V({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-};
-function Ee({
-  columns: i,
-  items: e,
-  onItemMove: t,
-  onReorder: n,
-  renderItem: d,
-  renderColumnHeader: g,
-  className: x,
-  columnClassName: v,
-  itemClassName: m
-}) {
-  const [c, h] = o.useState(null), u = o.useRef(null), E = j(
-    W(Z, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    W(Y, {
-      coordinateGetter: X
-    })
-  ), A = o.useCallback(
-    (s) => e.filter((a) => a.columnId === s),
-    [e]
-  ), b = o.useCallback(
-    (s) => {
-      const a = e.find((l) => l.id === s);
-      return a == null ? void 0 : a.columnId;
-    },
-    [e]
-  ), C = o.useCallback(
-    (s) => {
-      const a = String(s);
-      return a.startsWith("column-") ? a.replace("column-", "") : b(s);
-    },
-    [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 = b(a.id), S = C(l.id);
-    if (!p || !S || p === S || u.current === l.id) return;
-    u.current = l.id;
-    const T = A(S), D = String(l.id);
-    let F;
-    if (D.startsWith("column-"))
-      F = T.length;
-    else {
-      const M = T.findIndex((O) => O.id === l.id);
-      F = M >= 0 ? M : T.length;
-    }
-    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 = 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 === 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;
-  }, [b, A, n]), N = o.useCallback(() => {
-    h(null), u.current = null;
-  }, []), w = o.useMemo(
-    () => e.find((s) => s.id === c),
-    [c, e]
-  );
-  return /* @__PURE__ */ K(
-    z,
-    {
-      sensors: E,
-      collisionDetection: fe,
-      onDragStart: I,
-      onDragOver: y,
-      onDragEnd: f,
-      onDragCancel: N,
-      children: [
-        /* @__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: s,
-              items: a,
-              renderItem: d,
-              renderColumnHeader: g,
-              columnClassName: v,
-              itemClassName: m
-            },
-            s.id
-          );
-        }) }),
-        /* @__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 = o.memo(function({
-  node: e,
-  depth: t,
-  expanded: n,
-  onToggle: d,
-  renderNode: g
-}) {
-  const {
-    attributes: x,
-    listeners: v,
-    setNodeRef: m,
-    transform: c,
-    transition: h,
-    isDragging: u
-  } = 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, b = e.isFolder || A, C = o.useCallback((I) => {
-    I.stopPropagation(), d();
-  }, [d]);
-  return /* @__PURE__ */ K(
-    "div",
-    {
-      ref: m,
-      style: E,
-      className: k(
-        "flex items-center gap-2 py-2 pr-3 rounded-lg touch-none select-none",
-        u && "bg-muted ring-1 ring-primary/20",
-        !u && "cursor-grab hover:bg-muted/60",
-        u && "cursor-grabbing"
-      ),
-      ...x,
-      ...v,
-      children: [
-        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(
-              ae,
-              {
-                className: k(
-                  "h-4 w-4 text-muted-foreground transition-transform duration-200",
-                  n && "rotate-90"
-                )
-              }
-            )
-          }
-        ) : /* @__PURE__ */ r("span", { className: "w-6" }),
-        /* @__PURE__ */ r("span", { className: k(
-          "flex-shrink-0",
-          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 })
-      ]
-    }
-  );
-});
-function ee(i, e, t = 0) {
-  const n = [];
-  for (const d of i)
-    n.push({ node: d, depth: t }), d.children && e.has(d.id) && n.push(...ee(d.children, e, t + 1));
-  return n;
-}
-const pe = {
-  sideEffects: V({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-};
-function Ae({
-  data: i,
-  onMove: e,
-  onToggle: t,
-  renderNode: n,
-  className: d,
-  defaultExpanded: g = /* @__PURE__ */ new Set()
-}) {
-  const [x, v] = o.useState(g), [m, c] = o.useState(null), h = j(
-    W(Z, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    W(Y, {
-      coordinateGetter: X
-    })
-  ), u = o.useMemo(
-    () => ee(i, x),
-    [i, x]
-  ), 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 = o.useCallback((f) => {
-    c(f.active.id);
-  }, []), 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 = o.useCallback(() => {
-    c(null);
-  }, []), I = o.useMemo(
-    () => {
-      var f;
-      return (f = u.find((N) => N.node.id === m)) == null ? void 0 : f.node;
-    },
-    [m, u]
-  ), y = o.useMemo(
-    () => u.map((f) => f.node.id),
-    [u]
-  );
-  return /* @__PURE__ */ K(
-    z,
-    {
-      sensors: h,
-      collisionDetection: U,
-      onDragStart: A,
-      onDragEnd: b,
-      onDragCancel: C,
-      children: [
-        /* @__PURE__ */ r(
-          $,
-          {
-            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: N }) => /* @__PURE__ */ r(
-              he,
-              {
-                node: f,
-                depth: N,
-                expanded: x.has(f.id),
-                onToggle: () => E(f.id),
-                renderNode: n
-              },
-              f.id
-            )) })
-          }
-        ),
-        /* @__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"
-          ), children: I.isFolder || I.children && I.children.length > 0 ? /* @__PURE__ */ r(R, { className: "h-4 w-4" }) : /* @__PURE__ */ r(H, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ r("span", { className: "text-sm text-foreground", children: n ? n(I) : I.label })
-        ] }) : null })
-      ]
-    }
-  );
-}
-function xe({ id: i, children: e, className: t, isEmpty: n }) {
-  const { setNodeRef: d, isOver: g } = _({ id: i });
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: d,
-      className: k(
-        "min-h-[100px] rounded-xl transition-colors duration-200",
-        g && "bg-primary/5 ring-2 ring-primary/30",
-        n && "border-2 border-dashed border-muted-foreground/30",
-        t
-      ),
-      children: e
-    }
-  );
-}
-const be = o.memo(function({
-  id: e,
-  children: t,
-  className: n
-}) {
-  const {
-    attributes: d,
-    listeners: g,
-    setNodeRef: x,
-    transform: v,
-    transition: m,
-    isDragging: c
-  } = B({ id: e }), h = o.useMemo(() => ({
-    transform: L.Transform.toString(v),
-    transition: m,
-    opacity: c ? 0.5 : 1
-  }), [v, m, c]);
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: x,
-      style: h,
-      className: k(
-        "rounded-xl border bg-card text-card-foreground p-3 shadow-sm touch-none select-none",
-        c && "ring-2 ring-primary/20",
-        !c && "cursor-grab hover:shadow-md hover:border-primary/30",
-        c && "cursor-grabbing",
-        n
-      ),
-      ...d,
-      ...g,
-      children: /* @__PURE__ */ r("div", { className: "min-w-0", children: t })
-    }
-  );
-}), 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"
-}, Ce = {
-  sideEffects: V({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-};
-function Te({
-  containers: i,
-  items: e,
-  onItemMove: t,
-  onReorder: n,
-  renderItem: d,
-  renderContainerHeader: g,
-  renderEmptyContainer: x,
-  className: v,
-  containerClassName: m,
-  itemClassName: c,
-  layout: h = "horizontal"
-}) {
-  const [u, E] = o.useState(null), A = j(
-    W(Z, {
-      activationConstraint: {
-        distance: 5
-      }
-    }),
-    W(Y, {
-      coordinateGetter: X
-    })
-  ), b = o.useCallback(
-    (s) => e.filter((a) => a.containerId === s),
-    [e]
-  ), C = o.useCallback(
-    (s) => {
-      const a = e.find((l) => l.id === s);
-      return a == null ? void 0 : a.containerId;
-    },
-    [e]
-  ), 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 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,
-      S,
-      D >= 0 ? D : T.length
-    );
-  }, [i, C, b, t]), f = o.useCallback((s) => {
-    var T;
-    const { active: a, over: l } = s;
-    if (!l) {
-      E(null);
-      return;
-    }
-    const p = C(a.id);
-    if (!p) {
-      E(null);
-      return;
-    }
-    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, b, n]), N = o.useCallback(() => {
-    E(null);
-  }, []), w = o.useMemo(
-    () => e.find((s) => s.id === u),
-    [u, e]
-  );
-  return /* @__PURE__ */ K(
-    z,
-    {
-      sensors: A,
-      collisionDetection: U,
-      onDragStart: I,
-      onDragOver: y,
-      onDragEnd: f,
-      onDragCancel: N,
-      children: [
-        /* @__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(
-                "flex flex-col rounded-xl border border-border/50 bg-muted/20 p-4 transition-colors duration-200",
-                h === "horizontal" && "min-w-[280px] w-[280px]",
-                m
-              ),
-              children: [
-                /* @__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: s.id,
-                    isEmpty: l,
-                    className: "flex-1",
-                    children: /* @__PURE__ */ r(
-                      $,
-                      {
-                        items: a.map((p) => p.id),
-                        strategy: G,
-                        children: /* @__PURE__ */ K("div", { className: "flex flex-col gap-2", children: [
-                          a.map((p) => /* @__PURE__ */ r(
-                            be,
-                            {
-                              id: p.id,
-                              className: c,
-                              children: d(p)
-                            },
-                            p.id
-                          )),
-                          l && x && /* @__PURE__ */ r("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-sm", children: x(s) })
-                        ] })
-                      }
-                    )
-                  }
-                )
-              ]
-            },
-            s.id
-          );
-        }) }),
-        /* @__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 })
-      ]
-    }
-  );
-}
-export {
-  Ee as K,
-  Te as M,
-  oe as S,
-  Ae as T,
-  ke as a
-};
-//# sourceMappingURL=multi-container-BZia7HCU.js.map