@bambamboole/pdf-ua-template-builder 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,10 +1,10 @@
-import { jsx as p, jsxs as x } from "react/jsx-runtime";
-import z, { useRef as I, useMemo as $, useLayoutEffect as Gr, useEffect as P, useCallback as _, useState as j, memo as Jr, useReducer as Zr, useContext as Ee, createContext as it, cloneElement as Qr, forwardRef as eo, Fragment as to } from "react";
-import { unstable_batchedUpdates as ft, createPortal as no } from "react-dom";
+import { jsx as g, jsxs as x } from "react/jsx-runtime";
+import z, { useRef as I, useMemo as B, useLayoutEffect as Gr, useEffect as O, useCallback as L, useState as $, memo as Jr, useReducer as Zr, useContext as Ae, createContext as it, cloneElement as Qr, forwardRef as eo, Fragment as to } from "react";
+import { unstable_batchedUpdates as pt, createPortal as no } from "react-dom";
 function ro() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return $(
+  return B(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -12,49 +12,49 @@ function ro() {
     t
   );
 }
-const Dt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+const kt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 function We(e) {
   const t = Object.prototype.toString.call(e);
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
 }
-function Jt(e) {
+function Zt(e) {
   return "nodeType" in e;
 }
-function J(e) {
+function G(e) {
   var t, n;
-  return e ? We(e) ? e : Jt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? We(e) ? e : Zt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
-function Zt(e) {
+function Qt(e) {
   const {
     Document: t
-  } = J(e);
+  } = G(e);
   return e instanceof t;
 }
 function at(e) {
-  return We(e) ? !1 : e instanceof J(e).HTMLElement;
+  return We(e) ? !1 : e instanceof G(e).HTMLElement;
 }
 function Vn(e) {
-  return e instanceof J(e).SVGElement;
+  return e instanceof G(e).SVGElement;
 }
 function He(e) {
-  return e ? We(e) ? e.document : Jt(e) ? Zt(e) ? e : at(e) || Vn(e) ? e.ownerDocument : document : document : document;
+  return e ? We(e) ? e.document : Zt(e) ? Qt(e) ? e : at(e) || Vn(e) ? e.ownerDocument : document : document : document;
 }
-const de = Dt ? Gr : P;
-function kt(e) {
+const fe = kt ? Gr : O;
+function St(e) {
   const t = I(e);
-  return de(() => {
+  return fe(() => {
     t.current = e;
-  }), _(function() {
+  }), L(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
       r[o] = arguments[o];
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
 function oo() {
-  const e = I(null), t = _((r, o) => {
+  const e = I(null), t = L((r, o) => {
     e.current = setInterval(r, o);
-  }, []), n = _(() => {
+  }, []), n = L(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
@@ -62,13 +62,13 @@ function oo() {
 function tt(e, t) {
   t === void 0 && (t = [e]);
   const n = I(e);
-  return de(() => {
+  return fe(() => {
     n.current !== e && (n.current = e);
   }, t), n;
 }
 function st(e, t) {
   const n = I();
-  return $(
+  return B(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -77,8 +77,8 @@ function st(e, t) {
     [...t]
   );
 }
-function bt(e) {
-  const t = kt(e), n = I(null), r = _(
+function mt(e) {
+  const t = St(e), n = I(null), r = L(
     (o) => {
       o !== n.current && t?.(o, n.current), n.current = o;
     },
@@ -87,19 +87,19 @@ function bt(e) {
   );
   return [n, r];
 }
-function vt(e) {
+function yt(e) {
   const t = I();
-  return P(() => {
+  return O(() => {
     t.current = e;
   }, [e]), t.current;
 }
-let Lt = {};
+let $t = {};
 function lt(e, t) {
-  return $(() => {
+  return B(() => {
     if (t)
       return t;
-    const n = Lt[e] == null ? 0 : Lt[e] + 1;
-    return Lt[e] = n, e + "-" + n;
+    const n = $t[e] == null ? 0 : $t[e] + 1;
+    return $t[e] = n, e + "-" + n;
   }, [e, t]);
 }
 function Kn(e) {
@@ -109,8 +109,8 @@ function Kn(e) {
     return r.reduce((i, a) => {
       const s = Object.entries(a);
       for (const [l, c] of s) {
-        const u = i[l];
-        u != null && (i[l] = u + e * c);
+        const d = i[l];
+        d != null && (i[l] = d + e * c);
       }
       return i;
     }, {
@@ -122,12 +122,12 @@ const Fe = /* @__PURE__ */ Kn(1), nt = /* @__PURE__ */ Kn(-1);
 function io(e) {
   return "clientX" in e && "clientY" in e;
 }
-function Ct(e) {
+function Nt(e) {
   if (!e)
     return !1;
   const {
     KeyboardEvent: t
-  } = J(e.target);
+  } = G(e.target);
   return t && e instanceof t;
 }
 function ao(e) {
@@ -135,10 +135,10 @@ function ao(e) {
     return !1;
   const {
     TouchEvent: t
-  } = J(e.target);
+  } = G(e.target);
   return t && e instanceof t;
 }
-function mt(e) {
+function wt(e) {
   if (ao(e)) {
     if (e.touches && e.touches.length) {
       const {
@@ -250,26 +250,26 @@ function uo(e) {
   }, n);
 }
 function fo() {
-  const [e, t] = j("");
+  const [e, t] = $("");
   return {
-    announce: _((r) => {
+    announce: L((r) => {
       r != null && t(r);
     }, []),
     announcement: e
   };
 }
 const Yn = /* @__PURE__ */ it(null);
-function go(e) {
-  const t = Ee(Yn);
-  P(() => {
+function po(e) {
+  const t = Ae(Yn);
+  O(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
-function po() {
-  const [e] = j(() => /* @__PURE__ */ new Set()), t = _((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [_((r) => {
+function go() {
+  const [e] = $(() => /* @__PURE__ */ new Set()), t = L((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [L((r) => {
     let {
       type: o,
       event: i
@@ -324,77 +324,77 @@ function vo(e) {
   const {
     announce: i,
     announcement: a
-  } = fo(), s = lt("DndLiveRegion"), [l, c] = j(!1);
-  if (P(() => {
+  } = fo(), s = lt("DndLiveRegion"), [l, c] = $(!1);
+  if (O(() => {
     c(!0);
-  }, []), go($(() => ({
-    onDragStart(d) {
+  }, []), po(B(() => ({
+    onDragStart(u) {
       let {
         active: f
-      } = d;
+      } = u;
       i(t.onDragStart({
         active: f
       }));
     },
-    onDragMove(d) {
+    onDragMove(u) {
       let {
         active: f,
-        over: g
-      } = d;
+        over: p
+      } = u;
       t.onDragMove && i(t.onDragMove({
         active: f,
-        over: g
+        over: p
       }));
     },
-    onDragOver(d) {
+    onDragOver(u) {
       let {
         active: f,
-        over: g
-      } = d;
+        over: p
+      } = u;
       i(t.onDragOver({
         active: f,
-        over: g
+        over: p
       }));
     },
-    onDragEnd(d) {
+    onDragEnd(u) {
       let {
         active: f,
-        over: g
-      } = d;
+        over: p
+      } = u;
       i(t.onDragEnd({
         active: f,
-        over: g
+        over: p
       }));
     },
-    onDragCancel(d) {
+    onDragCancel(u) {
       let {
         active: f,
-        over: g
-      } = d;
+        over: p
+      } = u;
       i(t.onDragCancel({
         active: f,
-        over: g
+        over: p
       }));
     }
   }), [i, t])), !l)
     return null;
-  const u = z.createElement(z.Fragment, null, z.createElement(co, {
+  const d = z.createElement(z.Fragment, null, z.createElement(co, {
     id: r,
     value: o.draggable
   }), z.createElement(uo, {
     id: s,
     announcement: a
   }));
-  return n ? no(u, n) : u;
+  return n ? no(d, n) : d;
 }
 var W;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
 })(W || (W = {}));
-function yt() {
+function xt() {
 }
 function vn(e, t) {
-  return $(
+  return B(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -406,13 +406,13 @@ function vn(e, t) {
 function mo() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return $(
+  return B(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
   );
 }
-const fe = /* @__PURE__ */ Object.freeze({
+const pe = /* @__PURE__ */ Object.freeze({
   x: 0,
   y: 0
 });
@@ -420,7 +420,7 @@ function qn(e, t) {
   return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
 }
 function yo(e, t) {
-  const n = mt(e);
+  const n = wt(e);
   if (!n)
     return "0 0";
   const r = {
@@ -521,12 +521,12 @@ const xo = (e) => {
       id: s
     } = a, l = n.get(s);
     if (l) {
-      const c = mn(l), u = o.reduce((f, g, R) => f + qn(c[R], g), 0), d = Number((u / 4).toFixed(4));
+      const c = mn(l), d = o.reduce((f, p, R) => f + qn(c[R], p), 0), u = Number((d / 4).toFixed(4));
       i.push({
         id: s,
         data: {
           droppableContainer: a,
-          value: d
+          value: u
         }
       });
     }
@@ -536,12 +536,12 @@ const xo = (e) => {
 function Do(e, t) {
   const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height), a = o - r, s = i - n;
   if (r < o && n < i) {
-    const l = t.width * t.height, c = e.width * e.height, u = a * s, d = u / (l + c - u);
-    return Number(d.toFixed(4));
+    const l = t.width * t.height, c = e.width * e.height, d = a * s, u = d / (l + c - d);
+    return Number(u.toFixed(4));
   }
   return 0;
 }
-const ko = (e) => {
+const Co = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
@@ -565,7 +565,7 @@ const ko = (e) => {
   }
   return o.sort(wo);
 };
-function Co(e, t, n) {
+function ko(e, t, n) {
   return {
     ...e,
     scaleX: t && n ? t.width / n.width : 1,
@@ -576,7 +576,7 @@ function Zn(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
-  } : fe;
+  } : pe;
 }
 function So(e) {
   return function(n) {
@@ -623,13 +623,13 @@ function Ao(e, t, n) {
     scaleY: i,
     x: a,
     y: s
-  } = r, l = e.left - a - (1 - o) * parseFloat(n), c = e.top - s - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), u = o ? e.width / o : e.width, d = i ? e.height / i : e.height;
+  } = r, l = e.left - a - (1 - o) * parseFloat(n), c = e.top - s - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = o ? e.width / o : e.width, u = i ? e.height / i : e.height;
   return {
-    width: u,
-    height: d,
+    width: d,
+    height: u,
     top: c,
-    right: l + u,
-    bottom: c + d,
+    right: l + d,
+    bottom: c + u,
     left: l
   };
 }
@@ -642,9 +642,9 @@ function Xe(e, t) {
   if (t.ignoreTransform) {
     const {
       transform: c,
-      transformOrigin: u
-    } = J(e).getComputedStyle(e);
-    c && (n = Ao(n, c, u));
+      transformOrigin: d
+    } = G(e).getComputedStyle(e);
+    c && (n = Ao(n, c, d));
   }
   const {
     top: r,
@@ -680,36 +680,36 @@ function Io(e) {
   };
 }
 function To(e, t) {
-  return t === void 0 && (t = J(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = G(e).getComputedStyle(e)), t.position === "fixed";
 }
 function Oo(e, t) {
-  t === void 0 && (t = J(e).getComputedStyle(e));
+  t === void 0 && (t = G(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const i = t[o];
     return typeof i == "string" ? n.test(i) : !1;
   });
 }
-function St(e, t) {
+function At(e, t) {
   const n = [];
   function r(o) {
     if (t != null && n.length >= t || !o)
       return n;
-    if (Zt(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
+    if (Qt(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
     if (!at(o) || Vn(o) || n.includes(o))
       return n;
-    const i = J(e).getComputedStyle(o);
+    const i = G(e).getComputedStyle(o);
     return o !== e && Oo(o, i) && n.push(o), To(o, i) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
 function er(e) {
-  const [t] = St(e, 1);
+  const [t] = At(e, 1);
   return t ?? null;
 }
-function _t(e) {
-  return !Dt || !e ? null : We(e) ? e : Jt(e) ? Zt(e) || e === He(e).scrollingElement ? window : at(e) ? e : null : null;
+function Bt(e) {
+  return !kt || !e ? null : We(e) ? e : Zt(e) ? Qt(e) || e === He(e).scrollingElement ? window : at(e) ? e : null : null;
 }
 function tr(e) {
   return We(e) ? e.scrollX : e.scrollLeft;
@@ -717,7 +717,7 @@ function tr(e) {
 function nr(e) {
   return We(e) ? e.scrollY : e.scrollTop;
 }
-function Wt(e) {
+function Xt(e) {
   return {
     x: tr(e),
     y: nr(e)
@@ -728,7 +728,7 @@ var H;
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
 })(H || (H = {}));
 function rr(e) {
-  return !Dt || !e ? !1 : e === document.scrollingElement;
+  return !kt || !e ? !1 : e === document.scrollingElement;
 }
 function or(e) {
   const t = {
@@ -767,10 +767,10 @@ function Mo(e, t, n, r, o) {
   r === void 0 && (r = 10), o === void 0 && (o = Po);
   const {
     isTop: c,
-    isBottom: u,
-    isLeft: d,
+    isBottom: d,
+    isLeft: u,
     isRight: f
-  } = or(e), g = {
+  } = or(e), p = {
     x: 0,
     y: 0
   }, R = {
@@ -780,8 +780,8 @@ function Mo(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + h.height ? (g.y = H.Backward, R.y = r * Math.abs((t.top + h.height - i) / h.height)) : !u && l >= t.bottom - h.height && (g.y = H.Forward, R.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !f && s >= t.right - h.width ? (g.x = H.Forward, R.x = r * Math.abs((t.right - h.width - s) / h.width)) : !d && a <= t.left + h.width && (g.x = H.Backward, R.x = r * Math.abs((t.left + h.width - a) / h.width)), {
-    direction: g,
+  return !c && i <= t.top + h.height ? (p.y = H.Backward, R.y = r * Math.abs((t.top + h.height - i) / h.height)) : !d && l >= t.bottom - h.height && (p.y = H.Forward, R.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !f && s >= t.right - h.width ? (p.x = H.Forward, R.x = r * Math.abs((t.right - h.width - s) / h.width)) : !u && a <= t.left + h.width && (p.x = H.Backward, R.x = r * Math.abs((t.left + h.width - a) / h.width)), {
+    direction: p,
     speed: R
   };
 }
@@ -816,7 +816,7 @@ function Lo(e) {
   };
 }
 function ir(e) {
-  return e.reduce((t, n) => Fe(t, Wt(n)), fe);
+  return e.reduce((t, n) => Fe(t, Xt(n)), pe);
 }
 function _o(e) {
   return e.reduce((t, n) => t + tr(n), 0);
@@ -839,10 +839,10 @@ function ar(e, t) {
   });
 }
 const Bo = [["x", ["left", "right"], _o], ["y", ["top", "bottom"], $o]];
-class Qt {
+class en {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-    const r = St(n), o = ir(r);
+    const r = At(n), o = ir(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
@@ -850,8 +850,8 @@ class Qt {
       for (const l of a)
         Object.defineProperty(this, l, {
           get: () => {
-            const c = s(r), u = o[i] - c;
-            return this.rect[l] + u;
+            const c = s(r), d = o[i] - c;
+            return this.rect[l] + d;
           },
           enumerable: !0
         });
@@ -877,17 +877,17 @@ class Je {
 function jo(e) {
   const {
     EventTarget: t
-  } = J(e);
+  } = G(e);
   return e instanceof t ? e : He(e);
 }
-function $t(e, t) {
+function jt(e, t) {
   const n = Math.abs(e.x), r = Math.abs(e.y);
   return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
 }
-var se;
+var ae;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
-})(se || (se = {}));
+})(ae || (ae = {}));
 function xn(e) {
   e.preventDefault();
 }
@@ -929,7 +929,7 @@ const sr = {
       };
   }
 };
-class en {
+class tn {
   constructor(t) {
     this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
     const {
@@ -937,20 +937,20 @@ class en {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new Je(He(n)), this.windowListeners = new Je(J(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new Je(He(n)), this.windowListeners = new Je(G(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
-    this.handleStart(), this.windowListeners.add(se.Resize, this.handleCancel), this.windowListeners.add(se.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(se.Keydown, this.handleKeyDown));
+    this.handleStart(), this.windowListeners.add(ae.Resize, this.handleCancel), this.windowListeners.add(ae.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(ae.Keydown, this.handleKeyDown));
   }
   handleStart() {
     const {
       activeNode: t,
       onStart: n
     } = this.props, r = t.node.current;
-    r && ar(r), n(fe);
+    r && ar(r), n(pe);
   }
   handleKeyDown(t) {
-    if (Ct(t)) {
+    if (Nt(t)) {
       const {
         active: n,
         context: r,
@@ -972,18 +972,18 @@ class en {
       }
       const {
         collisionRect: c
-      } = r.current, u = c ? {
+      } = r.current, d = c ? {
         x: c.left,
         y: c.top
-      } : fe;
-      this.referenceCoordinates || (this.referenceCoordinates = u);
-      const d = a(t, {
+      } : pe;
+      this.referenceCoordinates || (this.referenceCoordinates = d);
+      const u = a(t, {
         active: n,
         context: r.current,
-        currentCoordinates: u
+        currentCoordinates: d
       });
-      if (d) {
-        const f = nt(d, u), g = {
+      if (u) {
+        const f = nt(u, d), p = {
           x: 0,
           y: 0
         }, {
@@ -994,14 +994,14 @@ class en {
             isTop: D,
             isRight: m,
             isLeft: y,
-            isBottom: C,
+            isBottom: k,
             maxScroll: E,
             minScroll: N
-          } = or(h), S = Lo(h), k = {
-            x: Math.min(b === T.Right ? S.right - S.width / 2 : S.right, Math.max(b === T.Right ? S.left : S.left + S.width / 2, d.x)),
-            y: Math.min(b === T.Down ? S.bottom - S.height / 2 : S.bottom, Math.max(b === T.Down ? S.top : S.top + S.height / 2, d.y))
-          }, B = b === T.Right && !m || b === T.Left && !y, M = b === T.Down && !C || b === T.Up && !D;
-          if (B && k.x !== d.x) {
+          } = or(h), S = Lo(h), C = {
+            x: Math.min(b === T.Right ? S.right - S.width / 2 : S.right, Math.max(b === T.Right ? S.left : S.left + S.width / 2, u.x)),
+            y: Math.min(b === T.Down ? S.bottom - S.height / 2 : S.bottom, Math.max(b === T.Down ? S.top : S.top + S.height / 2, u.y))
+          }, j = b === T.Right && !m || b === T.Left && !y, P = b === T.Down && !k || b === T.Up && !D;
+          if (j && C.x !== u.x) {
             const w = h.scrollLeft + f.x, X = b === T.Right && w <= E.x || b === T.Left && w >= N.x;
             if (X && !f.y) {
               h.scrollTo({
@@ -1010,12 +1010,12 @@ class en {
               });
               return;
             }
-            X ? g.x = h.scrollLeft - w : g.x = b === T.Right ? h.scrollLeft - E.x : h.scrollLeft - N.x, g.x && h.scrollBy({
-              left: -g.x,
+            X ? p.x = h.scrollLeft - w : p.x = b === T.Right ? h.scrollLeft - E.x : h.scrollLeft - N.x, p.x && h.scrollBy({
+              left: -p.x,
               behavior: s
             });
             break;
-          } else if (M && k.y !== d.y) {
+          } else if (P && C.y !== u.y) {
             const w = h.scrollTop + f.y, X = b === T.Down && w <= E.y || b === T.Up && w >= N.y;
             if (X && !f.x) {
               h.scrollTo({
@@ -1024,14 +1024,14 @@ class en {
               });
               return;
             }
-            X ? g.y = h.scrollTop - w : g.y = b === T.Down ? h.scrollTop - E.y : h.scrollTop - N.y, g.y && h.scrollBy({
-              top: -g.y,
+            X ? p.y = h.scrollTop - w : p.y = b === T.Down ? h.scrollTop - E.y : h.scrollTop - N.y, p.y && h.scrollBy({
+              top: -p.y,
               behavior: s
             });
             break;
           }
         }
-        this.handleMove(t, Fe(nt(d, this.referenceCoordinates), g));
+        this.handleMove(t, Fe(nt(u, this.referenceCoordinates), p));
       }
     }
   }
@@ -1057,7 +1057,7 @@ class en {
     this.listeners.removeAll(), this.windowListeners.removeAll();
   }
 }
-en.activators = [{
+tn.activators = [{
   eventName: "onKeyDown",
   handler: (e, t, n) => {
     let {
@@ -1084,7 +1084,7 @@ function Rn(e) {
 function Dn(e) {
   return !!(e && "delay" in e);
 }
-class tn {
+class nn {
   constructor(t, n, r) {
     var o;
     r === void 0 && (r = jo(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
@@ -1093,7 +1093,7 @@ class tn {
     } = t, {
       target: a
     } = i;
-    this.props = t, this.events = n, this.document = He(a), this.documentListeners = new Je(this.document), this.listeners = new Je(r), this.windowListeners = new Je(J(a)), this.initialCoordinates = (o = mt(i)) != null ? o : fe, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = He(a), this.documentListeners = new Je(this.document), this.listeners = new Je(r), this.windowListeners = new Je(G(a)), this.initialCoordinates = (o = wt(i)) != null ? o : pe, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -1107,7 +1107,7 @@ class tn {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(se.Resize, this.handleCancel), this.windowListeners.add(se.DragStart, xn), this.windowListeners.add(se.VisibilityChange, this.handleCancel), this.windowListeners.add(se.ContextMenu, xn), this.documentListeners.add(se.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(ae.Resize, this.handleCancel), this.windowListeners.add(ae.DragStart, xn), this.windowListeners.add(ae.VisibilityChange, this.handleCancel), this.windowListeners.add(ae.ContextMenu, xn), this.documentListeners.add(ae.Keydown, this.handleKeydown), n) {
       if (r != null && r({
         event: this.props.event,
         activeNode: this.props.activeNode,
@@ -1141,9 +1141,9 @@ class tn {
     } = this, {
       onStart: n
     } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(se.Click, Fo, {
+    t && (this.activated = !0, this.documentListeners.add(ae.Click, Fo, {
       capture: !0
-    }), this.removeTextSelection(), this.documentListeners.add(se.SelectionChange, this.removeTextSelection), n(t));
+    }), this.removeTextSelection(), this.documentListeners.add(ae.SelectionChange, this.removeTextSelection), n(t));
   }
   handleMove(t) {
     var n;
@@ -1159,15 +1159,15 @@ class tn {
     } = i;
     if (!o)
       return;
-    const l = (n = mt(t)) != null ? n : fe, c = nt(o, l);
+    const l = (n = wt(t)) != null ? n : pe, c = nt(o, l);
     if (!r && s) {
       if (Rn(s)) {
-        if (s.tolerance != null && $t(c, s.tolerance))
+        if (s.tolerance != null && jt(c, s.tolerance))
           return this.handleCancel();
-        if ($t(c, s.distance))
+        if (jt(c, s.distance))
           return this.handleStart();
       }
-      if (Dn(s) && $t(c, s.tolerance))
+      if (Dn(s) && jt(c, s.tolerance))
         return this.handleCancel();
       this.handlePending(s, c);
       return;
@@ -1207,7 +1207,7 @@ const Uo = {
     name: "pointerup"
   }
 };
-class nn extends tn {
+class rn extends nn {
   constructor(t) {
     const {
       event: n
@@ -1215,7 +1215,7 @@ class nn extends tn {
     super(t, Uo, r);
   }
 }
-nn.activators = [{
+rn.activators = [{
   eventName: "onPointerDown",
   handler: (e, t) => {
     let {
@@ -1236,11 +1236,11 @@ const Wo = {
     name: "mouseup"
   }
 };
-var Ht;
+var Vt;
 (function(e) {
   e[e.RightClick = 2] = "RightClick";
-})(Ht || (Ht = {}));
-class Ho extends tn {
+})(Vt || (Vt = {}));
+class Ho extends nn {
   constructor(t) {
     super(t, Wo, He(t.event.target));
   }
@@ -1253,12 +1253,12 @@ Ho.activators = [{
     } = e, {
       onActivation: r
     } = t;
-    return n.button === Ht.RightClick ? !1 : (r?.({
+    return n.button === Vt.RightClick ? !1 : (r?.({
       event: n
     }), !0);
   }
 }];
-const Bt = {
+const Ft = {
   cancel: {
     name: "touchcancel"
   },
@@ -1269,16 +1269,16 @@ const Bt = {
     name: "touchend"
   }
 };
-class Xo extends tn {
+class Xo extends nn {
   constructor(t) {
-    super(t, Bt);
+    super(t, Ft);
   }
   static setup() {
-    return window.addEventListener(Bt.move.name, t, {
+    return window.addEventListener(Ft.move.name, t, {
       capture: !1,
       passive: !1
     }), function() {
-      window.removeEventListener(Bt.move.name, t);
+      window.removeEventListener(Ft.move.name, t);
     };
     function t() {
     }
@@ -1304,10 +1304,10 @@ var Ze;
 (function(e) {
   e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
 })(Ze || (Ze = {}));
-var wt;
+var Rt;
 (function(e) {
   e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(wt || (wt = {}));
+})(Rt || (Rt = {}));
 function Vo(e) {
   let {
     acceleration: t,
@@ -1316,15 +1316,15 @@ function Vo(e) {
     draggingRect: o,
     enabled: i,
     interval: a = 5,
-    order: s = wt.TreeOrder,
+    order: s = Rt.TreeOrder,
     pointerCoordinates: l,
     scrollableAncestors: c,
-    scrollableAncestorRects: u,
-    delta: d,
+    scrollableAncestorRects: d,
+    delta: u,
     threshold: f
   } = e;
-  const g = Yo({
-    delta: d,
+  const p = Yo({
+    delta: u,
     disabled: !i
   }), [R, h] = oo(), b = I({
     x: 0,
@@ -1332,7 +1332,7 @@ function Vo(e) {
   }), D = I({
     x: 0,
     y: 0
-  }), m = $(() => {
+  }), m = B(() => {
     switch (n) {
       case Ze.Pointer:
         return l ? {
@@ -1344,14 +1344,14 @@ function Vo(e) {
       case Ze.DraggableRect:
         return o;
     }
-  }, [n, o, l]), y = I(null), C = _(() => {
+  }, [n, o, l]), y = I(null), k = L(() => {
     const N = y.current;
     if (!N)
       return;
-    const S = b.current.x * D.current.x, k = b.current.y * D.current.y;
-    N.scrollBy(S, k);
-  }, []), E = $(() => s === wt.TreeOrder ? [...c].reverse() : c, [s, c]);
-  P(
+    const S = b.current.x * D.current.x, C = b.current.y * D.current.y;
+    N.scrollBy(S, C);
+  }, []), E = B(() => s === Rt.TreeOrder ? [...c].reverse() : c, [s, c]);
+  O(
     () => {
       if (!i || !c.length || !m) {
         h();
@@ -1360,17 +1360,17 @@ function Vo(e) {
       for (const N of E) {
         if (r?.(N) === !1)
           continue;
-        const S = c.indexOf(N), k = u[S];
-        if (!k)
+        const S = c.indexOf(N), C = d[S];
+        if (!C)
           continue;
         const {
-          direction: B,
-          speed: M
-        } = Mo(N, k, m, t, f);
+          direction: j,
+          speed: P
+        } = Mo(N, C, m, t, f);
         for (const w of ["x", "y"])
-          g[w][B[w]] || (M[w] = 0, B[w] = 0);
-        if (M.x > 0 || M.y > 0) {
-          h(), y.current = N, R(C, a), b.current = M, D.current = B;
+          p[w][j[w]] || (P[w] = 0, j[w] = 0);
+        if (P.x > 0 || P.y > 0) {
+          h(), y.current = N, R(k, a), b.current = P, D.current = j;
           return;
         }
       }
@@ -1385,7 +1385,7 @@ function Vo(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      C,
+      k,
       r,
       h,
       i,
@@ -1393,11 +1393,11 @@ function Vo(e) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(m),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(g),
+      JSON.stringify(p),
       R,
       c,
       E,
-      u,
+      d,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(f)
     ]
@@ -1418,7 +1418,7 @@ function Yo(e) {
     delta: t,
     disabled: n
   } = e;
-  const r = vt(t);
+  const r = yt(t);
   return st((o) => {
     if (n || !r || !o)
       return Ko;
@@ -1446,7 +1446,7 @@ function qo(e, t) {
   }, [r, t]);
 }
 function Go(e, t) {
-  return $(() => e.reduce((n, r) => {
+  return B(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, i = o.activators.map((a) => ({
@@ -1460,27 +1460,27 @@ var rt;
 (function(e) {
   e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
 })(rt || (rt = {}));
-var Xt;
+var Kt;
 (function(e) {
   e.Optimized = "optimized";
-})(Xt || (Xt = {}));
-const kn = /* @__PURE__ */ new Map();
+})(Kt || (Kt = {}));
+const Cn = /* @__PURE__ */ new Map();
 function Jo(e, t) {
   let {
     dragging: n,
     dependencies: r,
     config: o
   } = t;
-  const [i, a] = j(null), {
+  const [i, a] = $(null), {
     frequency: s,
     measure: l,
     strategy: c
-  } = o, u = I(e), d = b(), f = tt(d), g = _(function(D) {
+  } = o, d = I(e), u = b(), f = tt(u), p = L(function(D) {
     D === void 0 && (D = []), !f.current && a((m) => m === null ? D : m.concat(D.filter((y) => !m.includes(y))));
   }, [f]), R = I(null), h = st((D) => {
-    if (d && !n)
-      return kn;
-    if (!D || D === kn || u.current !== e || i != null) {
+    if (u && !n)
+      return Cn;
+    if (!D || D === Cn || d.current !== e || i != null) {
       const m = /* @__PURE__ */ new Map();
       for (let y of e) {
         if (!y)
@@ -1489,38 +1489,38 @@ function Jo(e, t) {
           m.set(y.id, y.rect.current);
           continue;
         }
-        const C = y.node.current, E = C ? new Qt(l(C), C) : null;
+        const k = y.node.current, E = k ? new en(l(k), k) : null;
         y.rect.current = E, E && m.set(y.id, E);
       }
       return m;
     }
     return D;
-  }, [e, i, n, d, l]);
-  return P(() => {
-    u.current = e;
-  }, [e]), P(
+  }, [e, i, n, u, l]);
+  return O(() => {
+    d.current = e;
+  }, [e]), O(
     () => {
-      d || g();
+      u || p();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n, d]
-  ), P(
+    [n, u]
+  ), O(
     () => {
       i && i.length > 0 && a(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(i)]
-  ), P(
+  ), O(
     () => {
-      d || typeof s != "number" || R.current !== null || (R.current = setTimeout(() => {
-        g(), R.current = null;
+      u || typeof s != "number" || R.current !== null || (R.current = setTimeout(() => {
+        p(), R.current = null;
       }, s));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, d, g, ...r]
+    [s, u, p, ...r]
   ), {
     droppableRects: h,
-    measureDroppableContainers: g,
+    measureDroppableContainers: p,
     measuringScheduled: i != null
   };
   function b() {
@@ -1534,18 +1534,18 @@ function Jo(e, t) {
     }
   }
 }
-function rn(e, t) {
+function on(e, t) {
   return st((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
 function Zo(e, t) {
-  return rn(e, t);
+  return on(e, t);
 }
 function Qo(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = $(() => {
+  const r = St(t), o = B(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -1553,14 +1553,14 @@ function Qo(e) {
     } = window;
     return new i(r);
   }, [r, n]);
-  return P(() => () => o?.disconnect(), [o]), o;
+  return O(() => () => o?.disconnect(), [o]), o;
 }
-function Nt(e) {
+function Et(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = kt(t), o = $(
+  const r = St(t), o = B(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -1572,14 +1572,14 @@ function Nt(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return P(() => () => o?.disconnect(), [o]), o;
+  return O(() => () => o?.disconnect(), [o]), o;
 }
 function ei(e) {
-  return new Qt(Xe(e), e);
+  return new en(Xe(e), e);
 }
-function Cn(e, t, n) {
+function kn(e, t, n) {
   t === void 0 && (t = ei);
-  const [r, o] = j(null);
+  const [r, o] = $(null);
   function i() {
     o((l) => {
       if (!e)
@@ -1588,8 +1588,8 @@ function Cn(e, t, n) {
         var c;
         return (c = l ?? n) != null ? c : null;
       }
-      const u = t(e);
-      return JSON.stringify(l) === JSON.stringify(u) ? l : u;
+      const d = t(e);
+      return JSON.stringify(l) === JSON.stringify(d) ? l : d;
     });
   }
   const a = Qo({
@@ -1597,19 +1597,19 @@ function Cn(e, t, n) {
       if (e)
         for (const c of l) {
           const {
-            type: u,
-            target: d
+            type: d,
+            target: u
           } = c;
-          if (u === "childList" && d instanceof HTMLElement && d.contains(e)) {
+          if (d === "childList" && u instanceof HTMLElement && u.contains(e)) {
             i();
             break;
           }
         }
     }
-  }), s = Nt({
+  }), s = Et({
     callback: i
   });
-  return de(() => {
+  return fe(() => {
     i(), e ? (s?.observe(e), a?.observe(document.body, {
       childList: !0,
       subtree: !0
@@ -1617,30 +1617,30 @@ function Cn(e, t, n) {
   }, [e]), r;
 }
 function ti(e) {
-  const t = rn(e);
+  const t = on(e);
   return Zn(e, t);
 }
 const Sn = [];
 function ni(e) {
-  const t = I(e), n = st((r) => e ? r && r !== Sn && e && t.current && e.parentNode === t.current.parentNode ? r : St(e) : Sn, [e]);
-  return P(() => {
+  const t = I(e), n = st((r) => e ? r && r !== Sn && e && t.current && e.parentNode === t.current.parentNode ? r : At(e) : Sn, [e]);
+  return O(() => {
     t.current = e;
   }, [e]), n;
 }
 function ri(e) {
-  const [t, n] = j(null), r = I(e), o = _((i) => {
-    const a = _t(i.target);
-    a && n((s) => s ? (s.set(a, Wt(a)), new Map(s)) : null);
+  const [t, n] = $(null), r = I(e), o = L((i) => {
+    const a = Bt(i.target);
+    a && n((s) => s ? (s.set(a, Xt(a)), new Map(s)) : null);
   }, []);
-  return P(() => {
+  return O(() => {
     const i = r.current;
     if (e !== i) {
       a(i);
       const s = e.map((l) => {
-        const c = _t(l);
+        const c = Bt(l);
         return c ? (c.addEventListener("scroll", o, {
           passive: !0
-        }), [c, Wt(c)]) : null;
+        }), [c, Xt(c)]) : null;
       }).filter((l) => l != null);
       n(s.length ? new Map(s) : null), r.current = e;
     }
@@ -1649,30 +1649,30 @@ function ri(e) {
     };
     function a(s) {
       s.forEach((l) => {
-        const c = _t(l);
+        const c = Bt(l);
         c?.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), $(() => e.length ? t ? Array.from(t.values()).reduce((i, a) => Fe(i, a), fe) : ir(e) : fe, [e, t]);
+  }, [o, e]), B(() => e.length ? t ? Array.from(t.values()).reduce((i, a) => Fe(i, a), pe) : ir(e) : pe, [e, t]);
 }
 function Nn(e, t) {
   t === void 0 && (t = []);
   const n = I(null);
-  return P(
+  return O(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), P(() => {
-    const r = e !== fe;
+  ), O(() => {
+    const r = e !== pe;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
-  }, [e]), n.current ? nt(e, n.current) : fe;
+  }, [e]), n.current ? nt(e, n.current) : pe;
 }
 function oi(e) {
-  P(
+  O(
     () => {
-      if (!Dt)
+      if (!kt)
         return;
       const t = e.map((n) => {
         let {
@@ -1696,7 +1696,7 @@ function oi(e) {
   );
 }
 function ii(e, t) {
-  return $(() => e.reduce((n, r) => {
+  return B(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: i
@@ -1707,19 +1707,19 @@ function ii(e, t) {
   }, {}), [e, t]);
 }
 function lr(e) {
-  return $(() => e ? Io(e) : null, [e]);
+  return B(() => e ? Io(e) : null, [e]);
 }
 const An = [];
 function ai(e, t) {
   t === void 0 && (t = Xe);
-  const [n] = e, r = lr(n ? J(n) : null), [o, i] = j(An);
+  const [n] = e, r = lr(n ? G(n) : null), [o, i] = $(An);
   function a() {
-    i(() => e.length ? e.map((l) => rr(l) ? r : new Qt(t(l), l)) : An);
+    i(() => e.length ? e.map((l) => rr(l) ? r : new en(t(l), l)) : An);
   }
-  const s = Nt({
+  const s = Et({
     callback: a
   });
-  return de(() => {
+  return fe(() => {
     s?.disconnect(), a(), e.forEach((l) => s?.observe(l));
   }, [e]), o;
 }
@@ -1735,49 +1735,49 @@ function si(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = j(null), o = _((c) => {
+  const [n, r] = $(null), o = L((c) => {
     for (const {
-      target: u
+      target: d
     } of c)
-      if (at(u)) {
-        r((d) => {
-          const f = t(u);
-          return d ? {
-            ...d,
+      if (at(d)) {
+        r((u) => {
+          const f = t(d);
+          return u ? {
+            ...u,
             width: f.width,
             height: f.height
           } : f;
         });
         break;
       }
-  }, [t]), i = Nt({
+  }, [t]), i = Et({
     callback: o
-  }), a = _((c) => {
-    const u = cr(c);
-    i?.disconnect(), u && i?.observe(u), r(u ? t(u) : null);
-  }, [t, i]), [s, l] = bt(a);
-  return $(() => ({
+  }), a = L((c) => {
+    const d = cr(c);
+    i?.disconnect(), d && i?.observe(d), r(d ? t(d) : null);
+  }, [t, i]), [s, l] = mt(a);
+  return B(() => ({
     nodeRef: s,
     rect: n,
     setRef: l
   }), [n, s, l]);
 }
 const li = [{
-  sensor: nn,
+  sensor: rn,
   options: {}
 }, {
-  sensor: en,
+  sensor: tn,
   options: {}
 }], ci = {
   current: {}
-}, ht = {
+}, bt = {
   draggable: {
     measure: wn
   },
   droppable: {
     measure: wn,
     strategy: rt.WhileDragging,
-    frequency: Xt.Optimized
+    frequency: Kt.Optimized
   },
   dragOverlay: {
     measure: Xe
@@ -1820,12 +1820,12 @@ const ui = {
       current: null
     },
     rect: null,
-    setRef: yt
+    setRef: xt
   },
   scrollableAncestors: [],
   scrollableAncestorRects: [],
-  measuringConfiguration: ht,
-  measureDroppableContainers: yt,
+  measuringConfiguration: bt,
+  measureDroppableContainers: xt,
   windowRect: null,
   measuringScheduled: !1
 }, ur = {
@@ -1836,10 +1836,10 @@ const ui = {
   ariaDescribedById: {
     draggable: ""
   },
-  dispatch: yt,
+  dispatch: xt,
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
-  measureDroppableContainers: yt
+  measureDroppableContainers: xt
 }, ct = /* @__PURE__ */ it(ur), dr = /* @__PURE__ */ it(ui);
 function di() {
   return {
@@ -1953,7 +1953,7 @@ function fi(e, t) {
       return e;
   }
 }
-function gi(e) {
+function pi(e) {
   let {
     disabled: t
   } = e;
@@ -1961,10 +1961,10 @@ function gi(e) {
     active: n,
     activatorEvent: r,
     draggableNodes: o
-  } = Ee(ct), i = vt(r), a = vt(n?.id);
-  return P(() => {
+  } = Ae(ct), i = yt(r), a = yt(n?.id);
+  return O(() => {
     if (!t && !r && i && a != null) {
-      if (!Ct(i) || document.activeElement === i.target)
+      if (!Nt(i) || document.activeElement === i.target)
         return;
       const s = o.get(a);
       if (!s)
@@ -1976,12 +1976,12 @@ function gi(e) {
       if (!l.current && !c.current)
         return;
       requestAnimationFrame(() => {
-        for (const u of [l.current, c.current]) {
-          if (!u)
+        for (const d of [l.current, c.current]) {
+          if (!d)
             continue;
-          const d = so(u);
-          if (d) {
-            d.focus();
+          const u = so(d);
+          if (u) {
+            u.focus();
             break;
           }
         }
@@ -1999,19 +1999,19 @@ function fr(e, t) {
     ...r
   }), n) : n;
 }
-function pi(e) {
-  return $(
+function gi(e) {
+  return B(
     () => ({
       draggable: {
-        ...ht.draggable,
+        ...bt.draggable,
         ...e?.draggable
       },
       droppable: {
-        ...ht.droppable,
+        ...bt.droppable,
         ...e?.droppable
       },
       dragOverlay: {
-        ...ht.dragOverlay,
+        ...bt.dragOverlay,
         ...e?.dragOverlay
       }
     }),
@@ -2033,7 +2033,7 @@ function hi(e) {
     x: o,
     y: o
   } : o;
-  de(() => {
+  fe(() => {
     if (!a && !s || !t) {
       i.current = !1;
       return;
@@ -2043,25 +2043,25 @@ function hi(e) {
     const c = t?.node.current;
     if (!c || c.isConnected === !1)
       return;
-    const u = n(c), d = Zn(u, r);
-    if (a || (d.x = 0), s || (d.y = 0), i.current = !0, Math.abs(d.x) > 0 || Math.abs(d.y) > 0) {
+    const d = n(c), u = Zn(d, r);
+    if (a || (u.x = 0), s || (u.y = 0), i.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
       const f = er(c);
       f && f.scrollBy({
-        top: d.y,
-        left: d.x
+        top: u.y,
+        left: u.x
       });
     }
   }, [t, a, s, r, n]);
 }
-const At = /* @__PURE__ */ it({
-  ...fe,
+const It = /* @__PURE__ */ it({
+  ...pe,
   scaleX: 1,
   scaleY: 1
 });
-var Ae;
+var Ne;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(Ae || (Ae = {}));
+})(Ne || (Ne = {}));
 const bi = /* @__PURE__ */ Jr(function(t) {
   var n, r, o, i;
   let {
@@ -2069,160 +2069,160 @@ const bi = /* @__PURE__ */ Jr(function(t) {
     accessibility: s,
     autoScroll: l = !0,
     children: c,
-    sensors: u = li,
-    collisionDetection: d = ko,
+    sensors: d = li,
+    collisionDetection: u = Co,
     measuring: f,
-    modifiers: g,
+    modifiers: p,
     ...R
   } = t;
-  const h = Zr(fi, void 0, di), [b, D] = h, [m, y] = po(), [C, E] = j(Ae.Uninitialized), N = C === Ae.Initialized, {
+  const h = Zr(fi, void 0, di), [b, D] = h, [m, y] = go(), [k, E] = $(Ne.Uninitialized), N = k === Ne.Initialized, {
     draggable: {
       active: S,
-      nodes: k,
-      translate: B
+      nodes: C,
+      translate: j
     },
     droppable: {
-      containers: M
+      containers: P
     }
-  } = b, w = S != null ? k.get(S) : null, X = I({
+  } = b, w = S != null ? C.get(S) : null, X = I({
     initial: null,
     translated: null
-  }), G = $(() => {
-    var q;
+  }), q = B(() => {
+    var Y;
     return S != null ? {
       id: S,
       // It's possible for the active node to unmount while dragging
-      data: (q = w?.data) != null ? q : ci,
+      data: (Y = w?.data) != null ? Y : ci,
       rect: X
     } : null;
-  }, [S, w]), ee = I(null), [ye, Ie] = j(null), [F, Me] = j(null), Z = tt(R, Object.values(R)), Te = lt("DndDescribedBy", a), Le = $(() => M.getEnabled(), [M]), K = pi(f), {
-    droppableRects: te,
-    measureDroppableContainers: be,
-    measuringScheduled: we
+  }, [S, w]), ee = I(null), [ye, Ee] = $(null), [F, Me] = $(null), J = tt(R, Object.values(R)), Ie = lt("DndDescribedBy", a), Le = B(() => P.getEnabled(), [P]), K = gi(f), {
+    droppableRects: le,
+    measureDroppableContainers: ce,
+    measuringScheduled: Te
   } = Jo(Le, {
     dragging: N,
-    dependencies: [B.x, B.y],
+    dependencies: [j.x, j.y],
     config: K.droppable
-  }), Q = qo(k, S), _e = $(() => F ? mt(F) : null, [F]), ge = qr(), ce = Zo(Q, K.draggable.measure);
+  }), Z = qo(C, S), _e = B(() => F ? wt(F) : null, [F]), ge = qr(), ue = Zo(Z, K.draggable.measure);
   hi({
-    activeNode: S != null ? k.get(S) : null,
+    activeNode: S != null ? C.get(S) : null,
     config: ge.layoutShiftCompensation,
-    initialRect: ce,
+    initialRect: ue,
     measure: K.draggable.measure
   });
-  const L = Cn(Q, K.draggable.measure, ce), Oe = Cn(Q ? Q.parentElement : null), ie = I({
+  const M = kn(Z, K.draggable.measure, ue), Oe = kn(Z ? Z.parentElement : null), oe = I({
     activatorEvent: null,
     active: null,
-    activeNode: Q,
+    activeNode: Z,
     collisionRect: null,
     collisions: null,
-    droppableRects: te,
-    draggableNodes: k,
+    droppableRects: le,
+    draggableNodes: C,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: M,
+    droppableContainers: P,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), xe = M.getNodeFor((n = ie.current.over) == null ? void 0 : n.id), ue = si({
+  }), we = P.getNodeFor((n = oe.current.over) == null ? void 0 : n.id), de = si({
     measure: K.dragOverlay.measure
-  }), Re = (r = ue.nodeRef.current) != null ? r : Q, De = N ? (o = ue.rect) != null ? o : L : null, dt = !!(ue.nodeRef.current && ue.rect), A = ti(dt ? null : L), v = lr(Re ? J(Re) : null), O = ni(N ? xe ?? Q : null), U = ai(O), Y = fr(g, {
+  }), xe = (r = de.nodeRef.current) != null ? r : Z, Re = N ? (o = de.rect) != null ? o : M : null, dt = !!(de.nodeRef.current && de.rect), ft = ti(dt ? null : M), A = lr(xe ? G(xe) : null), v = ni(N ? we ?? Z : null), _ = ai(v), U = fr(p, {
     transform: {
-      x: B.x - A.x,
-      y: B.y - A.y,
+      x: j.x - ft.x,
+      y: j.y - ft.y,
       scaleX: 1,
       scaleY: 1
     },
     activatorEvent: F,
-    active: G,
-    activeNodeRect: L,
+    active: q,
+    activeNodeRect: M,
     containerNodeRect: Oe,
-    draggingNodeRect: De,
-    over: ie.current.over,
-    overlayNodeRect: ue.rect,
-    scrollableAncestors: O,
-    scrollableAncestorRects: U,
-    windowRect: v
-  }), Ve = _e ? Fe(_e, B) : null, dn = ri(O), Ur = Nn(dn), Wr = Nn(dn, [L]), $e = Fe(Y, Ur), Be = De ? No(De, Y) : null, Ke = G && Be ? d({
-    active: G,
+    draggingNodeRect: Re,
+    over: oe.current.over,
+    overlayNodeRect: de.rect,
+    scrollableAncestors: v,
+    scrollableAncestorRects: _,
+    windowRect: A
+  }), Q = _e ? Fe(_e, j) : null, Ve = ri(v), Ur = Nn(Ve), Wr = Nn(Ve, [M]), $e = Fe(U, Ur), Be = Re ? No(Re, U) : null, Ke = q && Be ? u({
+    active: q,
     collisionRect: Be,
-    droppableRects: te,
+    droppableRects: le,
     droppableContainers: Le,
-    pointerCoordinates: Ve
-  }) : null, fn = Jn(Ke, "id"), [ke, gn] = j(null), Hr = dt ? Y : Fe(Y, Wr), Xr = Co(Hr, (i = ke?.rect) != null ? i : null, L), Pt = I(null), pn = _(
-    (q, ne) => {
+    pointerCoordinates: Q
+  }) : null, fn = Jn(Ke, "id"), [De, pn] = $(null), Hr = dt ? U : Fe(U, Wr), Xr = ko(Hr, (i = De?.rect) != null ? i : null, M), Lt = I(null), gn = L(
+    (Y, te) => {
       let {
-        sensor: re,
+        sensor: ne,
         options: Ce
-      } = ne;
+      } = te;
       if (ee.current == null)
         return;
-      const ae = k.get(ee.current);
-      if (!ae)
+      const ie = C.get(ee.current);
+      if (!ie)
         return;
-      const oe = q.nativeEvent, pe = new re({
+      const re = Y.nativeEvent, he = new ne({
         active: ee.current,
-        activeNode: ae,
-        event: oe,
+        activeNode: ie,
+        event: re,
         options: Ce,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
-        context: ie,
+        context: oe,
         onAbort(V) {
-          if (!k.get(V))
+          if (!C.get(V))
             return;
           const {
-            onDragAbort: he
-          } = Z.current, ve = {
+            onDragAbort: be
+          } = J.current, ve = {
             id: V
           };
-          he?.(ve), m({
+          be?.(ve), m({
             type: "onDragAbort",
             event: ve
           });
         },
-        onPending(V, Se, he, ve) {
-          if (!k.get(V))
+        onPending(V, ke, be, ve) {
+          if (!C.get(V))
             return;
           const {
             onDragPending: qe
-          } = Z.current, Ne = {
+          } = J.current, Se = {
             id: V,
-            constraint: Se,
-            initialCoordinates: he,
+            constraint: ke,
+            initialCoordinates: be,
             offset: ve
           };
-          qe?.(Ne), m({
+          qe?.(Se), m({
             type: "onDragPending",
-            event: Ne
+            event: Se
           });
         },
         onStart(V) {
-          const Se = ee.current;
-          if (Se == null)
+          const ke = ee.current;
+          if (ke == null)
             return;
-          const he = k.get(Se);
-          if (!he)
+          const be = C.get(ke);
+          if (!be)
             return;
           const {
             onDragStart: ve
-          } = Z.current, Ye = {
-            activatorEvent: oe,
+          } = J.current, Ye = {
+            activatorEvent: re,
             active: {
-              id: Se,
-              data: he.data,
+              id: ke,
+              data: be.data,
               rect: X
             }
           };
-          ft(() => {
-            ve?.(Ye), E(Ae.Initializing), D({
+          pt(() => {
+            ve?.(Ye), E(Ne.Initializing), D({
               type: W.DragStart,
               initialCoordinates: V,
-              active: Se
+              active: ke
             }), m({
               type: "onDragStart",
               event: Ye
-            }), Ie(Pt.current), Me(oe);
+            }), Ee(Lt.current), Me(re);
           });
         },
         onMove(V) {
@@ -2234,38 +2234,38 @@ const bi = /* @__PURE__ */ Jr(function(t) {
         onEnd: je(W.DragEnd),
         onCancel: je(W.DragCancel)
       });
-      Pt.current = pe;
+      Lt.current = he;
       function je(V) {
         return async function() {
           const {
-            active: he,
+            active: be,
             collisions: ve,
             over: Ye,
             scrollAdjustedTranslate: qe
-          } = ie.current;
-          let Ne = null;
-          if (he && qe) {
+          } = oe.current;
+          let Se = null;
+          if (be && qe) {
             const {
               cancelDrop: Ge
-            } = Z.current;
-            Ne = {
-              activatorEvent: oe,
-              active: he,
+            } = J.current;
+            Se = {
+              activatorEvent: re,
+              active: be,
               collisions: ve,
               delta: qe,
               over: Ye
-            }, V === W.DragEnd && typeof Ge == "function" && await Promise.resolve(Ge(Ne)) && (V = W.DragCancel);
+            }, V === W.DragEnd && typeof Ge == "function" && await Promise.resolve(Ge(Se)) && (V = W.DragCancel);
           }
-          ee.current = null, ft(() => {
+          ee.current = null, pt(() => {
             D({
               type: V
-            }), E(Ae.Uninitialized), gn(null), Ie(null), Me(null), Pt.current = null;
+            }), E(Ne.Uninitialized), pn(null), Ee(null), Me(null), Lt.current = null;
             const Ge = V === W.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (Ne) {
-              const Mt = Z.current[Ge];
-              Mt?.(Ne), m({
+            if (Se) {
+              const _t = J.current[Ge];
+              _t?.(Se), m({
                 type: Ge,
-                event: Ne
+                event: Se
               });
             }
           });
@@ -2273,86 +2273,86 @@ const bi = /* @__PURE__ */ Jr(function(t) {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [k]
-  ), Vr = _((q, ne) => (re, Ce) => {
-    const ae = re.nativeEvent, oe = k.get(Ce);
+    [C]
+  ), Vr = L((Y, te) => (ne, Ce) => {
+    const ie = ne.nativeEvent, re = C.get(Ce);
     if (
       // Another sensor is already instantiating
       ee.current !== null || // No active draggable
-      !oe || // Event has already been captured
-      ae.dndKit || ae.defaultPrevented
+      !re || // Event has already been captured
+      ie.dndKit || ie.defaultPrevented
     )
       return;
-    const pe = {
-      active: oe
+    const he = {
+      active: re
     };
-    q(re, ne.options, pe) === !0 && (ae.dndKit = {
-      capturedBy: ne.sensor
-    }, ee.current = Ce, pn(re, ne));
-  }, [k, pn]), hn = Go(u, Vr);
-  oi(u), de(() => {
-    L && C === Ae.Initializing && E(Ae.Initialized);
-  }, [L, C]), P(
+    Y(ne, te.options, he) === !0 && (ie.dndKit = {
+      capturedBy: te.sensor
+    }, ee.current = Ce, gn(ne, te));
+  }, [C, gn]), hn = Go(d, Vr);
+  oi(d), fe(() => {
+    M && k === Ne.Initializing && E(Ne.Initialized);
+  }, [M, k]), O(
     () => {
       const {
-        onDragMove: q
-      } = Z.current, {
-        active: ne,
-        activatorEvent: re,
+        onDragMove: Y
+      } = J.current, {
+        active: te,
+        activatorEvent: ne,
         collisions: Ce,
-        over: ae
-      } = ie.current;
-      if (!ne || !re)
+        over: ie
+      } = oe.current;
+      if (!te || !ne)
         return;
-      const oe = {
-        active: ne,
-        activatorEvent: re,
+      const re = {
+        active: te,
+        activatorEvent: ne,
         collisions: Ce,
         delta: {
           x: $e.x,
           y: $e.y
         },
-        over: ae
+        over: ie
       };
-      ft(() => {
-        q?.(oe), m({
+      pt(() => {
+        Y?.(re), m({
           type: "onDragMove",
-          event: oe
+          event: re
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [$e.x, $e.y]
-  ), P(
+  ), O(
     () => {
       const {
-        active: q,
-        activatorEvent: ne,
-        collisions: re,
+        active: Y,
+        activatorEvent: te,
+        collisions: ne,
         droppableContainers: Ce,
-        scrollAdjustedTranslate: ae
-      } = ie.current;
-      if (!q || ee.current == null || !ne || !ae)
+        scrollAdjustedTranslate: ie
+      } = oe.current;
+      if (!Y || ee.current == null || !te || !ie)
         return;
       const {
-        onDragOver: oe
-      } = Z.current, pe = Ce.get(fn), je = pe && pe.rect.current ? {
-        id: pe.id,
-        rect: pe.rect.current,
-        data: pe.data,
-        disabled: pe.disabled
+        onDragOver: re
+      } = J.current, he = Ce.get(fn), je = he && he.rect.current ? {
+        id: he.id,
+        rect: he.rect.current,
+        data: he.data,
+        disabled: he.disabled
       } : null, V = {
-        active: q,
-        activatorEvent: ne,
-        collisions: re,
+        active: Y,
+        activatorEvent: te,
+        collisions: ne,
         delta: {
-          x: ae.x,
-          y: ae.y
+          x: ie.x,
+          y: ie.y
         },
         over: je
       };
-      ft(() => {
-        gn(je), oe?.(V), m({
+      pt(() => {
+        pn(je), re?.(V), m({
           type: "onDragOver",
           event: V
         });
@@ -2360,89 +2360,89 @@ const bi = /* @__PURE__ */ Jr(function(t) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [fn]
-  ), de(() => {
-    ie.current = {
+  ), fe(() => {
+    oe.current = {
       activatorEvent: F,
-      active: G,
-      activeNode: Q,
+      active: q,
+      activeNode: Z,
       collisionRect: Be,
       collisions: Ke,
-      droppableRects: te,
-      draggableNodes: k,
-      draggingNode: Re,
-      draggingNodeRect: De,
-      droppableContainers: M,
-      over: ke,
-      scrollableAncestors: O,
+      droppableRects: le,
+      draggableNodes: C,
+      draggingNode: xe,
+      draggingNodeRect: Re,
+      droppableContainers: P,
+      over: De,
+      scrollableAncestors: v,
       scrollAdjustedTranslate: $e
     }, X.current = {
-      initial: De,
+      initial: Re,
       translated: Be
     };
-  }, [G, Q, Ke, Be, k, Re, De, te, M, ke, O, $e]), Vo({
+  }, [q, Z, Ke, Be, C, xe, Re, le, P, De, v, $e]), Vo({
     ...ge,
-    delta: B,
+    delta: j,
     draggingRect: Be,
-    pointerCoordinates: Ve,
-    scrollableAncestors: O,
-    scrollableAncestorRects: U
+    pointerCoordinates: Q,
+    scrollableAncestors: v,
+    scrollableAncestorRects: _
   });
-  const Kr = $(() => ({
-    active: G,
-    activeNode: Q,
-    activeNodeRect: L,
+  const Kr = B(() => ({
+    active: q,
+    activeNode: Z,
+    activeNodeRect: M,
     activatorEvent: F,
     collisions: Ke,
     containerNodeRect: Oe,
-    dragOverlay: ue,
-    draggableNodes: k,
-    droppableContainers: M,
-    droppableRects: te,
-    over: ke,
-    measureDroppableContainers: be,
-    scrollableAncestors: O,
-    scrollableAncestorRects: U,
+    dragOverlay: de,
+    draggableNodes: C,
+    droppableContainers: P,
+    droppableRects: le,
+    over: De,
+    measureDroppableContainers: ce,
+    scrollableAncestors: v,
+    scrollableAncestorRects: _,
     measuringConfiguration: K,
-    measuringScheduled: we,
-    windowRect: v
-  }), [G, Q, L, F, Ke, Oe, ue, k, M, te, ke, be, O, U, K, we, v]), Yr = $(() => ({
+    measuringScheduled: Te,
+    windowRect: A
+  }), [q, Z, M, F, Ke, Oe, de, C, P, le, De, ce, v, _, K, Te, A]), Yr = B(() => ({
     activatorEvent: F,
     activators: hn,
-    active: G,
-    activeNodeRect: L,
+    active: q,
+    activeNodeRect: M,
     ariaDescribedById: {
-      draggable: Te
+      draggable: Ie
     },
     dispatch: D,
-    draggableNodes: k,
-    over: ke,
-    measureDroppableContainers: be
-  }), [F, hn, G, L, D, Te, k, ke, be]);
+    draggableNodes: C,
+    over: De,
+    measureDroppableContainers: ce
+  }), [F, hn, q, M, D, Ie, C, De, ce]);
   return z.createElement(Yn.Provider, {
     value: y
   }, z.createElement(ct.Provider, {
     value: Yr
   }, z.createElement(dr.Provider, {
     value: Kr
-  }, z.createElement(At.Provider, {
+  }, z.createElement(It.Provider, {
     value: Xr
-  }, c)), z.createElement(gi, {
+  }, c)), z.createElement(pi, {
     disabled: s?.restoreFocus === !1
   })), z.createElement(vo, {
     ...s,
-    hiddenTextDescribedById: Te
+    hiddenTextDescribedById: Ie
   }));
   function qr() {
-    const q = ye?.autoScrollEnabled === !1, ne = typeof l == "object" ? l.enabled === !1 : l === !1, re = N && !q && !ne;
+    const Y = ye?.autoScrollEnabled === !1, te = typeof l == "object" ? l.enabled === !1 : l === !1, ne = N && !Y && !te;
     return typeof l == "object" ? {
       ...l,
-      enabled: re
+      enabled: ne
     } : {
-      enabled: re
+      enabled: ne
     };
   }
 }), vi = /* @__PURE__ */ it(null), En = "button", mi = "Draggable";
-function gr(e) {
+function pr(e) {
   let {
     id: t,
     data: n,
@@ -2454,41 +2454,41 @@ function gr(e) {
     activatorEvent: s,
     active: l,
     activeNodeRect: c,
-    ariaDescribedById: u,
-    draggableNodes: d,
+    ariaDescribedById: d,
+    draggableNodes: u,
     over: f
-  } = Ee(ct), {
-    role: g = En,
+  } = Ae(ct), {
+    role: p = En,
     roleDescription: R = "draggable",
     tabIndex: h = 0
-  } = o ?? {}, b = l?.id === t, D = Ee(b ? At : vi), [m, y] = bt(), [C, E] = bt(), N = ii(a, t), S = tt(n);
-  de(
-    () => (d.set(t, {
+  } = o ?? {}, b = l?.id === t, D = Ae(b ? It : vi), [m, y] = mt(), [k, E] = mt(), N = ii(a, t), S = tt(n);
+  fe(
+    () => (u.set(t, {
       id: t,
       key: i,
       node: m,
-      activatorNode: C,
+      activatorNode: k,
       data: S
     }), () => {
-      const B = d.get(t);
-      B && B.key === i && d.delete(t);
+      const j = u.get(t);
+      j && j.key === i && u.delete(t);
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [d, t]
+    [u, t]
   );
-  const k = $(() => ({
-    role: g,
+  const C = B(() => ({
+    role: p,
     tabIndex: h,
     "aria-disabled": r,
-    "aria-pressed": b && g === En ? !0 : void 0,
+    "aria-pressed": b && p === En ? !0 : void 0,
     "aria-roledescription": R,
-    "aria-describedby": u.draggable
-  }), [r, g, h, b, R, u.draggable]);
+    "aria-describedby": d.draggable
+  }), [r, p, h, b, R, d.draggable]);
   return {
     active: l,
     activatorEvent: s,
     activeNodeRect: c,
-    attributes: k,
+    attributes: C,
     isDragging: b,
     listeners: r ? void 0 : N,
     node: m,
@@ -2498,8 +2498,8 @@ function gr(e) {
     transform: D
   };
 }
-function pr() {
-  return Ee(dr);
+function gr() {
+  return Ae(dr);
 }
 const yi = "Droppable", wi = {
   timeout: 25
@@ -2516,36 +2516,36 @@ function hr(e) {
     dispatch: s,
     over: l,
     measureDroppableContainers: c
-  } = Ee(ct), u = I({
+  } = Ae(ct), d = I({
     disabled: n
-  }), d = I(!1), f = I(null), g = I(null), {
+  }), u = I(!1), f = I(null), p = I(null), {
     disabled: R,
     updateMeasurementsFor: h,
     timeout: b
   } = {
     ...wi,
     ...o
-  }, D = tt(h ?? r), m = _(
+  }, D = tt(h ?? r), m = L(
     () => {
-      if (!d.current) {
-        d.current = !0;
+      if (!u.current) {
+        u.current = !0;
         return;
       }
-      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
-        c(Array.isArray(D.current) ? D.current : [D.current]), g.current = null;
+      p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
+        c(Array.isArray(D.current) ? D.current : [D.current]), p.current = null;
       }, b);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [b]
-  ), y = Nt({
+  ), y = Et({
     callback: m,
     disabled: R || !a
-  }), C = _((k, B) => {
-    y && (B && (y.unobserve(B), d.current = !1), k && y.observe(k));
-  }, [y]), [E, N] = bt(C), S = tt(t);
-  return P(() => {
-    !y || !E.current || (y.disconnect(), d.current = !1, y.observe(E.current));
-  }, [E, y]), P(
+  }), k = L((C, j) => {
+    y && (j && (y.unobserve(j), u.current = !1), C && y.observe(C));
+  }, [y]), [E, N] = mt(k), S = tt(t);
+  return O(() => {
+    !y || !E.current || (y.disconnect(), u.current = !1, y.observe(E.current));
+  }, [E, y]), O(
     () => (s({
       type: W.RegisterDroppable,
       element: {
@@ -2563,13 +2563,13 @@ function hr(e) {
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), P(() => {
-    n !== u.current.disabled && (s({
+  ), O(() => {
+    n !== d.current.disabled && (s({
       type: W.SetDroppableDisabled,
       id: r,
       key: i,
       disabled: n
-    }), u.current.disabled = n);
+    }), d.current.disabled = n);
   }, [r, i, n, s]), {
     active: a,
     rect: f,
@@ -2584,8 +2584,8 @@ function xi(e) {
     animation: t,
     children: n
   } = e;
-  const [r, o] = j(null), [i, a] = j(null), s = vt(n);
-  return !n && !r && s && o(s), de(() => {
+  const [r, o] = $(null), [i, a] = $(null), s = yt(n);
+  return !n && !r && s && o(s), fe(() => {
     if (!i)
       return;
     const l = r?.key, c = r?.props.id;
@@ -2612,14 +2612,14 @@ function Di(e) {
   } = e;
   return z.createElement(ct.Provider, {
     value: ur
-  }, z.createElement(At.Provider, {
+  }, z.createElement(It.Provider, {
     value: Ri
   }, t));
 }
-const ki = {
+const Ci = {
   position: "fixed",
   touchAction: "none"
-}, Ci = (e) => Ct(e) ? "transform 250ms ease" : void 0, Si = /* @__PURE__ */ eo((e, t) => {
+}, ki = (e) => Nt(e) ? "transform 250ms ease" : void 0, Si = /* @__PURE__ */ eo((e, t) => {
   let {
     as: n,
     activatorEvent: r,
@@ -2629,23 +2629,23 @@ const ki = {
     rect: s,
     style: l,
     transform: c,
-    transition: u = Ci
+    transition: d = ki
   } = e;
   if (!s)
     return null;
-  const d = o ? c : {
+  const u = o ? c : {
     ...c,
     scaleX: 1,
     scaleY: 1
   }, f = {
-    ...ki,
+    ...Ci,
     width: s.width,
     height: s.height,
     top: s.top,
     left: s.left,
-    transform: me.Transform.toString(d),
+    transform: me.Transform.toString(u),
     transformOrigin: o && r ? yo(r, s) : void 0,
-    transition: typeof u == "function" ? u(r) : u,
+    transition: typeof d == "function" ? d(r) : d,
     ...l
   };
   return z.createElement(n, {
@@ -2704,7 +2704,7 @@ function Ii(e) {
     droppableContainers: r,
     measuringConfiguration: o
   } = e;
-  return kt((i, a) => {
+  return St((i, a) => {
     if (t === null)
       return;
     const s = n.get(i);
@@ -2717,9 +2717,9 @@ function Ii(e) {
     if (!c)
       return;
     const {
-      transform: u
-    } = J(a).getComputedStyle(a), d = Qn(u);
-    if (!d)
+      transform: d
+    } = G(a).getComputedStyle(a), u = Qn(d);
+    if (!u)
       return;
     const f = typeof t == "function" ? t : Ti(t);
     return ar(l, o.draggable.measure), f({
@@ -2736,7 +2736,7 @@ function Ii(e) {
       },
       droppableContainers: r,
       measuringConfiguration: o,
-      transform: d
+      transform: u
     });
   });
 }
@@ -2759,17 +2759,17 @@ function Ti(e) {
     } = i;
     if (!t)
       return;
-    const u = {
+    const d = {
       x: s.rect.left - a.rect.left,
       y: s.rect.top - a.rect.top
-    }, d = {
+    }, u = {
       scaleX: l.scaleX !== 1 ? a.rect.width * l.scaleX / s.rect.width : 1,
       scaleY: l.scaleY !== 1 ? a.rect.height * l.scaleY / s.rect.height : 1
     }, f = {
-      x: l.x - u.x,
-      y: l.y - u.y,
-      ...d
-    }, g = o({
+      x: l.x - d.x,
+      y: l.y - d.y,
+      ...u
+    }, p = o({
       ...c,
       active: a,
       dragOverlay: s,
@@ -2777,14 +2777,14 @@ function Ti(e) {
         initial: l,
         final: f
       }
-    }), [R] = g, h = g[g.length - 1];
+    }), [R] = p, h = p[p.length - 1];
     if (JSON.stringify(R) === JSON.stringify(h))
       return;
     const b = r?.({
       active: a,
       dragOverlay: s,
       ...c
-    }), D = s.node.animate(g, {
+    }), D = s.node.animate(p, {
       duration: t,
       easing: n,
       fill: "forwards"
@@ -2798,7 +2798,7 @@ function Ti(e) {
 }
 let In = 0;
 function Oi(e) {
-  return $(() => {
+  return B(() => {
     if (e != null)
       return In++, In;
   }, [e]);
@@ -2816,53 +2816,53 @@ const Pi = /* @__PURE__ */ z.memo((e) => {
     zIndex: c = 999
   } = e;
   const {
-    activatorEvent: u,
-    active: d,
+    activatorEvent: d,
+    active: u,
     activeNodeRect: f,
-    containerNodeRect: g,
+    containerNodeRect: p,
     draggableNodes: R,
     droppableContainers: h,
     dragOverlay: b,
     over: D,
     measuringConfiguration: m,
     scrollableAncestors: y,
-    scrollableAncestorRects: C,
+    scrollableAncestorRects: k,
     windowRect: E
-  } = pr(), N = Ee(At), S = Oi(d?.id), k = fr(a, {
-    activatorEvent: u,
-    active: d,
+  } = gr(), N = Ae(It), S = Oi(u?.id), C = fr(a, {
+    activatorEvent: d,
+    active: u,
     activeNodeRect: f,
-    containerNodeRect: g,
+    containerNodeRect: p,
     draggingNodeRect: b.rect,
     over: D,
     overlayNodeRect: b.rect,
     scrollableAncestors: y,
-    scrollableAncestorRects: C,
+    scrollableAncestorRects: k,
     transform: N,
     windowRect: E
-  }), B = rn(f), M = Ii({
+  }), j = on(f), P = Ii({
     config: r,
     draggableNodes: R,
     droppableContainers: h,
     measuringConfiguration: m
-  }), w = B ? b.setRef : void 0;
+  }), w = j ? b.setRef : void 0;
   return z.createElement(Di, null, z.createElement(xi, {
-    animation: M
-  }, d && S ? z.createElement(Si, {
+    animation: P
+  }, u && S ? z.createElement(Si, {
     key: S,
-    id: d.id,
+    id: u.id,
     ref: w,
     as: s,
-    activatorEvent: u,
+    activatorEvent: d,
     adjustScale: t,
     className: l,
     transition: i,
-    rect: B,
+    rect: j,
     style: {
       zIndex: c,
       ...o
     },
-    transform: k
+    transform: C
   }, n) : null));
 });
 function br(e, t, n) {
@@ -2908,7 +2908,7 @@ const vr = (e) => {
     scaleX: s.width / a.width,
     scaleY: s.height / a.height
   };
-}, pt = {
+}, ht = {
   scaleX: 1,
   scaleY: 1
 }, $i = (e) => {
@@ -2928,22 +2928,22 @@ const vr = (e) => {
     return c ? {
       x: 0,
       y: n < a ? c.top + c.height - (s.top + s.height) : c.top - s.top,
-      ...pt
+      ...ht
     } : null;
   }
   const l = Bi(i, o, n);
   return o > n && o <= a ? {
     x: 0,
     y: -s.height - l,
-    ...pt
+    ...ht
   } : o < n && o >= a ? {
     x: 0,
     y: s.height + l,
-    ...pt
+    ...ht
   } : {
     x: 0,
     y: 0,
-    ...pt
+    ...ht
   };
 };
 function Bi(e, t, n) {
@@ -2977,27 +2977,27 @@ function wr(e) {
     dragOverlay: s,
     droppableRects: l,
     over: c,
-    measureDroppableContainers: u
-  } = pr(), d = lt(mr, n), f = s.rect !== null, g = $(() => r.map((N) => typeof N == "object" && "id" in N ? N.id : N), [r]), R = a != null, h = a ? g.indexOf(a.id) : -1, b = c ? g.indexOf(c.id) : -1, D = I(g), m = !Li(g, D.current), y = b !== -1 && h === -1 || m, C = _i(i);
-  de(() => {
-    m && R && u(g);
-  }, [m, g, R, u]), P(() => {
-    D.current = g;
-  }, [g]);
-  const E = $(
+    measureDroppableContainers: d
+  } = gr(), u = lt(mr, n), f = s.rect !== null, p = B(() => r.map((N) => typeof N == "object" && "id" in N ? N.id : N), [r]), R = a != null, h = a ? p.indexOf(a.id) : -1, b = c ? p.indexOf(c.id) : -1, D = I(p), m = !Li(p, D.current), y = b !== -1 && h === -1 || m, k = _i(i);
+  fe(() => {
+    m && R && d(p);
+  }, [m, p, R, d]), O(() => {
+    D.current = p;
+  }, [p]);
+  const E = B(
     () => ({
       activeIndex: h,
-      containerId: d,
-      disabled: C,
+      containerId: u,
+      disabled: k,
       disableTransforms: y,
-      items: g,
+      items: p,
       overIndex: b,
       useDragOverlay: f,
-      sortedRects: Mi(g, l),
+      sortedRects: Mi(p, l),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, d, C.draggable, C.droppable, y, g, b, l, f, o]
+    [h, u, k.draggable, k.droppable, y, p, b, l, f, o]
   );
   return z.createElement(yr.Provider, {
     value: E
@@ -3041,24 +3041,24 @@ function Hi(e) {
     node: r,
     rect: o
   } = e;
-  const [i, a] = j(null), s = I(n);
-  return de(() => {
+  const [i, a] = $(null), s = I(n);
+  return fe(() => {
     if (!t && n !== s.current && r.current) {
       const l = o.current;
       if (l) {
         const c = Xe(r.current, {
           ignoreTransform: !0
-        }), u = {
+        }), d = {
           x: l.left - c.left,
           y: l.top - c.top,
           scaleX: l.width / c.width,
           scaleY: l.height / c.height
         };
-        (u.x || u.y) && a(u);
+        (d.x || d.y) && a(d);
       }
     }
     n !== s.current && (s.current = n);
-  }, [t, n, r, o]), P(() => {
+  }, [t, n, r, o]), O(() => {
     i && a(null);
   }, [i]), i;
 }
@@ -3075,27 +3075,27 @@ function Rr(e) {
     transition: c = zi
   } = e;
   const {
-    items: u,
-    containerId: d,
+    items: d,
+    containerId: u,
     activeIndex: f,
-    disabled: g,
+    disabled: p,
     disableTransforms: R,
     sortedRects: h,
     overIndex: b,
     useDragOverlay: D,
     strategy: m
-  } = Ee(yr), y = Xi(r, g), C = u.indexOf(a), E = $(() => ({
+  } = Ae(yr), y = Xi(r, p), k = d.indexOf(a), E = B(() => ({
     sortable: {
-      containerId: d,
-      index: C,
-      items: u
+      containerId: u,
+      index: k,
+      items: d
     },
     ...o
-  }), [d, o, C, u]), N = $(() => u.slice(u.indexOf(a)), [u, a]), {
+  }), [u, o, k, d]), N = B(() => d.slice(d.indexOf(a)), [d, a]), {
     rect: S,
-    node: k,
-    isOver: B,
-    setNodeRef: M
+    node: C,
+    isOver: j,
+    setNodeRef: P
   } = hr({
     id: a,
     data: E,
@@ -3107,15 +3107,15 @@ function Rr(e) {
   }), {
     active: w,
     activatorEvent: X,
-    activeNodeRect: G,
+    activeNodeRect: q,
     attributes: ee,
     setNodeRef: ye,
-    listeners: Ie,
+    listeners: Ee,
     isDragging: F,
     over: Me,
-    setActivatorNodeRef: Z,
-    transform: Te
-  } = gr({
+    setActivatorNodeRef: J,
+    transform: Ie
+  } = pr({
     id: a,
     data: E,
     attributes: {
@@ -3123,85 +3123,85 @@ function Rr(e) {
       ...n
     },
     disabled: y.draggable
-  }), Le = ro(M, ye), K = !!w, te = K && !R && gt(f) && gt(b), be = !D && F, we = be && te ? Te : null, _e = te ? we ?? (s ?? m)({
+  }), Le = ro(P, ye), K = !!w, le = K && !R && gt(f) && gt(b), ce = !D && F, Te = ce && le ? Ie : null, _e = le ? Te ?? (s ?? m)({
     rects: h,
-    activeNodeRect: G,
+    activeNodeRect: q,
     activeIndex: f,
     overIndex: b,
-    index: C
+    index: k
   }) : null, ge = gt(f) && gt(b) ? i({
     id: a,
-    items: u,
+    items: d,
     activeIndex: f,
     overIndex: b
-  }) : C, ce = w?.id, L = I({
-    activeId: ce,
-    items: u,
+  }) : k, ue = w?.id, M = I({
+    activeId: ue,
+    items: d,
     newIndex: ge,
-    containerId: d
-  }), Oe = u !== L.current.items, ie = t({
+    containerId: u
+  }), Oe = d !== M.current.items, oe = t({
     active: w,
-    containerId: d,
+    containerId: u,
     isDragging: F,
     isSorting: K,
     id: a,
-    index: C,
-    items: u,
-    newIndex: L.current.newIndex,
-    previousItems: L.current.items,
-    previousContainerId: L.current.containerId,
+    index: k,
+    items: d,
+    newIndex: M.current.newIndex,
+    previousItems: M.current.items,
+    previousContainerId: M.current.containerId,
     transition: c,
-    wasDragging: L.current.activeId != null
-  }), xe = Hi({
-    disabled: !ie,
-    index: C,
-    node: k,
+    wasDragging: M.current.activeId != null
+  }), we = Hi({
+    disabled: !oe,
+    index: k,
+    node: C,
     rect: S
   });
-  return P(() => {
-    K && L.current.newIndex !== ge && (L.current.newIndex = ge), d !== L.current.containerId && (L.current.containerId = d), u !== L.current.items && (L.current.items = u);
-  }, [K, ge, d, u]), P(() => {
-    if (ce === L.current.activeId)
+  return O(() => {
+    K && M.current.newIndex !== ge && (M.current.newIndex = ge), u !== M.current.containerId && (M.current.containerId = u), d !== M.current.items && (M.current.items = d);
+  }, [K, ge, u, d]), O(() => {
+    if (ue === M.current.activeId)
       return;
-    if (ce != null && L.current.activeId == null) {
-      L.current.activeId = ce;
+    if (ue != null && M.current.activeId == null) {
+      M.current.activeId = ue;
       return;
     }
-    const Re = setTimeout(() => {
-      L.current.activeId = ce;
+    const xe = setTimeout(() => {
+      M.current.activeId = ue;
     }, 50);
-    return () => clearTimeout(Re);
-  }, [ce]), {
+    return () => clearTimeout(xe);
+  }, [ue]), {
     active: w,
     activeIndex: f,
     attributes: ee,
     data: E,
     rect: S,
-    index: C,
+    index: k,
     newIndex: ge,
-    items: u,
-    isOver: B,
+    items: d,
+    isOver: j,
     isSorting: K,
     isDragging: F,
-    listeners: Ie,
-    node: k,
+    listeners: Ee,
+    node: C,
     overIndex: b,
     over: Me,
     setNodeRef: Le,
-    setActivatorNodeRef: Z,
-    setDroppableNodeRef: M,
+    setActivatorNodeRef: J,
+    setDroppableNodeRef: P,
     setDraggableNodeRef: ye,
-    transform: xe ?? _e,
-    transition: ue()
+    transform: we ?? _e,
+    transition: de()
   };
-  function ue() {
+  function de() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      xe || // Or to prevent items jumping to back to their "new" position when items change
-      Oe && L.current.newIndex === C
+      we || // Or to prevent items jumping to back to their "new" position when items change
+      Oe && M.current.newIndex === k
     )
       return Ui;
-    if (!(be && !Ct(X) || !c) && (K || ie))
+    if (!(ce && !Nt(X) || !c) && (K || oe))
       return me.Transition.toString({
         ...c,
         property: xr
@@ -3219,7 +3219,7 @@ function Xi(e, t) {
     droppable: (r = e?.droppable) != null ? r : t.droppable
   };
 }
-function xt(e) {
+function Dt(e) {
   if (!e)
     return !1;
   const t = e.data.current;
@@ -3240,23 +3240,23 @@ const Vi = [T.Down, T.Right, T.Up, T.Left], Ki = (e, t) => {
     if (e.preventDefault(), !n || !r)
       return;
     const l = [];
-    i.getEnabled().forEach((d) => {
-      if (!d || d != null && d.disabled)
+    i.getEnabled().forEach((u) => {
+      if (!u || u != null && u.disabled)
         return;
-      const f = o.get(d.id);
+      const f = o.get(u.id);
       if (f)
         switch (e.code) {
           case T.Down:
-            r.top < f.top && l.push(d);
+            r.top < f.top && l.push(u);
             break;
           case T.Up:
-            r.top > f.top && l.push(d);
+            r.top > f.top && l.push(u);
             break;
           case T.Left:
-            r.left > f.left && l.push(d);
+            r.left > f.left && l.push(u);
             break;
           case T.Right:
-            r.left < f.left && l.push(d);
+            r.left < f.left && l.push(u);
             break;
         }
     });
@@ -3265,53 +3265,53 @@ const Vi = [T.Down, T.Right, T.Up, T.Left], Ki = (e, t) => {
       droppableRects: o,
       droppableContainers: l
     });
-    let u = Jn(c, "id");
-    if (u === a?.id && c.length > 1 && (u = c[1].id), u != null) {
-      const d = i.get(n.id), f = i.get(u), g = f ? o.get(f.id) : null, R = f?.node.current;
-      if (R && g && d && f) {
-        const b = St(R).some((N, S) => s[S] !== N), D = Dr(d, f), m = Yi(d, f), y = b || !D ? {
+    let d = Jn(c, "id");
+    if (d === a?.id && c.length > 1 && (d = c[1].id), d != null) {
+      const u = i.get(n.id), f = i.get(d), p = f ? o.get(f.id) : null, R = f?.node.current;
+      if (R && p && u && f) {
+        const b = At(R).some((N, S) => s[S] !== N), D = Dr(u, f), m = Yi(u, f), y = b || !D ? {
           x: 0,
           y: 0
         } : {
-          x: m ? r.width - g.width : 0,
-          y: m ? r.height - g.height : 0
-        }, C = {
-          x: g.left,
-          y: g.top
+          x: m ? r.width - p.width : 0,
+          y: m ? r.height - p.height : 0
+        }, k = {
+          x: p.left,
+          y: p.top
         };
-        return y.x && y.y ? C : nt(C, y);
+        return y.x && y.y ? k : nt(k, y);
       }
     }
   }
 };
 function Dr(e, t) {
-  return !xt(e) || !xt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
+  return !Dt(e) || !Dt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
 }
 function Yi(e, t) {
-  return !xt(e) || !xt(t) || !Dr(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
+  return !Dt(e) || !Dt(t) || !Dr(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
 function qi(e) {
   return e ?? "";
 }
-function kr(e, t) {
+function Cr(e, t) {
   return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}`;
 }
-async function Cr(e) {
+async function kr(e) {
   const t = e.headers.get("content-type") ?? "", n = `${e.status} ${e.statusText || "Request failed"}`;
   return t.includes("application/json") ? (await e.json()).error || n : (await e.text()).trim() || n;
 }
 async function Gi(e) {
-  const t = await fetch(kr(e, "/schema"), {
+  const t = await fetch(Cr(e, "/schema"), {
     headers: {
       Accept: "application/json"
     }
   });
   if (!t.ok)
-    throw new Error(await Cr(t));
+    throw new Error(await kr(t));
   return await t.json();
 }
 async function Ji(e, t) {
-  const n = await fetch(kr(e, "/render/template"), {
+  const n = await fetch(Cr(e, "/render/template"), {
     method: "POST",
     headers: {
       Accept: "application/pdf",
@@ -3324,7 +3324,7 @@ async function Ji(e, t) {
     })
   });
   if (!n.ok)
-    throw new Error(await Cr(n));
+    throw new Error(await kr(n));
   return n.blob();
 }
 const Zi = {
@@ -3337,18 +3337,18 @@ const Zi = {
   spacer: { chip: "↕", label: "Spacer" },
   divider: { chip: "─", label: "Divider" }
 };
-function on(e) {
+function an(e) {
   return Zi[e] ?? { chip: "?", label: Qi(e) };
 }
 function Sr(e) {
   switch (e.type) {
     case "heading":
     case "text":
-      return jt(e.text);
+      return zt(e.text);
     case "html":
-      return jt(e.html);
+      return zt(e.html);
     case "image":
-      return jt(e.alt ?? e.src);
+      return zt(e.alt ?? e.src);
     case "key-value": {
       const t = e.config?.fields ?? [];
       return t.length > 0 ? `${t.length} field${t.length === 1 ? "" : "s"}` : "";
@@ -3369,7 +3369,7 @@ function Sr(e) {
       return "";
   }
 }
-function jt(e, t = 56) {
+function zt(e, t = 56) {
   if (!e)
     return "";
   const n = e.replace(/\s+/g, " ").trim();
@@ -3379,10 +3379,10 @@ function Qi(e) {
   return e.split("-").filter(Boolean).map((t) => `${t.charAt(0).toUpperCase()}${t.slice(1)}`).join(" ");
 }
 function ea({ blockTypes: e, onAdd: t }) {
-  return /* @__PURE__ */ p("div", { className: "builder-palette__list", "aria-label": "Block palette", children: e.map((n) => /* @__PURE__ */ p(ta, { type: n, onAdd: t }, n)) });
+  return /* @__PURE__ */ g("div", { className: "builder-palette__list", "aria-label": "Block palette", children: e.map((n) => /* @__PURE__ */ g(ta, { type: n, onAdd: t }, n)) });
 }
 function ta({ type: e, onAdd: t }) {
-  const n = on(e), { attributes: r, listeners: o, setNodeRef: i, transform: a, isDragging: s } = gr({
+  const n = an(e), { attributes: r, listeners: o, setNodeRef: i, transform: a, isDragging: s } = pr({
     id: `palette:${e}`,
     data: {
       source: "palette",
@@ -3404,22 +3404,22 @@ function ta({ type: e, onAdd: t }) {
       ...o,
       ...r,
       children: [
-        /* @__PURE__ */ p("span", { className: "builder-chip", "aria-hidden": "true", children: n.chip }),
-        /* @__PURE__ */ p("span", { children: n.label })
+        /* @__PURE__ */ g("span", { className: "builder-chip", "aria-hidden": "true", children: n.chip }),
+        /* @__PURE__ */ g("span", { children: n.label })
       ]
     }
   );
 }
 function Tn({ type: e, summary: t, prefix: n }) {
-  const r = on(e);
-  return /* @__PURE__ */ p("div", { className: "builder-drag-overlay", children: /* @__PURE__ */ x("div", { className: "builder-drag-overlay__card", children: [
-    /* @__PURE__ */ p("span", { className: "builder-chip", "aria-hidden": "true", children: r.chip }),
+  const r = an(e);
+  return /* @__PURE__ */ g("div", { className: "builder-drag-overlay", children: /* @__PURE__ */ x("div", { className: "builder-drag-overlay__card", children: [
+    /* @__PURE__ */ g("span", { className: "builder-chip", "aria-hidden": "true", children: r.chip }),
     /* @__PURE__ */ x("span", { style: { display: "inline-flex", alignItems: "baseline", gap: 8 }, children: [
       /* @__PURE__ */ x("span", { style: { fontWeight: 500 }, children: [
         n,
         r.label
       ] }),
-      t ? /* @__PURE__ */ p("span", { style: { color: "var(--ink-muted)", fontWeight: 400 }, children: t }) : null
+      t ? /* @__PURE__ */ g("span", { style: { color: "var(--ink-muted)", fontWeight: 400 }, children: t }) : null
     ] })
   ] }) });
 }
@@ -3471,17 +3471,17 @@ function la({
       return;
     const l = s;
     a.preventDefault(), a.currentTarget.setPointerCapture(a.pointerId);
-    const c = Nr(e, t), u = c.slice(0, n).reduce((g, R) => g + R, 0);
-    function d(g) {
-      const h = (g.clientX - l.left) / l.width * 100 - u;
+    const c = Nr(e, t), d = c.slice(0, n).reduce((p, R) => p + R, 0);
+    function u(p) {
+      const h = (p.clientX - l.left) / l.width * 100 - d;
       o(ra(ia(c, n, h)));
     }
     function f() {
-      window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", f);
+      window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", f);
     }
-    window.addEventListener("pointermove", d), window.addEventListener("pointerup", f);
+    window.addEventListener("pointermove", u), window.addEventListener("pointerup", f);
   }
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ g(
     "button",
     {
       type: "button",
@@ -3495,7 +3495,7 @@ const ca = 96, ua = 25.4;
 function da(e) {
   return Math.round(e / ua * ca);
 }
-const Vt = {
+const Yt = {
   A3: [297, 420],
   A4: [210, 297],
   A5: [148, 210],
@@ -3505,10 +3505,10 @@ const Vt = {
   Tabloid: [279.4, 431.8]
 };
 function fa(e, t = "portrait") {
-  const n = Vt[e ?? "A4"] ?? Vt.A4;
+  const n = Yt[e ?? "A4"] ?? Yt.A4;
   return t === "landscape" ? [n[1], n[0]] : n;
 }
-function ga({ format: e, orientation: t, children: n }) {
+function pa({ format: e, orientation: t, children: n }) {
   const [r] = fa(e, t), o = { "--page-width": `${da(r)}px` };
   return /* @__PURE__ */ x("div", { className: "builder-page-sheet", style: o, children: [
     /* @__PURE__ */ x("div", { className: "builder-page-sheet__meta", children: [
@@ -3525,19 +3525,19 @@ function ga({ format: e, orientation: t, children: n }) {
     n
   ] });
 }
-function pa({
+function ga({
   block: e,
   fieldSchema: t,
   configSchema: n,
   onChange: r
 }) {
-  const o = Rt(t), i = n ? Rt(n) : {};
+  const o = Ct(t), i = n ? Ct(n) : {};
   return /* @__PURE__ */ x("div", { className: "inline-block-form", children: [
     Object.entries(o).map(
-      ([a, s]) => Kt({
+      ([a, s]) => qt({
         key: a,
         name: a,
-        label: Yt(a, s),
+        label: Gt(a, s),
         schema: ot(s, t),
         value: ya(e, a),
         preserveEmptyString: !0,
@@ -3545,10 +3545,10 @@ function pa({
       })
     ),
     Object.entries(i).map(
-      ([a, s]) => Kt({
+      ([a, s]) => qt({
         key: `config.${a}`,
         name: `config.${a}`,
-        label: Yt(a, s),
+        label: Gt(a, s),
         schema: n ? ot(s, n) : s,
         value: wa(e, a),
         preserveEmptyString: !1,
@@ -3557,7 +3557,7 @@ function pa({
     )
   ] });
 }
-function Kt({
+function qt({
   key: e,
   name: t,
   label: n,
@@ -3566,7 +3566,7 @@ function Kt({
   preserveEmptyString: i,
   onChange: a
 }) {
-  const s = Et(r), l = Ar(r), c = o ?? "";
+  const s = Tt(r), l = Ar(r), c = o ?? "";
   if (l.length > 0)
     return /* @__PURE__ */ x("label", { children: [
       n,
@@ -3575,17 +3575,17 @@ function Kt({
         {
           name: t,
           value: String(c),
-          onChange: (u) => a(Pr(u.currentTarget.value)),
+          onChange: (d) => a(Pr(d.currentTarget.value)),
           children: [
-            /* @__PURE__ */ p("option", { value: "" }),
-            l.map((u) => /* @__PURE__ */ p("option", { value: String(u), children: String(u) }, String(u)))
+            /* @__PURE__ */ g("option", { value: "" }),
+            l.map((d) => /* @__PURE__ */ g("option", { value: String(d), children: String(d) }, String(d)))
           ]
         }
       )
     ] }, e);
   if (Tr(s))
     return /* @__PURE__ */ x("fieldset", { className: "builder-array-field", children: [
-      /* @__PURE__ */ p("legend", { children: n }),
+      /* @__PURE__ */ g("legend", { children: n }),
       ha(t, s, o, a),
       /* @__PURE__ */ x(
         "button",
@@ -3603,17 +3603,17 @@ function Kt({
   if (Or(s))
     return /* @__PURE__ */ x("label", { children: [
       n,
-      /* @__PURE__ */ p(_r, { name: t, value: c, onChange: a })
+      /* @__PURE__ */ g(_r, { name: t, value: c, onChange: a })
     ] }, e);
   if (Ir(s))
     return /* @__PURE__ */ x("label", { className: "builder-field builder-field--checkbox", children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "input",
         {
           name: t,
           type: "checkbox",
           checked: o === !0,
-          onChange: (u) => a(u.currentTarget.checked)
+          onChange: (d) => a(d.currentTarget.checked)
         }
       ),
       n
@@ -3621,27 +3621,27 @@ function Kt({
   if (Er(s))
     return /* @__PURE__ */ x("label", { children: [
       n,
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "input",
         {
           name: t,
           type: "number",
           value: String(c),
-          onChange: (u) => a(Ra(u))
+          onChange: (d) => a(Ra(d))
         }
       )
     ] }, e);
   if (xa(s)) {
-    const u = String(c);
+    const d = String(c);
     return /* @__PURE__ */ x("label", { children: [
       n,
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "input",
         {
           name: t,
           type: "text",
-          value: u,
-          onChange: (d) => a(Da(d.currentTarget.value, i))
+          value: d,
+          onChange: (u) => a(Da(u.currentTarget.value, i))
         }
       )
     ] }, e);
@@ -3649,22 +3649,22 @@ function Kt({
   return null;
 }
 function ha(e, t, n, r) {
-  const o = Mr(n), i = Lr(t), a = i ? Rt(i) : {};
-  return Object.keys(a).length === 0 ? /* @__PURE__ */ p(_r, { name: e, value: o, onChange: r }) : o.map((s, l) => {
+  const o = Mr(n), i = Lr(t), a = i ? Ct(i) : {};
+  return Object.keys(a).length === 0 ? /* @__PURE__ */ g(_r, { name: e, value: o, onChange: r }) : o.map((s, l) => {
     const c = Pe(s) ? s : {};
     return /* @__PURE__ */ x("div", { className: "builder-array-field__item", children: [
       Object.entries(a).map(
-        ([u, d]) => Kt({
-          key: `${e}.${l}.${u}`,
-          name: `${e}.${l}.${u}`,
-          label: Yt(u, d),
-          schema: ot(d, t),
-          value: c[u],
+        ([d, u]) => qt({
+          key: `${e}.${l}.${d}`,
+          name: `${e}.${l}.${d}`,
+          label: Gt(d, u),
+          schema: ot(u, t),
+          value: c[d],
           preserveEmptyString: !0,
-          onChange: (f) => r(ka(o, l, { ...c, [u]: f }))
+          onChange: (f) => r(Ca(o, l, { ...c, [d]: f }))
         })
       ),
-      /* @__PURE__ */ p("button", { type: "button", onClick: () => r(Ca(o, l)), children: "Remove" })
+      /* @__PURE__ */ g("button", { type: "button", onClick: () => r(ka(o, l)), children: "Remove" })
     ] }, ba(e, l));
   });
 }
@@ -3694,7 +3694,7 @@ function ya(e, t) {
 function wa(e, t) {
   return e.config?.[t];
 }
-function Rt(e) {
+function Ct(e) {
   const t = e.properties;
   return Pe(t) ? Object.fromEntries(
     Object.entries(t).filter(
@@ -3702,11 +3702,11 @@ function Rt(e) {
     )
   ) : {};
 }
-function Yt(e, t) {
+function Gt(e, t) {
   return typeof t.title == "string" ? t.title : e;
 }
 function Ar(e) {
-  const t = Et(e);
+  const t = Tt(e);
   return Array.isArray(t.enum) ? t.enum.filter((n) => n !== null) : [];
 }
 function Er(e) {
@@ -3739,14 +3739,14 @@ function Da(e, t) {
 function Mr(e) {
   return Array.isArray(e) ? e : [];
 }
-function ka(e, t, n) {
+function Ca(e, t, n) {
   return e.map((r, o) => o === t ? n : r);
 }
-function Ca(e, t) {
+function ka(e, t) {
   return e.filter((n, r) => r !== t);
 }
 function Sa(e) {
-  const t = Lr(e), n = t ? Rt(t) : {};
+  const t = Lr(e), n = t ? Ct(t) : {};
   return Object.keys(n).length === 0 ? "" : Object.fromEntries(
     Object.entries(n).map(([r, o]) => [
       r,
@@ -3755,16 +3755,16 @@ function Sa(e) {
   );
 }
 function Na(e) {
-  const t = Et(e);
+  const t = Tt(e);
   if ("default" in t)
     return t.default;
   const n = Ar(t);
   return n.length > 0 ? n[0] : Er(t) ? 0 : Ir(t) ? !1 : Tr(t) ? [] : Or(t) ? {} : "";
 }
 function Lr(e) {
-  return Pe(e.items) ? Et(ot(e.items, e)) : void 0;
+  return Pe(e.items) ? Tt(ot(e.items, e)) : void 0;
 }
-function Et(e) {
+function Tt(e) {
   if (typeof e.$ref != "string")
     return e;
   const t = e.$defs;
@@ -3801,10 +3801,10 @@ function _r({
   value: t,
   onChange: n
 }) {
-  const [r, o] = j(() => Ln(t));
-  return P(() => {
+  const [r, o] = $(() => Ln(t));
+  return O(() => {
     o(Ln(t));
-  }, [t]), /* @__PURE__ */ p(
+  }, [t]), /* @__PURE__ */ g(
     "textarea",
     {
       name: e,
@@ -3822,14 +3822,14 @@ function Pe(e) {
 function Ea(e) {
   return Ma(e["x-pdfUa"]);
 }
-function an(e, t) {
+function sn(e, t) {
   if (!t.startsWith("#/"))
     throw new Error(`Unsupported schema ref: ${t}`);
   const n = t.slice(2).split("/").reduce((r, o) => {
-    if (le(r))
+    if (se(r))
       return r[_a(o)];
   }, e);
-  if (!le(n))
+  if (!se(n))
     throw new Error(`Schema ref not found: ${t}`);
   return n;
 }
@@ -3843,7 +3843,7 @@ function $r(e, t) {
   return Br(e).find((n) => jr(n) === t);
 }
 function Ta(e, t) {
-  const n = sn(e, t), r = It(n), o = Object.fromEntries(
+  const n = ln(e, t), r = Ot(n), o = Object.fromEntries(
     Object.entries(r).filter(([a]) => a !== "type" && a !== "config")
   ), i = Fr(n.required).filter((a) => a !== "type");
   return {
@@ -3854,17 +3854,17 @@ function Ta(e, t) {
   };
 }
 function Oa(e, t) {
-  const n = sn(e, t), r = It(n).config;
-  if (!le(r))
+  const n = ln(e, t), r = Ot(n).config;
+  if (!se(r))
     return;
   const o = r.$ref;
   return {
-    ...typeof o == "string" ? an(e, o) : r,
+    ...typeof o == "string" ? sn(e, o) : r,
     $defs: e.$defs
   };
 }
 function _n(e, t, n) {
-  const r = sn(e, t), o = It(r), i = {
+  const r = ln(e, t), o = Ot(r), i = {
     type: t,
     id: n
   };
@@ -3872,34 +3872,34 @@ function _n(e, t, n) {
     if (a === "type" || a === "config" || a === "id" || i[a] !== void 0)
       continue;
     const s = o[a];
-    le(s) && (i[a] = qt(e, s));
+    se(s) && (i[a] = Jt(e, s));
   }
   return i;
 }
 function Br(e) {
-  const t = e.$defs, n = le(t) ? t.block : void 0;
-  return (le(n) && Array.isArray(n.oneOf) ? n.oneOf : []).map((o) => {
-    if (!le(o))
+  const t = e.$defs, n = se(t) ? t.block : void 0;
+  return (se(n) && Array.isArray(n.oneOf) ? n.oneOf : []).map((o) => {
+    if (!se(o))
       return;
     const i = o.$ref;
-    return typeof i == "string" ? an(e, i) : o;
+    return typeof i == "string" ? sn(e, i) : o;
   }).filter((o) => o !== void 0);
 }
-function sn(e, t) {
+function ln(e, t) {
   const n = $r(e, t);
   if (!n)
     throw new Error(`Unknown block type: ${t}`);
   return n;
 }
 function jr(e) {
-  const t = It(e).type;
-  if (le(t))
+  const t = Ot(e).type;
+  if (se(t))
     return typeof t.const == "string" ? t.const : void 0;
 }
-function It(e) {
-  return le(e.properties) ? e.properties : {};
+function Ot(e) {
+  return se(e.properties) ? e.properties : {};
 }
-function qt(e, t) {
+function Jt(e, t) {
   if ("default" in t)
     return t.default;
   if (Array.isArray(t.enum))
@@ -3907,12 +3907,12 @@ function qt(e, t) {
   if (typeof t.const == "string" || typeof t.const == "number")
     return t.const;
   if (typeof t.$ref == "string")
-    return qt(e, an(e, t.$ref));
+    return Jt(e, sn(e, t.$ref));
   if (Array.isArray(t.oneOf)) {
     const r = t.oneOf.find(
-      (o) => le(o) && o.type !== "null"
+      (o) => se(o) && o.type !== "null"
     );
-    return le(r) ? qt(e, r) : void 0;
+    return se(r) ? Jt(e, r) : void 0;
   }
   switch (Pa(t.type)) {
     case "string":
@@ -3940,14 +3940,14 @@ function Fr(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
 }
 function Ma(e) {
-  if (!le(e) || !La(e.blockOrder))
+  if (!se(e) || !La(e.blockOrder))
     throw new Error("Invalid template schema metadata");
   return e;
 }
 function La(e) {
   return Array.isArray(e) && e.every((t) => typeof t == "string");
 }
-function le(e) {
+function se(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
 function _a(e) {
@@ -3962,12 +3962,12 @@ function $a({
   onRemoveBlock: i,
   style: a
 }) {
-  const [s, l] = j(!1), {
+  const [s, l] = $(!1), {
     attributes: c,
-    listeners: u,
-    setActivatorNodeRef: d,
+    listeners: d,
+    setActivatorNodeRef: u,
     setNodeRef: f,
-    transform: g,
+    transform: p,
     transition: R,
     isDragging: h
   } = Rr({
@@ -3978,22 +3978,22 @@ function $a({
       blockUid: n.uid,
       area: t
     }
-  }), b = r, D = $r(b, n.block.type) !== void 0, m = D ? Ta(b, n.block.type) : null, y = D ? Oa(b, n.block.type) : void 0, C = on(n.block.type), E = Sr(n.block), N = [
+  }), b = r, D = $r(b, n.block.type) !== void 0, m = D ? Ta(b, n.block.type) : null, y = D ? Oa(b, n.block.type) : void 0, k = an(n.block.type), E = Sr(n.block), N = [
     "builder-card",
     h ? "is-dragging" : "",
     s ? "is-expanded" : ""
   ].filter(Boolean).join(" "), S = {
-    transform: me.Transform.toString(g),
+    transform: me.Transform.toString(p),
     transition: R,
     ...a
   };
-  function k() {
+  function C() {
     l((w) => !w);
   }
-  function B(w) {
-    w.target === w.currentTarget && (w.key === "Enter" || w.key === " ") && (w.preventDefault(), k());
+  function j(w) {
+    w.target === w.currentTarget && (w.key === "Enter" || w.key === " ") && (w.preventDefault(), C());
   }
-  function M(w) {
+  function P(w) {
     w.stopPropagation(), i(n.uid);
   }
   return /* @__PURE__ */ x("article", { ref: f, className: N, style: S, children: [
@@ -4004,47 +4004,47 @@ function $a({
         role: "button",
         tabIndex: 0,
         "aria-expanded": s,
-        onClick: k,
-        onKeyDown: B,
+        onClick: C,
+        onKeyDown: j,
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ g(
             "button",
             {
-              ref: d,
+              ref: u,
               type: "button",
               className: "builder-card__handle",
               "aria-label": "Drag to move block",
               onClick: (w) => w.stopPropagation(),
               ...c,
-              ...u,
+              ...d,
               children: "⋮⋮"
             }
           ),
-          /* @__PURE__ */ p("span", { className: "builder-chip", "aria-hidden": "true", children: C.chip }),
+          /* @__PURE__ */ g("span", { className: "builder-chip", "aria-hidden": "true", children: k.chip }),
           /* @__PURE__ */ x("div", { className: "builder-card__title", children: [
-            /* @__PURE__ */ p("span", { className: "builder-card__label", children: C.label }),
-            E ? /* @__PURE__ */ p("span", { className: "builder-card__summary", children: E }) : null
+            /* @__PURE__ */ g("span", { className: "builder-card__label", children: k.label }),
+            E ? /* @__PURE__ */ g("span", { className: "builder-card__summary", children: E }) : null
           ] }),
           /* @__PURE__ */ x("div", { className: "builder-card__actions", children: [
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
                 className: "builder-card__icon-button",
                 "aria-label": s ? "Collapse block" : "Expand block",
                 onClick: (w) => {
-                  w.stopPropagation(), k();
+                  w.stopPropagation(), C();
                 },
                 children: s ? "▴" : "▾"
               }
             ),
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ g(
               "button",
               {
                 type: "button",
                 className: "builder-card__icon-button builder-card__icon-button--danger",
                 "aria-label": "Remove block",
-                onClick: M,
+                onClick: P,
                 children: "✕"
               }
             )
@@ -4052,8 +4052,8 @@ function $a({
         ]
       }
     ),
-    s ? /* @__PURE__ */ p("div", { className: "builder-card__form", children: m ? /* @__PURE__ */ p(
-      pa,
+    s ? /* @__PURE__ */ g("div", { className: "builder-card__form", children: m ? /* @__PURE__ */ g(
+      ga,
       {
         block: n.block,
         fieldSchema: m,
@@ -4062,7 +4062,7 @@ function $a({
       }
     ) : /* @__PURE__ */ x("p", { className: "builder-card__warning", children: [
       "The backend schema does not advertise ",
-      /* @__PURE__ */ p("code", { children: n.block.type }),
+      /* @__PURE__ */ g("code", { children: n.block.type }),
       ". Update or restart the API to edit this block."
     ] }) }) : null
   ] });
@@ -4078,10 +4078,10 @@ function Ba({
   onRemoveBlock: s,
   onSetRowWidths: l,
   onToggleFooterRepeat: c,
-  onChangePageNumbers: u
+  onChangePageNumbers: d
 }) {
-  return /* @__PURE__ */ p("div", { className: "builder-canvas", children: /* @__PURE__ */ x(ga, { format: n, orientation: r, children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ g("div", { className: "builder-canvas", children: /* @__PURE__ */ x(pa, { format: n, orientation: r, children: [
+    /* @__PURE__ */ g(
       $n,
       {
         area: "body",
@@ -4098,22 +4098,22 @@ function Ba({
     /* @__PURE__ */ x("section", { className: "builder-footer-section", "aria-label": "Page footer", children: [
       /* @__PURE__ */ x("header", { className: "builder-footer-section__header", children: [
         /* @__PURE__ */ x("div", { children: [
-          /* @__PURE__ */ p("h2", { className: "builder-footer-section__title", children: "Footer" }),
-          /* @__PURE__ */ p("p", { className: "builder-footer-section__hint", children: "Repeated content rendered in the page footer area." })
+          /* @__PURE__ */ g("h2", { className: "builder-footer-section__title", children: "Footer" }),
+          /* @__PURE__ */ g("p", { className: "builder-footer-section__hint", children: "Repeated content rendered in the page footer area." })
         ] }),
         /* @__PURE__ */ x("label", { className: "builder-footer-section__repeat", children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ g(
             "input",
             {
               type: "checkbox",
               checked: o,
-              onChange: (d) => c(d.currentTarget.checked)
+              onChange: (u) => c(u.currentTarget.checked)
             }
           ),
           "Repeat on every page"
         ] })
       ] }),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         $n,
         {
           area: "footer",
@@ -4127,19 +4127,19 @@ function Ba({
           onSetRowWidths: l
         }
       ),
-      /* @__PURE__ */ p("footer", { className: "builder-footer-section__page-numbers", children: /* @__PURE__ */ x("label", { children: [
+      /* @__PURE__ */ g("footer", { className: "builder-footer-section__page-numbers", children: /* @__PURE__ */ x("label", { children: [
         "Page numbers",
         /* @__PURE__ */ x(
           "select",
           {
             className: "builder-select",
             value: i,
-            onChange: (d) => u(d.currentTarget.value),
+            onChange: (u) => d(u.currentTarget.value),
             children: [
-              /* @__PURE__ */ p("option", { value: "disabled", children: "Disabled" }),
-              /* @__PURE__ */ p("option", { value: "left", children: "Left" }),
-              /* @__PURE__ */ p("option", { value: "center", children: "Center" }),
-              /* @__PURE__ */ p("option", { value: "right", children: "Right" })
+              /* @__PURE__ */ g("option", { value: "disabled", children: "Disabled" }),
+              /* @__PURE__ */ g("option", { value: "left", children: "Left" }),
+              /* @__PURE__ */ g("option", { value: "center", children: "Center" }),
+              /* @__PURE__ */ g("option", { value: "right", children: "Right" })
             ]
           }
         )
@@ -4158,35 +4158,35 @@ function $n({
   onRemoveBlock: s,
   onSetRowWidths: l
 }) {
-  const { setNodeRef: c, isOver: u } = hr({
+  const { setNodeRef: c, isOver: d } = hr({
     id: r,
     data: { type: "new-row", area: e }
   });
   return /* @__PURE__ */ x("div", { className: "builder-canvas__area", children: [
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ g(
       wr,
       {
-        items: t.map((d) => d.uid),
+        items: t.map((u) => u.uid),
         strategy: $i,
-        children: t.map((d) => /* @__PURE__ */ p(
+        children: t.map((u) => /* @__PURE__ */ g(
           ja,
           {
-            row: d,
+            row: u,
             area: e,
             schema: n,
             onChangeBlock: a,
             onRemoveBlock: s,
             onSetRowWidths: l
           },
-          d.uid
+          u.uid
         ))
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ g(
       "div",
       {
         ref: c,
-        className: u ? "builder-new-row is-over" : "builder-new-row",
+        className: d ? "builder-new-row is-over" : "builder-new-row",
         children: t.length === 0 ? o : i
       }
     )
@@ -4204,10 +4204,10 @@ function ja({
     attributes: s,
     listeners: l,
     setActivatorNodeRef: c,
-    setNodeRef: u,
-    transform: d,
+    setNodeRef: d,
+    transform: u,
     transition: f,
-    isDragging: g
+    isDragging: p
   } = Rr({
     id: e.uid,
     data: {
@@ -4219,17 +4219,17 @@ function ja({
     h ? R ?? [] : R,
     e.blocks.length
   ), D = {
-    transform: me.Transform.toString(d),
+    transform: me.Transform.toString(u),
     transition: f
   };
   return /* @__PURE__ */ x(
     "section",
     {
-      ref: u,
-      className: g ? "builder-row is-dragging" : "builder-row",
+      ref: d,
+      className: p ? "builder-row is-dragging" : "builder-row",
       style: D,
       children: [
-        /* @__PURE__ */ p("div", { className: "builder-row__header", children: /* @__PURE__ */ p(
+        /* @__PURE__ */ g("div", { className: "builder-row__header", children: /* @__PURE__ */ g(
           "button",
           {
             ref: c,
@@ -4241,14 +4241,14 @@ function ja({
             children: "⋮⋮ row"
           }
         ) }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           "div",
           {
             ref: a,
             className: "builder-row__grid",
             style: b ? { gridTemplateColumns: b } : void 0,
-            children: /* @__PURE__ */ p(wr, { items: e.blocks.map((m) => m.uid), children: e.blocks.map((m, y) => /* @__PURE__ */ x(to, { children: [
-              /* @__PURE__ */ p(
+            children: /* @__PURE__ */ g(wr, { items: e.blocks.map((m) => m.uid), children: e.blocks.map((m, y) => /* @__PURE__ */ x(to, { children: [
+              /* @__PURE__ */ g(
                 $a,
                 {
                   rowUid: e.uid,
@@ -4259,14 +4259,14 @@ function ja({
                   onRemoveBlock: o
                 }
               ),
-              h && y < e.blocks.length - 1 ? /* @__PURE__ */ p(
+              h && y < e.blocks.length - 1 ? /* @__PURE__ */ g(
                 la,
                 {
                   widths: R,
                   count: e.blocks.length,
                   leftIndex: y,
                   containerRef: a,
-                  onResize: (C) => i(e.uid, C)
+                  onResize: (k) => i(e.uid, k)
                 },
                 `${m.uid}:resizer`
               ) : null
@@ -4281,42 +4281,61 @@ function Fa(e) {
   const t = e.blocks.map((n) => n.block.config?.width);
   return t.every((n) => typeof n == "string") ? t : null;
 }
-function za({ pdfUrl: e, error: t, loading: n, onRender: r, renderDisabled: o }) {
-  const i = n ? "rendering" : e ? "ready" : "empty";
-  return /* @__PURE__ */ x("aside", { className: "pdf-pane", "aria-label": "PDF preview", children: [
+function za({ pdfUrl: e, error: t, loading: n, template: r, data: o }) {
+  const [i, a] = $("pdf"), s = n ? "rendering" : e ? "ready" : "empty";
+  return /* @__PURE__ */ x("aside", { className: "pdf-pane", "aria-label": "Output", children: [
     /* @__PURE__ */ x("header", { className: "pdf-pane__header", children: [
-      /* @__PURE__ */ p("h2", { children: "PDF Preview" }),
-      /* @__PURE__ */ p("span", { className: "pdf-pane__status-pill", "data-status": i, children: i === "rendering" ? "Rendering…" : i === "ready" ? "Ready" : "Idle" })
+      /* @__PURE__ */ x("div", { className: "pdf-pane__tabs", role: "tablist", "aria-label": "Output view", children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            className: "pdf-pane__tab",
+            "aria-selected": i === "pdf",
+            "data-active": i === "pdf",
+            onClick: () => a("pdf"),
+            children: "PDF"
+          }
+        ),
+        /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            className: "pdf-pane__tab",
+            "aria-selected": i === "data",
+            "data-active": i === "data",
+            onClick: () => a("data"),
+            children: "Data"
+          }
+        ),
+        i === "data" ? /* @__PURE__ */ g(Ha, { template: r, data: o }) : null
+      ] }),
+      /* @__PURE__ */ g("span", { className: "pdf-pane__status-pill", "data-status": s, children: s === "rendering" ? "Rendering…" : s === "ready" ? "Ready" : "Idle" })
     ] }),
-    t ? /* @__PURE__ */ p("p", { className: "pdf-pane__error", children: t }) : null,
-    /* @__PURE__ */ p("div", { className: "pdf-pane__body", children: e ? /* @__PURE__ */ p("object", { data: e, type: "application/pdf", className: "pdf-pane__object", children: /* @__PURE__ */ p("a", { href: e, target: "_blank", rel: "noreferrer", download: "template-preview.pdf", children: "Open PDF" }) }) : /* @__PURE__ */ p("div", { className: "pdf-pane__empty", children: n ? "Rendering the latest template…" : "Render the template to preview the PDF here." }) }),
-    /* @__PURE__ */ x("footer", { className: "pdf-pane__footer", children: [
-      e ? /* @__PURE__ */ p(
-        "a",
-        {
-          href: e,
-          target: "_blank",
-          rel: "noreferrer",
-          download: "template-preview.pdf",
-          className: "builder-button builder-button--ghost",
-          children: "⤓ Download"
-        }
-      ) : /* @__PURE__ */ p("span", {}),
-      r ? /* @__PURE__ */ p(
-        "button",
-        {
-          type: "button",
-          className: "builder-button",
-          onClick: r,
-          disabled: o,
-          children: n ? "Rendering…" : e ? "Re-render" : "Render PDF"
-        }
-      ) : null
-    ] })
+    t ? /* @__PURE__ */ g("p", { className: "pdf-pane__error", children: t }) : null,
+    /* @__PURE__ */ g("div", { className: "pdf-pane__body", children: i === "pdf" ? /* @__PURE__ */ g(Ua, { pdfUrl: e, loading: n }) : /* @__PURE__ */ g(Wa, { template: r, data: o }) })
   ] });
 }
-const Ua = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNjAgNzIiPjx0ZXh0IHg9IjAiIHk9IjQyIiBmaWxsPSIjMTExODI3IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSI3MDAiPlBERiBVQSBLaXQ8L3RleHQ+PC9zdmc+";
-function Wa() {
+function Ua({ pdfUrl: e, loading: t }) {
+  return e ? /* @__PURE__ */ g("object", { data: e, type: "application/pdf", className: "pdf-pane__object" }) : /* @__PURE__ */ g("div", { className: "pdf-pane__empty", children: t ? "Rendering the latest template…" : "Render the template to preview the PDF here." });
+}
+function Wa({ template: e, data: t }) {
+  return /* @__PURE__ */ g("pre", { className: "pdf-pane__json", children: /* @__PURE__ */ g("code", { children: JSON.stringify({ template: e ?? null, data: t ?? {} }, null, 2) }) });
+}
+function Ha({ template: e, data: t }) {
+  const [n, r] = $(!1);
+  function o() {
+    const i = JSON.stringify({ template: e ?? null, data: t ?? {} }, null, 2);
+    navigator.clipboard.writeText(i).then(() => {
+      r(!0), setTimeout(() => r(!1), 1500);
+    });
+  }
+  return /* @__PURE__ */ g("button", { type: "button", className: "pdf-pane__copy", onClick: o, children: n ? "✓ Copied" : "⧉ Copy JSON" });
+}
+const Xa = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNjAgNzIiPjx0ZXh0IHg9IjAiIHk9IjQyIiBmaWxsPSIjMTExODI3IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSI3MDAiPlBERiBVQSBLaXQ8L3RleHQ+PC9zdmc+";
+function Va() {
   return { template: {
     version: 1,
     config: {
@@ -4365,7 +4384,7 @@ function Wa() {
           {
             type: "image",
             id: "logo",
-            src: Ua,
+            src: Xa,
             alt: "PDF UA Kit GmbH logo",
             config: { width: "58%", maxHeight: 28 }
           },
@@ -4582,13 +4601,13 @@ let Bn = 1;
 function jn(e) {
   const { rows: t = [], ...n } = e, r = n.config?.page?.footer?.rows ?? [];
   return {
-    template: ts(un(n)),
+    template: os(dn(n)),
     rows: t.map((i) => Un(i)),
     footerRows: r.map((i) => Un(i))
   };
 }
-function Gt(e) {
-  const t = un(e.template), n = ns(t, e.footerRows);
+function vt(e) {
+  const t = dn(e.template), n = is(t, e.footerRows);
   return e.rows.length === 0 ? n : {
     ...n,
     rows: e.rows.map((r) => ({
@@ -4599,20 +4618,20 @@ function Gt(e) {
 function Fn(e, t, n = "body") {
   return Ue(e, n, (r) => [
     ...r,
-    { uid: Ot("row"), blocks: [ln(t)] }
+    { uid: Mt("row"), blocks: [cn(t)] }
   ]);
 }
-function Ha(e, t, n, r) {
-  const o = Tt(e, t);
+function Ka(e, t, n, r) {
+  const o = Pt(e, t);
   return o ? Ue(
     e,
     o,
     (i) => i.map(
-      (a) => a.uid === t ? { ...a, blocks: cn(a.blocks, ln(n), r) } : a
+      (a) => a.uid === t ? { ...a, blocks: un(a.blocks, cn(n), r) } : a
     )
   ) : e;
 }
-function Xa(e, t) {
+function Ya(e, t) {
   return et(
     e,
     (n) => n.map((r) => ({
@@ -4621,52 +4640,52 @@ function Xa(e, t) {
     })).filter((r) => r.blocks.length > 0)
   );
 }
-function Va(e, t, n, r, o = "body") {
-  const i = rs(e, t);
+function qa(e, t, n, r, o = "body") {
+  const i = as(e, t);
   if (!i)
     return e;
   if (n === null) {
     const c = et(
       e,
-      (u) => u.map((d) => ({
-        ...d,
-        blocks: d.blocks.filter((f) => f.uid !== t)
-      })).filter((d) => d.blocks.length > 0)
+      (d) => d.map((u) => ({
+        ...u,
+        blocks: u.blocks.filter((f) => f.uid !== t)
+      })).filter((u) => u.blocks.length > 0)
     );
-    return Ue(c, o, (u) => [
-      ...u,
-      { uid: Ot("row"), blocks: [i] }
+    return Ue(c, o, (d) => [
+      ...d,
+      { uid: Mt("row"), blocks: [i] }
     ]);
   }
-  const a = Tt(e, n);
+  const a = Pt(e, n);
   if (!a)
     return e;
   const s = et(
     e,
-    (c) => c.map((u) => ({
-      ...u,
-      blocks: u.blocks.filter((d) => d.uid !== t)
+    (c) => c.map((d) => ({
+      ...d,
+      blocks: d.blocks.filter((u) => u.uid !== t)
     }))
   ), l = Ue(
     s,
     a,
     (c) => c.map(
-      (u) => u.uid === n ? { ...u, blocks: cn(u.blocks, i, r) } : u
+      (d) => d.uid === n ? { ...d, blocks: un(d.blocks, i, r) } : d
     )
   );
-  return et(l, (c) => c.filter((u) => u.blocks.length > 0));
+  return et(l, (c) => c.filter((d) => d.blocks.length > 0));
 }
-function Ka(e, t, n) {
-  const r = Tt(e, t);
+function Ga(e, t, n) {
+  const r = Pt(e, t);
   return r ? Ue(e, r, (o) => {
     const i = o.find((s) => s.uid === t);
     if (!i)
       return o;
     const a = o.filter((s) => s.uid !== t);
-    return cn(a, i, n);
+    return un(a, i, n);
   }) : e;
 }
-function Ya(e, t, n) {
+function Ja(e, t, n) {
   return et(
     e,
     (r) => r.map((o) => ({
@@ -4677,9 +4696,9 @@ function Ya(e, t, n) {
     }))
   );
 }
-function Ft(e) {
+function Ut(e) {
   const t = e.template.config?.page?.size;
-  return qa(t) ? { format: "A4", orientation: "portrait", custom: t } : {
+  return Za(t) ? { format: "A4", orientation: "portrait", custom: t } : {
     format: t?.format ?? "A4",
     orientation: t?.orientation ?? "portrait",
     custom: null
@@ -4692,11 +4711,11 @@ function zn(e, t, n) {
     template: { ...e.template, config: s }
   };
 }
-function qa(e) {
+function Za(e) {
   return typeof e == "object" && e !== null && "width" in e && "height" in e && typeof e.width == "number" && typeof e.height == "number";
 }
-function Ga(e, t, n) {
-  const r = Tt(e, t);
+function Qa(e, t, n) {
+  const r = Pt(e, t);
   return r ? Ue(
     e,
     r,
@@ -4705,26 +4724,26 @@ function Ga(e, t, n) {
         ...i,
         blocks: i.blocks.map((a, s) => ({
           ...a,
-          block: os(a.block, n[s])
+          block: ss(a.block, n[s])
         }))
       } : i
     )
   ) : e;
 }
-function Ja(e) {
+function es(e) {
   return e.template.config?.page?.footer?.repeat !== !1;
 }
-function Za(e, t) {
+function ts(e, t) {
   return zr(e, (n) => {
     const r = { ...n.footer, repeat: t };
     return { ...n, footer: r };
   });
 }
-function Qa(e) {
+function ns(e) {
   const t = e.template.config?.page?.pageNumbers;
   return t?.enabled !== !0 ? "disabled" : t.position ?? "center";
 }
-function es(e, t) {
+function rs(e, t) {
   return zr(e, (n) => {
     if (t === "disabled") {
       const o = { ...n.pageNumbers, enabled: !1 };
@@ -4737,7 +4756,7 @@ function zr(e, t) {
   const n = e.template.config ?? {}, r = n.page ?? {}, o = t(r), i = { ...n, page: o };
   return { ...e, template: { ...e.template, config: i } };
 }
-function Tt(e, t) {
+function Pt(e, t) {
   return e.rows.some((n) => n.uid === t) ? "body" : e.footerRows.some((n) => n.uid === t) ? "footer" : null;
 }
 function Ue(e, t, n) {
@@ -4750,7 +4769,7 @@ function et(e, t) {
     footerRows: t(e.footerRows)
   };
 }
-function ts(e) {
+function os(e) {
   const t = e.config?.page?.footer;
   if (!t)
     return e;
@@ -4760,7 +4779,7 @@ function ts(e) {
     config: { ...e.config, page: i }
   };
 }
-function ns(e, t) {
+function is(e, t) {
   const n = e.config?.page ?? {}, r = n.footer ?? {};
   if (!(t.length > 0 || r.repeat !== void 0))
     return e;
@@ -4774,20 +4793,20 @@ function ns(e, t) {
 }
 function Un(e) {
   return {
-    uid: Ot("row"),
-    blocks: e.blocks.map((t) => ln(t))
+    uid: Mt("row"),
+    blocks: e.blocks.map((t) => cn(t))
   };
 }
-function ln(e) {
+function cn(e) {
   return {
-    uid: Ot("block"),
+    uid: Mt("block"),
     block: ut(e)
   };
 }
-function rs(e, t) {
+function as(e, t) {
   return [...e.rows, ...e.footerRows].flatMap((r) => r.blocks).find((r) => r.uid === t);
 }
-function os(e, t) {
+function ss(e, t) {
   return {
     ...ut(e),
     config: {
@@ -4796,22 +4815,22 @@ function os(e, t) {
     }
   };
 }
-function cn(e, t, n) {
+function un(e, t, n) {
   const r = [...e], o = Math.max(0, Math.min(n, r.length));
   return r.splice(o, 0, t), r;
 }
 function ut(e) {
-  return un(e);
+  return dn(e);
 }
-function un(e) {
+function dn(e) {
   return structuredClone(e);
 }
-function Ot(e) {
+function Mt(e) {
   const t = `${e}-${Bn}`;
   return Bn += 1, t;
 }
-const is = Object.keys(Vt);
-function as({
+const ls = Object.keys(Yt);
+function cs({
   format: e,
   orientation: t,
   onChangeFormat: n,
@@ -4822,26 +4841,26 @@ function as({
   schemaLoading: s,
   onLoadExample: l,
   exampleDisabled: c,
-  onRender: u,
-  renderDisabled: d,
+  onRender: d,
+  renderDisabled: u,
   rendering: f
 }) {
   return /* @__PURE__ */ x("header", { className: "builder-topbar", "aria-label": "Template builder toolbar", children: [
     /* @__PURE__ */ x("div", { className: "builder-topbar__brand", children: [
-      /* @__PURE__ */ p("span", { className: "builder-topbar__brand-mark", "aria-hidden": "true", children: "◳" }),
-      /* @__PURE__ */ p("span", { children: "Template Builder" }),
-      /* @__PURE__ */ p("span", { className: "builder-topbar__brand-sub", children: "· pdf-ua" })
+      /* @__PURE__ */ g("span", { className: "builder-topbar__brand-mark", "aria-hidden": "true", children: "◳" }),
+      /* @__PURE__ */ g("span", { children: "Template Builder" }),
+      /* @__PURE__ */ g("span", { className: "builder-topbar__brand-sub", children: "· pdf-ua" })
     ] }),
-    /* @__PURE__ */ p("div", { className: "builder-topbar__spacer" }),
+    /* @__PURE__ */ g("div", { className: "builder-topbar__spacer" }),
     /* @__PURE__ */ x("div", { className: "builder-topbar__group", children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "select",
         {
           className: "builder-select",
           value: e,
-          onChange: (g) => n(g.currentTarget.value),
+          onChange: (p) => n(p.currentTarget.value),
           "aria-label": "Page format",
-          children: is.map((g) => /* @__PURE__ */ p("option", { value: g, children: g }, g))
+          children: ls.map((p) => /* @__PURE__ */ g("option", { value: p, children: p }, p))
         }
       ),
       /* @__PURE__ */ x(
@@ -4849,17 +4868,17 @@ function as({
         {
           className: "builder-select",
           value: t,
-          onChange: (g) => r(g.currentTarget.value),
+          onChange: (p) => r(p.currentTarget.value),
           "aria-label": "Orientation",
           children: [
-            /* @__PURE__ */ p("option", { value: "portrait", children: "Portrait" }),
-            /* @__PURE__ */ p("option", { value: "landscape", children: "Landscape" })
+            /* @__PURE__ */ g("option", { value: "portrait", children: "Portrait" }),
+            /* @__PURE__ */ g("option", { value: "landscape", children: "Landscape" })
           ]
         }
       )
     ] }),
     /* @__PURE__ */ x("div", { className: "builder-topbar__group", children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -4869,18 +4888,18 @@ function as({
           children: "Load example"
         }
       ),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
           className: "builder-button builder-button--primary",
-          onClick: u,
-          disabled: d,
+          onClick: d,
+          disabled: u,
           children: f ? "Rendering…" : "Render PDF"
         }
       ),
-      /* @__PURE__ */ p(
-        ss,
+      /* @__PURE__ */ g(
+        us,
         {
           apiUrl: o,
           onApiUrlChange: i,
@@ -4891,14 +4910,14 @@ function as({
     ] })
   ] });
 }
-function ss({
+function us({
   apiUrl: e,
   onApiUrlChange: t,
   onLoadSchema: n,
   schemaLoading: r
 }) {
-  const [o, i] = j(!1), a = I(null);
-  return P(() => {
+  const [o, i] = $(!1), a = I(null);
+  return O(() => {
     if (!o)
       return;
     function s(c) {
@@ -4911,7 +4930,7 @@ function ss({
       window.removeEventListener("mousedown", s), window.removeEventListener("keydown", l);
     };
   }, [o]), /* @__PURE__ */ x("div", { className: "builder-topbar__settings", ref: a, children: [
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ g(
       "button",
       {
         type: "button",
@@ -4925,7 +4944,7 @@ function ss({
     o ? /* @__PURE__ */ x("div", { className: "builder-topbar__settings-panel", role: "dialog", "aria-label": "Settings", children: [
       /* @__PURE__ */ x("label", { children: [
         "API URL",
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           "input",
           {
             className: "builder-input",
@@ -4934,7 +4953,7 @@ function ss({
           }
         )
       ] }),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -4947,10 +4966,10 @@ function ss({
     ] }) : null
   ] });
 }
-const ls = {
+const ds = {
   version: 1
 };
-function ms({
+function xs({
   apiUrl: e,
   initialTemplate: t,
   initialData: n,
@@ -4958,163 +4977,163 @@ function ms({
   onRendered: o,
   className: i
 } = {}) {
-  const a = qi(e), [s, l] = j(a), [c, u] = j(null), [d, f] = j(
-    () => jn(t ?? ls)
-  ), [g, R] = j(n ?? {}), [h, b] = j(null), [D, m] = j(!1), [y, C] = j(!1), [E, N] = j(null), [S, k] = j(null), B = I(a), M = I(!1), w = I(0), X = I(0), G = I(null), ee = I(r), ye = I(o), Ie = I(!0);
-  P(() => {
+  const a = qi(e), [s, l] = $(a), [c, d] = $(null), [u, f] = $(
+    () => jn(t ?? ds)
+  ), [p, R] = $(n ?? {}), [h, b] = $(null), [D, m] = $(!1), [y, k] = $(!1), [E, N] = $(null), [S, C] = $(null), j = I(a), P = I(!1), w = I(0), X = I(0), q = I(null), ee = I(r), ye = I(o), Ee = I(!0);
+  O(() => {
     ee.current = r, ye.current = o;
-  }, [r, o]), P(() => {
-    if (Ie.current) {
-      Ie.current = !1;
+  }, [r, o]), O(() => {
+    if (Ee.current) {
+      Ee.current = !1;
       return;
     }
-    ee.current?.(Gt(d), g);
-  }, [d, g]);
-  const F = c, Me = $(
+    ee.current?.(vt(u), p);
+  }, [u, p]);
+  const F = c, Me = B(
     () => F ? Ia(F) : [],
     [F]
-  ), Z = Ft(d), Te = Ja(d), Le = Qa(d), K = mo(
-    vn(nn, {
+  ), J = Ut(u), Ie = es(u), Le = ns(u), K = B(() => vt(u), [u]), le = mo(
+    vn(rn, {
       activationConstraint: { distance: 4 }
     }),
-    vn(en, {
+    vn(tn, {
       coordinateGetter: Ki
     })
   );
-  P(() => (M.current = !0, () => {
-    M.current = !1, zt(G.current), G.current = null;
+  O(() => (P.current = !0, () => {
+    P.current = !1, Wt(q.current), q.current = null;
   }), []);
-  const te = _(async (A) => {
+  const ce = L(async (A) => {
     const v = w.current + 1;
     w.current = v, m(!0), N(null);
     try {
-      const O = await Gi(A);
-      M.current && v === w.current && u(O);
-    } catch (O) {
-      M.current && v === w.current && N(Wn(O));
+      const _ = await Gi(A);
+      P.current && v === w.current && d(_);
+    } catch (_) {
+      P.current && v === w.current && N(Wn(_));
     } finally {
-      M.current && v === w.current && m(!1);
+      P.current && v === w.current && m(!1);
     }
   }, []);
-  P(() => {
-    te(B.current);
-  }, [te]);
-  const be = _(() => {
-    const A = Wa();
+  O(() => {
+    ce(j.current);
+  }, [ce]);
+  const Te = L(() => {
+    const A = Va();
     f(jn(A.template)), R(A.data);
-  }, []), we = _(async () => {
+  }, []), Z = L(async () => {
     const A = X.current + 1;
-    X.current = A, C(!0), N(null);
+    X.current = A, k(!0), N(null);
     try {
       const v = await Ji(s, {
-        template: Gt(d),
-        data: g,
+        template: vt(u),
+        data: p,
         options: {
           title: "Template Preview"
         }
-      }), O = URL.createObjectURL(v);
-      if (!M.current || A !== X.current) {
-        zt(O);
+      }), _ = URL.createObjectURL(v);
+      if (!P.current || A !== X.current) {
+        Wt(_);
         return;
       }
-      b((U) => (zt(U), G.current = O, O)), ye.current?.(v);
+      b((U) => (Wt(U), q.current = _, _)), ye.current?.(v);
     } catch (v) {
-      M.current && A === X.current && N(Wn(v));
+      P.current && A === X.current && N(Wn(v));
     } finally {
-      M.current && A === X.current && C(!1);
+      P.current && A === X.current && k(!1);
     }
-  }, [s, g, d]), Q = _((A, v) => {
-    f((O) => Ya(O, A, v));
-  }, []), _e = _((A) => {
-    f((v) => Xa(v, A));
-  }, []), ge = _((A, v) => {
-    f((O) => Ga(O, A, v));
-  }, []), ce = _(
+  }, [s, p, u]), _e = L((A, v) => {
+    f((_) => Ja(_, A, v));
+  }, []), ge = L((A) => {
+    f((v) => Ya(v, A));
+  }, []), ue = L((A, v) => {
+    f((_) => Qa(_, A, v));
+  }, []), M = L(
     (A) => {
       F && f((v) => {
-        const O = _n(
+        const _ = _n(
           F,
           A,
           Xn(v, A)
         );
-        return Fn(v, O);
+        return Fn(v, _);
       });
     },
     [F]
-  ), L = _((A) => {
+  ), Oe = L((A) => {
     f((v) => {
-      const O = Ft(v);
-      return zn(v, A, O.orientation);
+      const _ = Ut(v);
+      return zn(v, A, _.orientation);
     });
-  }, []), Oe = _((A) => {
+  }, []), oe = L((A) => {
     f((v) => {
-      const O = Ft(v);
-      return zn(v, O.format, A);
+      const _ = Ut(v);
+      return zn(v, _.format, A);
     });
-  }, []), ie = _((A) => {
-    f((v) => Za(v, A));
-  }, []), xe = _((A) => {
-    f((v) => es(v, A));
-  }, []), ue = _((A) => {
-    const v = Ut(A.active.data.current);
+  }, []), we = L((A) => {
+    f((v) => ts(v, A));
+  }, []), de = L((A) => {
+    f((v) => rs(v, A));
+  }, []), xe = L((A) => {
+    const v = Ht(A.active.data.current);
     if (v.source === "palette" && v.type) {
-      k({ kind: "palette", type: v.type });
+      C({ kind: "palette", type: v.type });
       return;
     }
     if (v.type === "row") {
-      k({ kind: "row" });
+      C({ kind: "row" });
       return;
     }
-    v.type === "block" && v.blockUid && f((O) => {
-      const U = gs(O, v.blockUid ?? "");
-      return k(U ? { kind: "block", block: U.block } : null), O;
+    v.type === "block" && v.blockUid && f((_) => {
+      const U = bs(_, v.blockUid ?? "");
+      return C(U ? { kind: "block", block: U.block } : null), _;
     });
-  }, []), Re = _(
+  }, []), Re = L(
     (A) => {
-      if (k(null), !A.over)
+      if (C(null), !A.over)
         return;
-      const v = Ut(A.active.data.current), O = Ut(A.over.data.current);
+      const v = Ht(A.active.data.current), _ = Ht(A.over.data.current);
       if (v.source === "palette" && v.type && F) {
         f((U) => {
-          const Y = Hn(U, A.over?.id, O), Ve = _n(
+          const Q = Hn(U, A.over?.id, _), Ve = _n(
             F,
             v.type ?? "",
             Xn(U, v.type ?? "")
           );
-          return Y.rowUid === null ? Fn(U, Ve, Y.area) : Ha(U, Y.rowUid, Ve, Y.index);
+          return Q.rowUid === null ? Fn(U, Ve, Q.area) : Ka(U, Q.rowUid, Ve, Q.index);
         });
         return;
       }
       if (v.type === "row" && v.rowUid) {
         f((U) => {
-          const Y = us(U, A.over?.id, O);
-          return Y === null ? U : Ka(U, v.rowUid ?? "", Y);
+          const Q = ps(U, A.over?.id, _);
+          return Q === null ? U : Ga(U, v.rowUid ?? "", Q);
         });
         return;
       }
       v.type === "block" && v.blockUid && f((U) => {
-        const Y = Hn(U, A.over?.id, O);
-        return Va(
+        const Q = Hn(U, A.over?.id, _);
+        return qa(
           U,
           v.blockUid ?? "",
-          Y.rowUid,
-          Y.index,
-          Y.area
+          Q.rowUid,
+          Q.index,
+          Q.area
         );
       });
     },
     [F]
-  ), De = _(() => {
-    k(null);
-  }, []), dt = i ? `template-builder-page ${i}` : "template-builder-page";
-  return /* @__PURE__ */ p("main", { className: dt, children: /* @__PURE__ */ x(
+  ), dt = L(() => {
+    C(null);
+  }, []), ft = i ? `template-builder-page ${i}` : "template-builder-page";
+  return /* @__PURE__ */ g("main", { className: ft, children: /* @__PURE__ */ x(
     bi,
     {
-      sensors: K,
+      sensors: le,
       collisionDetection: xo,
-      onDragStart: ue,
+      onDragStart: xe,
       onDragEnd: Re,
-      onDragCancel: De,
+      onDragCancel: dt,
       children: [
         /* @__PURE__ */ x(
           "section",
@@ -5122,108 +5141,106 @@ function ms({
             className: "template-builder-page__authoring",
             "aria-label": "Template authoring",
             children: [
-              /* @__PURE__ */ p(
-                as,
+              /* @__PURE__ */ g(
+                cs,
                 {
-                  format: Z.format,
-                  orientation: Z.orientation,
-                  onChangeFormat: L,
-                  onChangeOrientation: Oe,
+                  format: J.format,
+                  orientation: J.orientation,
+                  onChangeFormat: Oe,
+                  onChangeOrientation: oe,
                   apiUrl: s,
                   onApiUrlChange: l,
                   onLoadSchema: () => {
-                    te(s);
+                    ce(s);
                   },
                   schemaLoading: D,
-                  onLoadExample: be,
+                  onLoadExample: Te,
                   exampleDisabled: !c,
                   onRender: () => {
-                    we();
+                    Z();
                   },
                   renderDisabled: !c || y,
                   rendering: y
                 }
               ),
-              /* @__PURE__ */ p("aside", { className: "builder-palette", "aria-label": "Block palette", children: /* @__PURE__ */ x("div", { children: [
-                /* @__PURE__ */ p("h2", { className: "builder-palette__section-title", children: "Blocks" }),
-                /* @__PURE__ */ p(ea, { blockTypes: Me, onAdd: ce })
+              /* @__PURE__ */ g("aside", { className: "builder-palette", "aria-label": "Block palette", children: /* @__PURE__ */ x("div", { children: [
+                /* @__PURE__ */ g("h2", { className: "builder-palette__section-title", children: "Blocks" }),
+                /* @__PURE__ */ g(ea, { blockTypes: Me, onAdd: M })
               ] }) }),
-              c ? /* @__PURE__ */ p(
+              c ? /* @__PURE__ */ g(
                 Ba,
                 {
                   schema: c,
-                  model: d,
-                  format: Z.format,
-                  orientation: Z.orientation,
-                  footerRepeat: Te,
+                  model: u,
+                  format: J.format,
+                  orientation: J.orientation,
+                  footerRepeat: Ie,
                   pageNumbers: Le,
-                  onChangeBlock: Q,
-                  onRemoveBlock: _e,
-                  onSetRowWidths: ge,
-                  onToggleFooterRepeat: ie,
-                  onChangePageNumbers: xe
+                  onChangeBlock: _e,
+                  onRemoveBlock: ge,
+                  onSetRowWidths: ue,
+                  onToggleFooterRepeat: we,
+                  onChangePageNumbers: de
                 }
-              ) : /* @__PURE__ */ p("div", { className: "builder-canvas", children: /* @__PURE__ */ p("div", { className: "builder-canvas__empty", children: D ? "Loading schema…" : "Load the schema to start building." }) })
+              ) : /* @__PURE__ */ g("div", { className: "builder-canvas", children: /* @__PURE__ */ g("div", { className: "builder-canvas__empty", children: D ? "Loading schema…" : "Load the schema to start building." }) })
             ]
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ g(
           za,
           {
             pdfUrl: h,
             error: E,
             loading: y,
-            onRender: () => {
-              we();
-            },
-            renderDisabled: !c || y
+            template: K,
+            data: p
           }
         ),
-        /* @__PURE__ */ p(Pi, { dropAnimation: null, children: S ? /* @__PURE__ */ p(cs, { drag: S }) : null })
+        /* @__PURE__ */ g(Pi, { dropAnimation: null, children: S ? /* @__PURE__ */ g(fs, { drag: S }) : null })
       ]
     }
   ) });
 }
-function cs({ drag: e }) {
-  return e.kind === "palette" ? /* @__PURE__ */ p(Tn, { type: e.type, prefix: "+ " }) : e.kind === "block" ? /* @__PURE__ */ p(
+function fs({ drag: e }) {
+  return e.kind === "palette" ? /* @__PURE__ */ g(Tn, { type: e.type, prefix: "+ " }) : e.kind === "block" ? /* @__PURE__ */ g(
     Tn,
     {
       type: e.block.type,
       summary: Sr(e.block)
     }
-  ) : /* @__PURE__ */ p("div", { className: "builder-drag-overlay", children: /* @__PURE__ */ x("div", { className: "builder-drag-overlay__card", children: [
-    /* @__PURE__ */ p("span", { className: "builder-chip", "aria-hidden": "true", children: "⋮⋮" }),
-    /* @__PURE__ */ p("span", { style: { fontWeight: 500 }, children: "Row" })
+  ) : /* @__PURE__ */ g("div", { className: "builder-drag-overlay", children: /* @__PURE__ */ x("div", { className: "builder-drag-overlay__card", children: [
+    /* @__PURE__ */ g("span", { className: "builder-chip", "aria-hidden": "true", children: "⋮⋮" }),
+    /* @__PURE__ */ g("span", { style: { fontWeight: 500 }, children: "Row" })
   ] }) });
 }
-function zt(e) {
+function Wt(e) {
   e && URL.revokeObjectURL(e);
 }
 function Wn(e) {
   return e instanceof Error ? e.message : String(e);
 }
-function Ut(e) {
-  return ps(e) ? e : {};
+function Ht(e) {
+  return vs(e) ? e : {};
 }
 function Hn(e, t, n) {
   return t === "new-row" ? { rowUid: null, index: 0, area: "body" } : t === "new-footer-row" ? { rowUid: null, index: 0, area: "footer" } : n.type === "block" && n.rowUid && n.blockUid ? {
     rowUid: n.rowUid,
-    index: ds(e, n.blockUid),
+    index: gs(e, n.blockUid),
     area: n.area ?? "body"
   } : n.type === "row" && n.rowUid ? {
     rowUid: n.rowUid,
-    index: fs(e, n.rowUid),
+    index: hs(e, n.rowUid),
     area: n.area ?? "body"
   } : { rowUid: null, index: 0, area: "body" };
 }
-function us(e, t, n) {
+function ps(e, t, n) {
   const r = (n.type === "row" || n.type === "block") && n.rowUid ? n.rowUid : String(t), o = e.rows.findIndex((a) => a.uid === r);
   if (o !== -1)
     return o;
   const i = e.footerRows.findIndex((a) => a.uid === r);
   return i === -1 ? null : i;
 }
-function ds(e, t) {
+function gs(e, t) {
   for (const n of [...e.rows, ...e.footerRows]) {
     const r = n.blocks.findIndex((o) => o.uid === t);
     if (r !== -1)
@@ -5231,15 +5248,15 @@ function ds(e, t) {
   }
   return 0;
 }
-function fs(e, t) {
+function hs(e, t) {
   return (e.rows.find((r) => r.uid === t) ?? e.footerRows.find((r) => r.uid === t))?.blocks.length ?? 0;
 }
-function gs(e, t) {
+function bs(e, t) {
   return [...e.rows, ...e.footerRows].flatMap((n) => n.blocks).find((n) => n.uid === t);
 }
 function Xn(e, t) {
   const n = new Set(
-    Gt(e).rows?.flatMap(
+    vt(e).rows?.flatMap(
       (o) => o.blocks.map((i) => i.id).filter((i) => typeof i == "string" && i.length > 0)
     ) ?? []
   );
@@ -5248,25 +5265,25 @@ function Xn(e, t) {
     r += 1;
   return `${t}-${r}`;
 }
-function ps(e) {
+function vs(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
 export {
-  Vt as PAGE_SIZES_MM,
-  ms as TemplateBuilder,
+  Yt as PAGE_SIZES_MM,
+  xs as TemplateBuilder,
   jn as createEditorModel,
-  Wa as createInvoiceExample,
+  Va as createInvoiceExample,
   Gi as fetchTemplateSchema,
-  Ja as getFooterRepeat,
-  Qa as getPageNumbers,
-  Ft as getPageSize,
+  es as getFooterRepeat,
+  ns as getPageNumbers,
+  Ut as getPageSize,
   da as mmToPx,
   fa as pageSizeForFormat,
   Ji as renderTemplatePdf,
   qi as resolveDefaultApiUrl,
-  Gt as serializeTemplate,
-  Za as setFooterRepeat,
-  es as setPageNumbers,
+  vt as serializeTemplate,
+  ts as setFooterRepeat,
+  rs as setPageNumbers,
   zn as setPageSize
 };
 //# sourceMappingURL=index.js.map