@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/layout-editor/dnd/LayoutDndProvider.js

@@ -1,57 +1,64 @@
-import { jsx as D, jsxs as lt } from "react/jsx-runtime";
-import { useSensors as dt, useSensor as j, PointerSensor as ct, KeyboardSensor as ut, KeyboardCode as x, DndContext as ft, MeasuringStrategy as pt, DragOverlay as gt } from "@dnd-kit/core";
-import { getEventCoordinates as mt } from "@dnd-kit/utilities";
-import { useState as R, useRef as N, useMemo as H, useCallback as J, createContext as yt, useSyncExternalStore as ht, useLayoutEffect as bt, useContext as St } from "react";
-import { createPortal as z } from "react-dom";
-import { UNGROUPED_KEY as Q } from "../../../lib/layout-ops.js";
-import { targetKey as C } from "../design-context.js";
-import { typedKeyboardCoordinates as Ct, nodeData as k } from "./collision.js";
-import { DndStore as Dt, DndStoreContext as wt, NO_DND as kt, IDLE as F } from "./node.js";
-import { railAwareCollision as xt, railDropData as V, copyableGroup as X } from "./rail-drop.js";
-import { TrashZone as Rt } from "./TrashZone.js";
-import { trashAwareCollision as Et, TRASH_DROP_ID as U, trashDropData as K, trashPlan as T } from "./trash-drop.js";
-import { dropLabel as Pt, landsOnCanvas as Z, placeAfterDrop as At, orderAfterDrop as Kt } from "./order.js";
-const W = yt(kt);
-function Qt() {
-  return St(W);
+import { jsx as S, jsxs as ae } from "react/jsx-runtime";
+import { useSensors as Ue, useSensor as te, TouchSensor as _e, KeyboardSensor as ve, KeyboardCode as H, DndContext as Be, MeasuringStrategy as je, DragOverlay as He } from "@dnd-kit/core";
+import { getEventCoordinates as ye } from "@dnd-kit/utilities";
+import { Plus as Ge } from "lucide-react";
+import { useState as I, useRef as E, useMemo as he, useCallback as G, useEffect as qe, createContext as Ye, useSyncExternalStore as be, useLayoutEffect as ze, useContext as Ve } from "react";
+import { createPortal as ne } from "react-dom";
+import { UNGROUPED_KEY as Ee } from "../../../lib/layout-ops.js";
+import { targetKey as P } from "../design-context.js";
+import { mergePlan as Fe, mergeBlocked as Xe } from "../section-structure.js";
+import { typedKeyboardCoordinates as Ze, nodeData as L, dndRole as we } from "./collision.js";
+import { mergeAwareCollision as Je, mergeIndicatorStyle as Qe } from "./merge-drop.js";
+import { manyLabel as ke, carriedTargets as We, dropMany as et, copyAfterDrop as tt } from "./multi-drop.js";
+import { DndStore as nt, DndStoreContext as rt, NO_DND as ot, IDLE as Ce } from "./node.js";
+import { landsOnCanvas as Se, placeAfterDrop as at, orderAfterDrop as st, dropLabel as lt } from "./order.js";
+import { railDropData as De, copyableGroup as xe, railAwareCollision as it } from "./rail-drop.js";
+import { MousePointerSensor as ct, MOUSE_ACTIVATION as dt, TOUCH_ACTIVATION as ut } from "./sensors.js";
+import { TrashZone as pt } from "./TrashZone.js";
+import { trashAwareCollision as gt, TRASH_DROP_ID as se, trashDropData as F, trashPlan as re, trashPlanMany as $e } from "./trash-drop.js";
+import { UndoChip as ft } from "./UndoChip.js";
+const Oe = Ye(ot);
+function Ht() {
+  return Ve(Oe);
 }
-const O = 3, $ = 20;
-function Ot(f, n, o, c) {
-  var r;
-  if (f.body) {
-    const w = o - 2 * $, h = c && w > 0 ? Math.min(c, w) : void 0, E = h ? { left: $, width: h } : { left: $, right: $ };
-    return f.side === "before" ? { top: (((r = n.headerHeight) == null ? void 0 : r.call(n)) ?? 0) + 4, height: O, ...E } : { bottom: 8, height: O, ...E };
+const X = 3, Z = 20;
+function mt(g, n, o, d) {
+  var y, R;
+  if (g.merge) return Qe(((y = n.headerHeight) == null ? void 0 : y.call(n)) ?? 0);
+  if (g.body) {
+    const O = o - 2 * Z, r = d && O > 0 ? Math.min(d, O) : void 0, M = r ? { left: Z, width: r } : { left: Z, right: Z };
+    return g.side === "before" ? { top: (((R = n.headerHeight) == null ? void 0 : R.call(n)) ?? 0) + 4, height: X, ...M } : { bottom: 8, height: X, ...M };
   }
-  if (f.axis === "x")
-    return { top: 0, bottom: 0, width: O, [f.side === "before" ? "left" : "right"]: -4 };
-  const g = n.role.kind === "item" && c && o ? Math.min(c, o) : void 0;
+  if (g.axis === "x")
+    return { top: 0, bottom: 0, width: X, [g.side === "before" ? "left" : "right"]: -4 };
+  const m = n.role.kind === "item" && d && o ? Math.min(d, o) : void 0;
   return {
-    [f.side === "before" ? "top" : "bottom"]: -6,
-    height: O,
+    [g.side === "before" ? "top" : "bottom"]: -6,
+    height: X,
     left: 0,
-    ...g ? { width: g } : { right: 0 }
+    ...m ? { width: m } : { right: 0 }
   };
 }
-const $t = (f, n) => {
-  var o, c;
-  return ((c = (o = (f ?? []).find((g) => g.id === n)) == null ? void 0 : o.data) == null ? void 0 : c.hint) ?? null;
+const yt = (g, n) => {
+  var o, d;
+  return ((d = (o = (g ?? []).find((m) => m.id === n)) == null ? void 0 : o.data) == null ? void 0 : d.hint) ?? null;
 };
-function _t(f) {
-  for (let n = f; n && n !== document.documentElement; ) {
+function Ae(g) {
+  for (let n = g; n && n !== document.documentElement; ) {
     const o = getComputedStyle(n);
     if (o.transform && o.transform !== "none" || o.perspective && o.perspective !== "none" || o.filter && o.filter !== "none" || /paint|layout|strict|content/.test(o.contain ?? "") || /transform|perspective|filter/.test(o.willChange ?? "")) {
-      const g = n.getBoundingClientRect();
-      return { x: g.left + n.clientLeft - n.scrollLeft, y: g.top + n.clientTop - n.scrollTop };
+      const m = n.getBoundingClientRect();
+      return { x: m.left + n.clientLeft - n.scrollLeft, y: m.top + n.clientTop - n.scrollTop };
     }
     n = n.parentElement;
   }
   return { x: 0, y: 0 };
 }
-function Nt(f) {
-  const n = f.cloneNode(!0);
+function ht(g) {
+  const n = g.cloneNode(!0);
   for (const o of [n, ...Array.from(n.querySelectorAll("*"))])
-    for (const c of ["data-design-target", "data-selected", "data-drop-slot", "id"])
-      o.removeAttribute(c);
+    for (const d of ["data-design-target", "data-selected", "data-drop-slot", "id"])
+      o.removeAttribute(d);
   if (n.classList.remove("opacity-40"), n.style.clipPath) {
     n.style.clipPath = "none", n.style.transform = "none", n.style.overflow = "visible", n.style.borderRadius = "0", n.style.height = "100%";
     for (const o of Array.from(n.querySelectorAll("*")))
@@ -62,217 +69,368 @@ function Nt(f) {
     n.removeAttribute(o);
   return n.removeAttribute("data-header-folded"), n.setAttribute("inert", ""), Object.assign(n.style, { margin: "0", width: "100%", opacity: "1", outline: "none" }), n;
 }
-const _ = 320;
-function It({ node: f, store: n }) {
-  const o = N(null), c = ht(
+const J = 320;
+function bt({
+  node: g,
+  store: n,
+  count: o
+}) {
+  const d = E(null), m = be(
+    n.subscribe,
+    G(() => n.state.overKey === se, [n]),
+    () => !1
+  ), y = be(
     n.subscribe,
-    J(() => n.state.overKey === U, [n]),
+    G(() => n.state.copy, [n]),
     () => !1
   );
-  return bt(() => {
-    const g = o.current;
-    if (g)
-      return g.replaceChildren(Nt(f)), () => g.replaceChildren();
-  }, [f]), /* @__PURE__ */ D(
+  ze(() => {
+    const O = d.current;
+    if (O)
+      return O.replaceChildren(ht(g)), () => O.replaceChildren();
+  }, [g]);
+  const R = o > 1 || y ? /* @__PURE__ */ ae(
+    "span",
+    {
+      "data-design-drag-badge": y ? "copy" : "count",
+      className: "absolute -right-2 -top-2 z-10 inline-flex h-6 min-w-6 items-center justify-center gap-0.5 rounded-full bg-nvr-cyan px-1.5 text-[11.5px] font-semibold text-white shadow-md ring-2 ring-white dark:ring-[#0f172a]",
+      children: [
+        y && /* @__PURE__ */ S(Ge, { "aria-hidden": !0, className: "h-3 w-3" }),
+        o > 1 ? o : y ? "Copy" : null
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ ae(
     "div",
     {
-      ref: o,
       "aria-hidden": !0,
       "data-design-drag-preview": "",
-      "data-over-trash": c ? "" : void 0,
+      "data-over-trash": m ? "" : void 0,
+      "data-copy": y ? "" : void 0,
       style: {
         transformOrigin: "top left",
-        transform: c ? "scale(0.4)" : void 0,
-        opacity: c ? 0.45 : void 0
+        transform: m ? "scale(0.4)" : void 0,
+        opacity: m ? 0.45 : void 0
       },
-      className: "pointer-events-none h-full w-full cursor-grabbing overflow-hidden rounded-lg bg-white shadow-xl ring-1 ring-slate-900/10 transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none dark:bg-card dark:ring-white/10"
+      className: "pointer-events-none relative h-full w-full cursor-grabbing transition-[transform,opacity] duration-150 ease-out motion-reduce:transition-none",
+      children: [
+        o > 1 && /* @__PURE__ */ S("span", { className: "absolute inset-0 translate-x-1.5 translate-y-1.5 rounded-lg bg-white shadow-lg ring-1 ring-slate-900/10 dark:bg-card dark:ring-white/10" }),
+        /* @__PURE__ */ S(
+          "div",
+          {
+            ref: d,
+            className: "relative h-full w-full overflow-hidden rounded-lg bg-white shadow-xl ring-1 ring-slate-900/10 dark:bg-card dark:ring-white/10"
+          }
+        ),
+        R,
+        y && /* @__PURE__ */ S("style", { children: "*{cursor:copy !important}" })
+      ]
     }
   );
 }
-const L = { kind: "group", key: Q }, Mt = { droppable: { strategy: pt.Always } }, Tt = {
-  start: [x.Space],
-  cancel: [x.Esc],
-  end: [x.Space, x.Enter, x.Tab]
-}, Lt = {
-  draggable: "Press space to pick this up. Use the arrow keys to choose where it goes, then space or enter to drop it, or escape to cancel."
+const oe = { kind: "group", key: Ee }, wt = { droppable: { strategy: je.Always } }, kt = {
+  start: [H.Space],
+  cancel: [H.Esc],
+  end: [H.Space, H.Enter, H.Tab]
+}, Ct = {
+  draggable: "Press space to pick this up. Use the arrow keys to choose where it goes, then space or enter to drop it, or escape to cancel. Hold Alt to copy instead of moving."
 };
-function Wt({
-  bundle: f,
+function Gt({
+  bundle: g,
   apply: n,
   onDragActive: o,
-  onDropOnLayout: c,
-  children: g
+  onDropOnLayout: d,
+  selection: m,
+  undo: y,
+  warnTrash: R,
+  children: O
 }) {
-  const [r] = R(() => new Dt());
-  r.bundle = f;
-  const w = N(n);
-  w.current = n;
-  const h = N(c);
-  h.current = c;
-  const [E] = R(
-    () => Et(
-      xt(
-        (e) => !!h.current && X(r.bundle, e) != null
+  const [r] = I(() => new nt());
+  r.bundle = g;
+  const M = E(n);
+  M.current = n;
+  const U = E(d);
+  U.current = d;
+  const le = E(m ?? []);
+  le.current = m ?? [];
+  const q = E(R);
+  q.current = R;
+  const Q = E(y);
+  Q.current = y;
+  const h = E([]), [Pe] = I(
+    () => gt(
+      Je(
+        it(
+          (e) => !!U.current && xe(r.bundle, e) != null
+        ),
+        (e, t) => !r.state.copy && e.target.kind === "group" && t.target.kind === "group" && !!r.bundle && Xe(r.bundle, e.target.key, t.target.key) === null
       ),
-      (e) => T(r.bundle, e) != null
+      (e) => re(r.bundle, e) != null
     )
-  ), [v] = R(() => ({
+  ), [Re] = I(() => ({
     threshold: { x: 0.08, y: 0.15 },
     acceleration: 12,
-    canScroll: () => r.state.overKey !== U
-  })), [I, B] = R(null), tt = H(
+    canScroll: () => r.state.overKey !== se
+  })), [_, ie] = I(null), [w, W] = I(null), Ke = he(
     () => ({
       draggableProps: () => ({}),
-      isDragging: (e) => r.state.activeKey === C(e),
-      dropSlot: (e) => r.state.overKey === C(e) ? r.state.side : null,
-      dropIndicator: (e) => r.state.overKey === C(e) ? r.state.indicator : null
+      isDragging: (e) => r.isCarried(P(e)),
+      dropSlot: (e) => r.state.overKey === P(e) ? r.state.side : null,
+      dropIndicator: (e) => r.state.overKey === P(e) ? r.state.indicator : null
     }),
     [r]
-  ), et = dt(
-    j(ct, { activationConstraint: { distance: 4 } }),
-    j(ut, {
-      coordinateGetter: Ct,
-      keyboardCodes: Tt
+  ), Le = Ue(
+    te(ct, { activationConstraint: dt }),
+    te(_e, { activationConstraint: ut }),
+    te(ve, {
+      coordinateGetter: Ze,
+      keyboardCodes: kt
     })
-  ), [b, G] = R(null), m = J(
+  ), [x, ce] = I(null), Y = G(
     (e) => {
-      var l, s, p, u;
-      const t = k(e == null ? void 0 : e.data.current);
-      if (!t) return "this";
-      if (t.add) return t.add.label;
-      const d = t.target;
-      if (d.kind === "group")
-        return d.key === "__ungrouped__" ? "Ungrouped fields" : ((s = (l = r.bundle) == null ? void 0 : l.groups.find((y) => y.key === d.key)) == null ? void 0 : s.label) ?? "section";
-      const i = r.nodes.get(C(d));
-      return ((u = (p = i == null ? void 0 : i.querySelector("label, [data-header-label]")) == null ? void 0 : p.textContent) == null ? void 0 : u.replace(/\s*\*\s*$/, "").trim()) || (d.kind === "slot" ? "panel" : "field");
+      var s, c, l, p;
+      if (!e) return "this";
+      if (e.add) return e.add.label;
+      const t = e.target;
+      if (t.kind === "group")
+        return t.key === "__ungrouped__" ? "Ungrouped fields" : ((c = (s = r.bundle) == null ? void 0 : s.groups.find((f) => f.key === t.key)) == null ? void 0 : c.label) ?? "section";
+      const i = r.nodes.get(P(t));
+      return ((p = (l = i == null ? void 0 : i.querySelector("label, [data-header-label]")) == null ? void 0 : l.textContent) == null ? void 0 : p.replace(/\s*\*\s*$/, "").trim()) || (t.kind === "slot" ? "panel" : "field");
     },
     [r]
-  ), nt = H(
+  ), K = G(
+    (e) => Y(L(e == null ? void 0 : e.data.current)),
+    [Y]
+  ), k = G(
+    (e) => h.current.length > 1 ? ke(h.current, "move").replace(/^Move /, "") : K(e),
+    [K]
+  ), Me = he(
     () => ({
-      onDragStart: ({ active: e }) => `Picked up ${m(e)}.`,
-      onDragOver: ({ active: e, over: t }) => t && K(t.data.current) ? `${m(e)} is over Remove. Drop it to take it off this form.` : t ? `${m(e)} is over ${m(t)}.` : `${m(e)} is not over a place it can go.`,
-      onDragEnd: ({ active: e, over: t }) => t && K(t.data.current) ? `Removed ${m(e)} from this form.` : t ? `Dropped ${m(e)} by ${m(t)}.` : `Dropped ${m(e)}.`,
-      onDragCancel: ({ active: e }) => `Cancelled. ${m(e)} stays where it was.`
+      onDragStart: ({ active: e }) => `Picked up ${k(e)}.`,
+      onDragOver: ({ active: e, over: t }) => t && F(t.data.current) ? `${k(e)} is over Remove. Drop it to take it off this form.` : t && r.state.merge && r.state.overKey === String(t.id) ? `${k(e)} is over ${K(t)}. Drop it to join them.` : t ? `${k(e)} is over ${K(t)}${r.state.copy ? ". Dropping copies it" : ""}.` : `${k(e)} is not over a place it can go.`,
+      onDragEnd: ({ active: e, over: t }) => t && F(t.data.current) ? `Removed ${k(e)} from this form. Undo brings it back.` : t ? `Dropped ${k(e)} by ${K(t)}.` : `Dropped ${k(e)}.`,
+      onDragCancel: ({ active: e }) => `Cancelled. ${k(e)} stays where it was.`
     }),
-    [m]
-  ), P = () => {
-    r.set(F), G(null), B(null), o == null || o(!1);
-  }, rt = ({ active: e, activatorEvent: t }) => {
-    o == null || o(!0);
-    const d = k(e.data.current);
-    if (!d) return;
-    const i = C(d.target);
-    r.set({ ...F, activeKey: i });
-    const a = T(r.bundle, d);
-    B(a ? { plan: a, name: m(e) } : null);
-    const l = r.nodes.get(i);
-    if (!l || typeof document > "u") return;
-    const s = l.closest("[role=dialog]") ?? document.body, p = _t(s), u = l.getBoundingClientRect(), y = mt(t), S = y ? y.y - u.top : 0, at = u.height > _ && S > _ - 32 ? S - _ / 2 : 0, it = ({ transform: M }) => ({
-      ...M,
-      x: M.x - p.x,
-      y: M.y - p.y + at
+    [K, k, r]
+  ), N = E(null), z = () => {
+    r.set(Ce), h.current = [], N.current = null, ce(null), ie(null), o == null || o(!1);
+  }, Ne = ({ active: e, activatorEvent: t }) => {
+    var T;
+    o == null || o(!0), W(null);
+    const i = L(e.data.current);
+    if (!i) return;
+    const a = P(i.target), s = r.bundle;
+    h.current = i.add ? [i.target] : We(s, le.current, i.target);
+    const c = h.current.length > 1, l = !i.add && !!(t != null && t.altKey);
+    r.set({
+      ...Ce,
+      activeKey: a,
+      carried: c ? h.current.map(P) : null,
+      copy: l
+    });
+    const p = c ? $e(
+      s,
+      h.current.map((D) => {
+        const j = s ? we(s, D) : null;
+        return j ? { target: D, role: j } : null;
+      })
+    ) : re(s, i);
+    ie(
+      p && s ? {
+        plan: p,
+        name: c ? k(e) : K(e),
+        warning: ((T = q.current) == null ? void 0 : T.call(q, s, p.ops)) ?? null
+      } : null
+    );
+    const f = r.nodes.get(a);
+    if (!f || typeof document > "u") return;
+    const C = f.closest("[role=dialog]") ?? document.body, b = Ae(C), u = f.getBoundingClientRect(), $ = ye(t), A = $ ? $.y - u.top : 0, V = u.height > J && A > J - 32 ? A - J / 2 : 0, B = ({ transform: D }) => ({
+      ...D,
+      x: D.x - b.x,
+      y: D.y - b.y + V
     });
-    G({ node: l, host: s, height: Math.min(u.height, _), shift: it });
-  }, A = N({
+    ce({ node: f, host: C, height: Math.min(u.height, J), shift: B });
+  }, v = E({
     bundle: null,
     map: /* @__PURE__ */ new Map()
-  }), q = (e, t, d) => {
-    const i = k(e.data.current), a = k(t == null ? void 0 : t.data.current), l = $t(d, t == null ? void 0 : t.id), s = r.bundle;
-    if (!i || !a || !l || !s || !t) return null;
-    A.current.bundle !== s && (A.current = { bundle: s, map: /* @__PURE__ */ new Map() });
-    const p = `${e.id}|${t.id}|${l.side}`;
-    let u = A.current.map.get(p);
-    return u || (u = i.add ? At(s, i.add.field, a.target, l.side, i.add.patch) : Kt(s, i.target, a.target, l.side), Z(s, i.target, a.target) && !r.nodes.has(C(L)) && (u = []), A.current.map.set(p, u)), { a: i, o: a, hint: l, ops: u };
-  }, Y = ({ active: e, over: t, collisions: d }) => {
-    var y, S;
-    if (t && K(t.data.current)) {
-      r.set({ overKey: U, side: null, indicator: null });
+  }), de = (e, t, i) => {
+    const a = L(e.data.current), s = L(t == null ? void 0 : t.data.current), c = yt(i, t == null ? void 0 : t.id), l = r.bundle;
+    if (!a || !s || !c || !l || !t) return null;
+    v.current.bundle !== l && (v.current = { bundle: l, map: /* @__PURE__ */ new Map() });
+    const p = r.state.copy && !a.add ? "copy" : "move", f = h.current.length > 1, C = `${e.id}|${t.id}|${c.side}|${c.merge ? "join" : ""}|${p}|${f ? h.current.length : 1}`;
+    if (v.current.map.has(C)) return v.current.map.get(C) ?? null;
+    let b = [], u = "";
+    if (c.merge && a.target.kind === "group" && s.target.kind === "group") {
+      const A = Fe(l, a.target.key, s.target.key);
+      A.ok && (b = A.ops, u = A.label);
+    } else a.add ? (b = at(l, a.add.field, s.target, c.side, a.add.patch), u = `Add ${a.add.label}`) : f ? (b = et(l, h.current, s.target, c.side, p), u = ke(h.current, p)) : p === "copy" ? (b = tt(l, a.target, s.target, c.side), u = St(l, a.target, Y(a))) : (b = st(l, a.target, s.target, c.side), u = lt(l, a.target), Se(l, a.target, s.target) && !r.nodes.has(P(oe)) && (b = []));
+    const $ = { a, o: s, hint: c, ops: b, label: u };
+    return v.current.map.set(C, $), $;
+  }, ee = (e) => {
+    var u, $;
+    N.current = e;
+    const { active: t, over: i, collisions: a } = e;
+    if (i && F(i.data.current)) {
+      r.set({ overKey: se, side: null, indicator: null, merge: null });
       return;
     }
-    if (t && V(t.data.current)) {
-      r.set({ overKey: String(t.id), side: null, indicator: null });
+    if (i && De(i.data.current)) {
+      r.set({ overKey: String(i.id), side: null, indicator: null, merge: null });
       return;
     }
-    const i = q(e, t, d);
-    if (!i || i.ops.length === 0 || !t) {
-      r.set({ overKey: null, side: null, indicator: null });
+    const s = de(t, i, a);
+    if (!s || s.ops.length === 0 || !i) {
+      r.set({ overKey: null, side: null, indicator: null, merge: null });
       return;
     }
-    let { o: a, hint: l } = i, s = String(t.id);
-    r.bundle && Z(r.bundle, i.a.target, a.target) && (s = C(L), a = {
-      target: L,
-      role: { kind: "group", key: Q, parent: null, body: !0 }
+    let { o: c, hint: l } = s, p = String(i.id);
+    h.current.length <= 1 && !r.state.copy && !l.merge && r.bundle && Se(r.bundle, s.a.target, c.target) && (p = P(oe), c = {
+      target: oe,
+      role: { kind: "group", key: Ee, parent: null, body: !0 }
     }, l = { side: l.side, axis: "y", body: !1 });
-    const p = ((y = r.nodes.get(s)) == null ? void 0 : y.getBoundingClientRect().width) ?? 0, u = ((S = e.rect.current.initial) == null ? void 0 : S.width) ?? null;
+    const C = ((u = r.nodes.get(p)) == null ? void 0 : u.getBoundingClientRect().width) ?? 0, b = (($ = t.rect.current.initial) == null ? void 0 : $.width) ?? null;
     r.set({
-      overKey: s,
+      overKey: p,
       side: l.side,
-      indicator: Ot(l, a, p, u)
+      indicator: mt(l, c, C, b),
+      merge: l.merge ? Y(c) : null
     });
-  }, ot = ({ active: e, over: t, collisions: d }) => {
-    var p, u;
-    if (K(t == null ? void 0 : t.data.current)) {
-      const y = T(r.bundle, k(e.data.current)), S = m(e);
-      P(), y && w.current(y.ops, { label: `Remove ${S}` });
+  }, ue = x != null || _ != null;
+  qe(() => {
+    if (!ue) return;
+    const e = (a) => {
+      if (!r.state.activeKey || r.state.copy === a) return;
+      const s = N.current ? L(N.current.active.data.current) : null;
+      s != null && s.add || (r.set({ copy: a }), N.current && ee(N.current));
+    }, t = (a) => {
+      a.key === "Alt" && (a.preventDefault(), e(a.type === "keydown"));
+    }, i = (a) => e(a.altKey);
+    return window.addEventListener("keydown", t, !0), window.addEventListener("keyup", t, !0), window.addEventListener("pointermove", i, !0), () => {
+      window.removeEventListener("keydown", t, !0), window.removeEventListener("keyup", t, !0), window.removeEventListener("pointermove", i, !0);
+    };
+  }, [ue, r]);
+  const Te = ({ active: e, over: t, collisions: i, activatorEvent: a, delta: s }) => {
+    var C, b;
+    if (F(t == null ? void 0 : t.data.current)) {
+      const u = r.bundle, A = h.current.length > 1 ? $e(
+        u,
+        h.current.map((fe) => {
+          const me = u ? we(u, fe) : null;
+          return me ? { target: fe, role: me } : null;
+        })
+      ) : re(u, L(e.data.current)), V = k(e), B = r.nodes.get(String(e.id)), T = (B == null ? void 0 : B.closest("[role=dialog]")) ?? (typeof document > "u" ? null : document.body), D = ye(a);
+      if (z(), !A) return;
+      const j = `Remove ${V}`;
+      M.current(A.ops, { label: j }), Q.current && T && D && W({
+        label: V,
+        applied: j,
+        point: { x: D.x + s.x, y: D.y + s.y },
+        host: T,
+        origin: Ae(T),
+        armed: !1
+      });
       return;
     }
-    const i = V(t == null ? void 0 : t.data.current);
-    if (i) {
-      const y = X(r.bundle, k(e.data.current));
-      P(), y && ((p = h.current) == null || p.call(h, y, i.railLayoutId));
+    const c = De(t == null ? void 0 : t.data.current);
+    if (c) {
+      const u = xe(r.bundle, L(e.data.current));
+      z(), u && ((C = U.current) == null || C.call(U, u, c.railLayoutId));
       return;
     }
-    const a = q(e, t, d), l = r.bundle;
-    if (P(), !(a != null && a.ops.length) || !l) return;
-    const s = a.a.add;
-    w.current(a.ops, { label: s ? `Add ${s.label}` : Pt(l, a.a.target) }), (u = s == null ? void 0 : s.onAdded) == null || u.call(s, a.ops);
-  }, st = (e) => {
-    var d, i, a, l, s, p;
-    if ((i = (d = e.target) == null ? void 0 : d.closest) != null && i.call(d, "[data-design-resize]")) return;
-    const t = (l = (a = e.target) == null ? void 0 : a.closest) == null ? void 0 : l.call(a, "[data-design-target]");
-    t && ((p = (s = r.activators.get(t)) == null ? void 0 : s()) == null || p(e));
+    const l = de(e, t, i), p = r.bundle;
+    if (z(), !(l != null && l.ops.length) || !p) return;
+    const f = l.a.add;
+    M.current(l.ops, { label: l.label }), (b = f == null ? void 0 : f.onAdded) == null || b.call(f, l.ops);
+  }, pe = (y == null ? void 0 : y.label) ?? null;
+  w && !w.armed && pe === w.applied && (w.armed = !0);
+  const Ie = !!w && (!w.armed || pe === w.applied), ge = (e) => {
+    var a, s, c, l, p, f;
+    if ((s = (a = e.target) == null ? void 0 : a.closest) != null && s.call(a, "[data-design-resize]")) return;
+    const t = (l = (c = e.target) == null ? void 0 : c.closest) == null ? void 0 : l.call(c, "[data-design-target]");
+    if (!t) return;
+    const i = (p = r.activators.get(t)) == null ? void 0 : p();
+    (f = i == null ? void 0 : i[e.type === "touchstart" ? "onTouchStart" : "onPointerDown"]) == null || f.call(i, e);
   };
-  return /* @__PURE__ */ D(wt.Provider, { value: r, children: /* @__PURE__ */ D(W.Provider, { value: tt, children: /* @__PURE__ */ lt(
-    ft,
+  return /* @__PURE__ */ S(rt.Provider, { value: r, children: /* @__PURE__ */ S(Oe.Provider, { value: Ke, children: /* @__PURE__ */ ae(
+    Be,
     {
-      sensors: et,
-      collisionDetection: E,
-      measuring: Mt,
-      autoScroll: v,
-      accessibility: { announcements: nt, screenReaderInstructions: Lt },
-      onDragStart: rt,
-      onDragMove: Y,
-      onDragOver: Y,
-      onDragEnd: ot,
-      onDragCancel: P,
+      sensors: Le,
+      collisionDetection: Pe,
+      measuring: wt,
+      autoScroll: Re,
+      accessibility: { announcements: Me, screenReaderInstructions: Ct },
+      onDragStart: Ne,
+      onDragMove: ee,
+      onDragOver: ee,
+      onDragEnd: Te,
+      onDragCancel: z,
       children: [
-        /* @__PURE__ */ D("div", { className: "contents", onPointerDownCapture: st, children: g }),
-        b && z(
-          /* @__PURE__ */ D(
-            gt,
+        /* @__PURE__ */ S("div", { className: "contents", onPointerDownCapture: ge, onTouchStartCapture: ge, children: O }),
+        x && ne(
+          /* @__PURE__ */ S(
+            He,
             {
               dropAnimation: null,
               zIndex: 1e3,
-              modifiers: [b.shift],
-              style: { height: b.height },
-              children: /* @__PURE__ */ D(It, { node: b.node, store: r })
+              modifiers: [x.shift],
+              style: { height: x.height },
+              children: /* @__PURE__ */ S(
+                bt,
+                {
+                  node: x.node,
+                  store: r,
+                  count: Math.max(1, h.current.length)
+                }
+              )
+            }
+          ),
+          x.host
+        ),
+        _ && ne(
+          /* @__PURE__ */ S(
+            pt,
+            {
+              store: r,
+              plan: _.plan,
+              name: _.name,
+              warning: _.warning
             }
           ),
-          b.host
+          (x == null ? void 0 : x.host) ?? document.body
         ),
-        I && z(
-          /* @__PURE__ */ D(Rt, { store: r, plan: I.plan, name: I.name }),
-          (b == null ? void 0 : b.host) ?? document.body
+        w && y && ne(
+          /* @__PURE__ */ S(
+            ft,
+            {
+              label: w.label,
+              point: w.point,
+              origin: w.origin,
+              stillUndoable: Ie,
+              onUndo: () => {
+                var e;
+                return (e = Q.current) == null ? void 0 : e.run();
+              },
+              onClose: () => W(null)
+            }
+          ),
+          w.host
         )
       ]
     }
   ) }) });
 }
+function St(g, n, o) {
+  if (n.kind === "group") {
+    const d = g.groups.find((m) => m.key === n.key);
+    return `Copy ${(d == null ? void 0 : d.type) === "tab" ? "tab" : "section"} "${(d == null ? void 0 : d.label) || o}"`;
+  }
+  return `Copy ${o}`;
+}
 export {
-  Wt as LayoutDndProvider,
-  kt as NO_DND,
-  Nt as designClone,
-  _t as fixedOrigin,
-  Ot as indicatorStyle,
-  Qt as useLayoutDnd
+  Gt as LayoutDndProvider,
+  ot as NO_DND,
+  ht as designClone,
+  Ae as fixedOrigin,
+  mt as indicatorStyle,
+  Ht as useLayoutDnd
 };