@daisforge/ui 1.14.1 → 1.15.0

package/chunks/{GridDND-BnK1dEhJ.mjs → GridDND-BhSmT9qp.mjs}

@@ -1,13 +1,13 @@
-import { jsxs as xe, jsx as V } from "react/jsx-runtime";
+import { jsxs as xe, jsx as Z } from "react/jsx-runtime";
 import "react-grid-layout/css/styles.css";
 import { iconButtonFilterClassNames as ye } from "../components/IconButton/index.mjs";
 import { useRef as B, useState as P, useLayoutEffect as he, useEffect as et, forwardRef as ge, useCallback as G, useMemo as yt, useImperativeHandle as be } from "react";
-import { b as Qt } from "./AnalyticalWidget-BWggL9xa.mjs";
+import { b as Qt } from "./AnalyticalWidget-BSpo7GCr.mjs";
 import { Responsive as De } from "react-grid-layout";
 import { c as ve } from "./utils-D4eJY8pa.mjs";
 import { surfaceTransparentAccent as ke, outlineAccent as Oe, outlineAccentMinor as Ne, shadowDownHardS as Ae, outlineTransparentAccent as Me, shadowDownSoftS as Re } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import Et, { css as Ge } from "styled-components";
-const U = {
+const J = {
   gridItemWrapper: "grid-dnd__item-wrapper",
   gridItem: "grid-dnd__item",
   dragHandle: "grid-dnd__drag-handle",
@@ -15,25 +15,19 @@ const U = {
 }, Xt = 248, z = 6, Fe = ({
   item: e,
   actionsSlot: n,
-  actionsSlotStyle: r,
-  children: f
+  children: r
 }) => /* @__PURE__ */ xe("div", { style: {
   height: "100%",
   position: "relative"
-}, id: e.id, className: U.gridItemWrapper, children: [
-  n && /* @__PURE__ */ V("div", { style: {
-    position: "absolute",
-    right: 16,
-    top: 16,
-    ...r
-  }, className: U.noDrag, children: n }),
-  f
+}, id: e.id, className: J.gridItemWrapper, children: [
+  n,
+  r
 ] });
 function Ee() {
   const e = B(null), [n, r] = P(0);
   return he(() => {
-    const f = e.current;
-    if (!f)
+    const a = e.current;
+    if (!a)
       return;
     let l = 0;
     const o = ve((s) => {
@@ -41,7 +35,7 @@ function Ee() {
       const d = ((y = s[0]) == null ? void 0 : y.contentRect.width) ?? 0;
       cancelAnimationFrame(l), l = requestAnimationFrame(() => r(d));
     });
-    return o.observe(f), () => {
+    return o.observe(a), () => {
       cancelAnimationFrame(l), o.disconnect();
     };
   }, []), {
@@ -53,28 +47,28 @@ function He(e) {
   const {
     onWidthChange: n,
     margin: r,
-    cols: f,
+    cols: a,
     containerPadding: l
   } = e, {
     ref: o,
     width: s
   } = Ee(), d = B(0);
   return et(() => {
-    s > 0 && s !== d.current && (n == null || n(s, r, f, l), d.current = s);
-  }, [s, n, r, f, l]), /* @__PURE__ */ V("div", { ref: o, style: {
+    s > 0 && s !== d.current && (n == null || n(s, r, a, l), d.current = s);
+  }, [s, n, r, a, l]), /* @__PURE__ */ Z("div", { ref: o, style: {
     width: "100%"
-  }, children: s > 0 && /* @__PURE__ */ V(De, { ...e, width: s }) });
+  }, children: s > 0 && /* @__PURE__ */ Z(De, { ...e, width: s }) });
 }
 const Te = Ge(["background-color:", ";border-radius:16px;outline:1px solid ", ";"], () => ke, () => Oe), We = Et.div.withConfig({
   displayName: "GridDNDstyled__GridDNDContainer"
 })(["width:100%;min-height:400px;max-width:1890px;&:has(.react-grid-placeholder){& .react-grid-item.react-grid-placeholder{", " opacity:1;}}"], Te), Se = Et.div.attrs(() => ({
-  className: U.gridItem
+  className: J.gridItem
 })).withConfig({
   displayName: "GridDNDstyled__GridItem"
 })(["&.react-draggable-dragging{outline:2px solid ", ";box-shadow:", ";cursor:grabbing;}& .", "{cursor:default;}height:100%;width:100%;cursor:", ";background-color:white;border-radius:16px;outline:", ";box-shadow:", ";overflow:hidden;"], () => Ne, () => Ae, Qt.topSlot, (e) => e.$isDraggable ? "grab" : "default", (e) => e.$isDraggable ? `2px solid ${Me}` : "none", () => Re), _e = Et.div.withConfig({
   displayName: "GridDNDstyled__GridItemContent"
 })(["height:100%;width:100%;"]), qe = (e) => !e || e === "." || e === "-" || e === " ";
-function tr(e, n, r, f) {
+function tr(e, n, r, a) {
   var d, y;
   const l = [], o = r[n], s = /* @__PURE__ */ new Set();
   for (let N = 0; N < e.length; N++) {
@@ -120,7 +114,7 @@ function tr(e, n, r, f) {
         // Максимальная ширина (ограничена количеством колонок)
         minH: 1,
         // Минимальная высота
-        isResizable: f,
+        isResizable: a,
         // Можно ли изменять размер
         static: !1
         // Элемент не статичный (можно перемещать)
@@ -133,28 +127,28 @@ function er(e) {
   return Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0));
 }
 function rr(e, n) {
-  const r = Object.keys(e).sort((f, l) => {
-    const o = e[f] || 0;
+  const r = Object.keys(e).sort((a, l) => {
+    const o = e[a] || 0;
     return (e[l] || 0) - o;
   });
-  for (const f of r) {
-    const l = e[f];
+  for (const a of r) {
+    const l = e[a];
     if (l !== void 0 && n >= l)
-      return f;
+      return a;
   }
   return r[r.length - 1];
 }
 function nr(e, n, r) {
   var l, o;
-  const f = r.indexOf(e);
-  if (f === -1)
+  const a = r.indexOf(e);
+  if (a === -1)
     return null;
-  for (let s = f - 1; s >= 0; s--) {
+  for (let s = a - 1; s >= 0; s--) {
     const d = r[s];
     if (d && ((l = n[d]) != null && l.length))
       return d;
   }
-  for (let s = f + 1; s < r.length; s++) {
+  for (let s = a + 1; s < r.length; s++) {
     const d = r[s];
     if (d && ((o = n[d]) != null && o.length))
       return d;
@@ -167,13 +161,13 @@ function ir(e, n) {
     // Ограничиваем ширину элемента количеством колонок
     w: Math.max(1, Math.min(i.w, n))
     // Старые координаты не важны - будем раскладывать заново
-  })).sort((i, m) => i.y - m.y || i.x - m.x), f = [], l = (i) => {
-    for (; f.length < i; )
-      f.push(Array(n).fill(!1));
+  })).sort((i, m) => i.y - m.y || i.x - m.x), a = [], l = (i) => {
+    for (; a.length < i; )
+      a.push(Array(n).fill(!1));
   }, o = (i, m, p, x) => {
     l(m + x);
     for (let u = m; u < m + x; u++) {
-      const b = f[u];
+      const b = a[u];
       if (!b)
         return !1;
       for (let v = i; v < i + p; v++)
@@ -184,7 +178,7 @@ function ir(e, n) {
   }, s = (i, m, p, x) => {
     l(m + x);
     for (let u = m; u < m + x; u++) {
-      const b = f[u];
+      const b = a[u];
       if (b)
         for (let v = i; v < i + p; v++)
           v < b.length && (b[v] = !0);
@@ -193,7 +187,7 @@ function ir(e, n) {
     let m = i;
     for (; ; ) {
       l(m + 1);
-      const p = f[m];
+      const p = a[m];
       if (p && p.some((x) => !x))
         return m;
       m++;
@@ -247,9 +241,9 @@ const tt = (e) => e === "l" ? {
 function Ft(e, n) {
   if (!e || !n || e.length !== n.length)
     return !1;
-  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), f = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
+  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), a = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
   for (let l = 0; l < r.length; l += 1) {
-    const o = r[l], s = f[l];
+    const o = r[l], s = a[l];
     if (!o || !s || o.i !== s.i || o.x !== s.x || o.y !== s.y || o.w !== s.w || o.h !== s.h)
       return !1;
   }
@@ -261,15 +255,15 @@ function gt(e, n, r) {
 }
 function Be(e, n, r) {
   gt(e, n + 1, r);
-  const f = e[n];
-  return f ? f.some((l) => !l) : !1;
+  const a = e[n];
+  return a ? a.some((l) => !l) : !1;
 }
-function ht(e, n, r, f = 0) {
+function ht(e, n, r, a = 0) {
   gt(e, n + 1, r);
   const l = e[n];
   if (!l)
     return -1;
-  for (let o = Math.max(0, f); o < r; o++) {
+  for (let o = Math.max(0, a); o < r; o++) {
     if (o >= l.length)
       return -1;
     if (!l[o])
@@ -277,36 +271,36 @@ function ht(e, n, r, f = 0) {
   }
   return -1;
 }
-function Yt(e, n, r, f, l, o) {
+function Yt(e, n, r, a, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (!d)
       return !1;
-    for (let y = n; y < n + f; y++)
+    for (let y = n; y < n + a; y++)
       if (y >= o || d[y])
         return !1;
   }
   return !0;
 }
-function Ie(e, n, r, f, l, o) {
+function Ie(e, n, r, a, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (d)
-      for (let y = n; y < n + f; y++)
+      for (let y = n; y < n + a; y++)
         y < o && (d[y] = !0);
   }
 }
 function zt(e, n, r) {
-  let f = Math.max(0, n);
+  let a = Math.max(0, n);
   for (; ; ) {
-    if (Be(e, f, r))
-      return f;
-    f++;
+    if (Be(e, a, r))
+      return a;
+    a++;
   }
 }
-function $e(e, n, r, f) {
+function $e(e, n, r, a) {
   const l = [], o = [];
   let s = 0, d = 0;
   for (const y of e) {
@@ -352,7 +346,7 @@ function $e(e, n, r, f) {
       minW: 1,
       maxW: r,
       minH: 1,
-      isResizable: f,
+      isResizable: a,
       static: !1
     }), u > s)
       s = u, d = Math.max(0, ht(o, s, r, 0)), d === -1 && (s = zt(o, s, r), d = ht(o, s, r, 0));
@@ -367,9 +361,9 @@ function Pt(e) {
   return [...e].sort((n, r) => n.y - r.y || n.x - r.x).map((n) => n.i);
 }
 const sr = (e) => Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0))[0] ?? "lg";
-function je(e, n, r, f, l = 0, o = 0) {
+function je(e, n, r, a, l = 0, o = 0) {
   const s = e.reduce((i, m) => Math.max(i, m.y + m.h), 0), d = Array.from({
-    length: Math.max(s, o) + f + 1
+    length: Math.max(s, o) + a + 1
   }, () => Array(n).fill(!1));
   for (const {
     x: i,
@@ -384,7 +378,7 @@ function je(e, n, r, f, l = 0, o = 0) {
         u >= 0 && v >= 0 && v < n && b && (b[v] = !0);
     }
   const y = (i, m) => {
-    for (let p = m; p < m + f; p++) {
+    for (let p = m; p < m + a; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
       for (let u = i; u < i + r; u++)
@@ -393,7 +387,7 @@ function je(e, n, r, f, l = 0, o = 0) {
     }
     return !0;
   }, N = (i, m) => {
-    for (let p = m; p < m + f; p++) {
+    for (let p = m; p < m + a; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
       for (let u = i; u < i + r; u++)
@@ -417,7 +411,7 @@ const or = (e) => {
 }, Xe = ({
   children: e,
   className: n
-}) => /* @__PURE__ */ V(_e, { className: n, children: e }), Kt = (...e) => (
+}) => /* @__PURE__ */ Z(_e, { className: n, children: e }), Kt = (...e) => (
   // eslint-disable-next-line no-console
   console.log("%c[GridDND]", "color:#6b5b95;font-weight:600", ...e)
 ), Ye = ge(({
@@ -438,7 +432,7 @@ const or = (e) => {
     xs: 3,
     xxs: 2
   },
-  rowHeights: f = {
+  rowHeights: a = {
     lg: 248,
     md: 248,
     sm: 248,
@@ -458,8 +452,8 @@ const or = (e) => {
   compactType: p = "horizontal",
   smartCompact: x = !0,
   resizeHandles: u = ["se", "sw", "ne", "nw", "s", "w", "e", "n"],
-  draggableHandle: b = `.${U.dragHandle}`,
-  draggableCancel: v = `button, input, select, textarea, .${U.noDrag}, .${Qt.topSlot}, .${ye.root}`,
+  draggableHandle: b = `.${J.dragHandle}`,
+  draggableCancel: v = `button, input, select, textarea, .${J.noDrag}, .${Qt.topSlot}, .${ye.root}`,
   maxRows: Ut,
   transformScale: Vt,
   // Колбеки
@@ -480,32 +474,32 @@ const or = (e) => {
   gridStyle: Zt,
   enableLogs: Tt = !1
 }, Lt) => {
-  const [R, ct] = P(() => e.map((t) => t.id)), J = B(Object.fromEntries(e.map((t) => [t.id, tt(t.type)]))), vt = B(!1), Z = B({
+  const [R, ct] = P(() => e.map((t) => t.id)), U = B(Object.fromEntries(e.map((t) => [t.id, tt(t.type)]))), vt = B(!1), V = B({
     lg: [],
     md: [],
     sm: [],
     xs: [],
     xxs: []
-  }), K = B("lg"), Q = B([]), j = Dt > 0, [kt, Wt] = P(!1), [Ct, Ot] = P(null), lt = B(null), Nt = B(!1), At = B(null), at = B(null), C = G(() => {
+  }), K = B("lg"), Q = B([]), j = Dt > 0, [kt, Wt] = P(!1), [Ct, Ot] = P(null), lt = B(null), Nt = B(!1), At = B(null), ft = B(null), C = G(() => {
     lt.current && (clearTimeout(lt.current), lt.current = null);
-  }, []), ft = G(() => {
+  }, []), ut = G(() => {
     Wt(!1), Ot(null), Nt.current = !1;
   }, []), te = 64;
   et(() => {
     if (!j || !At.current)
       return;
     const t = At.current;
-    let a = null;
+    let f = null;
     const c = (g, k) => {
       const E = (T) => {
         const W = T.clientX - g, X = T.clientY - k;
-        W * W + X * X > te && (C(), Ot(null), at.current = null, w());
+        W * W + X * X > te && (C(), Ot(null), ft.current = null, w());
       };
-      document.addEventListener("pointermove", E), a = () => {
-        document.removeEventListener("pointermove", E), a = null;
+      document.addEventListener("pointermove", E), f = () => {
+        document.removeEventListener("pointermove", E), f = null;
       };
     }, w = () => {
-      a == null || a();
+      f == null || f();
     }, h = (g) => {
       const k = g.target;
       return g.offsetX > k.clientWidth || g.offsetY > k.clientHeight;
@@ -513,15 +507,15 @@ const or = (e) => {
       if (g._synthetic || g.button !== 0 || h(g))
         return;
       C(), w();
-      const E = g.target.closest(`.${U.gridItem}`), T = E == null ? void 0 : E.querySelector(`.${U.gridItemWrapper}`), W = (T == null ? void 0 : T.id) ?? null, X = E == null ? void 0 : E.querySelector(`.${U.dragHandle}`);
-      Ot(W), at.current = {
+      const E = g.target.closest(`.${J.gridItem}`), T = E == null ? void 0 : E.querySelector(`.${J.gridItemWrapper}`), W = (T == null ? void 0 : T.id) ?? null, X = E == null ? void 0 : E.querySelector(`.${J.dragHandle}`);
+      Ot(W), ft.current = {
         clientX: g.clientX,
         clientY: g.clientY,
         handleEl: X
       }, c(g.clientX, g.clientY), lt.current = setTimeout(() => {
         w(), Wt(!0), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            const Y = at.current;
+            const Y = ft.current;
             if (!(Y != null && Y.handleEl))
               return;
             const wt = new MouseEvent("mousedown", {
@@ -537,27 +531,27 @@ const or = (e) => {
         });
       }, Dt);
     }, O = () => {
-      C(), w(), at.current = null, Nt.current || requestAnimationFrame(() => {
-        ft();
+      C(), w(), ft.current = null, Nt.current || requestAnimationFrame(() => {
+        ut();
       });
     };
     return t.addEventListener("pointerdown", D), document.addEventListener("pointerup", O), () => {
       t.removeEventListener("pointerdown", D), document.removeEventListener("pointerup", O), C(), w();
     };
-  }, [j, Dt, C, ft]);
+  }, [j, Dt, C, ut]);
   const St = j ? l && kt : l, [I, _t] = P({
     lg: [],
     md: [],
     sm: [],
     xs: [],
     xxs: []
-  }), [qt, ee] = P("lg"), [S, re] = P(f.lg ?? Xt), [ne, ut] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((a) => ({
-    id: a,
-    type: mt(a)
-  })), [mt]), Mt = G((t) => f[t] ?? f.md ?? Xt, [f]), H = G((t, a, c) => {
-    const w = c ?? R, h = a[t] ?? [], D = Z.current[t] ?? [], O = new Map(h.map((k) => [k.i, k])), g = new Map(D.map((k) => [k.i, k]));
+  }), [qt, ee] = P("lg"), [S, re] = P(a.lg ?? Xt), [ne, at] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((f) => ({
+    id: f,
+    type: mt(f)
+  })), [mt]), Mt = G((t) => a[t] ?? a.md ?? Xt, [a]), H = G((t, f, c) => {
+    const w = c ?? R, h = f[t] ?? [], D = V.current[t] ?? [], O = new Map(h.map((k) => [k.i, k])), g = new Map(D.map((k) => [k.i, k]));
     return w.map((k) => {
-      const E = mt(k), T = O.get(k) ?? g.get(k) ?? null, W = J.current[k] ?? tt(E), X = T ? {
+      const E = mt(k), T = O.get(k) ?? g.get(k) ?? null, W = U.current[k] ?? tt(E), X = T ? {
         x: T.x,
         y: T.y,
         w: T.w,
@@ -575,8 +569,8 @@ const or = (e) => {
       };
     });
   }, [R, mt]), It = G((t) => {
-    const a = Z.current[t] ?? [];
-    return a.length ? a : I[t] ?? [];
+    const f = V.current[t] ?? [];
+    return f.length ? f : I[t] ?? [];
   }, [I]), _ = G(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (...t) => {
@@ -584,28 +578,28 @@ const or = (e) => {
     },
     [Tt]
   ), pt = G((t) => {
-    Z.current = t, vt.current = !0, Bt(!0), _t(t), requestAnimationFrame(() => {
+    V.current = t, vt.current = !0, Bt(!0), _t(t), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         vt.current = !1, Bt(!1), Kt("[GridDND] reflow window closed");
       });
     });
   }, []), q = G((t) => {
-    const a = {};
+    const f = {};
     for (const c of Object.keys(r)) {
       const w = r[c] ?? z;
-      a[c] = $e(t, J.current, w, o);
+      f[c] = $e(t, U.current, w, o);
     }
     return _("reflowAllByOrder", {
       order: t,
-      out: a
-    }), pt(a), a;
-  }, [r, o, pt, _]), $t = G((t, a) => {
+      out: f
+    }), pt(f), f;
+  }, [r, o, pt, _]), $t = G((t, f) => {
     if (!x)
       return;
     const c = Date.now();
     if (Q.current.push({
       x: t,
-      y: a,
+      y: f,
       timestamp: c
     }), Q.current = Q.current.filter((D) => c - D.timestamp <= 300), Q.current.length < 2)
       return;
@@ -614,16 +608,16 @@ const or = (e) => {
       const O = Q.current[D - 1], g = Q.current[D];
       !O || !g || (w += Math.abs(g.x - O.x), h += Math.abs(g.y - O.y));
     }
-    w + h < 10 || (w > h * 1.5 ? ut("horizontal") : h > w * 1.5 && ut("vertical"));
+    w + h < 10 || (w > h * 1.5 ? at("horizontal") : h > w * 1.5 && at("vertical"));
   }, [x]), jt = G(() => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        const t = Z.current, a = {};
+        const t = V.current, f = {};
         for (const [c, w] of Object.entries(t))
-          a[c] = w.map((h) => ({
+          f[c] = w.map((h) => ({
             ...h
           }));
-        _("[GridDND] forceSyncWithRgl → re-push target layouts"), pt(a);
+        _("[GridDND] forceSyncWithRgl → re-push target layouts"), pt(f);
       });
     });
   }, [pt, _]);
@@ -631,20 +625,20 @@ const or = (e) => {
     q(e.map((t) => t.id));
   }, []), et(() => {
     const t = /* @__PURE__ */ new Set([...dt.keys(), ...R]);
-    L.current.forEach((a, c) => {
+    L.current.forEach((f, c) => {
       t.has(c) || L.current.delete(c);
     });
   }, [dt, R]), et(() => {
     e.forEach((t) => {
-      J.current[t.id] || (J.current[t.id] = tt(t.type));
+      U.current[t.id] || (U.current[t.id] = tt(t.type));
     });
   }, [e]);
-  const ce = G((t, a, c, w, h, D) => {
-    Q.current = [], ut(p), j && (Nt.current = !0), st == null || st(t, a, c, w, h, D);
-  }, [p, st, j]), le = G((t, a, c, w, h, D) => {
-    $t(h.clientX, h.clientY), it == null || it(t, a, c, w, h, D);
-  }, [$t, it]), ae = G((t, a, c, w, h, D) => {
-    ot == null || ot(t, a, c, w, h, D), j && ft();
+  const ce = G((t, f, c, w, h, D) => {
+    Q.current = [], at(p), j && (Nt.current = !0), st == null || st(t, f, c, w, h, D);
+  }, [p, st, j]), le = G((t, f, c, w, h, D) => {
+    $t(h.clientX, h.clientY), it == null || it(t, f, c, w, h, D);
+  }, [$t, it]), fe = G((t, f, c, w, h, D) => {
+    ot == null || ot(t, f, c, w, h, D), j && ut();
     const O = Pt(t);
     _("[GridDND] dragStop: nextOrder(readingOrder)", O), ct(O);
     const g = q(O), k = K.current, E = H(k, g, O);
@@ -656,16 +650,16 @@ const or = (e) => {
     }, g, {
       itemsOrder: O,
       itemsOrderTyped: $(O)
-    }), ut(p);
+    }), at(p);
     const T = t, W = g[k];
     Ft(T, W) ? _("[GridDND] dragStop: live layout == target (OK)") : (_("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"), jt());
-  }, [ot, j, ft, q, H, F, M, r, S, p, jt, _, $]), fe = G((t, a) => {
+  }, [ot, j, ut, q, H, F, M, r, S, p, jt, _, $]), ue = G((t, f) => {
     _("RGL onLayoutChange", {
       cur: t,
-      all: a
+      all: f
     });
-    const c = K.current, w = (Z.current[c] ?? []).length;
-    if (t.length === w && Ft(t, Z.current[c])) {
+    const c = K.current, w = (V.current[c] ?? []).length;
+    if (t.length === w && Ft(t, V.current[c])) {
       _("[GridDND] onLayoutChange[IGNORED: equals-target]", {
         bp: c
       });
@@ -681,7 +675,7 @@ const or = (e) => {
     const h = r[c] ?? z;
     if (t.some((g) => typeof g.maxW == "number" && g.maxW !== h))
       return;
-    if (Ft(t, Z.current[c])) {
+    if (Ft(t, V.current[c])) {
       _("[GridDND] onLayoutChange[IGNORED: equals-target]", {
         bp: c
       });
@@ -708,20 +702,20 @@ const or = (e) => {
     }, {
       itemsOrder: R
     });
-  }, [M, H, I, r, S, R, _]), ue = G((t) => {
+  }, [M, H, I, r, S, R, _]), ae = G((t) => {
     K.current = t, ee(t), re(Mt(t));
-    const a = q(R), c = H(t, a, R);
+    const f = q(R), c = H(t, f, R);
     rt == null || rt(t, {
       breakpoint: t,
       cols: r[t] ?? z,
       rowHeight: Mt(t),
       items: c
     });
-  }, [Mt, q, R, H, rt, r]), de = G((t, a, c, w) => {
-    nt == null || nt(t, a, c, w);
+  }, [Mt, q, R, H, rt, r]), de = G((t, f, c, w) => {
+    nt == null || nt(t, f, c, w);
   }, [nt]), Rt = G((t) => {
-    L.current.delete(t), delete J.current[t], ct((a) => {
-      const c = a.filter((O) => O !== t), w = q(c), h = K.current, D = H(h, w, c);
+    L.current.delete(t), delete U.current[t], ct((f) => {
+      const c = f.filter((O) => O !== t), w = q(c), h = K.current, D = H(h, w, c);
       return F == null || F(D), M == null || M({
         breakpoint: h,
         cols: r[h] ?? z,
@@ -732,12 +726,12 @@ const or = (e) => {
         itemsOrderTyped: $(c)
       }), c;
     });
-  }, [q, H, F, M, r, S, $]), Gt = G((t, a) => {
+  }, [q, H, F, M, r, S, $]), Gt = G((t, f) => {
     if (!R.includes(t))
       return;
-    L.current.set(t, a);
-    const c = K.current, w = r[c] ?? z, h = tt(a);
-    J.current[t] = {
+    L.current.set(t, f);
+    const c = K.current, w = r[c] ?? z, h = tt(f);
+    U.current[t] = {
       w: Math.max(1, Math.min(h.w, w)),
       h: Math.max(1, h.h)
     };
@@ -758,28 +752,28 @@ const or = (e) => {
       getOrderDetailed: () => $(R),
       setOrder: (t) => {
         ct(t);
-        const a = q(t), c = K.current, w = H(c, a, t);
+        const f = q(t), c = K.current, w = H(c, f, t);
         F == null || F(w), M == null || M({
           breakpoint: c,
           cols: r[c] ?? z,
           rowHeight: S,
           items: w
-        }, a, {
+        }, f, {
           itemsOrder: t,
           itemsOrderTyped: $(t)
         });
       },
-      addItem: (t, a) => {
+      addItem: (t, f) => {
         L.current.set(t.id, t.type);
         const c = tt(t.type), w = K.current, h = r[w] ?? z, D = {
           w: Math.max(1, Math.min(c.w, h)),
           h: Math.max(1, c.h)
         };
-        J.current[t.id] = D;
+        U.current[t.id] = D;
         const O = It(w);
         let g = 0, k = 0;
-        if (a != null) {
-          const wt = Math.max(0, Math.min(a - 1, R.length - 1)), pe = R[wt], xt = O.find((we) => we.i === pe);
+        if (f != null) {
+          const wt = Math.max(0, Math.min(f - 1, R.length - 1)), pe = R[wt], xt = O.find((we) => we.i === pe);
           xt && (k = xt.y, g = xt.x + xt.w);
         }
         const E = je(O, h, D.w, D.h, g, k), T = O.concat([{
@@ -805,34 +799,34 @@ const or = (e) => {
       setItemType: Gt,
       getAllLayouts: () => I,
       getCurrentLayout: () => {
-        const t = K.current, a = H(t, I, R);
+        const t = K.current, f = H(t, I, R);
         return {
           breakpoint: t,
           cols: r[t] ?? z,
           rowHeight: S,
-          items: a
+          items: f
         };
       }
     }
   }), [Rt, Gt, R, $, q, H, F, M, r, S, It, I]);
   const me = yt(() => H(qt, I, R), [qt, I, R, H]);
-  return /* @__PURE__ */ V(We, { ref: At, style: {
+  return /* @__PURE__ */ Z(We, { ref: At, style: {
     ...Jt,
     ...j && kt ? {
       userSelect: "none",
       touchAction: "none"
     } : {}
-  }, children: /* @__PURE__ */ V(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: fe, onBreakpointChange: ue, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? u : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: ae, style: {
+  }, children: /* @__PURE__ */ Z(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: ue, onBreakpointChange: ae, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? u : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: fe, style: {
     background: "transparent",
     ...Zt
-  }, children: me.map((t) => /* @__PURE__ */ V(Se, { $isDraggable: j ? kt && Ct === t.id : l, children: /* @__PURE__ */ V(oe, { isDraggable: St, className: se, children: typeof bt == "function" ? bt(t, () => Rt(t.id), (a) => Gt(t.id, a)) : bt }) }, t.id)) }) });
+  }, children: me.map((t) => /* @__PURE__ */ Z(Se, { $isDraggable: j ? kt && Ct === t.id : l, children: /* @__PURE__ */ Z(oe, { isDraggable: St, className: se, children: typeof bt == "function" ? bt(t, () => Rt(t.id), (f) => Gt(t.id, f)) : bt }) }, t.id)) }) });
 }), ze = Object.assign(Ye, {
   ItemWrapper: Fe
 });
 ze.displayName = "GridDND";
 export {
   ze as G,
-  U as a,
+  J as a,
   Xt as b,
   tr as c,
   nr as d,