@factorialco/f0-react 1.372.1 → 1.373.1

package/dist/f0.js

@@ -1,12 +1,12 @@
-import { a6 as se, a7 as Vt, aa as Ys, ab as bi, ac as xi, ad as ml, ae as pl, af as Ks, ag as yt, u as zr, ah as Dn, ai as gl, aj as vl, ak as yl, al as bl, am as it, an as at, ao as xl, ap as wl, aq as Xs, ar as _l, as as en, at as Js, au as Qs, av as ea, aw as ta, ax as ra, ay as na, az as Cl, aA as El, aB as kl, aC as Sl, aD as Dl, a8 as ut, aE as Zi, aF as Rl, aG as Nl, aH as Al, aI as ia, aJ as Tl, aK as Ol, aL as Ml, aM as sa, aN as Il, aO as rr, aP as Ll, aQ as Pl, aR as zl, aS as Fl, aT as Bl, aU as Hl, aV as Vl, aW as jl, aX as aa, aY as $l, aZ as Wl, a_ as Gl, a$ as Ul, b0 as Zl, b1 as oa, b2 as ql, b3 as Yl, b4 as Kl, b5 as Xl, b6 as Jl, b7 as Ql, I as ec, b8 as tc, b9 as rc, ba as nc, bb as ic } from "./F0AiChat-CDAHnaiX.js";
-import { A as Dg, br as Rg, B as Ng, C as Ag, E as Tg, bG as Og, h as Mg, F as Ig, a as Lg, x as Pg, i as zg, b as Fg, bc as Bg, bd as Hg, be as Vg, bf as jg, bh as $g, bi as Wg, bj as Gg, bk as Ug, bl as Zg, bm as qg, bn as Yg, bC as Kg, s as Xg, t as Jg, v as Qg, bq as ev, w as tv, c as rv, bs as nv, n as iv, o as sv, p as av, H as ov, k as lv, L as cv, O as dv, bp as uv, q as hv, P as fv, S as mv, T as pv, l as gv, m as vv, U as yv, bD as bv, bx as xv, r as wv, j as _v, bA as Cv, bw as Ev, bH as kv, bv as Sv, bu as Dv, bg as Rv, d as Nv, bt as Av, by as Tv, e as Ov, bI as Mv, bo as Iv, bz as Lv, g as Pv, f as zv, bF as Fv, bB as Bv, bE as Hv } from "./F0AiChat-CDAHnaiX.js";
+import { a6 as se, a7 as Vt, aa as Ks, ab as bi, ac as xi, ad as ml, ae as pl, af as Ys, ag as yt, u as zr, ah as Dn, ai as gl, aj as vl, ak as yl, al as bl, am as it, an as at, ao as xl, ap as wl, aq as Xs, ar as _l, as as en, at as Js, au as Qs, av as ea, aw as ta, ax as ra, ay as na, az as Cl, aA as El, aB as kl, aC as Sl, aD as Dl, a8 as ut, aE as Zi, aF as Rl, aG as Nl, aH as Al, aI as ia, aJ as Tl, aK as Ol, aL as Ml, aM as sa, aN as Il, aO as rr, aP as Ll, aQ as Pl, aR as zl, aS as Fl, aT as Bl, aU as aa, aV as Hl, aW as Vl, aX as jl, aY as $l, aZ as Wl, a_ as oa, a$ as Gl, b0 as Ul, b1 as Zl, b2 as ql, b3 as Kl, b4 as Yl, I as Xl, b5 as Jl, b6 as Ql, b7 as ec, b8 as tc } from "./F0AiChat-DWu8SXTd.js";
+import { A as Dg, bo as Rg, B as Ng, C as Ag, E as Tg, bD as Og, h as Mg, F as Ig, a as Lg, x as Pg, i as zg, b as Fg, b9 as Bg, ba as Hg, bb as Vg, bc as jg, be as $g, bf as Wg, bg as Gg, bh as Ug, bi as Zg, bj as qg, bk as Kg, bz as Yg, s as Xg, t as Jg, v as Qg, bn as ev, w as tv, c as rv, bp as nv, n as iv, o as sv, p as av, H as ov, k as lv, L as cv, O as dv, bm as uv, q as hv, P as fv, S as mv, T as pv, l as gv, m as vv, U as yv, bA as bv, bu as xv, r as wv, j as _v, bx as Cv, bt as Ev, bE as kv, bs as Sv, br as Dv, bd as Rv, d as Nv, bq as Av, bv as Tv, e as Ov, bF as Mv, bl as Iv, bw as Lv, g as Pv, f as zv, bC as Fv, by as Bv, bB as Hv } from "./F0AiChat-DWu8SXTd.js";
 import { jsx as f, jsxs as V, Fragment as Fr } from "react/jsx-runtime";
 import * as st from "react";
-import B, { forwardRef as We, useRef as Y, useImperativeHandle as sc, Children as tn, createContext as Ct, useContext as ht, useState as re, useMemo as q, useEffect as J, useCallback as de, useLayoutEffect as ni, createElement as qi, isValidElement as la, Fragment as ac, memo as oc, useReducer as lc, cloneElement as cc, PureComponent as dc } from "react";
-import { createPortal as ca, unstable_batchedUpdates as Zr, flushSync as uc } from "react-dom";
-import { L as da, C as hc, i as ua, D as fc, S as Yi, a as mc, f as $n, b as gr, c as pc, A as gc, d as qr, e as ha, E as vc, g as Xr, h as yc, j as bc, k as xc, l as Qt, m as fa, u as wc, G as _c, n as Cc, o as Ki, p as Ec, q as ma, r as kc, B as pa, X as ga, Y as ii, s as Sc, t as va, v as Dc, w as Rc, x as Nc, y as Ac, z as Tc, F as Oc, H as Mc, I as Ic, J as Xi, K as Lc, M as xr, N as Wn, O as Pc, P as zc, Q as Fc, R as Bc, T as Hc, U as Vc, V as jc, W as $c, Z as Wc, _ as Gc, $ as Uc, a0 as Ji, a1 as Zc, a2 as qc, a3 as Qi, a4 as ya, a5 as Yc, a6 as Kc, a7 as Xc, a8 as Jc, a9 as Qc, aa as ba, ab as ed, ac as xa, ad as wa, ae as td, af as rd, ag as nd, ah as id } from "./DataCollectionStorageProvider-P3r2oy3e.js";
-import { ay as jv, ai as $v, aj as Wv, am as Gv, aq as Uv, ar as Zv, at as qv, au as Yv, av as Kv, aw as Xv, ap as Jv, as as Qv, ak as ey, al as ty, ax as ry, an as ny, ao as iy, az as sy, aA as ay, aB as oy, aC as ly } from "./DataCollectionStorageProvider-P3r2oy3e.js";
-import { A as dy, F as uy, c as hy, b as fy, a as my, o as py, u as gy } from "./F0HILActionConfirmation-DK9urnzZ.js";
+import B, { forwardRef as We, useRef as K, useImperativeHandle as rc, Children as tn, createContext as Ct, useContext as ht, useState as re, useMemo as q, useEffect as J, useCallback as de, useLayoutEffect as ni, createElement as qi, isValidElement as la, Fragment as nc, memo as ic, useReducer as sc, cloneElement as ac, PureComponent as oc } from "react";
+import { createPortal as ca, unstable_batchedUpdates as Zr, flushSync as lc } from "react-dom";
+import { L as da, C as cc, i as ua, D as dc, S as Ki, a as uc, f as $n, b as gr, c as hc, A as fc, d as qr, e as ha, E as mc, g as Xr, h as pc, j as gc, k as vc, l as Qt, m as fa, u as yc, G as bc, n as xc, o as Yi, p as wc, q as ma, r as _c, B as pa, X as ga, Y as ii, s as Cc, t as va, v as Ec, w as kc, x as Sc, y as Dc, z as Rc, F as Nc, H as Ac, I as Tc, J as Xi, K as Oc, M as xr, N as Wn, O as Mc, P as Ic, Q as Lc, R as Pc, T as zc, U as Fc, V as Bc, W as Hc, Z as Vc, _ as jc, $ as $c, a0 as Ji, a1 as Wc, a2 as Gc, a3 as Qi, a4 as ya, a5 as Uc, a6 as Zc, a7 as qc, a8 as Kc, a9 as Yc, aa as ba, ab as Xc, ac as Jc, ad as Qc, ae as ed, af as xa, ag as wa, ah as td, ai as rd, aj as nd, ak as id } from "./DataCollectionStorageProvider-D2PRihOZ.js";
+import { aB as jv, al as $v, am as Wv, ap as Gv, at as Uv, au as Zv, aw as qv, ax as Kv, ay as Yv, az as Xv, as as Jv, av as Qv, an as ey, ao as ty, aA as ry, aq as ny, ar as iy, aC as sy, aD as ay, aE as oy, aF as ly } from "./DataCollectionStorageProvider-D2PRihOZ.js";
+import { A as dy, F as uy, c as hy, b as fy, a as my, o as py, u as gy } from "./F0HILActionConfirmation-R9BQPyrf.js";
 import { defaultTranslations as yy } from "./i18n-provider-defaults.js";
 import './f0.css';const sd = {
   xs: 1,
@@ -14,8 +14,8 @@ import './f0.css';const sd = {
   md: 2,
   lg: 2
 }, ad = We(function({ widgets: e, children: t }, n) {
-  const i = Y(null);
-  sc(n, () => i.current);
+  const i = K(null);
+  rc(n, () => i.current);
   const s = tn.toArray(e).filter((a) => !!a).map((a, o) => f("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: a
@@ -27,7 +27,7 @@ import './f0.css';const sd = {
       className: "@container",
       children: [V("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [f(hc, {
+        children: [f(cc, {
           columns: sd,
           showArrows: !1,
           children: s
@@ -134,103 +134,103 @@ function hd(r) {
   }), e.innerHTML;
 }
 function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i }) {
-  const [s, a] = re(null), o = Y(null), l = Y(!1), c = q(() => ({
+  const [s, a] = re(null), o = K(null), l = K(!1), c = q(() => ({
     ...e,
     children: (i || []).map((S) => er(S))
   }), [e, i]), [d, u] = re(() => {
-    const S = /* @__PURE__ */ new Map(), I = i || [], x = (E) => {
-      E.id && E.content && S.set(E.id, E.content), E.subGridOpts?.children && E.subGridOpts.children.forEach((C) => {
-        x(C);
+    const S = /* @__PURE__ */ new Map(), I = i || [], y = (C) => {
+      C.id && C.content && S.set(C.id, C.content), C.subGridOpts?.children && C.subGridOpts.children.forEach((_) => {
+        y(_);
       });
     };
-    return I.forEach((E) => {
-      x(E);
+    return I.forEach((C) => {
+      y(C);
     }), S;
-  }), h = Y(d);
+  }), h = K(d);
   J(() => {
     h.current = d;
   }, [d]);
   const [p, g] = re(() => {
-    const S = /* @__PURE__ */ new Map(), I = i || [], x = (E) => {
-      E.id && E._originalContent !== void 0 && S.set(E.id, E._originalContent), E.subGridOpts?.children && E.subGridOpts.children.forEach((C) => {
-        x(C);
+    const S = /* @__PURE__ */ new Map(), I = i || [], y = (C) => {
+      C.id && C._originalContent !== void 0 && S.set(C.id, C._originalContent), C.subGridOpts?.children && C.subGridOpts.children.forEach((_) => {
+        y(_);
       });
     };
-    return I.forEach((E) => {
-      x(E);
+    return I.forEach((C) => {
+      y(C);
     }), S;
-  }), b = Y(p);
+  }), x = K(p);
   J(() => {
-    b.current = p;
+    x.current = p;
   }, [p]);
-  const [_, O] = re(() => {
-    const S = /* @__PURE__ */ new Map(), I = i || [], x = (E) => {
-      if (E.id) {
-        const C = er(E);
-        S.set(E.id, C);
+  const [k, T] = re(() => {
+    const S = /* @__PURE__ */ new Map(), I = i || [], y = (C) => {
+      if (C.id) {
+        const _ = er(C);
+        S.set(C.id, _);
       }
-      E.subGridOpts?.children && E.subGridOpts.children.forEach((C) => {
-        x(C);
+      C.subGridOpts?.children && C.subGridOpts.children.forEach((_) => {
+        y(_);
       });
     };
-    return I.forEach((E) => {
-      x(E);
+    return I.forEach((C) => {
+      y(C);
     }), S;
   });
-  Ys(() => {
+  Ks(() => {
     if (!s) return;
     const S = s.save();
     if (!Array.isArray(S))
       return;
-    const I = S.map((z) => z.id), x = i || [], E = x.map((z) => z.id), C = x.filter((z) => !I.includes(z.id));
-    C.length > 0 && (C.forEach((z) => {
-      z.content && h.current.set(z.id, z.content), z._originalContent !== void 0 && b.current.set(z.id, z._originalContent);
-    }), C.forEach((z) => {
+    const I = S.map((z) => z.id), y = i || [], C = y.map((z) => z.id), _ = y.filter((z) => !I.includes(z.id));
+    _.length > 0 && (_.forEach((z) => {
+      z.content && h.current.set(z.id, z.content), z._originalContent !== void 0 && x.current.set(z.id, z._originalContent);
+    }), _.forEach((z) => {
       const R = er(z);
       s.addWidget(R);
-    }), O((z) => {
+    }), T((z) => {
       const R = new Map(z);
-      return C.forEach((k) => {
-        const A = er(k);
-        R.set(k.id, A);
+      return _.forEach((E) => {
+        const A = er(E);
+        R.set(E.id, A);
       }), R;
     }), u((z) => {
       const R = new Map(z);
-      return C.forEach((k) => {
-        k.content && R.set(k.id, k.content);
+      return _.forEach((E) => {
+        E.content && R.set(E.id, E.content);
       }), R;
     }), g((z) => {
       const R = new Map(z);
-      return C.forEach((k) => {
-        k._originalContent !== void 0 && R.set(k.id, k._originalContent);
+      return _.forEach((E) => {
+        E._originalContent !== void 0 && R.set(E.id, E._originalContent);
       }), R;
     }));
-    const N = S.filter((z) => !E.includes(z.id));
+    const N = S.filter((z) => !C.includes(z.id));
     if (N.length > 0) {
       const z = N.map((R) => R.id).filter(Boolean);
       z.forEach((R) => {
         setTimeout(() => {
-          h.current.delete(R), b.current.delete(R);
+          h.current.delete(R), x.current.delete(R);
         }, Ot);
       }), N.forEach((R) => {
-        const k = s.el.querySelector(`[gs-id="${R.id}"]`);
-        k && setTimeout(() => {
-          s.removeWidget(k, !0);
+        const E = s.el.querySelector(`[gs-id="${R.id}"]`);
+        E && setTimeout(() => {
+          s.removeWidget(E, !0);
         }, Ot);
-      }), O((R) => {
-        const k = new Map(R);
+      }), T((R) => {
+        const E = new Map(R);
         return z.forEach((A) => {
           setTimeout(() => {
-            k.delete(A);
+            E.delete(A);
           }, Ot);
-        }), k;
+        }), E;
       }), u((R) => {
-        const k = new Map(R);
+        const E = new Map(R);
         return z.forEach((A) => {
-          if (k.get(A)) {
+          if (E.get(A)) {
             const ie = s.el.querySelector(`[gs-id="${A}"] .grid-stack-item-content`);
             let ce = "";
-            ie && (ce = hd(ie)), k.set(A, f(bi.div, {
+            ie && (ce = hd(ie)), E.set(A, f(bi.div, {
               className: "h-full w-full",
               initial: {
                 opacity: 1,
@@ -267,26 +267,26 @@ function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i
             }));
           }
           setTimeout(() => {
-            k.delete(A);
+            E.delete(A);
           }, Ot);
-        }), k;
+        }), E;
       }), g((R) => {
-        const k = new Map(R);
+        const E = new Map(R);
         return z.forEach((A) => {
           setTimeout(() => {
-            k.delete(A);
+            E.delete(A);
           }, Ot);
-        }), k;
+        }), E;
       });
     }
-    const $ = x.filter((z) => I.includes(z.id));
+    const $ = y.filter((z) => I.includes(z.id));
     if ($.length > 0) {
       const z = [];
       $.forEach((R) => {
-        const k = S.find((W) => W.id === R.id);
-        if (!k)
+        const E = S.find((W) => W.id === R.id);
+        if (!E)
           return;
-        const A = ud.filter((W) => k[W] !== R[W]);
+        const A = ud.filter((W) => E[W] !== R[W]);
         if (A.length > 0) {
           const W = {}, ie = ["w", "h", "x", "y"], ce = ["noMove", "noResize", "locked"], ne = A.filter((X) => ie.includes(X)), ve = A.filter((X) => ce.includes(X));
           if (ne.length > 0 && ve.length > 0 && ne.length + ve.length === A.length ? ve.forEach((X) => {
@@ -305,29 +305,29 @@ function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i
           }
         }
       }), $.forEach((R) => {
-        R.content && h.current.set(R.id, R.content), R._originalContent !== void 0 && b.current.set(R.id, R._originalContent);
-      }), z.forEach(({ element: R, updateOptions: k }) => {
+        R.content && h.current.set(R.id, R.content), R._originalContent !== void 0 && x.current.set(R.id, R._originalContent);
+      }), z.forEach(({ element: R, updateOptions: E }) => {
         try {
-          s.update(R, k);
+          s.update(R, E);
         } catch (A) {
           console.warn("Error updating widget:", A);
         }
-      }), O((R) => {
-        const k = new Map(R);
+      }), T((R) => {
+        const E = new Map(R);
         return $.forEach((A) => {
           const W = er(A);
-          k.set(A.id, W);
-        }), k;
+          E.set(A.id, W);
+        }), E;
       }), u((R) => {
-        const k = new Map(R);
+        const E = new Map(R);
         return $.forEach((A) => {
-          A.content && k.set(A.id, A.content);
-        }), k;
+          A.content && E.set(A.id, A.content);
+        }), E;
       }), g((R) => {
-        const k = new Map(R);
+        const E = new Map(R);
         return $.forEach((A) => {
-          A._originalContent !== void 0 && k.set(A.id, A._originalContent);
-        }), k;
+          A._originalContent !== void 0 && E.set(A.id, A._originalContent);
+        }), E;
       });
     }
     l.current || (l.current = !0);
@@ -348,32 +348,32 @@ function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i
       return;
     const S = s.save();
     if (Array.isArray(S)) {
-      const I = S.map((x) => {
-        const E = x.id;
-        if (!E) return null;
-        const C = h.current.get(E), N = b.current.get(E), $ = x;
+      const I = S.map((y) => {
+        const C = y.id;
+        if (!C) return null;
+        const _ = h.current.get(C), N = x.current.get(C), $ = y;
         return {
-          ...x,
-          id: E,
-          w: x.w ?? 1,
-          h: x.h ?? 1,
-          x: x.x ?? 0,
-          y: x.y ?? 0,
+          ...y,
+          id: C,
+          w: y.w ?? 1,
+          h: y.h ?? 1,
+          x: y.x ?? 0,
+          y: y.y ?? 0,
           meta: $.meta,
           _originalContent: N,
-          content: C ?? f("div", {
+          content: _ ?? f("div", {
             children: "No content"
           })
         };
-      }).filter((x) => x !== null);
+      }).filter((y) => y !== null);
       n?.(I);
     }
   }, [s]);
   return J(() => {
     if (!s || !s.el || !s.el.parentElement)
       return;
-    const S = (I, x) => {
-      t?.(I, x);
+    const S = (I, y) => {
+      t?.(I, y);
     };
     try {
       s.on("resizestop", S), s.on("change added removed", D);
@@ -386,8 +386,8 @@ function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i
       if (I && I.el)
         try {
           I.off("resizestop"), I.off("change added removed");
-        } catch (x) {
-          console.warn("Error cleaning up GridStack event listeners:", x);
+        } catch (y) {
+          console.warn("Error cleaning up GridStack event listeners:", y);
         }
     };
   }, [s, t, D]), J(() => {
@@ -403,8 +403,8 @@ function fd({ children: r, options: e, onResizeStop: t, onChange: n, widgets: i
         set: a
       },
       _rawWidgetMetaMap: {
-        value: _,
-        set: O
+        value: k,
+        set: T
       },
       _reactContentMap: {
         value: d,
@@ -444,7 +444,7 @@ function vd(r, e, t, n, i) {
   const s = (...a) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + i + " and has been replaced with `" + n + "`. It will be **removed** in a future release"), e.apply(r, a));
   return s.prototype = e.prototype, s;
 }
-class y {
+class b {
   /**
    * Convert a potential selector into an actual list of HTML elements.
    * Supports CSS selectors, element references, and special ID handling.
@@ -574,7 +574,7 @@ class y {
    * ); // true - they share an edge
    */
   static isTouching(e, t) {
-    return y.isIntercepted(e, { x: t.x - 0.5, y: t.y - 0.5, w: t.w + 1, h: t.h + 1 });
+    return b.isIntercepted(e, { x: t.x - 0.5, y: t.y - 0.5, w: t.w + 1, h: t.h + 1 });
   }
   /**
    * Calculate the overlapping area between two grid positions.
@@ -716,7 +716,7 @@ class y {
       for (const i in n) {
         if (!n.hasOwnProperty(i))
           return;
-        e[i] === null || e[i] === void 0 ? e[i] = n[i] : typeof n[i] == "object" && typeof e[i] == "object" && y.defaults(e[i], n[i]);
+        e[i] === null || e[i] === void 0 ? e[i] = n[i] : typeof n[i] == "object" && typeof e[i] == "object" && b.defaults(e[i], n[i]);
       }
     }), e;
   }
@@ -771,7 +771,7 @@ class y {
     if (!(typeof e != "object" || typeof t != "object"))
       for (let n in e) {
         const i = e[n], s = t[n];
-        n[0] === "_" || i === s ? delete e[n] : i && typeof i == "object" && s !== void 0 && (y.removeInternalAndSame(i, s), Object.keys(i).length || delete e[n]);
+        n[0] === "_" || i === s ? delete e[n] : i && typeof i == "object" && s !== void 0 && (b.removeInternalAndSame(i, s), Object.keys(i).length || delete e[n]);
       }
   }
   /** removes internal fields '_' and default values for saving */
@@ -806,11 +806,11 @@ class y {
     if (!e)
       return document.scrollingElement || document.documentElement;
     const t = getComputedStyle(e);
-    return /(auto|scroll)/.test(t.overflow + t.overflowY) ? e : y.getScrollElement(e.parentElement);
+    return /(auto|scroll)/.test(t.overflow + t.overflowY) ? e : b.getScrollElement(e.parentElement);
   }
   /** @internal */
   static updateScrollPosition(e, t, n) {
-    const i = y.getScrollElement(e);
+    const i = b.getScrollElement(e);
     if (!i)
       return;
     const s = e.getBoundingClientRect(), a = i.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight, l = s.bottom - Math.min(a.bottom, o), c = s.top - Math.max(a.top, 0), d = i.scrollTop;
@@ -824,7 +824,7 @@ class y {
    * @param distance Distance from the V edges to start scrolling
    */
   static updateScrollResize(e, t, n) {
-    const i = y.getScrollElement(t), s = i.clientHeight, a = i === y.getScrollElement() ? 0 : i.getBoundingClientRect().top, o = e.clientY - a, l = o < n, c = o > s - n;
+    const i = b.getScrollElement(t), s = i.clientHeight, a = i === b.getScrollElement() ? 0 : i.getBoundingClientRect().top, o = e.clientY - a, l = o < n, c = o > s - n;
     l ? i.scrollBy({ behavior: "smooth", top: o - n }) : c && i.scrollBy({ behavior: "smooth", top: n - (s - o) });
   }
   /** single level clone, returning a new object with same top fields. This will share sub objects and arrays */
@@ -836,9 +836,9 @@ class y {
    * Note: this will use as-is any key starting with double __ (and not copy inside) some lib have circular dependencies.
    */
   static cloneDeep(e) {
-    const t = ["parentGrid", "el", "grid", "subGrid", "engine"], n = y.clone(e);
+    const t = ["parentGrid", "el", "grid", "subGrid", "engine"], n = b.clone(e);
     for (const i in n)
-      n.hasOwnProperty(i) && typeof n[i] == "object" && i.substring(0, 2) !== "__" && !t.find((s) => s === i) && (n[i] = y.cloneDeep(e[i]));
+      n.hasOwnProperty(i) && typeof n[i] == "object" && i.substring(0, 2) !== "__" && !t.find((s) => s === i) && (n[i] = b.cloneDeep(e[i]));
     return n;
   }
   /** deep clone the given HTML node, removing teh unique id field */
@@ -848,7 +848,7 @@ class y {
   }
   static appendTo(e, t) {
     let n;
-    typeof t == "string" ? n = y.getElement(t) : n = t, n && n.appendChild(e);
+    typeof t == "string" ? n = b.getElement(t) : n = t, n && n.appendChild(e);
   }
   // public static setPositionRelative(el: HTMLElement): void {
   //   if (!(/^(?:r|a|f)/).test(getComputedStyle(el).position)) {
@@ -900,7 +900,7 @@ class y {
   */
   static getValuesFromTransformedElement(e) {
     const t = document.createElement("div");
-    y.addElStyles(t, {
+    b.addElStyles(t, {
       opacity: "0",
       position: "fixed",
       top: "0px",
@@ -987,7 +987,7 @@ class Dt {
       (!this.collide(n, { ...n, y: e.y }, e) || !this.collide(n, { ...n, y: t.y - n.h }, e))) {
         e._skipDown = e._skipDown || t.y > e.y;
         const d = { ...t, y: n.y + n.h, ...o };
-        c = this._loading && y.samePos(e, d) ? !0 : this.moveNode(e, d), (n.locked || this._loading) && c ? y.copyPos(t, e) : !n.locked && c && i.pack && (this._packNodes(), t.y = n.y + n.h, y.copyPos(e, t)), a = a || c;
+        c = this._loading && b.samePos(e, d) ? !0 : this.moveNode(e, d), (n.locked || this._loading) && c ? b.copyPos(t, e) : !n.locked && c && i.pack && (this._packNodes(), t.y = n.y + n.h, b.copyPos(e, t)), a = a || c;
       } else
         c = this.moveNode(n, { ...n, y: t.y + t.h, skip: e, ...o });
       if (!c)
@@ -1013,7 +1013,7 @@ class Dt {
    */
   collide(e, t = e, n) {
     const i = e._id, s = n?._id;
-    return this.nodes.find((a) => a._id !== i && a._id !== s && y.isIntercepted(a, t));
+    return this.nodes.find((a) => a._id !== i && a._id !== s && b.isIntercepted(a, t));
   }
   /**
    * Return all nodes that intercept/collide with the given node or area.
@@ -1030,7 +1030,7 @@ class Dt {
    */
   collideAll(e, t = e, n) {
     const i = e._id, s = n?._id;
-    return this.nodes.filter((a) => a._id !== i && a._id !== s && y.isIntercepted(a, t));
+    return this.nodes.filter((a) => a._id !== i && a._id !== s && b.isIntercepted(a, t));
   }
   /** does a pixel coverage collision based on where we started, returning the node that has the most coverage that is >50% mid line */
   directionCollideCoverage(e, t, n) {
@@ -1110,10 +1110,10 @@ class Dt {
       return t.x = e.x, t.y = e.y, e.h != t.h ? (e.x = s, e.y = t.y + t.h) : e.w != t.w ? (e.x = t.x + t.w, e.y = a) : (e.x = s, e.y = a), e._dirty = t._dirty = !0, !0;
     }
     let i;
-    if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (i = y.isTouching(e, t)))
+    if (e.w === t.w && e.h === t.h && (e.x === t.x || e.y === t.y) && (i = b.isTouching(e, t)))
       return n();
     if (i !== !1) {
-      if (e.w === t.w && e.x === t.x && (i || (i = y.isTouching(e, t)))) {
+      if (e.w === t.w && e.x === t.x && (i || (i = b.isTouching(e, t)))) {
         if (t.y < e.y) {
           const s = e;
           e = t, t = s;
@@ -1121,7 +1121,7 @@ class Dt {
         return n();
       }
       if (i !== !1) {
-        if (e.h === t.h && e.y === t.y && (i || (i = y.isTouching(e, t)))) {
+        if (e.h === t.h && e.y === t.y && (i || (i = b.isTouching(e, t)))) {
           if (t.x < e.x) {
             const s = e;
             e = t, t = s;
@@ -1219,7 +1219,7 @@ class Dt {
    * engine.sortNodes(-1);  // Sort descending
    */
   sortNodes(e = 1) {
-    return this.nodes = y.sort(this.nodes, e), this;
+    return this.nodes = b.sort(this.nodes, e), this;
   }
   /** @internal called to top gravity pack the items back OR revert back to original Y positions when floating */
   _packNodes() {
@@ -1262,7 +1262,7 @@ class Dt {
     }
     (e.x === void 0 || e.y === void 0 || e.x === null || e.y === null) && (e.autoPosition = !0);
     const i = { x: 0, y: 0, w: 1, h: 1 };
-    return y.defaults(e, i), e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, y.sanitizeMinMax(e), typeof e.x == "string" && (e.x = Number(e.x)), typeof e.y == "string" && (e.y = Number(e.y)), typeof e.w == "string" && (e.w = Number(e.w)), typeof e.h == "string" && (e.h = Number(e.h)), isNaN(e.x) && (e.x = i.x, e.autoPosition = !0), isNaN(e.y) && (e.y = i.y, e.autoPosition = !0), isNaN(e.w) && (e.w = i.w), isNaN(e.h) && (e.h = i.h), this.nodeBoundFix(e, t), e;
+    return b.defaults(e, i), e.autoPosition || delete e.autoPosition, e.noResize || delete e.noResize, e.noMove || delete e.noMove, b.sanitizeMinMax(e), typeof e.x == "string" && (e.x = Number(e.x)), typeof e.y == "string" && (e.y = Number(e.y)), typeof e.w == "string" && (e.w = Number(e.w)), typeof e.h == "string" && (e.h = Number(e.h)), isNaN(e.x) && (e.x = i.x, e.autoPosition = !0), isNaN(e.y) && (e.y = i.y, e.autoPosition = !0), isNaN(e.w) && (e.w = i.w), isNaN(e.h) && (e.h = i.h), this.nodeBoundFix(e, t), e;
   }
   /**
    * Part 2 of preparing a node to fit inside the grid - validates and fixes coordinates and dimensions.
@@ -1278,12 +1278,12 @@ class Dt {
    * engine.nodeBoundFix(node, false); // Move to fit
    */
   nodeBoundFix(e, t) {
-    const n = e._orig || y.copyPos({}, e);
+    const n = e._orig || b.copyPos({}, e);
     if (e.maxW && (e.w = Math.min(e.w || 1, e.maxW)), e.maxH && (e.h = Math.min(e.h || 1, e.maxH)), e.minW && (e.w = Math.max(e.w || 1, e.minW)), e.minH && (e.h = Math.max(e.h || 1, e.minH)), (e.x || 0) + (e.w || 1) > this.column && this.column < this.defaultColumn && !this._inColumnResize && !this.skipCacheUpdate && e._id != null && this.findCacheLayout(e, this.defaultColumn) === -1) {
       const s = { ...e };
       s.autoPosition || s.x === void 0 ? (delete s.x, delete s.y) : s.x = Math.min(this.defaultColumn - 1, s.x), s.w = Math.min(this.defaultColumn, s.w || 1), this.cacheOneLayout(s, this.defaultColumn);
     }
-    return e.w > this.column ? e.w = this.column : e.w < 1 && (e.w = 1), this.maxRow && e.h > this.maxRow ? e.h = this.maxRow : e.h < 1 && (e.h = 1), e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), e.x + e.w > this.column && (t ? e.w = this.column - e.x : e.x = this.column - e.w), this.maxRow && e.y + e.h > this.maxRow && (t ? e.h = this.maxRow - e.y : e.y = this.maxRow - e.h), y.samePos(e, n) || (e._dirty = !0), this;
+    return e.w > this.column ? e.w = this.column : e.w < 1 && (e.w = 1), this.maxRow && e.h > this.maxRow ? e.h = this.maxRow : e.h < 1 && (e.h = 1), e.x < 0 && (e.x = 0), e.y < 0 && (e.y = 0), e.x + e.w > this.column && (t ? e.w = this.column - e.x : e.x = this.column - e.w), this.maxRow && e.y + e.h > this.maxRow && (t ? e.h = this.maxRow - e.y : e.y = this.maxRow - e.h), b.samePos(e, n) || (e._dirty = !0), this;
   }
   /**
    * Returns a list of nodes that have been modified from their original values.
@@ -1300,7 +1300,7 @@ class Dt {
    * const verified = engine.getDirtyNodes(true);
    */
   getDirtyNodes(e) {
-    return e ? this.nodes.filter((t) => t._dirty && !y.samePos(t, t._orig)) : this.nodes.filter((t) => t._dirty);
+    return e ? this.nodes.filter((t) => t._dirty && !b.samePos(t, t._orig)) : this.nodes.filter((t) => t._dirty);
   }
   /** @internal call this to call onChange callback with dirty nodes so DOM can be updated */
   _notify(e) {
@@ -1334,7 +1334,7 @@ class Dt {
    */
   saveInitial() {
     return this.nodes.forEach((e) => {
-      e._orig = y.copyPos({}, e), delete e._dirty;
+      e._orig = b.copyPos({}, e), delete e._dirty;
     }), this._hasLocked = this.nodes.some((e) => e.locked), this;
   }
   /**
@@ -1347,7 +1347,7 @@ class Dt {
    */
   restoreInitial() {
     return this.nodes.forEach((e) => {
-      !e._orig || y.samePos(e, e._orig) || (y.copyPos(e, e._orig), e._dirty = !0);
+      !e._orig || b.samePos(e, e._orig) || (b.copyPos(e, e._orig), e._dirty = !0);
     }), this._notify(), this;
   }
   /**
@@ -1374,7 +1374,7 @@ class Dt {
       if (l + e.w > n)
         continue;
       const d = { x: l, y: c, w: e.w, h: e.h };
-      t.find((u) => y.isIntercepted(d, u)) || ((e.x !== l || e.y !== c) && (e._dirty = !0), e.x = l, e.y = c, delete e.autoPosition, a = !0);
+      t.find((u) => b.isIntercepted(d, u)) || ((e.x !== l || e.y !== c) && (e._dirty = !0), e.x = l, e.y = c, delete e.autoPosition, a = !0);
     }
     return a;
   }
@@ -1468,7 +1468,7 @@ class Dt {
     }
     return s ? (i.nodes.filter((a) => a._dirty).forEach((a) => {
       const o = this.nodes.find((l) => l._id === a._id);
-      o && (y.copyPos(o, a), o._dirty = !0);
+      o && (b.copyPos(o, a), o._dirty = !0);
     }), this._notify(), !0) : !1;
   }
   /** return true if can fit in grid height constrain only (always true if no maxRow) */
@@ -1480,7 +1480,7 @@ class Dt {
       float: this.float,
       nodes: this.nodes.map((i) => ({ ...i }))
     }), n = { ...e };
-    return this.cleanupNode(n), delete n.el, delete n._id, delete n.content, delete n.grid, t.addNode(n), t.getRow() <= this.maxRow ? (e._willFitPos = y.copyPos({}, n), !0) : !1;
+    return this.cleanupNode(n), delete n.el, delete n._id, delete n.content, delete n.grid, t.addNode(n), t.getRow() <= this.maxRow ? (e._willFitPos = b.copyPos({}, n), !0) : !1;
   }
   /** true if x,y or w,h are different after clamping to min/max */
   changedPosConstrain(e, t) {
@@ -1493,21 +1493,21 @@ class Dt {
       return !1;
     let n;
     t.pack === void 0 && !this.batchMode && (n = t.pack = !0), typeof t.x != "number" && (t.x = e.x), typeof t.y != "number" && (t.y = e.y), typeof t.w != "number" && (t.w = e.w), typeof t.h != "number" && (t.h = e.h);
-    const i = e.w !== t.w || e.h !== t.h, s = y.copyPos({}, e, !0);
-    if (y.copyPos(s, t), this.nodeBoundFix(s, i), y.copyPos(t, s), !t.forceCollide && y.samePos(e, t))
+    const i = e.w !== t.w || e.h !== t.h, s = b.copyPos({}, e, !0);
+    if (b.copyPos(s, t), this.nodeBoundFix(s, i), b.copyPos(t, s), !t.forceCollide && b.samePos(e, t))
       return !1;
-    const a = y.copyPos({}, e), o = this.collideAll(e, s, t.skip);
+    const a = b.copyPos({}, e), o = this.collideAll(e, s, t.skip);
     let l = !0;
     if (o.length) {
       const c = e._moving && !t.nested;
       let d = c ? this.directionCollideCoverage(e, t, o) : o[0];
       if (c && d && e.grid?.opts?.subGridDynamic && !e.grid._isTemp) {
-        const u = y.areaIntercept(t.rect, d._rect), h = y.area(t.rect), p = y.area(d._rect);
+        const u = b.areaIntercept(t.rect, d._rect), h = b.area(t.rect), p = b.area(d._rect);
         u / (h < p ? h : p) > 0.8 && (d.grid.makeSubGrid(d.el, void 0, e), d = void 0);
       }
       d ? l = !this._fixCollisions(e, s, d, t) : (l = !1, n && delete t.pack);
     }
-    return l && !y.samePos(e, s) && (e._dirty = !0, y.copyPos(e, s)), t.pack && this._packNodes()._notify(), !y.samePos(e, a);
+    return l && !b.samePos(e, s) && (e._dirty = !0, b.copyPos(e, s)), t.pack && this._packNodes()._notify(), !b.samePos(e, a);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -1533,7 +1533,7 @@ class Dt {
     const a = [];
     return this.sortNodes(), this.nodes.forEach((o) => {
       const l = s?.find((d) => d._id === o._id), c = { ...o, ...l || {} };
-      y.removeInternalForSave(c, !e), t && t(o, c), a.push(c);
+      b.removeInternalForSave(c, !e), t && t(o, c), a.push(c);
     }), a;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -1569,7 +1569,7 @@ class Dt {
       return this;
     const i = n === "compact" || n === "list";
     i && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
-    let s = [], a = i ? this.nodes : y.sort(this.nodes, -1);
+    let s = [], a = i ? this.nodes : b.sort(this.nodes, -1);
     if (t > e && this._layouts) {
       const o = this._layouts[t] || [], l = this._layouts.length - 1;
       !o.length && e !== l && this._layouts[l]?.length && (e = l, this._layouts[l].forEach((c) => {
@@ -1599,7 +1599,7 @@ class Dt {
             d.x = t === 1 ? 0 : l ? Math.round(d.x * o) : Math.min(d.x, t - 1), d.w = t === 1 || e === 1 ? 1 : c ? Math.round(d.w * o) || 1 : Math.min(d.w, t), s.push(d);
           }), a = [];
         }
-      s = y.sort(s, -1), this._inColumnResize = !0, this.nodes = [], s.forEach((o) => {
+      s = b.sort(s, -1), this._inColumnResize = !0, this.nodes = [], s.forEach((o) => {
         this.addNode(o, !1), delete o._orig;
       });
     }
@@ -1651,7 +1651,7 @@ class Dt {
   }
 }
 Dt._idSeq = 0;
-const Ke = {
+const Ye = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -1680,16 +1680,16 @@ const Ke = {
   // staticGrid: false,
   //removable
 };
-class K {
+class Y {
 }
 const dt = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
 class bt {
 }
 function rn(r, e) {
-  r.touches.length > 1 || (r.cancelable && r.preventDefault(), y.simulateMouseEvent(r.changedTouches[0], e));
+  r.touches.length > 1 || (r.cancelable && r.preventDefault(), b.simulateMouseEvent(r.changedTouches[0], e));
 }
 function Sa(r, e) {
-  r.cancelable && r.preventDefault(), y.simulateMouseEvent(r, e);
+  r.cancelable && r.preventDefault(), b.simulateMouseEvent(r, e);
 }
 function nn(r) {
   bt.touchHandled || (bt.touchHandled = !0, rn(r, "mousedown"));
@@ -1701,17 +1701,17 @@ function an(r) {
   if (!bt.touchHandled)
     return;
   bt.pointerLeaveTimeout && (window.clearTimeout(bt.pointerLeaveTimeout), delete bt.pointerLeaveTimeout);
-  const e = !!K.dragElement;
+  const e = !!Y.dragElement;
   rn(r, "mouseup"), e || rn(r, "click"), bt.touchHandled = !1;
 }
 function on(r) {
   r.pointerType !== "mouse" && r.target.releasePointerCapture(r.pointerId);
 }
 function es(r) {
-  K.dragElement && r.pointerType !== "mouse" && Sa(r, "mouseenter");
+  Y.dragElement && r.pointerType !== "mouse" && Sa(r, "mouseenter");
 }
 function ts(r) {
-  K.dragElement && r.pointerType !== "mouse" && (bt.pointerLeaveTimeout = window.setTimeout(() => {
+  Y.dragElement && r.pointerType !== "mouse" && (bt.pointerLeaveTimeout = window.setTimeout(() => {
     delete bt.pointerLeaveTimeout, Sa(r, "mouseleave");
   }, 10));
 }
@@ -1868,17 +1868,17 @@ class Rr extends wi {
   }
   /** @internal turns auto hide on/off */
   _setupAutoHide(e) {
-    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), K.overResizeElement === this && delete K.overResizeElement), this;
+    return e ? (this.el.classList.add("ui-resizable-autohide"), this.el.addEventListener("mouseover", this._mouseOver), this.el.addEventListener("mouseout", this._mouseOut)) : (this.el.classList.remove("ui-resizable-autohide"), this.el.removeEventListener("mouseover", this._mouseOver), this.el.removeEventListener("mouseout", this._mouseOut), Y.overResizeElement === this && delete Y.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    K.overResizeElement || K.dragElement || (K.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    Y.overResizeElement || Y.dragElement || (Y.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    K.overResizeElement === this && (delete K.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    Y.overResizeElement === this && (delete Y.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
@@ -1896,25 +1896,25 @@ class Rr extends wi {
   }
   /** @internal */
   _resizeStart(e) {
-    this.sizeToContent = y.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = y.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, this._setupHelper(), this._applyChange();
-    const t = y.initEvent(e, { type: "resizestart", target: this.el });
+    this.sizeToContent = b.shouldSizeToContent(this.el.gridstackNode, !0), this.originalRect = this.el.getBoundingClientRect(), this.scrollEl = b.getScrollElement(this.el), this.scrollY = this.scrollEl.scrollTop, this.scrolled = 0, this.startEvent = e, this._setupHelper(), this._applyChange();
+    const t = b.initEvent(e, { type: "resizestart", target: this.el });
     return this.option.start && this.option.start(t, this._ui()), this.el.classList.add("ui-resizable-resizing"), this.triggerEvent("resizestart", t), this;
   }
   /** @internal */
   _resizing(e, t) {
     this.scrolled = this.scrollEl.scrollTop - this.scrollY, this.temporalRect = this._getChange(e, t), this._applyChange();
-    const n = y.initEvent(e, { type: "resize", target: this.el });
+    const n = b.initEvent(e, { type: "resize", target: this.el });
     return this.option.resize && this.option.resize(n, this._ui()), this.triggerEvent("resize", n), this;
   }
   /** @internal */
   _resizeStop(e) {
-    const t = y.initEvent(e, { type: "resizestop", target: this.el });
+    const t = b.initEvent(e, { type: "resizestop", target: this.el });
     return this._cleanHelper(), this.option.stop && this.option.stop(t), this.el.classList.remove("ui-resizable-resizing"), this.triggerEvent("resizestop", t), delete this.startEvent, delete this.originalRect, delete this.temporalRect, delete this.scrollY, delete this.scrolled, this;
   }
   /** @internal */
   _setupHelper() {
     this.elOriginStyleVal = Rr._originStyleProp.map((n) => this.el.style[n]), this.parentOriginStylePosition = this.el.parentElement.style.position;
-    const e = this.el.parentElement, t = y.getValuesFromTransformedElement(e);
+    const e = this.el.parentElement, t = b.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
       y: t.yScale
@@ -1998,30 +1998,30 @@ class Nr extends wi {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!K.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(yd) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete K.dragElement, delete K.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), dt && (e.currentTarget.addEventListener("touchmove", sn), e.currentTarget.addEventListener("touchend", an)), e.preventDefault(), document.activeElement && document.activeElement.blur(), K.mouseHandled = !0), !0;
+    if (!Y.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(yd) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete Y.dragElement, delete Y.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), dt && (e.currentTarget.addEventListener("touchmove", sn), e.currentTarget.addEventListener("touchend", an)), e.preventDefault(), document.activeElement && document.activeElement.blur(), Y.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
     if (!this.dragging)
       return;
-    const t = y.initEvent(e, { target: this.el, type: "drag" });
+    const t = b.initEvent(e, { target: this.el, type: "drag" });
     this.option.drag && this.option.drag(t, this.ui()), this.triggerEvent("drag", t);
   }
   /** @internal called when the main page (after successful mousedown) receives a move event to drag the item around the screen */
   _mouseMove(e) {
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), K.pauseDrag) {
-        const n = Number.isInteger(K.pauseDrag) ? K.pauseDrag : 100;
+      if (this._dragFollow(e), Y.pauseDrag) {
+        const n = Number.isInteger(Y.pauseDrag) ? Y.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), n);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, K.dragElement = this;
+      this.dragging = !0, Y.dragElement = this;
       const n = this.el.gridstackNode?.grid;
-      n ? K.dropElement = n.el.ddElement.ddDroppable : delete K.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = y.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
-      const i = y.initEvent(e, { target: this.el, type: "dragstart" });
+      n ? Y.dropElement = n.el.ddElement.ddDroppable : delete Y.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = b.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      const i = b.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(i, this.ui()), this.triggerEvent("dragstart", i), document.addEventListener("keydown", this._keyEvent);
     }
     return !0;
@@ -2029,27 +2029,27 @@ class Nr extends wi {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), dt && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", sn, !0), e.currentTarget.removeEventListener("touchend", an, !0)), this.dragging) {
-      delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), K.dropElement?.el === this.el.parentElement && delete K.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
-      const t = y.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), K.dropElement && K.dropElement.drop(e);
+      delete this.dragging, delete this.el.gridstackNode?._origRotate, document.removeEventListener("keydown", this._keyEvent), Y.dropElement?.el === this.el.parentElement && delete Y.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+      const t = b.initEvent(e, { target: this.el, type: "dragstop" });
+      this.option.stop && this.option.stop(t), this.triggerEvent("dragstop", t), Y.dropElement && Y.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete K.dragElement, delete K.dropElement, delete K.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete Y.dragElement, delete Y.dropElement, delete Y.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
-    const t = this.el.gridstackNode, n = t?.grid || K.dropElement?.el?.gridstack;
+    const t = this.el.gridstackNode, n = t?.grid || Y.dropElement?.el?.gridstack;
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), n?.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && n && (e.key === "r" || e.key === "R")) {
-      if (!y.canBeRotated(t))
+      if (!b.canBeRotated(t))
         return;
-      t._origRotate = t._origRotate || { ...t._orig }, delete t._moving, n.setAnimation(!1).rotate(t.el, { top: -this.dragOffset.offsetTop, left: -this.dragOffset.offsetLeft }).setAnimation(), t._moving = !0, this.dragOffset = this._getDragOffset(this.lastDrag, t.el, this.helperContainment), this.helper.style.width = this.dragOffset.width + "px", this.helper.style.height = this.dragOffset.height + "px", y.swap(t._orig, "w", "h"), delete t._rect, this._mouseMove(this.lastDrag);
+      t._origRotate = t._origRotate || { ...t._orig }, delete t._moving, n.setAnimation(!1).rotate(t.el, { top: -this.dragOffset.offsetTop, left: -this.dragOffset.offsetLeft }).setAnimation(), t._moving = !0, this.dragOffset = this._getDragOffset(this.lastDrag, t.el, this.helperContainment), this.helper.style.width = this.dragOffset.width + "px", this.helper.style.height = this.dragOffset.height + "px", b.swap(t._orig, "w", "h"), delete t._rect, this._mouseMove(this.lastDrag);
     }
   }
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = y.cloneNode(this.el)), e.parentElement || y.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Nr.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = b.cloneNode(this.el)), e.parentElement || b.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = Nr.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2130,19 +2130,19 @@ class bd extends wi {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!K.dragElement || !this._canDrop(K.dragElement.el))
+    if (!Y.dragElement || !this._canDrop(Y.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), K.dropElement && K.dropElement !== this && K.dropElement._mouseLeave(e, !0), K.dropElement = this;
-    const t = y.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(K.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    e.preventDefault(), e.stopPropagation(), Y.dropElement && Y.dropElement !== this && Y.dropElement._mouseLeave(e, !0), Y.dropElement = this;
+    const t = b.initEvent(e, { target: this.el, type: "dropover" });
+    this.option.over && this.option.over(t, this._ui(Y.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
   }
   /** @internal called when the item is leaving our area, stop tracking if we had moving item */
   _mouseLeave(e, t = !1) {
-    if (!K.dragElement || K.dropElement !== this)
+    if (!Y.dragElement || Y.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
-    const n = y.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(n, this._ui(K.dragElement)), this.triggerEvent("dropout", n), K.dropElement === this && (delete K.dropElement, !t)) {
+    const n = b.initEvent(e, { target: this.el, type: "dropout" });
+    if (this.option.out && this.option.out(n, this._ui(Y.dragElement)), this.triggerEvent("dropout", n), Y.dropElement === this && (delete Y.dropElement, !t)) {
       let i, s = this.el.parentElement;
       for (; !i && s; )
         i = s.ddElement?.ddDroppable, s = s.parentElement;
@@ -2152,8 +2152,8 @@ class bd extends wi {
   /** item is being dropped on us - called by the drag mouseup handler - this calls the client drop event */
   drop(e) {
     e.preventDefault();
-    const t = y.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(K.dragElement)), this.triggerEvent("drop", t);
+    const t = b.initEvent(e, { target: this.el, type: "drop" });
+    this.option.drop && this.option.drop(t, this._ui(Y.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2296,7 +2296,7 @@ class xd {
   }
   on(e, t, n) {
     return this._getDDElements(e).forEach((i) => i.on(t, (s) => {
-      n(s, K.dragElement ? K.dragElement.el : s.target, K.dragElement ? K.dragElement.helper : null);
+      n(s, Y.dragElement ? Y.dragElement.el : s.target, Y.dragElement ? Y.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -2304,7 +2304,7 @@ class xd {
   }
   /** @internal returns a list of DD elements, creating them on the fly by default unless option is to destroy or disable */
   _getDDElements(e, t) {
-    const n = e.gridstack || t !== "destroy" && t !== "disable", i = y.getElements(e);
+    const n = e.gridstack || t !== "destroy" && t !== "disable", i = b.getElements(e);
     return i.length ? i.map((a) => a.ddElement || (n ? _i.init(a) : null)).filter((a) => a) : [];
   }
 }
@@ -2327,7 +2327,7 @@ class Z {
     if (typeof document > "u")
       return null;
     const n = Z.getGridElement(t);
-    return n ? (n.gridstack || (n.gridstack = new Z(n, y.cloneDeep(e))), n.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    return n ? (n.gridstack || (n.gridstack = new Z(n, b.cloneDeep(e))), n.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.` : "GridStack.init() no grid element was passed."), null);
   }
   /**
@@ -2342,7 +2342,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   static initAll(e = {}, t = ".grid-stack") {
     const n = [];
     return typeof document > "u" || (Z.getGridElements(t).forEach((i) => {
-      i.gridstack || (i.gridstack = new Z(i, y.cloneDeep(e))), n.push(i.gridstack);
+      i.gridstack || (i.gridstack = new Z(i, b.cloneDeep(e))), n.push(i.gridstack);
     }), n.length === 0 && console.error('GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)), n;
   }
@@ -2361,7 +2361,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const a = n.gridstack;
       return t && (a.opts = { ...a.opts, ...t }), t.children !== void 0 && a.load(t.children), a;
     }
-    return (!e.classList.contains("grid-stack") || Z.addRemoveCB) && (Z.addRemoveCB ? n = Z.addRemoveCB(e, t, !0, !0) : n = y.createDiv(["grid-stack", t.class], e)), Z.init(t, n);
+    return (!e.classList.contains("grid-stack") || Z.addRemoveCB) && (Z.addRemoveCB ? n = Z.addRemoveCB(e, t, !0, !0) : n = b.createDiv(["grid-stack", t.class], e)), Z.init(t, n);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
@@ -2376,8 +2376,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = y.createDiv([this.opts.placeholderClass, Ke.itemClass, this.opts.itemClass]);
-      const e = y.createDiv(["placeholder-content"], this._placeholder);
+      this._placeholder = b.createDiv([this.opts.placeholderClass, Ye.itemClass, this.opts.itemClass]);
+      const e = b.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
     return this._placeholder;
@@ -2389,7 +2389,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   constructor(e, t = {}) {
     this.el = e, this.opts = t, this.animationDelay = 310, this._gsEventHandler = {}, this._extraDragRow = 0, this.dragTransform = { xScale: 1, yScale: 1, xOffset: 0, yOffset: 0 }, e.gridstack = this, this.opts = t = t || {}, e.classList.contains("grid-stack") || this.el.classList.add("grid-stack"), t.row && (t.minRow = t.maxRow = t.row, delete t.row);
-    const n = y.toNumber(e.getAttribute("gs-row"));
+    const n = b.toNumber(e.getAttribute("gs-row"));
     t.column === "auto" && delete t.column, t.alwaysShowResizeHandle !== void 0 && (t._alwaysShowResizeHandle = t.alwaysShowResizeHandle);
     const i = t.columnOpts;
     if (i) {
@@ -2397,26 +2397,26 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       !i.columnWidth && !c?.length ? delete t.columnOpts : (i.columnMax = i.columnMax || 12, c?.length > 1 && c.sort((d, u) => (u.w || 0) - (d.w || 0)));
     }
     const s = {
-      ...y.cloneDeep(Ke),
-      column: y.toNumber(e.getAttribute("gs-column")) || Ke.column,
-      minRow: n || y.toNumber(e.getAttribute("gs-min-row")) || Ke.minRow,
-      maxRow: n || y.toNumber(e.getAttribute("gs-max-row")) || Ke.maxRow,
-      staticGrid: y.toBool(e.getAttribute("gs-static")) || Ke.staticGrid,
-      sizeToContent: y.toBool(e.getAttribute("gs-size-to-content")) || void 0,
+      ...b.cloneDeep(Ye),
+      column: b.toNumber(e.getAttribute("gs-column")) || Ye.column,
+      minRow: n || b.toNumber(e.getAttribute("gs-min-row")) || Ye.minRow,
+      maxRow: n || b.toNumber(e.getAttribute("gs-max-row")) || Ye.maxRow,
+      staticGrid: b.toBool(e.getAttribute("gs-static")) || Ye.staticGrid,
+      sizeToContent: b.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || Ke.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || Ye.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || Ke.removableOptions.accept,
-        decline: Ke.removableOptions.decline
+        accept: t.itemClass || Ye.removableOptions.accept,
+        decline: Ye.removableOptions.decline
       }
     };
-    e.getAttribute("gs-animate") && (s.animate = y.toBool(e.getAttribute("gs-animate"))), t = y.defaults(t, s), this._initMargin(), this.checkDynamicColumn(), this._updateColumnVar(t), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const o = this.el.closest("." + Ke.itemClass)?.gridstackNode;
+    e.getAttribute("gs-animate") && (s.animate = b.toBool(e.getAttribute("gs-animate"))), t = b.defaults(t, s), this._initMargin(), this.checkDynamicColumn(), this._updateColumnVar(t), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
+    const o = this.el.closest("." + Ye.itemClass)?.gridstackNode;
     if (o && (o.subGrid = this, this.parentGridNode = o, this.el.classList.add("grid-stack-nested"), o.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial")
       this.cellHeight(void 0);
     else {
-      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Ke.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
+      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== Ye.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
       const c = t.cellHeight;
       delete t.cellHeight, this.cellHeight(c);
     }
@@ -2436,7 +2436,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const c = t.children;
       delete t.children, c.length && this.load(c);
     }
-    this.setAnimation(), t.subGridDynamic && !K.pauseDrag && (K.pauseDrag = !0), t.draggable?.pause !== void 0 && (K.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !Y.pauseDrag && (Y.pauseDrag = !0), t.draggable?.pause !== void 0 && (Y.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
   }
   _updateColumnVar(e = this.opts) {
     this.el.classList.add("gs-" + e.column), typeof e.column == "number" && this.el.style.setProperty("--gs-column-width", `${100 / e.column}%`);
@@ -2469,7 +2469,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (n = t.gridstackNode, n && t.parentElement === this.el && this.engine.nodes.find((s) => s._id === n._id))
       return t;
     const i = this._readAttr(t);
-    return y.defaults(e, i), this.engine.prepareNode(e), this.el.appendChild(t), this.makeWidget(t, e), t;
+    return b.defaults(e, i), this.engine.prepareNode(e), this.el.appendChild(t), this.makeWidget(t, e), t;
   }
   /**
    * Create the default grid item divs and content (possibly lazy loaded) by using GridStack.renderCB().
@@ -2481,8 +2481,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * const element = grid.createWidgetDivs({ w: 2, h: 1, content: 'Hello World' });
    */
   createWidgetDivs(e) {
-    const t = y.createDiv(["grid-stack-item", this.opts.itemClass]), n = y.createDiv(["grid-stack-item-content"], t);
-    return y.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([i]) => {
+    const t = b.createDiv(["grid-stack-item", this.opts.itemClass]), n = b.createDiv(["grid-stack-item-content"], t);
+    return b.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([i]) => {
       i.isIntersecting && (e.visibleObservable?.disconnect(), delete e.visibleObservable, Z.renderCB(n, e), e.grid?.prepareDragDrop(e.el));
     }), window.setTimeout(() => e.visibleObservable?.observe(t))) : Z.renderCB(n, e), t;
   }
@@ -2502,7 +2502,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let a, o = this;
     for (; o && !a; )
       a = o.opts?.subGridOpts, o = o.parentGridNode?.grid;
-    t = y.cloneDeep({
+    t = b.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
       id: void 0,
@@ -2517,12 +2517,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let l;
     t.column === "auto" && (l = !0, t.column = Math.max(s.w || 1, n?.w || 1), delete t.columnOpts);
     let c = s.el.querySelector(".grid-stack-item-content"), d, u;
-    if (i && (this._removeDD(s.el), u = { ...s, x: 0, y: 0 }, y.removeInternalForSave(u), delete u.subGridOpts, s.content && (u.content = s.content, delete s.content), Z.addRemoveCB ? d = Z.addRemoveCB(this.el, u, !0, !1) : (d = y.createDiv(["grid-stack-item"]), d.appendChild(c), c = y.createDiv(["grid-stack-item-content"], s.el)), this.prepareDragDrop(s.el)), n) {
-      const p = l ? t.column : s.w, g = s.h + n.h, b = s.el.style;
-      b.transition = "none", this.update(s.el, { w: p, h: g }), setTimeout(() => b.transition = null);
+    if (i && (this._removeDD(s.el), u = { ...s, x: 0, y: 0 }, b.removeInternalForSave(u), delete u.subGridOpts, s.content && (u.content = s.content, delete s.content), Z.addRemoveCB ? d = Z.addRemoveCB(this.el, u, !0, !1) : (d = b.createDiv(["grid-stack-item"]), d.appendChild(c), c = b.createDiv(["grid-stack-item-content"], s.el)), this.prepareDragDrop(s.el)), n) {
+      const p = l ? t.column : s.w, g = s.h + n.h, x = s.el.style;
+      x.transition = "none", this.update(s.el, { w: p, h: g }), setTimeout(() => x.transition = null);
     }
     const h = s.subGrid = Z.addGrid(c, t);
-    return n?._moving && (h._isTemp = !0), l && (h._autoColumn = !0), i && h.makeWidget(d, u), n && (n._moving ? window.setTimeout(() => y.simulateMouseEvent(n._event, "mouseenter", h.el), 0) : h.makeWidget(s.el, s)), this.resizeToContentCheck(!1, s), h;
+    return n?._moving && (h._isTemp = !0), l && (h._autoColumn = !0), i && h.makeWidget(d, u), n && (n._moving ? window.setTimeout(() => b.simulateMouseEvent(n._event, "mouseenter", h.el), 0) : h.makeWidget(s.el, s)), this.resizeToContentCheck(!1, s), h;
   }
   /**
    * called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
@@ -2532,7 +2532,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = this.parentGridNode?.grid;
     t && (t.batchUpdate(), t.removeWidget(this.parentGridNode.el, !0, !0), this.engine.nodes.forEach((n) => {
       n.x += this.parentGridNode.x, n.y += this.parentGridNode.y, t.makeWidget(n.el, n);
-    }), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e && window.setTimeout(() => y.simulateMouseEvent(e._event, "mouseenter", t.el), 0));
+    }), t.batchUpdate(!1), this.parentGridNode && delete this.parentGridNode.subGrid, delete this.parentGridNode, e && window.setTimeout(() => b.simulateMouseEvent(e._event, "mouseenter", t.el), 0));
   }
   /**
    * saves the current layout returning a list of widgets for serialization which might include any nested grids.
@@ -2559,10 +2559,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       }
       delete a.el;
     }), t) {
-      const a = y.cloneDeep(this.opts);
+      const a = b.cloneDeep(this.opts);
       a.marginBottom === a.marginTop && a.marginRight === a.marginLeft && a.marginTop === a.marginRight && (a.margin = a.marginTop, delete a.marginTop, delete a.marginRight, delete a.marginBottom, delete a.marginLeft), a.rtl === (this.el.style.direction === "rtl") && (a.rtl = "auto"), this._isAutoCellHeight && (a.cellHeight = "auto"), this._autoColumn && (a.column = "auto");
       const o = a._alwaysShowResizeHandle;
-      return delete a._alwaysShowResizeHandle, o !== void 0 ? a.alwaysShowResizeHandle = o : delete a.alwaysShowResizeHandle, y.removeInternalAndSame(a, Ke), a.children = s, a;
+      return delete a._alwaysShowResizeHandle, o !== void 0 ? a.alwaysShowResizeHandle = o : delete a.alwaysShowResizeHandle, b.removeInternalAndSame(a, Ye), a.children = s, a;
     }
     return s;
   }
@@ -2602,11 +2602,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @see {@link http://gridstackjs.com/demo/serialization.html} for complete example
    */
   load(e, t = Z.addRemoveCB || !0) {
-    e = y.cloneDeep(e);
+    e = b.cloneDeep(e);
     const n = this.getColumn();
     e.forEach((d) => {
       d.w = d.w || d.minW || 1, d.h = d.h || d.minH || 1;
-    }), e = y.sort(e), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
+    }), e = b.sort(e), this.engine.skipCacheUpdate = this._ignoreLayoutsNodeChange = !0;
     let i = 0;
     e.forEach((d) => {
       i = Math.max(i, (d.x || 0) + d.w);
@@ -2619,13 +2619,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     l && this.setAnimation(!1), !o && t && [...this.engine.nodes].forEach((u) => {
       if (!u.id)
         return;
-      y.find(e, u.id) || (Z.addRemoveCB && Z.addRemoveCB(this.el, u, !1, !1), a.push(u), this.removeWidget(u.el, !0, !1));
+      b.find(e, u.id) || (Z.addRemoveCB && Z.addRemoveCB(this.el, u, !1, !1), a.push(u), this.removeWidget(u.el, !0, !1));
     }), this.engine._loading = !0;
     const c = [];
-    return this.engine.nodes = this.engine.nodes.filter((d) => y.find(e, d.id) ? (c.push(d), !1) : !0), e.forEach((d) => {
-      const u = y.find(c, d.id);
+    return this.engine.nodes = this.engine.nodes.filter((d) => b.find(e, d.id) ? (c.push(d), !1) : !0), e.forEach((d) => {
+      const u = b.find(c, d.id);
       if (u) {
-        if (y.shouldSizeToContent(u) && (d.h = u.h), this.engine.nodeBoundFix(d), (d.autoPosition || d.x === void 0 || d.y === void 0) && (d.w = d.w || u.w, d.h = d.h || u.h, this.engine.findEmptyPosition(d)), this.engine.nodes.push(u), y.samePos(u, d) && this.engine.nodes.length > 1 && (this.moveNode(u, { ...d, forceCollide: !0 }), y.copyPos(d, u)), this.update(u.el, d), d.subGridOpts?.children) {
+        if (b.shouldSizeToContent(u) && (d.h = u.h), this.engine.nodeBoundFix(d), (d.autoPosition || d.x === void 0 || d.y === void 0) && (d.w = d.w || u.w, d.h = d.h || u.h, this.engine.findEmptyPosition(d)), this.engine.nodes.push(u), b.samePos(u, d) && this.engine.nodes.length > 1 && (this.moveNode(u, { ...d, forceCollide: !0 }), b.copyPos(d, u)), this.update(u.el, d), d.subGridOpts?.children) {
           const h = u.el.querySelector(".grid-stack");
           h && h.gridstack && h.gridstack.load(d.subGridOpts.children);
         }
@@ -2665,7 +2665,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       return this.opts.cellHeight * (96 / 2.54) / 10;
     const t = this.el.querySelector("." + this.opts.itemClass);
     if (t) {
-      const i = y.toNumber(t.getAttribute("gs-h")) || 1;
+      const i = b.toNumber(t.getAttribute("gs-h")) || 1;
       return Math.round(t.offsetHeight / i);
     }
     const n = parseInt(this.el.getAttribute("gs-current-row"));
@@ -2693,7 +2693,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = -this.opts.marginRight - this.opts.marginLeft + this.opts.marginTop + this.opts.marginBottom;
       e = this.cellWidth() + n;
     }
-    const t = y.parseHeight(e);
+    const t = b.parseHeight(e);
     return this.opts.cellHeightUnit === t.unit && this.opts.cellHeight === t.h ? this : (this.opts.cellHeightUnit = t.unit, this.opts.cellHeight = t.h, this.el.style.setProperty("--gs-cell-height", `${this.opts.cellHeight}${this.opts.cellHeightUnit}`), this._updateContainerHeight(), this.resizeToContentCheck(), this);
   }
   /** Gets current cell width. */
@@ -3065,7 +3065,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const i = n?.gridstackNode;
       if (!i)
         return;
-      const s = { ...y.copyPos({}, i), ...y.cloneDeep(t) };
+      const s = { ...b.copyPos({}, i), ...b.cloneDeep(t) };
       this.engine.nodeBoundFix(s), delete s.autoPosition;
       const a = ["x", "y", "w", "h"];
       let o;
@@ -3078,7 +3078,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       let l = !1, c = !1;
       for (const d in s)
         d[0] !== "_" && i[d] !== s[d] && (i[d] = s[d], l = !0, c = c || !this.opts.staticGrid && (d === "noResize" || d === "noMove" || d === "locked"));
-      if (y.sanitizeMinMax(i), o) {
+      if (b.sanitizeMinMax(i), o) {
         const d = o.w !== void 0 && o.w !== i.w;
         this.moveNode(i, o), d && i.subGrid ? i.subGrid.onResize(this.hasAnimationCSS() ? i.w : void 0) : this.resizeToContentCheck(d, i), delete i._orig;
       }
@@ -3169,7 +3169,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   rotate(e, t) {
     return Z.getElements(e).forEach((n) => {
       const i = n.gridstackNode;
-      if (!y.canBeRotated(i))
+      if (!b.canBeRotated(i))
         return;
       const s = { w: i.h, h: i.w, minH: i.minW, minW: i.minH, maxH: i.maxW, maxW: i.maxH };
       if (t) {
@@ -3200,7 +3200,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   margin(e) {
     if (!(typeof e == "string" && e.split(" ").length > 1)) {
-      const n = y.parseHeight(e);
+      const n = b.parseHeight(e);
       if (this.opts.marginUnit === n.unit && this.opts.margin === n.h)
         return;
     }
@@ -3292,19 +3292,19 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!n)
       return this;
     if (!e && !this.opts.minRow) {
-      const s = y.parseHeight(getComputedStyle(this.el).minHeight);
+      const s = b.parseHeight(getComputedStyle(this.el).minHeight);
       if (s.h > 0 && s.unit === i) {
         const a = Math.floor(s.h / n);
         t < a && (t = a);
       }
     }
-    return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * n + i), e && y.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
+    return this.el.setAttribute("gs-current-row", String(t)), this.el.style.removeProperty("min-height"), this.el.style.removeProperty("height"), t && (this.el.style[e ? "minHeight" : "height"] = t * n + i), e && b.shouldSizeToContent(e) && e.grid.resizeToContentCBCheck(e.el), this;
   }
   /** @internal */
   _prepareElement(e, t = !1, n) {
-    n = n || this._readAttr(e), e.gridstackNode = n, n.el = e, n.grid = this, n = this.engine.addNode(n, t), this._writeAttr(e, n), e.classList.add(Ke.itemClass, this.opts.itemClass);
-    const i = y.shouldSizeToContent(n);
-    return i ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), i && this.resizeToContentCheck(!1, n), y.lazyLoad(n) || this.prepareDragDrop(n.el), this;
+    n = n || this._readAttr(e), e.gridstackNode = n, n.el = e, n.grid = this, n = this.engine.addNode(n, t), this._writeAttr(e, n), e.classList.add(Ye.itemClass, this.opts.itemClass);
+    const i = b.shouldSizeToContent(n);
+    return i ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), i && this.resizeToContentCheck(!1, n), b.lazyLoad(n) || this.prepareDragDrop(n.el), this;
   }
   /** @internal write position CSS vars and x,y,w,h attributes (not used for CSS but by users) back to element */
   _writePosAttr(e, t) {
@@ -3330,9 +3330,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal call to read any default attributes from element */
   _readAttr(e, t = !0) {
     const n = {};
-    n.x = y.toNumber(e.getAttribute("gs-x")), n.y = y.toNumber(e.getAttribute("gs-y")), n.w = y.toNumber(e.getAttribute("gs-w")), n.h = y.toNumber(e.getAttribute("gs-h")), n.autoPosition = y.toBool(e.getAttribute("gs-auto-position")), n.noResize = y.toBool(e.getAttribute("gs-no-resize")), n.noMove = y.toBool(e.getAttribute("gs-no-move")), n.locked = y.toBool(e.getAttribute("gs-locked"));
+    n.x = b.toNumber(e.getAttribute("gs-x")), n.y = b.toNumber(e.getAttribute("gs-y")), n.w = b.toNumber(e.getAttribute("gs-w")), n.h = b.toNumber(e.getAttribute("gs-h")), n.autoPosition = b.toBool(e.getAttribute("gs-auto-position")), n.noResize = b.toBool(e.getAttribute("gs-no-resize")), n.noMove = b.toBool(e.getAttribute("gs-no-move")), n.locked = b.toBool(e.getAttribute("gs-locked"));
     const i = e.getAttribute("gs-size-to-content");
-    i && (i === "true" || i === "false" ? n.sizeToContent = y.toBool(i) : n.sizeToContent = parseInt(i, 10)), n.id = e.getAttribute("gs-id"), n.maxW = y.toNumber(e.getAttribute("gs-max-w")), n.minW = y.toNumber(e.getAttribute("gs-min-w")), n.maxH = y.toNumber(e.getAttribute("gs-max-h")), n.minH = y.toNumber(e.getAttribute("gs-min-h")), t && (n.w === 1 && e.removeAttribute("gs-w"), n.h === 1 && e.removeAttribute("gs-h"), n.maxW && e.removeAttribute("gs-max-w"), n.minW && e.removeAttribute("gs-min-w"), n.maxH && e.removeAttribute("gs-max-h"), n.minH && e.removeAttribute("gs-min-h"));
+    i && (i === "true" || i === "false" ? n.sizeToContent = b.toBool(i) : n.sizeToContent = parseInt(i, 10)), n.id = e.getAttribute("gs-id"), n.maxW = b.toNumber(e.getAttribute("gs-max-w")), n.minW = b.toNumber(e.getAttribute("gs-min-w")), n.maxH = b.toNumber(e.getAttribute("gs-max-h")), n.minH = b.toNumber(e.getAttribute("gs-min-h")), t && (n.w === 1 && e.removeAttribute("gs-w"), n.h === 1 && e.removeAttribute("gs-h"), n.maxW && e.removeAttribute("gs-max-w"), n.minW && e.removeAttribute("gs-min-w"), n.maxH && e.removeAttribute("gs-max-h"), n.minH && e.removeAttribute("gs-min-h"));
     for (const s in n) {
       if (!n.hasOwnProperty(s))
         return;
@@ -3365,11 +3365,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (e && this.hasAnimationCSS())
         return setTimeout(() => this.resizeToContentCheck(!1, t), this.animationDelay);
       if (t)
-        y.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
-      else if (this.engine.nodes.some((n) => y.shouldSizeToContent(n))) {
+        b.shouldSizeToContent(t) && this.resizeToContentCBCheck(t.el);
+      else if (this.engine.nodes.some((n) => b.shouldSizeToContent(n))) {
         const n = [...this.engine.nodes];
         this.batchUpdate(), n.forEach((i) => {
-          y.shouldSizeToContent(i) && this.resizeToContentCBCheck(i.el);
+          b.shouldSizeToContent(i) && this.resizeToContentCBCheck(i.el);
         }), this._ignoreLayoutsNodeChange = !0, this.batchUpdate(!1), this._ignoreLayoutsNodeChange = !1;
       }
       this._gsEventHandler.resizecontent && this._gsEventHandler.resizecontent(null, t ? [t] : this.engine.nodes);
@@ -3378,15 +3378,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** add or remove the grid element size event handler */
   _updateResizeEvent(e = !1) {
     const t = !this.parentGridNode && (this._isAutoCellHeight || this.opts.sizeToContent || this.opts.columnOpts || this.engine.nodes.find((n) => n.sizeToContent));
-    return !e && t && !this.resizeObserver ? (this._sizeThrottle = y.throttle(() => this.onResize(), this.opts.cellHeightThrottle), this.resizeObserver = new ResizeObserver(() => this._sizeThrottle()), this.resizeObserver.observe(this.el), this._skipInitialResize = !0) : (e || !t) && this.resizeObserver && (this.resizeObserver.disconnect(), delete this.resizeObserver, delete this._sizeThrottle), this;
+    return !e && t && !this.resizeObserver ? (this._sizeThrottle = b.throttle(() => this.onResize(), this.opts.cellHeightThrottle), this.resizeObserver = new ResizeObserver(() => this._sizeThrottle()), this.resizeObserver.observe(this.el), this._skipInitialResize = !0) : (e || !t) && this.resizeObserver && (this.resizeObserver.disconnect(), delete this.resizeObserver, delete this._sizeThrottle), this;
   }
   /** @internal convert a potential selector into actual element */
   static getElement(e = ".grid-stack-item") {
-    return y.getElement(e);
+    return b.getElement(e);
   }
   /** @internal */
   static getElements(e = ".grid-stack-item") {
-    return y.getElements(e);
+    return b.getElements(e);
   }
   /** @internal */
   static getGridElement(e) {
@@ -3394,13 +3394,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElements(e) {
-    return y.getElements(e);
+    return b.getElements(e);
   }
   /** @internal initialize margin top/bottom/left/right and units */
   _initMargin() {
     let e, t = 0, n = [];
-    typeof this.opts.margin == "string" && (n = this.opts.margin.split(" ")), n.length === 2 ? (this.opts.marginTop = this.opts.marginBottom = n[0], this.opts.marginLeft = this.opts.marginRight = n[1]) : n.length === 4 ? (this.opts.marginTop = n[0], this.opts.marginRight = n[1], this.opts.marginBottom = n[2], this.opts.marginLeft = n[3]) : (e = y.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h), ["marginTop", "marginRight", "marginBottom", "marginLeft"].forEach((a) => {
-      this.opts[a] === void 0 ? this.opts[a] = t : (e = y.parseHeight(this.opts[a]), this.opts[a] = e.h, delete this.opts.margin);
+    typeof this.opts.margin == "string" && (n = this.opts.margin.split(" ")), n.length === 2 ? (this.opts.marginTop = this.opts.marginBottom = n[0], this.opts.marginLeft = this.opts.marginRight = n[1]) : n.length === 4 ? (this.opts.marginTop = n[0], this.opts.marginRight = n[1], this.opts.marginBottom = n[2], this.opts.marginLeft = n[3]) : (e = b.parseHeight(this.opts.margin), this.opts.marginUnit = e.unit, t = this.opts.margin = e.h), ["marginTop", "marginRight", "marginBottom", "marginLeft"].forEach((a) => {
+      this.opts[a] === void 0 ? this.opts[a] = t : (e = b.parseHeight(this.opts[a]), this.opts[a] = e.h, delete this.opts.margin);
     }), this.opts.marginUnit = e.unit, this.opts.marginTop === this.opts.marginBottom && this.opts.marginLeft === this.opts.marginRight && this.opts.marginTop === this.opts.marginRight && (this.opts.margin = this.opts.marginTop);
     const s = this.el.style;
     return s.setProperty("--gs-item-margin-top", `${this.opts.marginTop}${this.opts.marginUnit}`), s.setProperty("--gs-item-margin-bottom", `${this.opts.marginBottom}${this.opts.marginUnit}`), s.setProperty("--gs-item-margin-right", `${this.opts.marginRight}${this.opts.marginUnit}`), s.setProperty("--gs-item-margin-left", `${this.opts.marginLeft}${this.opts.marginUnit}`), this;
@@ -3433,7 +3433,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param root optional root which defaults to document (for shadow dom pass the parent HTMLDocument)
    */
   static setupDragIn(e, t, n, i = document) {
-    t?.pause !== void 0 && (K.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? y.getElements(e, i) : e).forEach((a, o) => {
+    t?.pause !== void 0 && (Y.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? b.getElements(e, i) : e).forEach((a, o) => {
       Fe.isDraggable(a) || Fe.dragIn(a, t), n?.[o] && (a.gridstackNode = n[o]);
     });
   }
@@ -3617,7 +3617,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
             Fe.off(s, "drag");
             return;
           }
-          o._willFitPos && (y.copyPos(o, o._willFitPos), delete o._willFitPos);
+          o._willFitPos && (b.copyPos(o, o._willFitPos), delete o._willFitPos);
         }
         this._onStartMoving(a, i, u, o, t, e);
       } else
@@ -3680,7 +3680,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (!o || (l && (this.engine.cleanupNode(o), o.grid = this), delete o.grid?._isTemp, Fe.off(s, "drag"), a !== s ? (a.remove(), s = a) : s.remove(), this._removeDD(s), !l))
         return !1;
       const u = o.subGrid?.el?.gridstack;
-      return y.copyPos(o, this._readAttr(this.placeholder)), y.removePositioningStyles(s), c && (o.content || o.subGridOpts || Z.addRemoveCB) ? (delete o.el, s = this.addWidget(o)) : (this._prepareElement(s, !0, o), this.el.appendChild(s), this.resizeToContentCheck(!1, o), u && (u.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...i, type: "dropped" }, d && d.grid ? d : void 0, o), !1;
+      return b.copyPos(o, this._readAttr(this.placeholder)), b.removePositioningStyles(s), c && (o.content || o.subGridOpts || Z.addRemoveCB) ? (delete o.el, s = this.addWidget(o)) : (this._prepareElement(s, !0, o), this.el.appendChild(s), this.resizeToContentCheck(!1, o), u && (u.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...i, type: "dropped" }, d && d.grid ? d : void 0, o), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -3720,10 +3720,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = n.w !== n._orig.w, g = h.target;
         if (!(!g.gridstackNode || g.gridstackNode.grid !== this)) {
           if (n.el = g, n._isAboutToRemove) {
-            const b = e.gridstackNode.grid;
-            b._gsEventHandler[h.type] && b._gsEventHandler[h.type](h, g), b.engine.nodes.push(n), b.removeWidget(e, !0, !0);
+            const x = e.gridstackNode.grid;
+            x._gsEventHandler[h.type] && x._gsEventHandler[h.type](h, g), x.engine.nodes.push(n), x.removeWidget(e, !0, !0);
           } else
-            y.removePositioningStyles(g), n._temporaryRemoved ? (this._writePosAttr(g, n), this.engine.addNode(n)) : this._writePosAttr(g, n), this.triggerEvent(h, g);
+            b.removePositioningStyles(g), n._temporaryRemoved ? (this._writePosAttr(g, n), this.engine.addNode(n)) : this._writePosAttr(g, n), this.triggerEvent(h, g);
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), h.type === "resizestop" && (Number.isInteger(n.sizeToContent) && (n.sizeToContent = n.h), this.resizeToContentCheck(p, n));
         }
       };
@@ -3742,10 +3742,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, n, i, s, a) {
     if (this.engine.cleanNodes().beginUpdate(i), this._writePosAttr(this.placeholder, i), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = i, i.grid?.el)
-      this.dragTransform = y.getValuesFromTransformedElement(e);
+      this.dragTransform = b.getValuesFromTransformedElement(e);
     else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
       const o = this.placeholder.closest(".grid-stack");
-      this.dragTransform = y.getValuesFromTransformedElement(o);
+      this.dragTransform = b.getValuesFromTransformedElement(o);
     } else
       this.dragTransform = {
         xScale: 1,
@@ -3766,36 +3766,36 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (c = Math.min(c, g), d = Math.min(d, g), u = Math.min(u, p), h = Math.min(h, p), t.type === "drag") {
       if (i._temporaryRemoved)
         return;
-      const _ = n.position.top - i._prevYPix;
-      i._prevYPix = n.position.top, this.opts.draggable.scroll !== !1 && y.updateScrollPosition(e, n.position, _);
-      const O = n.position.left + (n.position.left > i._lastUiPosition.left ? -d : c), D = n.position.top + (n.position.top > i._lastUiPosition.top ? -h : u);
-      o.x = Math.round(O / s), o.y = Math.round(D / a);
+      const k = n.position.top - i._prevYPix;
+      i._prevYPix = n.position.top, this.opts.draggable.scroll !== !1 && b.updateScrollPosition(e, n.position, k);
+      const T = n.position.left + (n.position.left > i._lastUiPosition.left ? -d : c), D = n.position.top + (n.position.top > i._lastUiPosition.top ? -h : u);
+      o.x = Math.round(T / s), o.y = Math.round(D / a);
       const S = this._extraDragRow;
       if (this.engine.collide(i, o)) {
         const I = this.getRow();
-        let x = Math.max(0, o.y + i.h - I);
-        this.opts.maxRow && I + x > this.opts.maxRow && (x = Math.max(0, this.opts.maxRow - I)), this._extraDragRow = x;
+        let y = Math.max(0, o.y + i.h - I);
+        this.opts.maxRow && I + y > this.opts.maxRow && (y = Math.max(0, this.opts.maxRow - I)), this._extraDragRow = y;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== S && this._updateContainerHeight(), i.x === o.x && i.y === o.y)
         return;
     } else if (t.type === "resize") {
-      if (o.x < 0 || (y.updateScrollResize(t, e, a), o.w = Math.round((n.size.width - c) / s), o.h = Math.round((n.size.height - u) / a), i.w === o.w && i.h === o.h) || i._lastTried && i._lastTried.w === o.w && i._lastTried.h === o.h)
+      if (o.x < 0 || (b.updateScrollResize(t, e, a), o.w = Math.round((n.size.width - c) / s), o.h = Math.round((n.size.height - u) / a), i.w === o.w && i.h === o.h) || i._lastTried && i._lastTried.w === o.w && i._lastTried.h === o.h)
         return;
-      const _ = n.position.left + c, O = n.position.top + u;
-      o.x = Math.round(_ / s), o.y = Math.round(O / a), l = !0;
+      const k = n.position.left + c, T = n.position.top + u;
+      o.x = Math.round(k / s), o.y = Math.round(T / a), l = !0;
     }
     i._event = t, i._lastTried = o;
-    const b = {
+    const x = {
       x: n.position.left + c,
       y: n.position.top + u,
       w: (n.size ? n.size.width : i.w * s) - c - d,
       h: (n.size ? n.size.height : i.h * a) - u - h
     };
-    if (this.engine.moveNodeCheck(i, { ...o, cellWidth: s, cellHeight: a, rect: b, resizing: l })) {
+    if (this.engine.moveNodeCheck(i, { ...o, cellWidth: s, cellHeight: a, rect: x, resizing: l })) {
       i._lastUiPosition = n.position, this.engine.cacheRects(s, a, u, d, h, c), delete i._skipDown, l && i.subGrid && i.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const _ = t.target;
-      i._sidebarOrig || this._writePosAttr(_, i), this.triggerEvent(t, _);
+      const k = t.target;
+      i._sidebarOrig || this._writePosAttr(k, i), this.triggerEvent(t, k);
     }
   }
   /** call given event callback on our main top-most grid (if we're nested) */
@@ -3827,15 +3827,15 @@ Z.renderCB = (r, e) => {
   r && e?.content && (r.textContent = e.content);
 };
 Z.resizeToContentParent = ".grid-stack-item-content";
-Z.Utils = y;
+Z.Utils = b;
 Z.Engine = Dt;
 Z.GDRev = "12.3.2";
-const Yr = /* @__PURE__ */ new WeakMap();
+const Kr = /* @__PURE__ */ new WeakMap();
 function wd({ children: r }) {
-  const { _gridStack: { value: e, set: t }, options: n } = Ea(), i = Y(/* @__PURE__ */ new Map()), s = Y(null), a = Y(n), o = de((d, u) => {
+  const { _gridStack: { value: e, set: t }, options: n } = Ea(), i = K(/* @__PURE__ */ new Map()), s = K(null), a = K(n), o = de((d, u) => {
     if (u.id && u.grid) {
-      let h = Yr.get(u.grid);
-      h || (h = /* @__PURE__ */ new Map(), Yr.set(u.grid, h)), h.set(u.id, d), i.current.set(u.id, d);
+      let h = Kr.get(u.grid);
+      h || (h = /* @__PURE__ */ new Map(), Kr.set(u.grid, h)), h.set(u.id, d), i.current.set(u.id, d);
     }
   }, []), l = de(() => {
     if (s.current) {
@@ -3845,13 +3845,13 @@ function wd({ children: r }) {
     }
     return null;
   }, [o]), c = (d, u) => {
-    const { children: h, ...p } = d, { children: g, ...b } = u;
-    return ua(p, b);
+    const { children: h, ...p } = d, { children: g, ...x } = u;
+    return ua(p, x);
   };
   return ni(() => {
     if (!c(n, a.current) && e)
       try {
-        e.removeAll(!1), e.destroy(!1), i.current.clear(), Yr.delete(e), a.current = n, t(null);
+        e.removeAll(!1), e.destroy(!1), i.current.clear(), Kr.delete(e), a.current = n, t(null);
       } catch (d) {
         console.error("Error destroying gridstack", d);
       }
@@ -3867,7 +3867,7 @@ function wd({ children: r }) {
     value: q(() => ({
       getWidgetContainer: (d) => {
         if (e) {
-          const u = Yr.get(e);
+          const u = Kr.get(e);
           if (u?.has(d))
             return u.get(d) || null;
         }
@@ -3899,8 +3899,8 @@ const Ci = ({ options: r, widgets: e, onChange: t, className: n }) => {
   }), [r, i, n]), a = (l, c, d) => {
     let u = d[0], h = 1 / 0;
     for (const p of d) {
-      const g = p.w - l, b = p.h - c, _ = g * g + b * b;
-      _ < h && (h = _, u = p);
+      const g = p.w - l, x = p.h - c, k = g * g + x * x;
+      k < h && (h = k, u = p);
     }
     return u;
   };
@@ -3930,7 +3930,7 @@ const _d = (r, e, t) => f("div", {
   children: r
 }), Nn = ({ widgets: r = [], editMode: e = !1, onChange: t = () => {
 }, WidgetWrapper: n = _d, main: i = !1, deps: s }) => {
-  const a = de((x, E, C) => f(bi.div, {
+  const a = de((y, C, _) => f(bi.div, {
     className: "h-full w-full",
     initial: {
       opacity: 0,
@@ -3958,7 +3958,7 @@ const _d = (r, e, t) => f("div", {
         ease: [0.33, 1, 0.68, 1]
       }
     },
-    children: n(x, E, C)
+    children: n(y, C, _)
   }), [n]), o = q(() => ({
     acceptWidgets: !0,
     margin: 8,
@@ -3981,75 +3981,75 @@ const _d = (r, e, t) => f("div", {
       }],
       columnMax: 4
     }
-  }), []), l = (x, E) => {
-    if (typeof x.content == "function" && x.deps && E) {
-      const C = {};
-      return x.deps.forEach((N) => {
-        typeof N == "string" && E[N] !== void 0 && (C[N] = E[N]);
-      }), x.content(C);
+  }), []), l = (y, C) => {
+    if (typeof y.content == "function" && y.deps && C) {
+      const _ = {};
+      return y.deps.forEach((N) => {
+        typeof N == "string" && C[N] !== void 0 && (_[N] = C[N]);
+      }), y.content(_);
     }
-    return typeof x.content == "function" ? null : x.content;
-  }, c = (x, E, C) => x.map((N) => {
-    const $ = l(N, C), z = {
+    return typeof y.content == "function" ? null : y.content;
+  }, c = (y, C, _) => y.map((N) => {
+    const $ = l(N, _), z = {
       id: N.id,
       h: N.h ?? 1,
       w: N.w ?? 1,
       allowedSizes: N.availableSizes,
-      noMove: !E,
-      noResize: !E,
+      noMove: !C,
+      noResize: !C,
       locked: N.locked,
       meta: N.meta,
       _originalContent: $,
-      content: a($, N.meta, E)
+      content: a($, N.meta, C)
     };
     return N.x !== void 0 && (z.x = N.x), N.y !== void 0 && (z.y = N.y), z;
-  }), [d, u] = re(c(r, e)), h = Y(e), p = Y(r), g = Y(!1), b = Y(/* @__PURE__ */ new Map()), _ = Y(r);
-  _.current = r;
-  const O = Y(s), D = q(() => {
-    const x = /* @__PURE__ */ new Map();
-    return !s || Object.keys(s).length === 0 || r.forEach((E) => {
-      if (E.deps && E.deps.length > 0) {
-        const C = E.deps.map((N) => typeof N == "string" && s[N] !== void 0 ? s[N] : N).filter((N) => N !== null);
-        x.set(E.id, C);
+  }), [d, u] = re(c(r, e)), h = K(e), p = K(r), g = K(!1), x = K(/* @__PURE__ */ new Map()), k = K(r);
+  k.current = r;
+  const T = K(s), D = q(() => {
+    const y = /* @__PURE__ */ new Map();
+    return !s || Object.keys(s).length === 0 || r.forEach((C) => {
+      if (C.deps && C.deps.length > 0) {
+        const _ = C.deps.map((N) => typeof N == "string" && s[N] !== void 0 ? s[N] : N).filter((N) => N !== null);
+        y.set(C.id, _);
       }
-    }), x;
-  }, [r, s]), S = de((x) => {
-    u(x), g.current || t(x.map((E) => {
-      const C = _.current.find((N) => N.id === E.id);
+    }), y;
+  }, [r, s]), S = de((y) => {
+    u(y), g.current || t(y.map((C) => {
+      const _ = k.current.find((N) => N.id === C.id);
       return {
-        id: E.id,
-        w: E.w ?? 1,
-        h: E.h ?? 1,
-        allowedSizes: E.allowedSizes,
-        meta: E.meta,
-        content: typeof C?.content == "function" ? C.content : E._originalContent,
-        x: E.x ?? 0,
-        y: E.y ?? 0,
-        locked: E.locked,
-        deps: C?.deps
+        id: C.id,
+        w: C.w ?? 1,
+        h: C.h ?? 1,
+        allowedSizes: C.allowedSizes,
+        meta: C.meta,
+        content: typeof _?.content == "function" ? _.content : C._originalContent,
+        x: C.x ?? 0,
+        y: C.y ?? 0,
+        locked: C.locked,
+        deps: _?.deps
       };
     })), g.current = !1;
-  }, [t]), I = (x, E) => !x && !E ? !1 : !x || !E || x.length !== E.length ? !0 : x.some((C, N) => C !== E[N]);
+  }, [t]), I = (y, C) => !y && !C ? !1 : !y || !C || y.length !== C.length ? !0 : y.some((_, N) => _ !== C[N]);
   return J(() => {
-    const x = h.current !== e, E = p.current !== r, C = O.current !== s && (O.current === void 0 || s === void 0 || Object.keys(O.current).length !== Object.keys(s).length || Object.keys(s).some((R) => O.current?.[R] !== s[R])), N = /* @__PURE__ */ new Map();
+    const y = h.current !== e, C = p.current !== r, _ = T.current !== s && (T.current === void 0 || s === void 0 || Object.keys(T.current).length !== Object.keys(s).length || Object.keys(s).some((R) => T.current?.[R] !== s[R])), N = /* @__PURE__ */ new Map();
     r.forEach((R) => {
       if (R.deps && R.deps.length > 0) {
-        const k = b.current.get(R.id), A = D.get(R.id);
-        N.set(R.id, I(k, A)), A ? b.current.set(R.id, A) : b.current.delete(R.id);
+        const E = x.current.get(R.id), A = D.get(R.id);
+        N.set(R.id, I(E, A)), A ? x.current.set(R.id, A) : x.current.delete(R.id);
       }
     });
     const $ = new Set(r.map((R) => R.id));
-    b.current.forEach((R, k) => {
-      $.has(k) || b.current.delete(k);
+    x.current.forEach((R, E) => {
+      $.has(E) || x.current.delete(E);
     });
-    const z = Array.from(N.values()).some((R) => R) || C;
-    x && !E && !z ? (g.current = !0, u((R) => R.map((k) => {
-      const A = r.find((ie) => ie.id === k.id);
+    const z = Array.from(N.values()).some((R) => R) || _;
+    y && !C && !z ? (g.current = !0, u((R) => R.map((E) => {
+      const A = r.find((ie) => ie.id === E.id);
       if (!A)
-        return k;
+        return E;
       const W = l(A, s);
       return {
-        ...k,
+        ...E,
         noMove: !e,
         noResize: !e,
         locked: A.locked,
@@ -4057,10 +4057,10 @@ const _d = (r, e, t) => f("div", {
         _originalContent: W,
         content: a(W, A.meta, e)
       };
-    }))) : (E || z) && u((R) => {
-      const k = new Map(R.map((A) => [A.id, A]));
+    }))) : (C || z) && u((R) => {
+      const E = new Map(R.map((A) => [A.id, A]));
       return r.map((A) => {
-        const W = k.get(A.id), ie = N.get(A.id) ?? !1;
+        const W = E.get(A.id), ie = N.get(A.id) ?? !1;
         let ce;
         ie || !W ? ce = l(A, s) : ce = W._originalContent ?? l(A, s);
         const ne = {
@@ -4077,7 +4077,7 @@ const _d = (r, e, t) => f("div", {
         }, ve = W?.x ?? A.x, X = W?.y ?? A.y;
         return ve !== void 0 && (ne.x = ve), X !== void 0 && (ne.y = X), ne;
       });
-    }), h.current = e, p.current = r, O.current = s;
+    }), h.current = e, p.current = r, T.current = s;
   }, [r, e, a, D, s]), f(Ci, {
     className: se(i && "h-full flex-1 overflow-auto"),
     options: o,
@@ -4230,16 +4230,16 @@ const Vp = [
   "file",
   "flag"
 ], Aa = ({ title: r, draggable: e = !1, onDragStart: t, onDragEnd: n, isDragging: i = !1, AIButton: s, actions: a, children: o, selected: l = !1 }) => {
-  const [c, d] = re(!1), [u, h] = re(!1), p = zr(), g = (_) => {
-    d(_);
-  }, b = u || c;
+  const [c, d] = re(!1), [u, h] = re(!1), p = zr(), g = (k) => {
+    d(k);
+  }, x = u || c;
   return J(() => {
     if (!i || !n) return;
-    const _ = () => {
+    const k = () => {
       n();
     };
-    return document.addEventListener("mouseup", _), () => {
-      document.removeEventListener("mouseup", _);
+    return document.addEventListener("mouseup", k), () => {
+      document.removeEventListener("mouseup", k);
     };
   }, [i, n]), V("div", {
     className: se("group relative flex h-full w-full flex-col overflow-hidden rounded-xl border border-solid border-f1-border bg-f1-background transition-all duration-200", e && c ? "border-f1-border-hover" : e && "hover:border-f1-border-hover", l && "border-f1-border-selected-bold shadow-[0_0_0_4px_hsl(var(--selected-50)/0.1)]", i && "cursor-grabbing border-f1-border-hover shadow-[0_6px_12px_0_hsl(var(--shadow)/0.06),0_16px_24px_-12px_hsl(var(--shadow)/0.05)]"),
@@ -4266,7 +4266,7 @@ const Vp = [
           })
         })]
       }), f(vl, {
-        children: (s || a) && b && V(bi.div, {
+        children: (s || a) && x && V(bi.div, {
           className: se("flex shrink-0 items-center gap-0.5 pr-2", !a && "pr-4"),
           initial: {
             opacity: 0
@@ -4337,7 +4337,7 @@ const Vp = [
   })]
 });
 Aa.displayName = "F0Widget";
-const Nd = Ks(Aa, Rd), Ad = ({ children: r, title: e, draggable: t = !1, actions: n, aiButton: i }) => f(Nd, {
+const Nd = Ys(Aa, Rd), Ad = ({ children: r, title: e, draggable: t = !1, actions: n, aiButton: i }) => f(Nd, {
   title: e,
   draggable: t,
   actions: n,
@@ -4390,7 +4390,7 @@ const Td = Ed("Dashboard", Ta), jp = it("Dashboard", Td), Od = Vt({
     ...c,
     children: [p && V("div", {
       className: "absolute right-0 top-0 flex items-center justify-end gap-2 p-4",
-      children: [!!l && l, h.length > 0 && f(fc, {
+      children: [!!l && l, h.length > 0 && f(dc, {
         items: Md(u)
       })]
     }), f("div", {
@@ -4444,7 +4444,7 @@ const Ld = ({ title: r = "", description: e, titleLevel: t = "h2", children: n,
   }, [i, e]), f("div", {
     ref: n,
     ...t,
-    children: i.map((a, o) => f(ac, {
+    children: i.map((a, o) => f(nc, {
       children: a
     }, o))
   });
@@ -4492,7 +4492,7 @@ function ur(r) {
 }
 const ft = Tn ? ni : J;
 function On(r) {
-  const e = Y(r);
+  const e = K(r);
   return ft(() => {
     e.current = r;
   }), de(function() {
@@ -4502,7 +4502,7 @@ function On(r) {
   }, []);
 }
 function Hd() {
-  const r = Y(null), e = de((n, i) => {
+  const r = K(null), e = de((n, i) => {
     r.current = setInterval(n, i);
   }, []), t = de(() => {
     r.current !== null && (clearInterval(r.current), r.current = null);
@@ -4511,13 +4511,13 @@ function Hd() {
 }
 function Ar(r, e) {
   e === void 0 && (e = [r]);
-  const t = Y(r);
+  const t = K(r);
   return ft(() => {
     t.current !== r && (t.current = r);
   }, e), t;
 }
 function Hr(r, e) {
-  const t = Y();
+  const t = K();
   return q(
     () => {
       const n = r(t.current);
@@ -4528,7 +4528,7 @@ function Hr(r, e) {
   );
 }
 function ln(r) {
-  const e = On(r), t = Y(null), n = de(
+  const e = On(r), t = K(null), n = de(
     (i) => {
       i !== t.current && e?.(i, t.current), t.current = i;
     },
@@ -4538,7 +4538,7 @@ function ln(r) {
   return [t, n];
 }
 function cn(r) {
-  const e = Y();
+  const e = K();
   return J(() => {
     e.current = r;
   }, [r]), e.current;
@@ -4717,7 +4717,7 @@ function qd(r) {
     return e(r);
   }, [r, e]);
 }
-function Yd() {
+function Kd() {
   const [r] = re(() => /* @__PURE__ */ new Set()), e = de((n) => (r.add(n), () => r.delete(n)), [r]);
   return [de((n) => {
     let {
@@ -4730,7 +4730,7 @@ function Yd() {
     });
   }, [r]), e];
 }
-const Kd = {
+const Yd = {
   draggable: `
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
@@ -4769,7 +4769,7 @@ function Jd(r) {
     announcements: e = Xd,
     container: t,
     hiddenTextDescribedById: n,
-    screenReaderInstructions: i = Kd
+    screenReaderInstructions: i = Yd
   } = r;
   const {
     announce: s,
@@ -5197,11 +5197,11 @@ function gu(r, e, t, n, i) {
   }, g = {
     x: 0,
     y: 0
-  }, b = {
+  }, x = {
     height: e.height * i.y,
     width: e.width * i.x
   };
-  return !c && s <= e.top + b.height ? (p.y = Ne.Backward, g.y = n * Math.abs((e.top + b.height - s) / b.height)) : !d && l >= e.bottom - b.height && (p.y = Ne.Forward, g.y = n * Math.abs((e.bottom - b.height - l) / b.height)), !h && o >= e.right - b.width ? (p.x = Ne.Forward, g.x = n * Math.abs((e.right - b.width - o) / b.width)) : !u && a <= e.left + b.width && (p.x = Ne.Backward, g.x = n * Math.abs((e.left + b.width - a) / b.width)), {
+  return !c && s <= e.top + x.height ? (p.y = Ne.Backward, g.y = n * Math.abs((e.top + x.height - s) / x.height)) : !d && l >= e.bottom - x.height && (p.y = Ne.Forward, g.y = n * Math.abs((e.bottom - x.height - l) / x.height)), !h && o >= e.right - x.width ? (p.x = Ne.Forward, g.x = n * Math.abs((e.right - x.width - o) / x.width)) : !u && a <= e.left + x.width && (p.x = Ne.Backward, g.x = n * Math.abs((e.left + x.width - a) / x.width)), {
     direction: p,
     speed: g
   };
@@ -5410,42 +5410,42 @@ class Ni {
         }, {
           scrollableAncestors: g
         } = n.current;
-        for (const b of g) {
-          const _ = e.code, {
-            isTop: O,
+        for (const x of g) {
+          const k = e.code, {
+            isTop: T,
             isRight: D,
             isLeft: S,
             isBottom: I,
-            maxScroll: x,
-            minScroll: E
-          } = $a(b), C = vu(b), N = {
-            x: Math.min(_ === oe.Right ? C.right - C.width / 2 : C.right, Math.max(_ === oe.Right ? C.left : C.left + C.width / 2, u.x)),
-            y: Math.min(_ === oe.Down ? C.bottom - C.height / 2 : C.bottom, Math.max(_ === oe.Down ? C.top : C.top + C.height / 2, u.y))
-          }, $ = _ === oe.Right && !D || _ === oe.Left && !S, z = _ === oe.Down && !I || _ === oe.Up && !O;
+            maxScroll: y,
+            minScroll: C
+          } = $a(x), _ = vu(x), N = {
+            x: Math.min(k === oe.Right ? _.right - _.width / 2 : _.right, Math.max(k === oe.Right ? _.left : _.left + _.width / 2, u.x)),
+            y: Math.min(k === oe.Down ? _.bottom - _.height / 2 : _.bottom, Math.max(k === oe.Down ? _.top : _.top + _.height / 2, u.y))
+          }, $ = k === oe.Right && !D || k === oe.Left && !S, z = k === oe.Down && !I || k === oe.Up && !T;
           if ($ && N.x !== u.x) {
-            const R = b.scrollLeft + h.x, k = _ === oe.Right && R <= x.x || _ === oe.Left && R >= E.x;
-            if (k && !h.y) {
-              b.scrollTo({
+            const R = x.scrollLeft + h.x, E = k === oe.Right && R <= y.x || k === oe.Left && R >= C.x;
+            if (E && !h.y) {
+              x.scrollTo({
                 left: R,
                 behavior: o
               });
               return;
             }
-            k ? p.x = b.scrollLeft - R : p.x = _ === oe.Right ? b.scrollLeft - x.x : b.scrollLeft - E.x, p.x && b.scrollBy({
+            E ? p.x = x.scrollLeft - R : p.x = k === oe.Right ? x.scrollLeft - y.x : x.scrollLeft - C.x, p.x && x.scrollBy({
               left: -p.x,
               behavior: o
             });
             break;
           } else if (z && N.y !== u.y) {
-            const R = b.scrollTop + h.y, k = _ === oe.Down && R <= x.y || _ === oe.Up && R >= E.y;
-            if (k && !h.x) {
-              b.scrollTo({
+            const R = x.scrollTop + h.y, E = k === oe.Down && R <= y.y || k === oe.Up && R >= C.y;
+            if (E && !h.x) {
+              x.scrollTo({
                 top: R,
                 behavior: o
               });
               return;
             }
-            k ? p.y = b.scrollTop - R : p.y = _ === oe.Down ? b.scrollTop - x.y : b.scrollTop - E.y, p.y && b.scrollBy({
+            E ? p.y = x.scrollTop - R : p.y = k === oe.Down ? x.scrollTop - y.y : x.scrollTop - C.y, p.y && x.scrollBy({
               top: -p.y,
               behavior: o
             });
@@ -5679,7 +5679,7 @@ Su.activators = [{
     }), !0);
   }
 }];
-const Yn = {
+const Kn = {
   cancel: {
     name: "touchcancel"
   },
@@ -5692,14 +5692,14 @@ const Yn = {
 };
 class Du extends Ai {
   constructor(e) {
-    super(e, Yn);
+    super(e, Kn);
   }
   static setup() {
-    return window.addEventListener(Yn.move.name, e, {
+    return window.addEventListener(Kn.move.name, e, {
       capture: !1,
       passive: !1
     }), function() {
-      window.removeEventListener(Yn.move.name, e);
+      window.removeEventListener(Kn.move.name, e);
     };
     function e() {
     }
@@ -5747,10 +5747,10 @@ function Ru(r) {
   const p = Au({
     delta: u,
     disabled: !s
-  }), [g, b] = Hd(), _ = Y({
+  }), [g, x] = Hd(), k = K({
     x: 0,
     y: 0
-  }), O = Y({
+  }), T = K({
     x: 0,
     y: 0
   }), D = q(() => {
@@ -5765,50 +5765,50 @@ function Ru(r) {
       case _r.DraggableRect:
         return i;
     }
-  }, [t, i, l]), S = Y(null), I = de(() => {
-    const E = S.current;
-    if (!E)
+  }, [t, i, l]), S = K(null), I = de(() => {
+    const C = S.current;
+    if (!C)
       return;
-    const C = _.current.x * O.current.x, N = _.current.y * O.current.y;
-    E.scrollBy(C, N);
-  }, []), x = q(() => o === hn.TreeOrder ? [...c].reverse() : c, [o, c]);
+    const _ = k.current.x * T.current.x, N = k.current.y * T.current.y;
+    C.scrollBy(_, N);
+  }, []), y = q(() => o === hn.TreeOrder ? [...c].reverse() : c, [o, c]);
   J(
     () => {
       if (!s || !c.length || !D) {
-        b();
+        x();
         return;
       }
-      for (const E of x) {
-        if (n?.(E) === !1)
+      for (const C of y) {
+        if (n?.(C) === !1)
           continue;
-        const C = c.indexOf(E), N = d[C];
+        const _ = c.indexOf(C), N = d[_];
         if (!N)
           continue;
         const {
           direction: $,
           speed: z
-        } = gu(E, N, D, e, h);
+        } = gu(C, N, D, e, h);
         for (const R of ["x", "y"])
           p[R][$[R]] || (z[R] = 0, $[R] = 0);
         if (z.x > 0 || z.y > 0) {
-          b(), S.current = E, g(I, a), _.current = z, O.current = $;
+          x(), S.current = C, g(I, a), k.current = z, T.current = $;
           return;
         }
       }
-      _.current = {
+      k.current = {
         x: 0,
         y: 0
-      }, O.current = {
+      }, T.current = {
         x: 0,
         y: 0
-      }, b();
+      }, x();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       e,
       I,
       n,
-      b,
+      x,
       s,
       a,
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5817,7 +5817,7 @@ function Ru(r) {
       JSON.stringify(p),
       g,
       c,
-      x,
+      y,
       d,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(h)
@@ -5896,12 +5896,12 @@ function Mu(r, e) {
     frequency: o,
     measure: l,
     strategy: c
-  } = i, d = Y(r), u = _(), h = Ar(u), p = de(function(O) {
-    O === void 0 && (O = []), !h.current && a((D) => D === null ? O : D.concat(O.filter((S) => !D.includes(S))));
-  }, [h]), g = Y(null), b = Hr((O) => {
+  } = i, d = K(r), u = k(), h = Ar(u), p = de(function(T) {
+    T === void 0 && (T = []), !h.current && a((D) => D === null ? T : D.concat(T.filter((S) => !D.includes(S))));
+  }, [h]), g = K(null), x = Hr((T) => {
     if (u && !t)
       return cs;
-    if (!O || O === cs || d.current !== r || s != null) {
+    if (!T || T === cs || d.current !== r || s != null) {
       const D = /* @__PURE__ */ new Map();
       for (let S of r) {
         if (!S)
@@ -5910,12 +5910,12 @@ function Mu(r, e) {
           D.set(S.id, S.rect.current);
           continue;
         }
-        const I = S.node.current, x = I ? new Ri(l(I), I) : null;
-        S.rect.current = x, x && D.set(S.id, x);
+        const I = S.node.current, y = I ? new Ri(l(I), I) : null;
+        S.rect.current = y, y && D.set(S.id, y);
       }
       return D;
     }
-    return O;
+    return T;
   }, [r, s, t, u, l]);
   return J(() => {
     d.current = r;
@@ -5940,11 +5940,11 @@ function Mu(r, e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [o, u, p, ...n]
   ), {
-    droppableRects: b,
+    droppableRects: x,
     measureDroppableContainers: p,
     measuringScheduled: s != null
   };
-  function _() {
+  function k() {
     switch (c) {
       case Or.Always:
         return !1;
@@ -6043,13 +6043,13 @@ function zu(r) {
 }
 const us = [];
 function Fu(r) {
-  const e = Y(r), t = Hr((n) => r ? n && n !== us && r && e.current && r.parentNode === e.current.parentNode ? n : In(r) : us, [r]);
+  const e = K(r), t = Hr((n) => r ? n && n !== us && r && e.current && r.parentNode === e.current.parentNode ? n : In(r) : us, [r]);
   return J(() => {
     e.current = r;
   }, [r]), t;
 }
 function Bu(r) {
-  const [e, t] = re(null), n = Y(r), i = de((s) => {
+  const [e, t] = re(null), n = K(r), i = de((s) => {
     const a = Zn(s.target);
     a && t((o) => o ? (o.set(a, si(a)), new Map(o)) : null);
   }, []);
@@ -6078,7 +6078,7 @@ function Bu(r) {
 }
 function hs(r, e) {
   e === void 0 && (e = []);
-  const t = Y(null);
+  const t = K(null);
   return J(
     () => {
       t.current = null;
@@ -6249,7 +6249,7 @@ const Uu = {
   measureDroppableContainers: un,
   windowRect: null,
   measuringScheduled: !1
-}, Ya = {
+}, Ka = {
   activatorEvent: null,
   activators: [],
   active: null,
@@ -6261,7 +6261,7 @@ const Uu = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: un
-}, jr = /* @__PURE__ */ Ct(Ya), Ka = /* @__PURE__ */ Ct(Uu);
+}, jr = /* @__PURE__ */ Ct(Ka), Ya = /* @__PURE__ */ Ct(Uu);
 function Zu() {
   return {
     draggable: {
@@ -6374,7 +6374,7 @@ function qu(r, e) {
       return r;
   }
 }
-function Yu(r) {
+function Ku(r) {
   let {
     disabled: e
   } = r;
@@ -6420,7 +6420,7 @@ function Xa(r, e) {
     ...n
   }), t) : t;
 }
-function Ku(r) {
+function Yu(r) {
   return q(
     () => ({
       draggable: {
@@ -6447,7 +6447,7 @@ function Xu(r) {
     initialRect: n,
     config: i = !0
   } = r;
-  const s = Y(!1), {
+  const s = K(!1), {
     x: a,
     y: o
   } = typeof i == "boolean" ? {
@@ -6483,7 +6483,7 @@ var Mt;
 (function(r) {
   r[r.Uninitialized = 0] = "Uninitialized", r[r.Initializing = 1] = "Initializing", r[r.Initialized = 2] = "Initialized";
 })(Mt || (Mt = {}));
-const Ju = /* @__PURE__ */ oc(function(e) {
+const Ju = /* @__PURE__ */ ic(function(e) {
   var t, n, i, s;
   let {
     id: a,
@@ -6496,42 +6496,42 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     modifiers: p,
     ...g
   } = e;
-  const b = lc(qu, void 0, Zu), [_, O] = b, [D, S] = Yd(), [I, x] = re(Mt.Uninitialized), E = I === Mt.Initialized, {
+  const x = sc(qu, void 0, Zu), [k, T] = x, [D, S] = Kd(), [I, y] = re(Mt.Uninitialized), C = I === Mt.Initialized, {
     draggable: {
-      active: C,
+      active: _,
       nodes: N,
       translate: $
     },
     droppable: {
       containers: z
     }
-  } = _, R = C != null ? N.get(C) : null, k = Y({
+  } = k, R = _ != null ? N.get(_) : null, E = K({
     initial: null,
     translated: null
   }), A = q(() => {
     var Le;
-    return C != null ? {
-      id: C,
+    return _ != null ? {
+      id: _,
       // It's possible for the active node to unmount while dragging
       data: (Le = R?.data) != null ? Le : Gu,
-      rect: k
+      rect: E
     } : null;
-  }, [C, R]), W = Y(null), [ie, ce] = re(null), [ne, ve] = re(null), X = Ar(g, Object.values(g)), xe = Vr("DndDescribedBy", a), Ge = q(() => z.getEnabled(), [z]), ye = Ku(h), {
+  }, [_, R]), W = K(null), [ie, ce] = re(null), [ne, ve] = re(null), X = Ar(g, Object.values(g)), xe = Vr("DndDescribedBy", a), Ge = q(() => z.getEnabled(), [z]), ye = Yu(h), {
     droppableRects: Pe,
     measureDroppableContainers: Re,
     measuringScheduled: Te
   } = Mu(Ge, {
-    dragging: E,
+    dragging: C,
     dependencies: [$.x, $.y],
     config: ye.droppable
-  }), Ee = Tu(N, C), Ve = q(() => ne ? dn(ne) : null, [ne]), me = fl(), we = Iu(Ee, ye.draggable.measure);
+  }), Ee = Tu(N, _), Ve = q(() => ne ? dn(ne) : null, [ne]), me = fl(), we = Iu(Ee, ye.draggable.measure);
   Xu({
-    activeNode: C != null ? N.get(C) : null,
+    activeNode: _ != null ? N.get(_) : null,
     config: me.layoutShiftCompensation,
     initialRect: we,
     measure: ye.draggable.measure
   });
-  const le = ds(Ee, ye.draggable.measure, we), Je = ds(Ee ? Ee.parentElement : null), Oe = Y({
+  const le = ds(Ee, ye.draggable.measure, we), Je = ds(Ee ? Ee.parentElement : null), Oe = K({
     activatorEvent: null,
     active: null,
     activeNode: Ee,
@@ -6547,7 +6547,7 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     scrollAdjustedTranslate: null
   }), Me = z.getNodeFor((t = Oe.current.over) == null ? void 0 : t.id), Ie = $u({
     measure: ye.dragOverlay.measure
-  }), Ue = (n = Ie.nodeRef.current) != null ? n : Ee, lt = E ? (i = Ie.rect) != null ? i : le : null, Et = !!(Ie.nodeRef.current && Ie.rect), m = zu(Et ? null : le), v = Za(Ue ? He(Ue) : null), w = Fu(E ? Me ?? Ee : null), M = ju(w), L = Xa(p, {
+  }), Ue = (n = Ie.nodeRef.current) != null ? n : Ee, lt = C ? (i = Ie.rect) != null ? i : le : null, Et = !!(Ie.nodeRef.current && Ie.rect), m = zu(Et ? null : le), v = Za(Ue ? He(Ue) : null), w = Fu(C ? Me ?? Ee : null), M = ju(w), L = Xa(p, {
     transform: {
       x: $.x - m.x,
       y: $.y - m.y,
@@ -6564,13 +6564,13 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     scrollableAncestors: w,
     scrollableAncestorRects: M,
     windowRect: v
-  }), T = Ve ? nr(Ve, $) : null, j = Bu(w), Q = hs(j), be = hs(j, [le]), pe = nr(L, Q), ze = lt ? cu(lt, L) : null, Wt = A && ze ? u({
+  }), O = Ve ? nr(Ve, $) : null, j = Bu(w), Q = hs(j), be = hs(j, [le]), pe = nr(L, Q), ze = lt ? cu(lt, L) : null, Wt = A && ze ? u({
     active: A,
     collisionRect: ze,
     droppableRects: Pe,
     droppableContainers: Ge,
-    pointerCoordinates: T
-  }) : null, qt = Pa(Wt, "id"), [Qe, Gr] = re(null), Ur = Et ? L : nr(L, be), Vn = ou(Ur, (s = Qe?.rect) != null ? s : null, le), Yt = Y(null), Gi = de(
+    pointerCoordinates: O
+  }) : null, qt = Pa(Wt, "id"), [Qe, Gr] = re(null), Ur = Et ? L : nr(L, be), Vn = ou(Ur, (s = Qe?.rect) != null ? s : null, le), Kt = K(null), Gi = de(
     (Le, Ze) => {
       let {
         sensor: qe,
@@ -6581,10 +6581,10 @@ const Ju = /* @__PURE__ */ oc(function(e) {
       const et = N.get(W.current);
       if (!et)
         return;
-      const Ye = Le.nativeEvent, gt = new qe({
+      const Ke = Le.nativeEvent, gt = new qe({
         active: W.current,
         activeNode: et,
-        event: Ye,
+        event: Ke,
         options: Nt,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
@@ -6628,35 +6628,35 @@ const Ju = /* @__PURE__ */ oc(function(e) {
           const {
             onDragStart: kt
           } = X.current, fr = {
-            activatorEvent: Ye,
+            activatorEvent: Ke,
             active: {
               id: At,
               data: vt.data,
-              rect: k
+              rect: E
             }
           };
           Zr(() => {
-            kt?.(fr), x(Mt.Initializing), O({
+            kt?.(fr), y(Mt.Initializing), T({
               type: De.DragStart,
               initialCoordinates: Ae,
               active: At
             }), D({
               type: "onDragStart",
               event: fr
-            }), ce(Yt.current), ve(Ye);
+            }), ce(Kt.current), ve(Ke);
           });
         },
         onMove(Ae) {
-          O({
+          T({
             type: De.DragMove,
             coordinates: Ae
           });
         },
-        onEnd: Kt(De.DragEnd),
-        onCancel: Kt(De.DragCancel)
+        onEnd: Yt(De.DragEnd),
+        onCancel: Yt(De.DragCancel)
       });
-      Yt.current = gt;
-      function Kt(Ae) {
+      Kt.current = gt;
+      function Yt(Ae) {
         return async function() {
           const {
             active: vt,
@@ -6670,7 +6670,7 @@ const Ju = /* @__PURE__ */ oc(function(e) {
               cancelDrop: pr
             } = X.current;
             Tt = {
-              activatorEvent: Ye,
+              activatorEvent: Ke,
               active: vt,
               collisions: kt,
               delta: mr,
@@ -6678,9 +6678,9 @@ const Ju = /* @__PURE__ */ oc(function(e) {
             }, Ae === De.DragEnd && typeof pr == "function" && await Promise.resolve(pr(Tt)) && (Ae = De.DragCancel);
           }
           W.current = null, Zr(() => {
-            O({
+            T({
               type: Ae
-            }), x(Mt.Uninitialized), Gr(null), ce(null), ve(null), Yt.current = null;
+            }), y(Mt.Uninitialized), Gr(null), ce(null), ve(null), Kt.current = null;
             const pr = Ae === De.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Tt) {
               const jn = X.current[pr];
@@ -6696,23 +6696,23 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [N]
   ), dl = de((Le, Ze) => (qe, Nt) => {
-    const et = qe.nativeEvent, Ye = N.get(Nt);
+    const et = qe.nativeEvent, Ke = N.get(Nt);
     if (
       // Another sensor is already instantiating
       W.current !== null || // No active draggable
-      !Ye || // Event has already been captured
+      !Ke || // Event has already been captured
       et.dndKit || et.defaultPrevented
     )
       return;
     const gt = {
-      active: Ye
+      active: Ke
     };
     Le(qe, Ze.options, gt) === !0 && (et.dndKit = {
       capturedBy: Ze.sensor
     }, W.current = Nt, Gi(qe, Ze));
   }, [N, Gi]), Ui = Ou(d, dl);
   Hu(d), ft(() => {
-    le && I === Mt.Initializing && x(Mt.Initialized);
+    le && I === Mt.Initializing && y(Mt.Initialized);
   }, [le, I]), J(
     () => {
       const {
@@ -6725,7 +6725,7 @@ const Ju = /* @__PURE__ */ oc(function(e) {
       } = Oe.current;
       if (!Ze || !qe)
         return;
-      const Ye = {
+      const Ke = {
         active: Ze,
         activatorEvent: qe,
         collisions: Nt,
@@ -6736,9 +6736,9 @@ const Ju = /* @__PURE__ */ oc(function(e) {
         over: et
       };
       Zr(() => {
-        Le?.(Ye), D({
+        Le?.(Ke), D({
           type: "onDragMove",
-          event: Ye
+          event: Ke
         });
       });
     },
@@ -6756,8 +6756,8 @@ const Ju = /* @__PURE__ */ oc(function(e) {
       if (!Le || W.current == null || !Ze || !et)
         return;
       const {
-        onDragOver: Ye
-      } = X.current, gt = Nt.get(qt), Kt = gt && gt.rect.current ? {
+        onDragOver: Ke
+      } = X.current, gt = Nt.get(qt), Yt = gt && gt.rect.current ? {
         id: gt.id,
         rect: gt.rect.current,
         data: gt.data,
@@ -6770,10 +6770,10 @@ const Ju = /* @__PURE__ */ oc(function(e) {
           x: et.x,
           y: et.y
         },
-        over: Kt
+        over: Yt
       };
       Zr(() => {
-        Gr(Kt), Ye?.(Ae), D({
+        Gr(Yt), Ke?.(Ae), D({
           type: "onDragOver",
           event: Ae
         });
@@ -6796,7 +6796,7 @@ const Ju = /* @__PURE__ */ oc(function(e) {
       over: Qe,
       scrollableAncestors: w,
       scrollAdjustedTranslate: pe
-    }, k.current = {
+    }, E.current = {
       initial: lt,
       translated: ze
     };
@@ -6804,7 +6804,7 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     ...me,
     delta: $,
     draggingRect: ze,
-    pointerCoordinates: T,
+    pointerCoordinates: O,
     scrollableAncestors: w,
     scrollableAncestorRects: M
   });
@@ -6834,27 +6834,27 @@ const Ju = /* @__PURE__ */ oc(function(e) {
     ariaDescribedById: {
       draggable: xe
     },
-    dispatch: O,
+    dispatch: T,
     draggableNodes: N,
     over: Qe,
     measureDroppableContainers: Re
-  }), [ne, Ui, A, le, O, xe, N, Qe, Re]);
+  }), [ne, Ui, A, le, T, xe, N, Qe, Re]);
   return B.createElement(La.Provider, {
     value: S
   }, B.createElement(jr.Provider, {
     value: hl
-  }, B.createElement(Ka.Provider, {
+  }, B.createElement(Ya.Provider, {
     value: ul
   }, B.createElement(Pn.Provider, {
     value: Vn
-  }, c)), B.createElement(Yu, {
+  }, c)), B.createElement(Ku, {
     disabled: o?.restoreFocus === !1
   })), B.createElement(Jd, {
     ...o,
     hiddenTextDescribedById: xe
   }));
   function fl() {
-    const Le = ie?.autoScrollEnabled === !1, Ze = typeof l == "object" ? l.enabled === !1 : l === !1, qe = E && !Le && !Ze;
+    const Le = ie?.autoScrollEnabled === !1, Ze = typeof l == "object" ? l.enabled === !1 : l === !1, qe = C && !Le && !Ze;
     return typeof l == "object" ? {
       ...l,
       enabled: qe
@@ -6881,15 +6881,15 @@ function th(r) {
   } = ht(jr), {
     role: p = ms,
     roleDescription: g = "draggable",
-    tabIndex: b = 0
-  } = i ?? {}, _ = l?.id === e, O = ht(_ ? Pn : Qu), [D, S] = ln(), [I, x] = ln(), E = Vu(a, e), C = Ar(t);
+    tabIndex: x = 0
+  } = i ?? {}, k = l?.id === e, T = ht(k ? Pn : Qu), [D, S] = ln(), [I, y] = ln(), C = Vu(a, e), _ = Ar(t);
   ft(
     () => (u.set(e, {
       id: e,
       key: s,
       node: D,
       activatorNode: I,
-      data: C
+      data: _
     }), () => {
       const $ = u.get(e);
       $ && $.key === s && u.delete(e);
@@ -6899,28 +6899,28 @@ function th(r) {
   );
   const N = q(() => ({
     role: p,
-    tabIndex: b,
+    tabIndex: x,
     "aria-disabled": n,
-    "aria-pressed": _ && p === ms ? !0 : void 0,
+    "aria-pressed": k && p === ms ? !0 : void 0,
     "aria-roledescription": g,
     "aria-describedby": d.draggable
-  }), [n, p, b, _, g, d.draggable]);
+  }), [n, p, x, k, g, d.draggable]);
   return {
     active: l,
     activatorEvent: o,
     activeNodeRect: c,
     attributes: N,
-    isDragging: _,
-    listeners: n ? void 0 : E,
+    isDragging: k,
+    listeners: n ? void 0 : C,
     node: D,
     over: h,
     setNodeRef: S,
-    setActivatorNodeRef: x,
-    transform: O
+    setActivatorNodeRef: y,
+    transform: T
   };
 }
 function Ja() {
-  return ht(Ka);
+  return ht(Ya);
 }
 const rh = "Droppable", nh = {
   timeout: 25
@@ -6937,45 +6937,45 @@ function ih(r) {
     dispatch: o,
     over: l,
     measureDroppableContainers: c
-  } = ht(jr), d = Y({
+  } = ht(jr), d = K({
     disabled: t
-  }), u = Y(!1), h = Y(null), p = Y(null), {
+  }), u = K(!1), h = K(null), p = K(null), {
     disabled: g,
-    updateMeasurementsFor: b,
-    timeout: _
+    updateMeasurementsFor: x,
+    timeout: k
   } = {
     ...nh,
     ...i
-  }, O = Ar(b ?? n), D = de(
+  }, T = Ar(x ?? n), D = de(
     () => {
       if (!u.current) {
         u.current = !0;
         return;
       }
       p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
-        c(Array.isArray(O.current) ? O.current : [O.current]), p.current = null;
-      }, _);
+        c(Array.isArray(T.current) ? T.current : [T.current]), p.current = null;
+      }, k);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
-    [_]
+    [k]
   ), S = Ln({
     callback: D,
     disabled: g || !a
   }), I = de((N, $) => {
     S && ($ && (S.unobserve($), u.current = !1), N && S.observe(N));
-  }, [S]), [x, E] = ln(I), C = Ar(e);
+  }, [S]), [y, C] = ln(I), _ = Ar(e);
   return J(() => {
-    !S || !x.current || (S.disconnect(), u.current = !1, S.observe(x.current));
-  }, [x, S]), J(
+    !S || !y.current || (S.disconnect(), u.current = !1, S.observe(y.current));
+  }, [y, S]), J(
     () => (o({
       type: De.RegisterDroppable,
       element: {
         id: n,
         key: s,
         disabled: t,
-        node: x,
+        node: y,
         rect: h,
-        data: C
+        data: _
       }
     }), () => o({
       type: De.UnregisterDroppable,
@@ -6995,9 +6995,9 @@ function ih(r) {
     active: a,
     rect: h,
     isOver: l?.id === n,
-    node: x,
+    node: y,
     over: l,
-    setNodeRef: E
+    setNodeRef: C
   };
 }
 function sh(r) {
@@ -7017,7 +7017,7 @@ function sh(r) {
     Promise.resolve(e(c, s)).then(() => {
       i(null);
     });
-  }, [e, n, s]), B.createElement(B.Fragment, null, t, n ? cc(n, {
+  }, [e, n, s]), B.createElement(B.Fragment, null, t, n ? ac(n, {
     ref: a
   }) : null);
 }
@@ -7032,7 +7032,7 @@ function oh(r) {
     children: e
   } = r;
   return B.createElement(jr.Provider, {
-    value: Ya
+    value: Ka
   }, B.createElement(Pn.Provider, {
     value: ah
   }, e));
@@ -7198,21 +7198,21 @@ function ph(r) {
         initial: l,
         final: h
       }
-    }), [g] = p, b = p[p.length - 1];
-    if (JSON.stringify(g) === JSON.stringify(b))
+    }), [g] = p, x = p[p.length - 1];
+    if (JSON.stringify(g) === JSON.stringify(x))
       return;
-    const _ = n?.({
+    const k = n?.({
       active: a,
       dragOverlay: o,
       ...c
-    }), O = o.node.animate(p, {
+    }), T = o.node.animate(p, {
       duration: e,
       easing: t,
       fill: "forwards"
     });
     return new Promise((D) => {
-      O.onfinish = () => {
-        _?.(), D();
+      T.onfinish = () => {
+        k?.(), D();
       };
     });
   };
@@ -7242,35 +7242,35 @@ const vh = /* @__PURE__ */ B.memo((r) => {
     activeNodeRect: h,
     containerNodeRect: p,
     draggableNodes: g,
-    droppableContainers: b,
-    dragOverlay: _,
-    over: O,
+    droppableContainers: x,
+    dragOverlay: k,
+    over: T,
     measuringConfiguration: D,
     scrollableAncestors: S,
     scrollableAncestorRects: I,
-    windowRect: x
-  } = Ja(), E = ht(Pn), C = gh(u?.id), N = Xa(a, {
+    windowRect: y
+  } = Ja(), C = ht(Pn), _ = gh(u?.id), N = Xa(a, {
     activatorEvent: d,
     active: u,
     activeNodeRect: h,
     containerNodeRect: p,
-    draggingNodeRect: _.rect,
-    over: O,
-    overlayNodeRect: _.rect,
+    draggingNodeRect: k.rect,
+    over: T,
+    overlayNodeRect: k.rect,
     scrollableAncestors: S,
     scrollableAncestorRects: I,
-    transform: E,
-    windowRect: x
+    transform: C,
+    windowRect: y
   }), $ = Oi(h), z = mh({
     config: n,
     draggableNodes: g,
-    droppableContainers: b,
+    droppableContainers: x,
     measuringConfiguration: D
-  }), R = $ ? _.setRef : void 0;
+  }), R = $ ? k.setRef : void 0;
   return B.createElement(oh, null, B.createElement(sh, {
     animation: z
-  }, u && C ? B.createElement(dh, {
-    key: C,
+  }, u && _ ? B.createElement(dh, {
+    key: _,
     id: u.id,
     ref: R,
     as: o,
@@ -7296,7 +7296,7 @@ function yh(r, e) {
     return s && (t[i] = s), t;
   }, Array(r.length));
 }
-function Kr(r) {
+function Yr(r) {
   return r !== null && r >= 0;
 }
 function bh(r, e) {
@@ -7357,29 +7357,29 @@ function wh(r) {
     droppableRects: l,
     over: c,
     measureDroppableContainers: d
-  } = Ja(), u = Vr(eo, t), h = o.rect !== null, p = q(() => n.map((E) => typeof E == "object" && "id" in E ? E.id : E), [n]), g = a != null, b = a ? p.indexOf(a.id) : -1, _ = c ? p.indexOf(c.id) : -1, O = Y(p), D = !bh(p, O.current), S = _ !== -1 && b === -1 || D, I = xh(s);
+  } = Ja(), u = Vr(eo, t), h = o.rect !== null, p = q(() => n.map((C) => typeof C == "object" && "id" in C ? C.id : C), [n]), g = a != null, x = a ? p.indexOf(a.id) : -1, k = c ? p.indexOf(c.id) : -1, T = K(p), D = !bh(p, T.current), S = k !== -1 && x === -1 || D, I = xh(s);
   ft(() => {
     D && g && d(p);
   }, [D, p, g, d]), J(() => {
-    O.current = p;
+    T.current = p;
   }, [p]);
-  const x = q(
+  const y = q(
     () => ({
-      activeIndex: b,
+      activeIndex: x,
       containerId: u,
       disabled: I,
       disableTransforms: S,
       items: p,
-      overIndex: _,
+      overIndex: k,
       useDragOverlay: h,
       sortedRects: yh(p, l),
       strategy: i
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [b, u, I.draggable, I.droppable, S, p, _, l, h, i]
+    [x, u, I.draggable, I.droppable, S, p, k, l, h, i]
   );
   return B.createElement(to.Provider, {
-    value: x
+    value: y
   }, e);
 }
 const _h = (r) => {
@@ -7420,7 +7420,7 @@ function Dh(r) {
     node: n,
     rect: i
   } = r;
-  const [s, a] = re(null), o = Y(t);
+  const [s, a] = re(null), o = K(t);
   return ft(() => {
     if (!e && t !== o.current && n.current) {
       const l = i.current;
@@ -7459,33 +7459,33 @@ function Rh(r) {
     activeIndex: h,
     disabled: p,
     disableTransforms: g,
-    sortedRects: b,
-    overIndex: _,
-    useDragOverlay: O,
+    sortedRects: x,
+    overIndex: k,
+    useDragOverlay: T,
     strategy: D
-  } = ht(to), S = Nh(n, p), I = d.indexOf(a), x = q(() => ({
+  } = ht(to), S = Nh(n, p), I = d.indexOf(a), y = q(() => ({
     sortable: {
       containerId: u,
       index: I,
       items: d
     },
     ...i
-  }), [u, i, I, d]), E = q(() => d.slice(d.indexOf(a)), [d, a]), {
-    rect: C,
+  }), [u, i, I, d]), C = q(() => d.slice(d.indexOf(a)), [d, a]), {
+    rect: _,
     node: N,
     isOver: $,
     setNodeRef: z
   } = ih({
     id: a,
-    data: x,
+    data: y,
     disabled: S.droppable,
     resizeObserverConfig: {
-      updateMeasurementsFor: E,
+      updateMeasurementsFor: C,
       ...l
     }
   }), {
     active: R,
-    activatorEvent: k,
+    activatorEvent: E,
     activeNodeRect: A,
     attributes: W,
     setNodeRef: ie,
@@ -7496,24 +7496,24 @@ function Rh(r) {
     transform: xe
   } = th({
     id: a,
-    data: x,
+    data: y,
     attributes: {
       ...Sh,
       ...t
     },
     disabled: S.draggable
-  }), Ge = Bd(z, ie), ye = !!R, Pe = ye && !g && Kr(h) && Kr(_), Re = !O && ne, Te = Re && Pe ? xe : null, Ve = Pe ? Te ?? (o ?? D)({
-    rects: b,
+  }), Ge = Bd(z, ie), ye = !!R, Pe = ye && !g && Yr(h) && Yr(k), Re = !T && ne, Te = Re && Pe ? xe : null, Ve = Pe ? Te ?? (o ?? D)({
+    rects: x,
     activeNodeRect: A,
     activeIndex: h,
-    overIndex: _,
+    overIndex: k,
     index: I
-  }) : null, me = Kr(h) && Kr(_) ? s({
+  }) : null, me = Yr(h) && Yr(k) ? s({
     id: a,
     items: d,
     activeIndex: h,
-    overIndex: _
-  }) : I, we = R?.id, le = Y({
+    overIndex: k
+  }) : I, we = R?.id, le = K({
     activeId: we,
     items: d,
     newIndex: me,
@@ -7535,7 +7535,7 @@ function Rh(r) {
     disabled: !Oe,
     index: I,
     node: N,
-    rect: C
+    rect: _
   });
   return J(() => {
     ye && le.current.newIndex !== me && (le.current.newIndex = me), u !== le.current.containerId && (le.current.containerId = u), d !== le.current.items && (le.current.items = d);
@@ -7554,8 +7554,8 @@ function Rh(r) {
     active: R,
     activeIndex: h,
     attributes: W,
-    data: x,
-    rect: C,
+    data: y,
+    rect: _,
     index: I,
     newIndex: me,
     items: d,
@@ -7564,7 +7564,7 @@ function Rh(r) {
     isDragging: ne,
     listeners: ce,
     node: N,
-    overIndex: _,
+    overIndex: k,
     over: ve,
     setNodeRef: Ge,
     setActivatorNodeRef: X,
@@ -7580,7 +7580,7 @@ function Rh(r) {
       Je && le.current.newIndex === I
     )
       return kh;
-    if (!(Re && !Mn(k) || !c) && (ye || Oe))
+    if (!(Re && !Mn(E) || !c) && (ye || Oe))
       return Ft.Transition.toString({
         ...c,
         property: ro
@@ -7648,7 +7648,7 @@ const Ah = [oe.Down, oe.Right, oe.Up, oe.Left], Th = (r, e) => {
     if (d === a?.id && c.length > 1 && (d = c[1].id), d != null) {
       const u = s.get(t.id), h = s.get(d), p = h ? i.get(h.id) : null, g = h?.node.current;
       if (g && p && u && h) {
-        const _ = In(g).some((E, C) => o[C] !== E), O = no(u, h), D = Oh(u, h), S = _ || !O ? {
+        const k = In(g).some((C, _) => o[_] !== C), T = no(u, h), D = Oh(u, h), S = k || !T ? {
           x: 0,
           y: 0
         } : {
@@ -7689,7 +7689,7 @@ const gs = ({ id: r, children: e }) => {
 }, Ii = ({ blocks: r, sortable: e = !1, onSort: t = () => {
 }, main: n = !1 }) => {
   const [i, s] = re([]);
-  Ys(() => {
+  Ks(() => {
     s(r.map((u, h) => ({
       id: u.id ?? h.toString(),
       render: u.render
@@ -7702,8 +7702,8 @@ const gs = ({ id: r, children: e }) => {
   }, d = (u) => {
     const { active: h, over: p } = u;
     o(null), p && h.id !== p.id && s((g) => {
-      const b = g.findIndex((O) => O.id === h.id), _ = g.findIndex((O) => O.id === p.id);
-      return Mi(g, b, _);
+      const x = g.findIndex((T) => T.id === h.id), k = g.findIndex((T) => T.id === p.id);
+      return Mi(g, x, k);
     });
   };
   return f("div", {
@@ -7896,13 +7896,13 @@ function Wh(r, e) {
 }
 function Gh(r) {
   var e = r.option, t = r.isActive, n = $h(r, jh);
-  return typeof e == "string" ? /* @__PURE__ */ B.createElement(Yi, Er({
-    option: /* @__PURE__ */ B.createElement(mc, Er({
+  return typeof e == "string" ? /* @__PURE__ */ B.createElement(Ki, Er({
+    option: /* @__PURE__ */ B.createElement(uc, Er({
       type: e
     }, n)),
     isActive: t,
     shapeType: "symbols"
-  }, n)) : /* @__PURE__ */ B.createElement(Yi, Er({
+  }, n)) : /* @__PURE__ */ B.createElement(Ki, Er({
     option: e,
     isActive: t,
     shapeType: "symbols"
@@ -7961,16 +7961,16 @@ function Zh(r, e, t) {
   return e && ys(r.prototype, e), t && ys(r, t), Object.defineProperty(r, "prototype", { writable: !1 }), r;
 }
 function qh(r, e, t) {
-  return e = pn(e), Yh(r, oo() ? Reflect.construct(e, t || [], pn(r).constructor) : e.apply(r, t));
+  return e = pn(e), Kh(r, oo() ? Reflect.construct(e, t || [], pn(r).constructor) : e.apply(r, t));
 }
-function Yh(r, e) {
+function Kh(r, e) {
   if (e && (sr(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Kh(r);
+  return Yh(r);
 }
-function Kh(r) {
+function Yh(r) {
   if (r === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
@@ -8033,7 +8033,7 @@ var $r = /* @__PURE__ */ (function(r) {
       t.setState({
         isAnimationFinished: !1
       });
-    }), Pt(t, "id", wc("recharts-scatter-")), t;
+    }), Pt(t, "id", yc("recharts-scatter-")), t;
   }
   return Xh(e, r), Zh(e, [{
     key: "renderSymbolsStatically",
@@ -8044,7 +8044,7 @@ var $r = /* @__PURE__ */ (function(r) {
         return /* @__PURE__ */ B.createElement(gr, kr({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(d?.cx, "-").concat(d?.cy, "-").concat(d?.size, "-").concat(u)
-        }, pc(i.props, d, u), {
+        }, hc(i.props, d, u), {
           role: "img"
         }), /* @__PURE__ */ B.createElement(Gh, kr({
           option: p,
@@ -8057,7 +8057,7 @@ var $r = /* @__PURE__ */ (function(r) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var n = this, i = this.props, s = i.points, a = i.isAnimationActive, o = i.animationBegin, l = i.animationDuration, c = i.animationEasing, d = i.animationId, u = this.state.prevPoints;
-      return /* @__PURE__ */ B.createElement(gc, {
+      return /* @__PURE__ */ B.createElement(fc, {
         begin: o,
         duration: l,
         isActive: a,
@@ -8072,19 +8072,19 @@ var $r = /* @__PURE__ */ (function(r) {
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
       }, function(h) {
-        var p = h.t, g = s.map(function(b, _) {
-          var O = u && u[_];
-          if (O) {
-            var D = qr(O.cx, b.cx), S = qr(O.cy, b.cy), I = qr(O.size, b.size);
-            return tt(tt({}, b), {}, {
+        var p = h.t, g = s.map(function(x, k) {
+          var T = u && u[k];
+          if (T) {
+            var D = qr(T.cx, x.cx), S = qr(T.cy, x.cy), I = qr(T.size, x.size);
+            return tt(tt({}, x), {}, {
               cx: D(p),
               cy: S(p),
               size: I(p)
             });
           }
-          var x = qr(0, b.size);
-          return tt(tt({}, b), {}, {
-            size: x(p)
+          var y = qr(0, x.size);
+          return tt(tt({}, x), {}, {
+            size: y(p)
           });
         });
         return /* @__PURE__ */ B.createElement(gr, null, n.renderSymbolsStatically(g));
@@ -8102,7 +8102,7 @@ var $r = /* @__PURE__ */ (function(r) {
       var n = this.props.isAnimationActive;
       if (n && !this.state.isAnimationFinished)
         return null;
-      var i = this.props, s = i.points, a = i.xAxis, o = i.yAxis, l = i.children, c = ha(l, vc);
+      var i = this.props, s = i.points, a = i.xAxis, o = i.yAxis, l = i.children, c = ha(l, mc);
       return c ? c.map(function(d, u) {
         var h = d.props, p = h.direction, g = h.dataKey;
         return /* @__PURE__ */ B.cloneElement(d, {
@@ -8111,12 +8111,12 @@ var $r = /* @__PURE__ */ (function(r) {
           xAxis: a,
           yAxis: o,
           layout: p === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(_, O) {
+          dataPointFormatter: function(k, T) {
             return {
-              x: _.cx,
-              y: _.cy,
-              value: p === "x" ? +_.node.x : +_.node.y,
-              errorVal: Xr(_, O)
+              x: k.cx,
+              y: k.cy,
+              value: p === "x" ? +k.node.x : +k.node.y,
+              errorVal: Xr(k, T)
             };
           }
         });
@@ -8134,15 +8134,15 @@ var $r = /* @__PURE__ */ (function(r) {
           };
         });
       else if (a === "fitting") {
-        var h = yc(i), p = h.xmin, g = h.xmax, b = h.a, _ = h.b, O = function(I) {
-          return b * I + _;
+        var h = pc(i), p = h.xmin, g = h.xmax, x = h.a, k = h.b, T = function(I) {
+          return x * I + k;
         };
         d = [{
           x: p,
-          y: O(p)
+          y: T(p)
         }, {
           x: g,
-          y: O(g)
+          y: T(g)
         }];
       }
       var D = tt(tt(tt({}, l), {}, {
@@ -8151,7 +8151,7 @@ var $r = /* @__PURE__ */ (function(r) {
       }, c), {}, {
         points: d
       });
-      return /* @__PURE__ */ B.isValidElement(s) ? u = /* @__PURE__ */ B.cloneElement(s, D) : bc(s) ? u = s(D) : u = /* @__PURE__ */ B.createElement(xc, kr({}, D, {
+      return /* @__PURE__ */ B.isValidElement(s) ? u = /* @__PURE__ */ B.cloneElement(s, D) : gc(s) ? u = s(D) : u = /* @__PURE__ */ B.createElement(vc, kr({}, D, {
         type: o
       })), /* @__PURE__ */ B.createElement(gr, {
         className: "recharts-scatter-line",
@@ -8161,15 +8161,15 @@ var $r = /* @__PURE__ */ (function(r) {
   }, {
     key: "render",
     value: function() {
-      var n = this.props, i = n.hide, s = n.points, a = n.line, o = n.className, l = n.xAxis, c = n.yAxis, d = n.left, u = n.top, h = n.width, p = n.height, g = n.id, b = n.isAnimationActive;
+      var n = this.props, i = n.hide, s = n.points, a = n.line, o = n.className, l = n.xAxis, c = n.yAxis, d = n.left, u = n.top, h = n.width, p = n.height, g = n.id, x = n.isAnimationActive;
       if (i || !s || !s.length)
         return null;
-      var _ = this.state.isAnimationFinished, O = xl("recharts-scatter", o), D = l && l.allowDataOverflow, S = c && c.allowDataOverflow, I = D || S, x = Qt(g) ? this.id : g;
+      var k = this.state.isAnimationFinished, T = xl("recharts-scatter", o), D = l && l.allowDataOverflow, S = c && c.allowDataOverflow, I = D || S, y = Qt(g) ? this.id : g;
       return /* @__PURE__ */ B.createElement(gr, {
-        className: O,
-        clipPath: I ? "url(#clipPath-".concat(x, ")") : null
+        className: T,
+        clipPath: I ? "url(#clipPath-".concat(y, ")") : null
       }, D || S ? /* @__PURE__ */ B.createElement("defs", null, /* @__PURE__ */ B.createElement("clipPath", {
-        id: "clipPath-".concat(x)
+        id: "clipPath-".concat(y)
       }, /* @__PURE__ */ B.createElement("rect", {
         x: D ? d : d - h / 2,
         y: S ? u : u - p / 2,
@@ -8177,7 +8177,7 @@ var $r = /* @__PURE__ */ (function(r) {
         height: S ? p : p * 2
       }))) : null, a && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ B.createElement(gr, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!b || _) && fa.renderCallByParent(this.props, s));
+      }, this.renderSymbols()), (!x || k) && fa.renderCallByParent(this.props, s));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -8191,7 +8191,7 @@ var $r = /* @__PURE__ */ (function(r) {
       } : null;
     }
   }]);
-})(dc);
+})(oc);
 Pt($r, "displayName", "Scatter");
 Pt($r, "defaultProps", {
   xAxisId: 0,
@@ -8203,66 +8203,66 @@ Pt($r, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !_c.isSsr,
+  isAnimationActive: !bc.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
 Pt($r, "getComposedData", function(r) {
-  var e = r.xAxis, t = r.yAxis, n = r.zAxis, i = r.item, s = r.displayedData, a = r.xAxisTicks, o = r.yAxisTicks, l = r.offset, c = i.props.tooltipType, d = ha(i.props.children, Cc), u = Qt(e.dataKey) ? i.props.dataKey : e.dataKey, h = Qt(t.dataKey) ? i.props.dataKey : t.dataKey, p = n && n.dataKey, g = n ? n.range : zn.defaultProps.range, b = g && g[0], _ = e.scale.bandwidth ? e.scale.bandwidth() : 0, O = t.scale.bandwidth ? t.scale.bandwidth() : 0, D = s.map(function(S, I) {
-    var x = Xr(S, u), E = Xr(S, h), C = !Qt(p) && Xr(S, p) || "-", N = [{
+  var e = r.xAxis, t = r.yAxis, n = r.zAxis, i = r.item, s = r.displayedData, a = r.xAxisTicks, o = r.yAxisTicks, l = r.offset, c = i.props.tooltipType, d = ha(i.props.children, xc), u = Qt(e.dataKey) ? i.props.dataKey : e.dataKey, h = Qt(t.dataKey) ? i.props.dataKey : t.dataKey, p = n && n.dataKey, g = n ? n.range : zn.defaultProps.range, x = g && g[0], k = e.scale.bandwidth ? e.scale.bandwidth() : 0, T = t.scale.bandwidth ? t.scale.bandwidth() : 0, D = s.map(function(S, I) {
+    var y = Xr(S, u), C = Xr(S, h), _ = !Qt(p) && Xr(S, p) || "-", N = [{
       name: Qt(e.dataKey) ? i.props.name : e.name || e.dataKey,
       unit: e.unit || "",
-      value: x,
+      value: y,
       payload: S,
       dataKey: u,
       type: c
     }, {
       name: Qt(t.dataKey) ? i.props.name : t.name || t.dataKey,
       unit: t.unit || "",
-      value: E,
+      value: C,
       payload: S,
       dataKey: h,
       type: c
     }];
-    C !== "-" && N.push({
+    _ !== "-" && N.push({
       name: n.name || n.dataKey,
       unit: n.unit || "",
-      value: C,
+      value: _,
       payload: S,
       dataKey: p,
       type: c
     });
-    var $ = Ki({
+    var $ = Yi({
       axis: e,
       ticks: a,
-      bandSize: _,
+      bandSize: k,
       entry: S,
       index: I,
       dataKey: u
-    }), z = Ki({
+    }), z = Yi({
       axis: t,
       ticks: o,
-      bandSize: O,
+      bandSize: T,
       entry: S,
       index: I,
       dataKey: h
-    }), R = C !== "-" ? n.scale(C) : b, k = Math.sqrt(Math.max(R, 0) / Math.PI);
+    }), R = _ !== "-" ? n.scale(_) : x, E = Math.sqrt(Math.max(R, 0) / Math.PI);
     return tt(tt({}, S), {}, {
       cx: $,
       cy: z,
-      x: $ - k,
-      y: z - k,
+      x: $ - E,
+      y: z - E,
       xAxis: e,
       yAxis: t,
       zAxis: n,
-      width: 2 * k,
-      height: 2 * k,
+      width: 2 * E,
+      height: 2 * E,
       size: R,
       node: {
-        x,
-        y: E,
-        z: C
+        x: y,
+        y: C,
+        z: _
       },
       tooltipPayload: N,
       tooltipPosition: {
@@ -8276,9 +8276,9 @@ Pt($r, "getComposedData", function(r) {
     points: D
   }, l);
 });
-var Qh = Ec({
+var Qh = wc({
   chartName: "ComposedChart",
-  GraphicalChild: [ma, kc, pa, $r],
+  GraphicalChild: [ma, _c, pa, $r],
   axisComponents: [{
     axisType: "xAxis",
     AxisComp: ga
@@ -8289,7 +8289,7 @@ var Qh = Ec({
     axisType: "zAxis",
     AxisComp: zn
   }],
-  formatAxisMap: Sc
+  formatAxisMap: Cc
 });
 const ef = (r) => {
   const e = (t) => {
@@ -8318,14 +8318,14 @@ const ef = (r) => {
 }, tf = ({ dataConfig: r, data: e, xAxis: t, yAxis: n = {
   hide: !0
 }, label: i = !1, hideTooltip: s = !1, hideGrid: a = !1, aspect: o, legend: l, showValueUnderLabel: c = !1, bar: d, line: u, scatter: h, onClick: p }, g) => {
-  const b = Dc(e), _ = d?.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], O = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], D = h?.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], S = [..._, ...O, ...D], I = Math.max(...b.flatMap((C) => S.map((N) => Rc(n?.tickFormatter ? n.tickFormatter(`${C[N]}`) : `${C[N]}`)))), x = [d, u, h].filter((C) => C?.axisPosition === "left"), E = [d, u, h].filter((C) => C?.axisPosition === "right");
-  return f(Nc, {
+  const x = Ec(e), k = d?.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], T = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], D = h?.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], S = [...k, ...T, ...D], I = Math.max(...x.flatMap((_) => S.map((N) => kc(n?.tickFormatter ? n.tickFormatter(`${_[N]}`) : `${_[N]}`)))), y = [d, u, h].filter((_) => _?.axisPosition === "left"), C = [d, u, h].filter((_) => _?.axisPosition === "right");
+  return f(Sc, {
     config: r,
     ref: g,
     aspect: o,
     children: V(Qh, {
       accessibilityLayer: !0,
-      data: b,
+      data: x,
       margin: {
         left: n && !n.hide ? 0 : 12,
         right: 12,
@@ -8333,51 +8333,51 @@ const ef = (r) => {
         bottom: c ? 24 : 12
       },
       stackOffset: void 0,
-      onClick: (C) => {
-        if (!p || !C.activeLabel || !C.activePayload)
+      onClick: (_) => {
+        if (!p || !_.activeLabel || !_.activePayload)
           return;
         const N = {
-          label: C.activeLabel,
+          label: _.activeLabel,
           values: {}
         };
-        for (const $ of C.activePayload)
+        for (const $ of _.activePayload)
           N.values[$.name] = $.value;
         p(N);
       },
-      children: [!s && f(Ac, {
-        ...Tc(),
-        content: f(Oc, {
+      children: [!s && f(Dc, {
+        ...Rc(),
+        content: f(Nc, {
           yAxisFormatter: n.tickFormatter
         })
-      }), !a && f(Mc, {
-        ...Ic()
-      }), x.length > 0 && f(ii, {
+      }), !a && f(Ac, {
+        ...Tc()
+      }), y.length > 0 && f(ii, {
         ...Xi(n),
         tick: !0,
-        width: n.width ?? I + 20 + (E.length > 0 && x[0]?.axisLabel ? 20 : 0),
-        hide: n.hide || x.some((C) => C?.hideAxis),
-        label: x[0]?.axisLabel ? {
-          value: x[0].axisLabel,
+        width: n.width ?? I + 20 + (C.length > 0 && y[0]?.axisLabel ? 20 : 0),
+        hide: n.hide || y.some((_) => _?.hideAxis),
+        label: y[0]?.axisLabel ? {
+          value: y[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), E.length > 0 && f(ii, {
+      }), C.length > 0 && f(ii, {
         ...Xi(n),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: n.width ?? I + 20 + (x.length > 0 && E[0]?.axisLabel ? 20 : 0),
-        hide: n.hide || E.some((C) => C?.hideAxis),
-        label: E[0]?.axisLabel ? {
-          value: E[0].axisLabel,
+        width: n.width ?? I + 20 + (y.length > 0 && C[0]?.axisLabel ? 20 : 0),
+        hide: n.hide || C.some((_) => _?.hideAxis),
+        label: C[0]?.axisLabel ? {
+          value: C[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
       }), f(ga, {
-        ...Lc(t),
+        ...Oc(t),
         hide: t?.hide,
-        tick: c ? (C) => {
-          const { x: N, y: $, payload: z } = C, R = e.find((W) => W.label === z.value)?.values || "", k = Object.keys(R).length === 1 ? Object.values(R)?.[0] : void 0, A = k !== void 0 && n.tickFormatter ? n.tickFormatter(`${k}`) : k.toLocaleString();
+        tick: c ? (_) => {
+          const { x: N, y: $, payload: z } = _, R = e.find((W) => W.label === z.value)?.values || "", E = Object.keys(R).length === 1 ? Object.values(R)?.[0] : void 0, A = E !== void 0 && n.tickFormatter ? n.tickFormatter(`${E}`) : E.toLocaleString();
           return V("g", {
             transform: `translate(${N},${$})`,
             children: [f("text", {
@@ -8387,7 +8387,7 @@ const ef = (r) => {
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
               children: z.value
-            }), !!k && f("text", {
+            }), !!E && f("text", {
               x: 0,
               y: 0,
               dy: 28,
@@ -8397,10 +8397,10 @@ const ef = (r) => {
             })]
           });
         } : void 0
-      }), _.map((C, N) => f(pa, {
+      }), k.map((_, N) => f(pa, {
         isAnimationActive: !1,
-        dataKey: String(C),
-        fill: r[C].color ? xr(r[C].color) : Wn(N),
+        dataKey: String(_),
+        fill: r[_].color ? xr(r[_].color) : Wn(N),
         radius: 4,
         maxBarSize: 32,
         children: i && f(fa, {
@@ -8408,24 +8408,24 @@ const ef = (r) => {
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
-        }, `label-${String(C)}`)
-      }, `bar-${String(C)}`)), O.map((C, N) => f(ma, {
+        }, `label-${String(_)}`)
+      }, `bar-${String(_)}`)), T.map((_, N) => f(ma, {
         type: u?.lineType ?? "natural",
-        dataKey: String(C),
-        stroke: r[C].color ? xr(r[C].color) : Wn(_.length + N),
+        dataKey: String(_),
+        stroke: r[_].color ? xr(r[_].color) : Wn(k.length + N),
         strokeWidth: 2,
         dot: u?.dot ?? !1,
         isAnimationActive: !1,
         yAxisId: u?.axisPosition === "right" ? "right" : void 0
-      }, `line-${String(C)}`)), D.map((C, N) => f($r, {
-        dataKey: String(C),
-        fill: r[C].color ? xr(r[C].color) : Wn(_.length + O.length + N),
+      }, `line-${String(_)}`)), D.map((_, N) => f($r, {
+        dataKey: String(_),
+        fill: r[_].color ? xr(r[_].color) : Wn(k.length + T.length + N),
         r: 4,
         isAnimationActive: !1,
         yAxisId: h?.axisPosition === "right" ? "right" : void 0,
-        shape: ef(String(C))
-      }, `scatter-${String(C)}`)), l && f(Pc, {
-        content: f(zc, {
+        shape: ef(String(_))
+      }, `scatter-${String(_)}`)), l && f(Mc, {
+        content: f(Ic, {
           nameKey: "label"
         }),
         align: "center",
@@ -8442,7 +8442,7 @@ const ef = (r) => {
     "aria-live": "polite",
     children: [f("div", {
       className: "flex-grow",
-      children: f(Fc, {
+      children: f(Lc, {
         color: s,
         value: a,
         className: "w-full",
@@ -8461,37 +8461,37 @@ const ef = (r) => {
     name: "AreaChart",
     type: "info"
   },
-  Bc
+  Pc
 ), qp = at(
   {
     name: "BarChart",
     type: "info"
   },
-  Hc
-), Yp = at(
+  zc
+), Kp = at(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  Vc
-), Kp = at(
+  Fc
+), Yp = at(
   {
     name: "LineChart",
     type: "info"
   },
-  jc
+  Bc
 ), Xp = at(
   {
     name: "PieChart",
     type: "info"
   },
-  $c
+  Hc
 ), Jp = at(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  Wc
+  Vc
 ), Qp = at(
   {
     name: "ProgressBarChart",
@@ -8511,11 +8511,11 @@ const ef = (r) => {
   show: r.show ?? !0,
   invertStatus: r.invertStatus ?? !1
 }, co = ({ label: r, ...e }) => {
-  const t = Gc(), n = t(e.value, {
+  const t = jc(), n = t(e.value, {
     formatterOptions: {
       decimalPlaces: 2
     }
-  }), i = af(e.trend), s = t(e.comparison), a = Uc(n.numericValue, n.formatterOptions), o = Ji(s.numericValue), l = Ji(n.numericValue), c = q(() => {
+  }), i = af(e.trend), s = t(e.comparison), a = $c(n.numericValue, n.formatterOptions), o = Ji(s.numericValue), l = Ji(n.numericValue), c = q(() => {
     if (!(!o || !i.show) && !(!o || !l))
       return (l - o) / o * 100;
   }, [l, o, i.show]);
@@ -8528,7 +8528,7 @@ const ef = (r) => {
       children: [f("span", {
         className: "font-bold text-2xl",
         children: a
-      }), o !== void 0 && f(Zc, {
+      }), o !== void 0 && f(Wc, {
         percentage: c,
         amount: s,
         invertStatus: i.invertStatus,
@@ -8550,7 +8550,7 @@ const ef = (r) => {
   })]
 });
 co.displayName = "F0BigNumber";
-const lf = Ks(co, of), tg = it("F0BigNumber", lf), uo = {
+const lf = Ys(co, of), tg = it("F0BigNumber", lf), uo = {
   background: {
     transparent: "bg-transparent",
     primary: "bg-f1-background",
@@ -9412,8 +9412,8 @@ const Ef = Vt({
     ...cf,
     ...bf
   }
-}), kf = ["sm", "md", "lg", "xl"], wo = We(({ display: r, position: e, padding: t, paddingX: n, paddingY: i, paddingTop: s, paddingBottom: a, paddingLeft: o, paddingRight: l, margin: c, marginX: d, marginY: u, marginTop: h, marginBottom: p, marginLeft: g, marginRight: b, gap: _, columns: O, rows: D, colSpan: S, colStart: I, rowSpan: x, width: E, height: C, minWidth: N, minHeight: $, maxWidth: z, maxHeight: R, background: k, borderColor: A, border: W, borderTop: ie, borderBottom: ce, borderLeft: ne, borderRight: ve, borderRadius: X, borderRadiusTopLeft: xe, borderRadiusTopRight: Ge, borderRadiusBottomLeft: ye, borderRadiusBottomRight: Pe, borderStyle: Re, overflow: Te, overflowX: Ee, overflowY: Ve, divider: me, dividerColor: we, alignItems: le, justifyContent: Je, flexDirection: Oe, flexWrap: Me, grow: Ie, shrink: Ue, sm: lt, md: Et, lg: m, xl: v, ...w }, M) => {
-  const L = ie && ie !== "none" || ce && ce !== "none" || ne && ne !== "none" || ve && ve !== "none", T = W && W !== "none" || L, j = {
+}), kf = ["sm", "md", "lg", "xl"], wo = We(({ display: r, position: e, padding: t, paddingX: n, paddingY: i, paddingTop: s, paddingBottom: a, paddingLeft: o, paddingRight: l, margin: c, marginX: d, marginY: u, marginTop: h, marginBottom: p, marginLeft: g, marginRight: x, gap: k, columns: T, rows: D, colSpan: S, colStart: I, rowSpan: y, width: C, height: _, minWidth: N, minHeight: $, maxWidth: z, maxHeight: R, background: E, borderColor: A, border: W, borderTop: ie, borderBottom: ce, borderLeft: ne, borderRight: ve, borderRadius: X, borderRadiusTopLeft: xe, borderRadiusTopRight: Ge, borderRadiusBottomLeft: ye, borderRadiusBottomRight: Pe, borderStyle: Re, overflow: Te, overflowX: Ee, overflowY: Ve, divider: me, dividerColor: we, alignItems: le, justifyContent: Je, flexDirection: Oe, flexWrap: Me, grow: Ie, shrink: Ue, sm: lt, md: Et, lg: m, xl: v, ...w }, M) => {
+  const L = ie && ie !== "none" || ce && ce !== "none" || ne && ne !== "none" || ve && ve !== "none", O = W && W !== "none" || L, j = {
     sm: lt,
     md: Et,
     lg: m,
@@ -9440,20 +9440,20 @@ const Ef = Vt({
       marginTop: h,
       marginBottom: p,
       marginLeft: g,
-      marginRight: b,
-      gap: _,
-      columns: O,
+      marginRight: x,
+      gap: k,
+      columns: T,
       rows: D,
       colSpan: S,
       colStart: I,
-      rowSpan: x,
-      width: E,
-      height: C,
+      rowSpan: y,
+      width: C,
+      height: _,
       minWidth: N,
       minHeight: $,
       maxWidth: z,
       maxHeight: R,
-      background: k,
+      background: E,
       borderColor: A,
       border: W,
       borderTop: ie,
@@ -9477,7 +9477,7 @@ const Ef = Vt({
       flexWrap: Me,
       grow: Ie,
       shrink: Ue
-    }), Q, T && !A && "border-f1-border", me && !we && "divide-f1-border", "scrollbar-macos"),
+    }), Q, O && !A && "border-f1-border", me && !we && "divide-f1-border", "scrollbar-macos"),
     ...w
   });
 });
@@ -9588,7 +9588,7 @@ const ug = it("F0ChipList", _o), hg = El, Sf = Vt({
     variant: "info"
   }
 }), fg = ({ title: r, description: e, action: t, link: n, icon: i, variant: s = "neutral" }) => {
-  const a = Y(null);
+  const a = K(null);
   return f("div", {
     ref: a,
     className: "@container",
@@ -9605,7 +9605,7 @@ const ug = it("F0ChipList", _o), hg = El, Sf = Vt({
             children: s === "neutral" ? f(kl, {
               icon: i || Sl,
               size: "sm"
-            }) : f(qc, {
+            }) : f(Gc, {
               type: s,
               size: "sm"
             })
@@ -9642,35 +9642,35 @@ const ug = it("F0ChipList", _o), hg = El, Sf = Vt({
   });
 }, Rf = 388;
 function Nf({ filters: r, value: e, onChange: t, height: n, width: i = 600, className: s, showApplyButton: a = !0, applyButtonLabel: o }) {
-  const l = zr(), [c, d] = re(null), [u, h] = re(e);
+  const l = zr(), c = Object.keys(r)[0] ?? null, [d, u] = re(c), [h, p] = re(e);
   J(() => {
-    h(e);
+    p(e);
   }, [e]), J(() => {
-    if (!c && r) {
-      const _ = Object.keys(r);
-      if (_.length > 0) {
-        const O = _.find((D) => {
-          const S = u[D], I = Zi(r[D].type);
-          return S !== void 0 && !I.isEmpty(S, {
-            schema: r[D],
+    if (!d && r) {
+      const T = Object.keys(r);
+      if (T.length > 0) {
+        const D = T.find((S) => {
+          const I = h[S], y = Zi(r[S].type);
+          return I !== void 0 && !y.isEmpty(I, {
+            schema: r[S],
             i18n: l
           });
         });
-        d(O ?? _[0]);
+        u(D ?? T[0]);
       }
     }
-  }, [r, c, u, l]);
-  const p = (_, O) => {
-    const D = {
-      ...u,
-      [_]: O
+  }, [r, d, h, l]);
+  const g = (T, D) => {
+    const S = {
+      ...h,
+      [T]: D
     };
-    h(D), a || t(D);
-  }, g = () => {
-    t(u);
-  }, b = q(() => n || Object.entries(r).reduce((O, [D, S]) => {
-    const I = Zi(S.type);
-    return Math.max(O, I?.formHeight || Rf);
+    p(S), a || t(S);
+  }, x = () => {
+    t(h);
+  }, k = q(() => n || Object.entries(r).reduce((D, [S, I]) => {
+    const y = Zi(I.type);
+    return Math.max(D, y?.formHeight || Rf);
   }, 0), [r, n]);
   return !r || Object.keys(r).length === 0 ? null : f("div", {
     className: se("overflow-hidden rounded-xl border border-solid border-f1-border-secondary bg-f1-background", s),
@@ -9679,12 +9679,12 @@ function Nf({ filters: r, value: e, onChange: t, height: n, width: i = 600, clas
     },
     children: f(Rl, {
       filters: r,
-      tempFilters: u,
-      selectedFilterKey: c,
-      onFilterSelect: d,
-      onFilterChange: p,
-      onApply: g,
-      height: b,
+      tempFilters: h,
+      selectedFilterKey: d,
+      onFilterSelect: u,
+      onFilterChange: g,
+      onApply: x,
+      height: k,
       showApplyButton: a,
       applyButtonLabel: o
     })
@@ -9891,9 +9891,9 @@ function Lf(r) {
     i._fields
   ]);
   return B.useEffect(() => {
-    const h = i._options.shouldUnregister || s, p = (g, b) => {
-      const _ = F(i._fields, g);
-      _ && _._f && (_._f.mount = b);
+    const h = i._options.shouldUnregister || s, p = (g, x) => {
+      const k = F(i._fields, g);
+      k && k._f && (k._f.mount = x);
     };
     if (p(t, !0), h) {
       const g = je(F(i._options.defaultValues, t));
@@ -9991,85 +9991,85 @@ var Xt = (r) => Ce(r) && !yn(r) ? r : {
   value: r,
   message: ""
 }, ks = async (r, e, t, n, i, s) => {
-  const { ref: a, refs: o, required: l, maxLength: c, minLength: d, min: u, max: h, pattern: p, validate: g, name: b, valueAsNumber: _, mount: O } = r._f, D = F(t, b);
-  if (!O || e.has(b))
+  const { ref: a, refs: o, required: l, maxLength: c, minLength: d, min: u, max: h, pattern: p, validate: g, name: x, valueAsNumber: k, mount: T } = r._f, D = F(t, x);
+  if (!T || e.has(x))
     return {};
-  const S = o ? o[0] : a, I = (k) => {
-    i && S.reportValidity && (S.setCustomValidity(nt(k) ? "" : k || ""), S.reportValidity());
-  }, x = {}, E = Bi(a), C = Wr(a), N = E || C, $ = (_ || Fi(a)) && _e(a.value) && _e(D) || vn(a) && a.value === "" || D === "" || Array.isArray(D) && !D.length, z = Oo.bind(null, b, n, x), R = (k, A, W, ie = St.maxLength, ce = St.minLength) => {
-    const ne = k ? A : W;
-    x[b] = {
-      type: k ? ie : ce,
+  const S = o ? o[0] : a, I = (E) => {
+    i && S.reportValidity && (S.setCustomValidity(nt(E) ? "" : E || ""), S.reportValidity());
+  }, y = {}, C = Bi(a), _ = Wr(a), N = C || _, $ = (k || Fi(a)) && _e(a.value) && _e(D) || vn(a) && a.value === "" || D === "" || Array.isArray(D) && !D.length, z = Oo.bind(null, x, n, y), R = (E, A, W, ie = St.maxLength, ce = St.minLength) => {
+    const ne = E ? A : W;
+    y[x] = {
+      type: E ? ie : ce,
       message: ne,
       ref: a,
-      ...z(k ? ie : ce, ne)
+      ...z(E ? ie : ce, ne)
     };
   };
-  if (s ? !Array.isArray(D) || !D.length : l && (!N && ($ || Be(D)) || nt(D) && !D || C && !Mo(o).isValid || E && !Io(o).isValid)) {
-    const { value: k, message: A } = Qr(l) ? { value: !!l, message: l } : Xt(l);
-    if (k && (x[b] = {
+  if (s ? !Array.isArray(D) || !D.length : l && (!N && ($ || Be(D)) || nt(D) && !D || _ && !Mo(o).isValid || C && !Io(o).isValid)) {
+    const { value: E, message: A } = Qr(l) ? { value: !!l, message: l } : Xt(l);
+    if (E && (y[x] = {
       type: St.required,
       message: A,
       ref: S,
       ...z(St.required, A)
     }, !n))
-      return I(A), x;
+      return I(A), y;
   }
   if (!$ && (!Be(u) || !Be(h))) {
-    let k, A;
+    let E, A;
     const W = Xt(h), ie = Xt(u);
     if (!Be(D) && !isNaN(D)) {
       const ce = a.valueAsNumber || D && +D;
-      Be(W.value) || (k = ce > W.value), Be(ie.value) || (A = ce < ie.value);
+      Be(W.value) || (E = ce > W.value), Be(ie.value) || (A = ce < ie.value);
     } else {
       const ce = a.valueAsDate || new Date(D), ne = (xe) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + xe), ve = a.type == "time", X = a.type == "week";
-      wt(W.value) && D && (k = ve ? ne(D) > ne(W.value) : X ? D > W.value : ce > new Date(W.value)), wt(ie.value) && D && (A = ve ? ne(D) < ne(ie.value) : X ? D < ie.value : ce < new Date(ie.value));
+      wt(W.value) && D && (E = ve ? ne(D) > ne(W.value) : X ? D > W.value : ce > new Date(W.value)), wt(ie.value) && D && (A = ve ? ne(D) < ne(ie.value) : X ? D < ie.value : ce < new Date(ie.value));
     }
-    if ((k || A) && (R(!!k, W.message, ie.message, St.max, St.min), !n))
-      return I(x[b].message), x;
+    if ((E || A) && (R(!!E, W.message, ie.message, St.max, St.min), !n))
+      return I(y[x].message), y;
   }
   if ((c || d) && !$ && (wt(D) || s && Array.isArray(D))) {
-    const k = Xt(c), A = Xt(d), W = !Be(k.value) && D.length > +k.value, ie = !Be(A.value) && D.length < +A.value;
-    if ((W || ie) && (R(W, k.message, A.message), !n))
-      return I(x[b].message), x;
+    const E = Xt(c), A = Xt(d), W = !Be(E.value) && D.length > +E.value, ie = !Be(A.value) && D.length < +A.value;
+    if ((W || ie) && (R(W, E.message, A.message), !n))
+      return I(y[x].message), y;
   }
   if (p && !$ && wt(D)) {
-    const { value: k, message: A } = Xt(p);
-    if (yn(k) && !D.match(k) && (x[b] = {
+    const { value: E, message: A } = Xt(p);
+    if (yn(E) && !D.match(E) && (y[x] = {
       type: St.pattern,
       message: A,
       ref: a,
       ...z(St.pattern, A)
     }, !n))
-      return I(A), x;
+      return I(A), y;
   }
   if (g) {
     if (xt(g)) {
-      const k = await g(D, t), A = Es(k, S);
-      if (A && (x[b] = {
+      const E = await g(D, t), A = Es(E, S);
+      if (A && (y[x] = {
         ...A,
         ...z(St.validate, A.message)
       }, !n))
-        return I(A.message), x;
+        return I(A.message), y;
     } else if (Ce(g)) {
-      let k = {};
+      let E = {};
       for (const A in g) {
-        if (!$e(k) && !n)
+        if (!$e(E) && !n)
           break;
         const W = Es(await g[A](D, t), S, A);
-        W && (k = {
+        W && (E = {
           ...W,
           ...z(A, W.message)
-        }, I(W.message), n && (x[b] = k));
+        }, I(W.message), n && (y[x] = E));
       }
-      if (!$e(k) && (x[b] = {
+      if (!$e(E) && (y[x] = {
         ref: S,
-        ...k
+        ...E
       }, !n))
-        return x;
+        return y;
     }
   }
-  return I(!0), x;
+  return I(!0), y;
 };
 function Ff(r, e) {
   const t = e.slice(0, -1).length;
@@ -10088,7 +10088,7 @@ function Se(r, e) {
   const t = Array.isArray(e) ? e : Pi(e) ? [e] : So(e), n = t.length === 1 ? r : Ff(r, t), i = t.length - 1, s = t[i];
   return n && delete n[s], i !== 0 && (Ce(n) && $e(n) || Array.isArray(n) && Bf(n)) && Se(r, t.slice(0, -1)), r;
 }
-var Kn = () => {
+var Yn = () => {
   let r = [];
   return {
     get observers() {
@@ -10235,42 +10235,42 @@ function Zf(r = {}) {
     isValid: !1,
     errors: !1
   }, u = {
-    values: Kn(),
-    array: Kn(),
-    state: Kn()
-  }, h = bs(e.mode), p = bs(e.reValidateMode), g = e.criteriaMode === ct.all, b = (m) => (v) => {
+    values: Yn(),
+    array: Yn(),
+    state: Yn()
+  }, h = bs(e.mode), p = bs(e.reValidateMode), g = e.criteriaMode === ct.all, x = (m) => (v) => {
     clearTimeout(c), c = setTimeout(m, v);
-  }, _ = async (m) => {
+  }, k = async (m) => {
     if (!e.disabled && (d.isValid || m)) {
       const v = e.resolver ? $e((await N()).errors) : await z(n, !0);
       v !== t.isValid && u.state.next({
         isValid: v
       });
     }
-  }, O = (m, v) => {
+  }, T = (m, v) => {
     !e.disabled && (d.isValidating || d.validatingFields) && ((m || Array.from(o.mount)).forEach((w) => {
       w && (v ? fe(t.validatingFields, w, v) : Se(t.validatingFields, w));
     }), u.state.next({
       validatingFields: t.validatingFields,
       isValidating: !$e(t.validatingFields)
     }));
-  }, D = (m, v = [], w, M, L = !0, T = !0) => {
+  }, D = (m, v = [], w, M, L = !0, O = !0) => {
     if (M && w && !e.disabled) {
-      if (a.action = !0, T && Array.isArray(F(n, m))) {
+      if (a.action = !0, O && Array.isArray(F(n, m))) {
         const j = w(F(n, m), M.argA, M.argB);
         L && fe(n, m, j);
       }
-      if (T && Array.isArray(F(t.errors, m))) {
+      if (O && Array.isArray(F(t.errors, m))) {
         const j = w(F(t.errors, m), M.argA, M.argB);
         L && fe(t.errors, m, j), Gf(t.errors, m);
       }
-      if (d.touchedFields && T && Array.isArray(F(t.touchedFields, m))) {
+      if (d.touchedFields && O && Array.isArray(F(t.touchedFields, m))) {
         const j = w(F(t.touchedFields, m), M.argA, M.argB);
         L && fe(t.touchedFields, m, j);
       }
       d.dirtyFields && (t.dirtyFields = vr(i, s)), u.state.next({
         name: m,
-        isDirty: k(m, v),
+        isDirty: E(m, v),
         dirtyFields: t.dirtyFields,
         errors: t.errors,
         isValid: t.isValid
@@ -10286,37 +10286,37 @@ function Zf(r = {}) {
       errors: t.errors,
       isValid: !1
     });
-  }, x = (m, v, w, M) => {
+  }, y = (m, v, w, M) => {
     const L = F(n, m);
     if (L) {
-      const T = F(s, m, _e(w) ? F(i, m) : w);
-      _e(T) || M && M.defaultChecked || v ? fe(s, m, v ? T : Jn(L._f)) : ie(m, T), a.mount && _();
+      const O = F(s, m, _e(w) ? F(i, m) : w);
+      _e(O) || M && M.defaultChecked || v ? fe(s, m, v ? O : Jn(L._f)) : ie(m, O), a.mount && k();
     }
-  }, E = (m, v, w, M, L) => {
-    let T = !1, j = !1;
+  }, C = (m, v, w, M, L) => {
+    let O = !1, j = !1;
     const Q = {
       name: m
     };
     if (!e.disabled) {
       const be = !!(F(n, m) && F(n, m)._f && F(n, m)._f.disabled);
       if (!w || M) {
-        d.isDirty && (j = t.isDirty, t.isDirty = Q.isDirty = k(), T = j !== Q.isDirty);
+        d.isDirty && (j = t.isDirty, t.isDirty = Q.isDirty = E(), O = j !== Q.isDirty);
         const pe = be || Lt(F(i, m), v);
-        j = !!(!be && F(t.dirtyFields, m)), pe || be ? Se(t.dirtyFields, m) : fe(t.dirtyFields, m, !0), Q.dirtyFields = t.dirtyFields, T = T || d.dirtyFields && j !== !pe;
+        j = !!(!be && F(t.dirtyFields, m)), pe || be ? Se(t.dirtyFields, m) : fe(t.dirtyFields, m, !0), Q.dirtyFields = t.dirtyFields, O = O || d.dirtyFields && j !== !pe;
       }
       if (w) {
         const pe = F(t.touchedFields, m);
-        pe || (fe(t.touchedFields, m, w), Q.touchedFields = t.touchedFields, T = T || d.touchedFields && pe !== w);
+        pe || (fe(t.touchedFields, m, w), Q.touchedFields = t.touchedFields, O = O || d.touchedFields && pe !== w);
       }
-      T && L && u.state.next(Q);
+      O && L && u.state.next(Q);
     }
-    return T ? Q : {};
-  }, C = (m, v, w, M) => {
-    const L = F(t.errors, m), T = d.isValid && nt(v) && t.isValid !== v;
-    if (e.delayError && w ? (l = b(() => S(m, w)), l(e.delayError)) : (clearTimeout(c), l = null, w ? fe(t.errors, m, w) : Se(t.errors, m)), (w ? !Lt(L, w) : L) || !$e(M) || T) {
+    return O ? Q : {};
+  }, _ = (m, v, w, M) => {
+    const L = F(t.errors, m), O = d.isValid && nt(v) && t.isValid !== v;
+    if (e.delayError && w ? (l = x(() => S(m, w)), l(e.delayError)) : (clearTimeout(c), l = null, w ? fe(t.errors, m, w) : Se(t.errors, m)), (w ? !Lt(L, w) : L) || !$e(M) || O) {
       const j = {
         ...M,
-        ...T && nt(v) ? { isValid: v } : {},
+        ...O && nt(v) ? { isValid: v } : {},
         errors: t.errors,
         name: m
       };
@@ -10326,9 +10326,9 @@ function Zf(r = {}) {
       }, u.state.next(j);
     }
   }, N = async (m) => {
-    O(m, !0);
+    T(m, !0);
     const v = await e.resolver(s, e.context, Vf(m || o.mount, n, e.criteriaMode, e.shouldUseNativeValidation));
-    return O(m), v;
+    return T(m), v;
   }, $ = async (m) => {
     const { errors: v } = await N(m);
     if (m)
@@ -10345,14 +10345,14 @@ function Zf(r = {}) {
     for (const M in m) {
       const L = m[M];
       if (L) {
-        const { _f: T, ...j } = L;
-        if (T) {
-          const Q = o.array.has(T.name), be = L._f && jf(L._f);
-          be && d.validatingFields && O([M], !0);
+        const { _f: O, ...j } = L;
+        if (O) {
+          const Q = o.array.has(O.name), be = L._f && jf(L._f);
+          be && d.validatingFields && T([M], !0);
           const pe = await ks(L, o.disabled, s, g, e.shouldUseNativeValidation && !v, Q);
-          if (be && d.validatingFields && O([M]), pe[T.name] && (w.valid = !1, v))
+          if (be && d.validatingFields && T([M]), pe[O.name] && (w.valid = !1, v))
             break;
-          !v && (F(pe, T.name) ? Q ? zf(t.errors, pe, T.name) : fe(t.errors, T.name, pe[T.name]) : Se(t.errors, T.name));
+          !v && (F(pe, O.name) ? Q ? zf(t.errors, pe, O.name) : fe(t.errors, O.name, pe[O.name]) : Se(t.errors, O.name));
         }
         !$e(j) && await z(j, v, w);
       }
@@ -10364,34 +10364,34 @@ function Zf(r = {}) {
       v && (v._f.refs ? v._f.refs.every((w) => !Xn(w)) : !Xn(v._f.ref)) && Ee(m);
     }
     o.unMount = /* @__PURE__ */ new Set();
-  }, k = (m, v) => !e.disabled && (m && v && fe(s, m, v), !Lt(Ge(), i)), A = (m, v, w) => To(m, o, {
+  }, E = (m, v) => !e.disabled && (m && v && fe(s, m, v), !Lt(Ge(), i)), A = (m, v, w) => To(m, o, {
     ...a.mount ? s : _e(v) ? i : wt(m) ? { [m]: v } : v
   }, w, v), W = (m) => Fn(F(a.mount ? s : i, m, e.shouldUnregister ? F(i, m, []) : [])), ie = (m, v, w = {}) => {
     const M = F(n, m);
     let L = v;
     if (M) {
-      const T = M._f;
-      T && (!T.disabled && fe(s, m, Fo(v, T)), L = vn(T.ref) && Be(v) ? "" : v, Lo(T.ref) ? [...T.ref.options].forEach((j) => j.selected = L.includes(j.value)) : T.refs ? Wr(T.ref) ? T.refs.length > 1 ? T.refs.forEach((j) => (!j.defaultChecked || !j.disabled) && (j.checked = Array.isArray(L) ? !!L.find((Q) => Q === j.value) : L === j.value)) : T.refs[0] && (T.refs[0].checked = !!L) : T.refs.forEach((j) => j.checked = j.value === L) : Fi(T.ref) ? T.ref.value = "" : (T.ref.value = L, T.ref.type || u.values.next({
+      const O = M._f;
+      O && (!O.disabled && fe(s, m, Fo(v, O)), L = vn(O.ref) && Be(v) ? "" : v, Lo(O.ref) ? [...O.ref.options].forEach((j) => j.selected = L.includes(j.value)) : O.refs ? Wr(O.ref) ? O.refs.length > 1 ? O.refs.forEach((j) => (!j.defaultChecked || !j.disabled) && (j.checked = Array.isArray(L) ? !!L.find((Q) => Q === j.value) : L === j.value)) : O.refs[0] && (O.refs[0].checked = !!L) : O.refs.forEach((j) => j.checked = j.value === L) : Fi(O.ref) ? O.ref.value = "" : (O.ref.value = L, O.ref.type || u.values.next({
         name: m,
         values: { ...s }
       })));
     }
-    (w.shouldDirty || w.shouldTouch) && E(m, L, w.shouldTouch, w.shouldDirty, !0), w.shouldValidate && xe(m);
+    (w.shouldDirty || w.shouldTouch) && C(m, L, w.shouldTouch, w.shouldDirty, !0), w.shouldValidate && xe(m);
   }, ce = (m, v, w) => {
     for (const M in v) {
-      const L = v[M], T = `${m}.${M}`, j = F(n, T);
-      (o.array.has(m) || Ce(L) || j && !j._f) && !Gt(L) ? ce(T, L, w) : ie(T, L, w);
+      const L = v[M], O = `${m}.${M}`, j = F(n, O);
+      (o.array.has(m) || Ce(L) || j && !j._f) && !Gt(L) ? ce(O, L, w) : ie(O, L, w);
     }
   }, ne = (m, v, w = {}) => {
-    const M = F(n, m), L = o.array.has(m), T = je(v);
-    fe(s, m, T), L ? (u.array.next({
+    const M = F(n, m), L = o.array.has(m), O = je(v);
+    fe(s, m, O), L ? (u.array.next({
       name: m,
       values: { ...s }
     }), (d.isDirty || d.dirtyFields) && w.shouldDirty && u.state.next({
       name: m,
       dirtyFields: vr(i, s),
-      isDirty: k(m, T)
-    })) : M && !M._f && !Be(T) ? ce(m, T, w) : ie(m, T, w), xs(m, o) && u.state.next({ ...t }), u.values.next({
+      isDirty: E(m, O)
+    })) : M && !M._f && !Be(O) ? ce(m, O, w) : ie(m, O, w), xs(m, o) && u.state.next({ ...t }), u.values.next({
       name: a.mount ? m : void 0,
       values: { ...s }
     });
@@ -10399,29 +10399,29 @@ function Zf(r = {}) {
     a.mount = !0;
     const v = m.target;
     let w = v.name, M = !0;
-    const L = F(n, w), T = () => v.type ? Jn(L._f) : Eo(m), j = (Q) => {
+    const L = F(n, w), O = () => v.type ? Jn(L._f) : Eo(m), j = (Q) => {
       M = Number.isNaN(Q) || Gt(Q) && isNaN(Q.getTime()) || Lt(Q, F(s, w, Q));
     };
     if (L) {
       let Q, be;
-      const pe = T(), ze = m.type === gn.BLUR || m.type === gn.FOCUS_OUT, Wt = !$f(L._f) && !e.resolver && !F(t.errors, w) && !L._f.deps || Wf(ze, F(t.touchedFields, w), t.isSubmitted, p, h), qt = xs(w, o, ze);
+      const pe = O(), ze = m.type === gn.BLUR || m.type === gn.FOCUS_OUT, Wt = !$f(L._f) && !e.resolver && !F(t.errors, w) && !L._f.deps || Wf(ze, F(t.touchedFields, w), t.isSubmitted, p, h), qt = xs(w, o, ze);
       fe(s, w, pe), ze ? (L._f.onBlur && L._f.onBlur(m), l && l(0)) : L._f.onChange && L._f.onChange(m);
-      const Qe = E(w, pe, ze, !1), Gr = !$e(Qe) || qt;
+      const Qe = C(w, pe, ze, !1), Gr = !$e(Qe) || qt;
       if (!ze && u.values.next({
         name: w,
         type: m.type,
         values: { ...s }
       }), Wt)
-        return d.isValid && (e.mode === "onBlur" && ze ? _() : ze || _()), Gr && u.state.next({ name: w, ...qt ? {} : Qe });
+        return d.isValid && (e.mode === "onBlur" && ze ? k() : ze || k()), Gr && u.state.next({ name: w, ...qt ? {} : Qe });
       if (!ze && qt && u.state.next({ ...t }), e.resolver) {
         const { errors: Ur } = await N([w]);
         if (j(pe), M) {
-          const Vn = Ds(t.errors, n, w), Yt = Ds(Ur, n, Vn.name || w);
-          Q = Yt.error, w = Yt.name, be = $e(Ur);
+          const Vn = Ds(t.errors, n, w), Kt = Ds(Ur, n, Vn.name || w);
+          Q = Kt.error, w = Kt.name, be = $e(Ur);
         }
       } else
-        O([w], !0), Q = (await ks(L, o.disabled, s, g, e.shouldUseNativeValidation))[w], O([w]), j(pe), M && (Q ? be = !1 : d.isValid && (be = await z(n, !0)));
-      M && (L._f.deps && xe(L._f.deps), C(w, be, Q, Qe));
+        T([w], !0), Q = (await ks(L, o.disabled, s, g, e.shouldUseNativeValidation))[w], T([w]), j(pe), M && (Q ? be = !1 : d.isValid && (be = await z(n, !0)));
+      M && (L._f.deps && xe(L._f.deps), _(w, be, Q, Qe));
     }
   }, X = (m, v) => {
     if (F(t.errors, v) && m.focus)
@@ -10430,12 +10430,12 @@ function Zf(r = {}) {
     let w, M;
     const L = Sr(m);
     if (e.resolver) {
-      const T = await $(_e(m) ? m : L);
-      w = $e(T), M = m ? !L.some((j) => F(T, j)) : w;
-    } else m ? (M = (await Promise.all(L.map(async (T) => {
-      const j = F(n, T);
-      return await z(j && j._f ? { [T]: j } : j);
-    }))).every(Boolean), !(!M && !t.isValid) && _()) : M = w = await z(n);
+      const O = await $(_e(m) ? m : L);
+      w = $e(O), M = m ? !L.some((j) => F(O, j)) : w;
+    } else m ? (M = (await Promise.all(L.map(async (O) => {
+      const j = F(n, O);
+      return await z(j && j._f ? { [O]: j } : j);
+    }))).every(Boolean), !(!M && !t.isValid) && k()) : M = w = await z(n);
     return u.state.next({
       ...!wt(m) || d.isValid && w !== t.isValid ? {} : { name: m },
       ...e.resolver || !m ? { isValid: w } : {},
@@ -10457,7 +10457,7 @@ function Zf(r = {}) {
       errors: m ? t.errors : {}
     });
   }, Re = (m, v, w) => {
-    const M = (F(n, m, { _f: {} })._f || {}).ref, L = F(t.errors, m) || {}, { ref: T, message: j, type: Q, ...be } = L;
+    const M = (F(n, m, { _f: {} })._f || {}).ref, L = F(t.errors, m) || {}, { ref: O, message: j, type: Q, ...be } = L;
     fe(t.errors, m, {
       ...be,
       ...v,
@@ -10476,10 +10476,10 @@ function Zf(r = {}) {
       values: { ...s }
     }), u.state.next({
       ...t,
-      ...v.keepDirty ? { isDirty: k() } : {}
-    }), !v.keepIsValid && _();
+      ...v.keepDirty ? { isDirty: E() } : {}
+    }), !v.keepIsValid && k();
   }, Ve = ({ disabled: m, name: v, field: w, fields: M }) => {
-    (nt(m) && a.mount || m || o.disabled.has(v)) && (m ? o.disabled.add(v) : o.disabled.delete(v), E(v, Jn(w ? w._f : F(M, v)._f), !1, !1, !0));
+    (nt(m) && a.mount || m || o.disabled.has(v)) && (m ? o.disabled.add(v) : o.disabled.delete(v), C(v, Jn(w ? w._f : F(M, v)._f), !1, !1, !0));
   }, me = (m, v = {}) => {
     let w = F(n, m);
     const M = nt(v.disabled) || nt(e.disabled);
@@ -10495,7 +10495,7 @@ function Zf(r = {}) {
       field: w,
       disabled: nt(v.disabled) ? v.disabled : e.disabled,
       name: m
-    }) : x(m, !0, v.value), {
+    }) : y(m, !0, v.value), {
       ...M ? { disabled: v.disabled || e.disabled } : {},
       ...e.progressive ? {
         required: !!v.required,
@@ -10511,8 +10511,8 @@ function Zf(r = {}) {
       ref: (L) => {
         if (L) {
           me(m, v), w = F(n, m);
-          const T = _e(L.value) && L.querySelectorAll && L.querySelectorAll("input,select,textarea")[0] || L, j = Hf(T), Q = w._f.refs || [];
-          if (j ? Q.find((be) => be === T) : T === w._f.ref)
+          const O = _e(L.value) && L.querySelectorAll && L.querySelectorAll("input,select,textarea")[0] || L, j = Hf(O), Q = w._f.refs || [];
+          if (j ? Q.find((be) => be === O) : O === w._f.ref)
             return;
           fe(n, m, {
             _f: {
@@ -10520,13 +10520,13 @@ function Zf(r = {}) {
               ...j ? {
                 refs: [
                   ...Q.filter(Xn),
-                  T,
+                  O,
                   ...Array.isArray(F(i, m)) ? [{}] : []
                 ],
-                ref: { type: T.type, name: m }
-              } : { ref: T }
+                ref: { type: O.type, name: m }
+              } : { ref: O }
             }
-          }), x(m, !1, void 0, T);
+          }), y(m, !1, void 0, O);
         } else
           w = F(n, m, {}), w._f && (w._f.mount = !1), (e.shouldUnregister || v.shouldUnregister) && !(ko(o.array, m) && a.action) && o.unMount.add(m);
       }
@@ -10543,13 +10543,13 @@ function Zf(r = {}) {
     w && (w.preventDefault && w.preventDefault(), w.persist && w.persist());
     let L = je(s);
     if (o.disabled.size)
-      for (const T of o.disabled)
-        fe(L, T, void 0);
+      for (const O of o.disabled)
+        fe(L, O, void 0);
     if (u.state.next({
       isSubmitting: !0
     }), e.resolver) {
-      const { errors: T, values: j } = await N();
-      t.errors = T, L = j;
+      const { errors: O, values: j } = await N();
+      t.errors = O, L = j;
     } else
       await z(n);
     if (Se(t.errors, "root"), $e(t.errors)) {
@@ -10558,8 +10558,8 @@ function Zf(r = {}) {
       });
       try {
         await m(L, w);
-      } catch (T) {
-        M = T;
+      } catch (O) {
+        M = O;
       }
     } else
       v && await v({ ...t.errors }, w), we(), setTimeout(we);
@@ -10572,9 +10572,9 @@ function Zf(r = {}) {
     }), M)
       throw M;
   }, Oe = (m, v = {}) => {
-    F(n, m) && (_e(v.defaultValue) ? ne(m, je(F(i, m))) : (ne(m, v.defaultValue), fe(i, m, je(v.defaultValue))), v.keepTouched || Se(t.touchedFields, m), v.keepDirty || (Se(t.dirtyFields, m), t.isDirty = v.defaultValue ? k(m, je(F(i, m))) : k()), v.keepError || (Se(t.errors, m), d.isValid && _()), u.state.next({ ...t }));
+    F(n, m) && (_e(v.defaultValue) ? ne(m, je(F(i, m))) : (ne(m, v.defaultValue), fe(i, m, je(v.defaultValue))), v.keepTouched || Se(t.touchedFields, m), v.keepDirty || (Se(t.dirtyFields, m), t.isDirty = v.defaultValue ? E(m, je(F(i, m))) : E()), v.keepError || (Se(t.errors, m), d.isValid && k()), u.state.next({ ...t }));
   }, Me = (m, v = {}) => {
-    const w = m ? je(m) : i, M = je(w), L = $e(m), T = L ? i : M;
+    const w = m ? je(m) : i, M = je(w), L = $e(m), O = L ? i : M;
     if (v.keepDefaultValues || (i = w), !v.keepValues) {
       if (v.keepDirtyValues) {
         const j = /* @__PURE__ */ new Set([
@@ -10582,7 +10582,7 @@ function Zf(r = {}) {
           ...Object.keys(vr(i, s))
         ]);
         for (const Q of Array.from(j))
-          F(t.dirtyFields, Q) ? fe(T, Q, F(s, Q)) : ne(Q, F(T, Q));
+          F(t.dirtyFields, Q) ? fe(O, Q, F(s, Q)) : ne(Q, F(O, Q));
       } else {
         if (Li && _e(m))
           for (const j of o.mount) {
@@ -10600,10 +10600,10 @@ function Zf(r = {}) {
           }
         n = {};
       }
-      s = e.shouldUnregister ? v.keepDefaultValues ? je(i) : {} : je(T), u.array.next({
-        values: { ...T }
+      s = e.shouldUnregister ? v.keepDefaultValues ? je(i) : {} : je(O), u.array.next({
+        values: { ...O }
       }), u.values.next({
-        values: { ...T }
+        values: { ...O }
       });
     }
     o = {
@@ -10634,8 +10634,8 @@ function Zf(r = {}) {
       setError: Re,
       _executeSchema: N,
       _getWatch: A,
-      _getDirty: k,
-      _updateValid: _,
+      _getDirty: E,
+      _updateValid: k,
       _removeUnmounted: R,
       _updateFieldArray: D,
       _updateDisabledField: Ve,
@@ -10760,7 +10760,7 @@ function qf(r = {}) {
     });
   }, [r.shouldUnregister, s]), e.current.formState = Ro(n, s), e.current;
 }
-var Yf = "Label", Bo = st.forwardRef((r, e) => /* @__PURE__ */ f(
+var Kf = "Label", Bo = st.forwardRef((r, e) => /* @__PURE__ */ f(
   Nl.label,
   {
     ...r,
@@ -10770,7 +10770,7 @@ var Yf = "Label", Bo = st.forwardRef((r, e) => /* @__PURE__ */ f(
     }
   }
 ));
-Bo.displayName = Yf;
+Bo.displayName = Kf;
 var Ho = Bo;
 const xn = st.forwardRef(({ className: r, ...e }, t) => f(Ho, {
   ref: t,
@@ -10778,7 +10778,7 @@ const xn = st.forwardRef(({ className: r, ...e }, t) => f(Ho, {
   ...e
 }));
 xn.displayName = Ho.displayName;
-const Kf = Of, Vo = st.createContext({}), Rs = ({ ...r }) => {
+const Yf = Of, Vo = st.createContext({}), Rs = ({ ...r }) => {
   const { formState: e } = jt();
   return f(Vo.Provider, {
     value: {
@@ -10864,7 +10864,7 @@ const Uo = st.forwardRef(({ className: r, children: e, fallback: t, ...n }, i) =
   }) : null;
 });
 Uo.displayName = "FormMessage";
-function Jf({ isActionBar: r, isDirty: e, actionBarStatus: t, hasErrors: n, errorCount: i, resolvedActionBarLabel: s, centerActionBarInFrameContent: a, submitLabel: o, submitIcon: l, discardableChanges: c, discardLabel: d, discardIcon: u, issuesOneLabel: h, issuesOtherLabel: p, onSubmit: g, onDiscard: b, goToPreviousError: _, goToNextError: O }) {
+function Jf({ isActionBar: r, isDirty: e, actionBarStatus: t, hasErrors: n, errorCount: i, resolvedActionBarLabel: s, centerActionBarInFrameContent: a, submitLabel: o, submitIcon: l, discardableChanges: c, discardLabel: d, discardIcon: u, issuesOneLabel: h, issuesOtherLabel: p, onSubmit: g, onDiscard: x, goToPreviousError: k, goToNextError: T }) {
   return r ? f(Qi, {
     isOpen: e || t === "loading" || t === "success",
     variant: "light",
@@ -10887,13 +10887,13 @@ function Jf({ isActionBar: r, isDirty: e, actionBarStatus: t, hasErrors: n, erro
         className: "flex items-center gap-2",
         children: [f(ut, {
           icon: Tl,
-          onClick: _,
+          onClick: k,
           variant: "outline",
           label: "Go to previous error",
           hideLabel: !0
         }), f(ut, {
           icon: Ol,
-          onClick: O,
+          onClick: T,
           variant: "outline",
           label: "Go to next error",
           hideLabel: !0
@@ -10909,7 +10909,7 @@ function Jf({ isActionBar: r, isDirty: e, actionBarStatus: t, hasErrors: n, erro
     secondaryActions: c ? [{
       label: d,
       icon: u,
-      onClick: b
+      onClick: x
     }] : []
   }) : f(Qi, {
     isOpen: t === "loading" || t === "success",
@@ -10919,7 +10919,7 @@ function Jf({ isActionBar: r, isDirty: e, actionBarStatus: t, hasErrors: n, erro
   });
 }
 const Zo = "gap-4", Qf = "mt-6", em = "max-w-[720px]", $t = "md", qo = Ct(null);
-function Yo() {
+function Ko() {
   const r = ht(qo);
   if (!r)
     throw new Error("useF0FormContext must be used within a F0Form");
@@ -10935,15 +10935,15 @@ function ge(r, e) {
 function Hi(r) {
   return ge(r, "ZodEffects") ? r._def.schema : r;
 }
-const Ko = /* @__PURE__ */ new WeakMap();
+const Yo = /* @__PURE__ */ new WeakMap();
 function mg(r, e) {
-  Ko.set(r, e);
+  Yo.set(r, e);
   const t = r;
   return t._f0Config = e, t._innerSchema = r, t;
 }
 function Vi(r) {
   const e = r;
-  return e._f0Config ? e._f0Config : Ko.get(r);
+  return e._f0Config ? e._f0Config : Yo.get(r);
 }
 function pg(r) {
   return Vi(r) !== void 0;
@@ -11259,7 +11259,7 @@ function mm({ field: r, formField: e, error: t, loading: n }) {
   });
 }
 function pm({ field: r, formField: e, error: t, loading: n }) {
-  return f(Yc, {
+  return f(Uc, {
     ...e,
     label: r.label,
     placeholder: r.placeholder,
@@ -11279,7 +11279,7 @@ function pm({ field: r, formField: e, error: t, loading: n }) {
 }
 function gm({ field: r, formField: e }) {
   const t = e.value;
-  return f(Kc, {
+  return f(Zc, {
     title: r.label,
     placeholder: r.placeholder ?? "",
     maxCharacters: r.maxCharacters,
@@ -11413,7 +11413,7 @@ function Em({ field: r, formField: e, error: t, loading: n }) {
   });
 }
 function km({ field: r, formField: e, error: t, loading: n }) {
-  return f(Xc, {
+  return f(qc, {
     ...e,
     label: r.label,
     placeholder: r.placeholder,
@@ -11550,7 +11550,7 @@ function Sm({ field: r, formField: e, fieldState: t, isSubmitting: n, isRequired
   }
 }
 function $i({ field: r, sectionId: e }) {
-  const t = jt(), n = t.watch(), { isSubmitting: i } = t.formState, { formName: s } = Yo(), { forms: a } = zr(), o = ji(r.disabled, n), l = Y(o);
+  const t = jt(), n = t.watch(), { isSubmitting: i } = t.formState, { formName: s } = Ko(), { forms: a } = zr(), o = ji(r.disabled, n), l = K(o);
   J(() => {
     const p = l.current;
     if (l.current = o, !p && o && r.resetOnDisable) {
@@ -11612,16 +11612,16 @@ function Dm(r) {
   return ge(e, "ZodLiteral") && e._def.value === !0;
 }
 function rl({ fields: r }) {
-  const e = jt(), { watch: t, setValue: n } = e, { isSubmitting: i } = e.formState, s = t(), a = q(() => r.filter((h) => !h.renderIf || Hn(h.renderIf, s)), [r, s]), o = q(() => Object.fromEntries(a.map((h) => [h.id, ji(h.disabled, s) || i])), [a, i, s]), l = Y({});
+  const e = jt(), { watch: t, setValue: n } = e, { isSubmitting: i } = e.formState, s = t(), a = q(() => r.filter((h) => !h.renderIf || Hn(h.renderIf, s)), [r, s]), o = q(() => Object.fromEntries(a.map((h) => [h.id, ji(h.disabled, s) || i])), [a, i, s]), l = K({});
   J(() => {
     const h = l.current, p = e.formState.defaultValues ?? {};
     for (const g of a) {
       if (!(g.id in h))
         continue;
-      const b = h[g.id], _ = o[g.id] ?? !1;
-      if (!b && _ && g.resetOnDisable) {
-        const O = p[g.id] ?? !1;
-        n(g.id, O, {
+      const x = h[g.id], k = o[g.id] ?? !1;
+      if (!x && k && g.resetOnDisable) {
+        const T = p[g.id] ?? !1;
+        n(g.id, T, {
           shouldValidate: !1
         });
       }
@@ -11637,7 +11637,7 @@ function rl({ fields: r }) {
     disabled: o[h.id] ?? !1,
     required: !!(h.validation && Dm(h.validation))
   })), [a, o]), d = q(() => a.filter((h) => s[h.id]).map((h) => h.id), [a, s]);
-  return a.length === 0 ? null : f(Jc, {
+  return a.length === 0 ? null : f(Kc, {
     multiple: !0,
     isToggle: !0,
     grouped: !0,
@@ -11645,8 +11645,8 @@ function rl({ fields: r }) {
     value: d,
     onChange: (h) => {
       for (const p of a) {
-        const g = h.includes(p.id), b = !!s[p.id];
-        g !== b && n(p.id, g, {
+        const g = h.includes(p.id), x = !!s[p.id];
+        g !== x && n(p.id, g, {
           shouldValidate: !0
         });
       }
@@ -11674,7 +11674,7 @@ function Rm(r) {
   }), n(), e;
 }
 function Nm({ section: r }) {
-  const t = jt().watch(), { formName: n } = Yo(), { title: i, description: s, renderIf: a, action: o, fields: l } = r.section, c = r.id;
+  const t = jt().watch(), { formName: n } = Ko(), { title: i, description: s, renderIf: a, action: o, fields: l } = r.section, c = r.id;
   if (a && !Hn(a, t))
     return null;
   const d = Rm(l), u = Mr(n, c);
@@ -11683,7 +11683,7 @@ function Nm({ section: r }) {
     className: "flex flex-col scroll-mt-4",
     children: [V("div", {
       className: se("flex items-start justify-between py-5", "[&>div]:px-0.5 [&>div]:mx-0 [&>div]:border-0"),
-      children: [f(Qc, {
+      children: [f(Yc, {
         title: i,
         description: s ?? ""
       }), o && f(ut, {
@@ -12341,7 +12341,7 @@ class ue {
 }
 const zm = /^c[^\s-]{8,}$/i, Fm = /^[0-9a-z]+$/, Bm = /^[0-9A-HJKMNP-TV-Z]{26}$/i, Hm = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, Vm = /^[a-z0-9_-]{21}$/i, jm = /^[A-Za-z0-9-_]+\.[A-Za-z0-9-_]+\.[A-Za-z0-9-_]*$/, $m = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/, Wm = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, Gm = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
 let ei;
-const Um = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/, Zm = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/(3[0-2]|[12]?[0-9])$/, qm = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/, Ym = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/, Km = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, Xm = /^([0-9a-zA-Z-_]{4})*(([0-9a-zA-Z-_]{2}(==)?)|([0-9a-zA-Z-_]{3}(=)?))?$/, il = "((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))", Jm = new RegExp(`^${il}$`);
+const Um = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/, Zm = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\/(3[0-2]|[12]?[0-9])$/, qm = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/, Km = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])$/, Ym = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, Xm = /^([0-9a-zA-Z-_]{4})*(([0-9a-zA-Z-_]{2}(==)?)|([0-9a-zA-Z-_]{3}(=)?))?$/, il = "((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))", Jm = new RegExp(`^${il}$`);
 function sl(r) {
   let e = "[0-5]\\d";
   r.precision ? e = `${e}\\.\\d{${r.precision}}` : r.precision == null && (e = `${e}(\\.\\d+)?`);
@@ -12373,7 +12373,7 @@ function rp(r, e) {
   }
 }
 function np(r, e) {
-  return !!((e === "v4" || !e) && Zm.test(r) || (e === "v6" || !e) && Ym.test(r));
+  return !!((e === "v4" || !e) && Zm.test(r) || (e === "v6" || !e) && Km.test(r));
 }
 class Ut extends ue {
   _parse(e) {
@@ -12519,7 +12519,7 @@ class Ut extends ue {
         validation: "cidr",
         code: P.invalid_string,
         message: s.message
-      }), n.dirty()) : s.kind === "base64" ? Km.test(e.data) || (i = this._getOrReturnCtx(e, i), H(i, {
+      }), n.dirty()) : s.kind === "base64" ? Ym.test(e.data) || (i = this._getOrReturnCtx(e, i), H(i, {
         validation: "base64",
         code: P.invalid_string,
         message: s.message
@@ -14413,16 +14413,16 @@ function dp({
   formName: r,
   errors: e
 }) {
-  const t = Object.keys(e).filter((h) => h !== "root"), n = t.length > 0, i = t.length, [s, a] = re(0), o = Y([]);
+  const t = Object.keys(e).filter((h) => h !== "root"), n = t.length > 0, i = t.length, [s, a] = re(0), o = K([]);
   J(() => {
     const h = t, p = o.current, g = h.find(
-      (b) => !p.includes(b)
+      (x) => !p.includes(x)
     );
     if (g) {
-      const b = Mr(r, void 0, g);
-      Gs(b);
-      const _ = h.indexOf(g);
-      _ !== -1 && a(_);
+      const x = Mr(r, void 0, g);
+      Gs(x);
+      const k = h.indexOf(g);
+      k !== -1 && a(k);
     }
     o.current = h;
   }, [t, r]);
@@ -14431,8 +14431,8 @@ function dp({
       if (t.length === 0) return;
       const p = (h % t.length + t.length) % t.length;
       a(p);
-      const g = t[p], b = Mr(r, void 0, g);
-      Gs(b);
+      const g = t[p], x = Mr(r, void 0, g);
+      Gs(x);
     },
     [t, r]
   ), c = de(() => {
@@ -14862,10 +14862,10 @@ const yp = {
   "on-submit": "onSubmit"
 };
 function bp(r) {
-  const e = zr(), { forms: t } = e, { name: n, schema: i, sections: s, defaultValues: a, onSubmit: o, submitConfig: l, className: c, errorTriggerMode: d = "on-blur", styling: u, formRef: h } = r, p = u?.showSectionsSidepanel ?? !1, g = l?.type === "action-bar", b = l?.label ?? "Submit", _ = l?.icon === null ? void 0 : l?.icon ?? Fl, O = l?.type !== "action-bar" && l?.hideSubmitButton, D = !g && !O, S = l?.type === "action-bar" && l?.discardable, I = g ? l?.discardConfig : void 0, x = I?.label ?? t.actionBar.discard, E = I?.icon === null ? void 0 : I?.icon ?? Bl, C = g ? l?.actionBarLabel ?? t.actionBar.unsavedChanges : t.actionBar.unsavedChanges, N = l?.savingMessage ?? t.actionBar.saving, $ = g && !!l?.centerActionBarInFrameContent, z = pp(i, s), R = q(() => z.filter((M) => M.type === "section").map((M) => M.id), [z]), [k, A] = re(R[0]), W = de((M) => {
+  const e = zr(), { forms: t } = e, { name: n, schema: i, sections: s, defaultValues: a, onSubmit: o, submitConfig: l, className: c, errorTriggerMode: d = "on-blur", styling: u, formRef: h } = r, p = u?.showSectionsSidepanel ?? !1, g = l?.type === "action-bar", x = l?.label ?? "Submit", k = l?.icon === null ? void 0 : l?.icon ?? Fl, T = l?.type !== "action-bar" && l?.hideSubmitButton, D = !g && !T, S = l?.type === "action-bar" && l?.discardable, I = g ? l?.discardConfig : void 0, y = I?.label ?? t.actionBar.discard, C = I?.icon === null ? void 0 : I?.icon ?? Bl, _ = g ? l?.actionBarLabel ?? t.actionBar.unsavedChanges : t.actionBar.unsavedChanges, N = l?.savingMessage ?? t.actionBar.saving, $ = g && !!l?.centerActionBarInFrameContent, z = pp(i, s), R = q(() => z.filter((M) => M.type === "section").map((M) => M.id), [z]), [E, A] = re(R[0]), W = de((M) => {
     A(M);
-    const L = Mr(n, M), T = document.getElementById(L);
-    T && T.scrollIntoView({
+    const L = Mr(n, M), O = document.getElementById(L);
+    O && O.scrollIntoView({
       behavior: "smooth",
       block: "start"
     });
@@ -14879,14 +14879,14 @@ function bp(r) {
     resolver: ve,
     mode: ne,
     defaultValues: a
-  }), xe = X.formState.errors.root, { isDirty: Ge, isSubmitting: ye, errors: Pe } = X.formState, [Re, Te] = re("idle"), [Ee, Ve] = re(), me = Y(null), { hasErrors: we, errorCount: le, goToPreviousError: Je, goToNextError: Oe, resetErrorNavigation: Me } = dp({
+  }), xe = X.formState.errors.root, { isDirty: Ge, isSubmitting: ye, errors: Pe } = X.formState, [Re, Te] = re("idle"), [Ee, Ve] = re(), me = K(null), { hasErrors: we, errorCount: le, goToPreviousError: Je, goToNextError: Oe, resetErrorNavigation: Me } = dp({
     formName: n,
     errors: Pe
   }), Ie = (() => {
     if (!we)
-      return Re === "loading" ? N : Re === "success" ? Ee ?? t.actionBar.saved : C;
+      return Re === "loading" ? N : Re === "success" ? Ee ?? t.actionBar.saved : _;
   })(), Ue = async (M) => {
-    me.current && (clearTimeout(me.current), me.current = null), uc(() => {
+    me.current && (clearTimeout(me.current), me.current = null), lc(() => {
       Te("loading");
     });
     const L = {
@@ -14894,15 +14894,15 @@ function bp(r) {
     };
     for (const j of Object.keys(L))
       L[j] === null && (L[j] = void 0);
-    const T = await o(L);
-    T.success ? (X.reset(M), Me(), Ve(T.message), Te("success"), me.current = setTimeout(() => {
+    const O = await o(L);
+    O.success ? (X.reset(M), Me(), Ve(O.message), Te("success"), me.current = setTimeout(() => {
       Te("idle"), Ve(void 0), me.current = null;
-    }, 3e3)) : (Te("idle"), T.errors && Object.entries(T.errors).forEach(([j, Q]) => {
+    }, 3e3)) : (Te("idle"), O.errors && Object.entries(O.errors).forEach(([j, Q]) => {
       X.setError(j, {
         message: Q
       });
-    }), T.rootMessage && X.setError("root", {
-      message: T.rootMessage
+    }), O.rootMessage && X.setError("root", {
+      message: O.rootMessage
     }));
   };
   J(() => () => {
@@ -14912,15 +14912,15 @@ function bp(r) {
   }, [Ge, Re]);
   const lt = () => {
     X.reset(), Me(), Te("idle"), Ve(void 0), me.current && (clearTimeout(me.current), me.current = null);
-  }, Et = Y(null);
+  }, Et = K(null);
   J(() => {
     if (h) {
       const M = {
-        submit: () => new Promise((L, T) => {
+        submit: () => new Promise((L, O) => {
           X.handleSubmit(async (j) => {
             await Ue(j), L();
           }, () => {
-            T(new Error("Form validation failed"));
+            O(new Error("Form validation failed"));
           })();
         }),
         reset: () => {
@@ -14948,25 +14948,25 @@ function bp(r) {
     onSubmit: X.handleSubmit(Ue),
     className: se("flex flex-col", em, c),
     children: [m.map((M, L) => {
-      const T = L !== 0 && M.type !== "section" ? "mt-4" : "";
+      const O = L !== 0 && M.type !== "section" ? "mt-4" : "";
       switch (M.type) {
         case "switchGroup":
           return f("div", {
-            className: T,
+            className: O,
             children: f(rl, {
               fields: M.fields
             })
           }, `switch-group-${L}`);
         case "field":
           return f("div", {
-            className: T,
+            className: O,
             children: f($i, {
               field: M.item.field
             })
           }, M.item.field.id);
         case "row":
           return f("div", {
-            className: T,
+            className: O,
             children: f(tl, {
               row: M.item
             })
@@ -14988,8 +14988,8 @@ function bp(r) {
       className: "mt-4",
       children: f(ut, {
         type: "submit",
-        label: b,
-        icon: _,
+        label: x,
+        icon: k,
         loading: ye,
         disabled: we
       })
@@ -14997,7 +14997,7 @@ function bp(r) {
   });
   return f(qo.Provider, {
     value: v,
-    children: V(Kf, {
+    children: V(Yf, {
       ...X,
       children: [p && ie.length > 0 ? V("div", {
         className: "flex w-full gap-4",
@@ -15005,7 +15005,7 @@ function bp(r) {
           className: "sticky top-4 h-fit shrink-0 self-start pt-3",
           children: f(ba, {
             items: ie,
-            activeItem: k,
+            activeItem: E,
             scrollable: !1
           })
         }), f("div", {
@@ -15022,11 +15022,11 @@ function bp(r) {
         errorCount: le,
         resolvedActionBarLabel: Ie,
         centerActionBarInFrameContent: $,
-        submitLabel: b,
-        submitIcon: _,
+        submitLabel: x,
+        submitIcon: k,
         discardableChanges: S,
-        discardLabel: x,
-        discardIcon: E,
+        discardLabel: y,
+        discardIcon: C,
         issuesOneLabel: t.actionBar.issues.one,
         issuesOtherLabel: t.actionBar.issues.other,
         onSubmit: X.handleSubmit(Ue),
@@ -15038,9 +15038,9 @@ function bp(r) {
   });
 }
 function vg() {
-  const [r, e] = re(!1), [t, n] = re(!1), i = Y((d) => {
+  const [r, e] = re(!1), [t, n] = re(!1), i = K((d) => {
     e(d.isSubmitting), n(d.hasErrors);
-  }), s = Y(null), a = Y({
+  }), s = K(null), a = K({
     get current() {
       return s.current;
     },
@@ -15159,7 +15159,7 @@ const Ep = 300, kp = 0, Sp = Vt({
   }
 });
 function Dp({ title: r, items: e, className: t, activeItem: n, collapsible: i = !1, showChildrenCounter: s = !1, barsAlign: a = "left", size: o = "md", variant: l = "light" }) {
-  const [c, d] = re(!1), u = Y(!1), h = (g) => {
+  const [c, d] = re(!1), u = K(!1), h = (g) => {
     g && !c && (u.current = !0), d(g);
   }, p = de((g) => {
     !g || !u.current || (u.current = !1, requestAnimationFrame(() => {
@@ -15169,12 +15169,12 @@ function Dp({ title: r, items: e, className: t, activeItem: n, collapsible: i =
       });
     }));
   }, []);
-  return V(Hl, {
+  return V(Xc, {
     open: c,
     onOpenChange: h,
     openDelay: kp,
     closeDelay: Ep,
-    children: [f(Vl, {
+    children: [f(Jc, {
       asChild: !0,
       children: f("button", {
         className: se(ea(), "flex cursor-pointer items-center rounded-md px-1.5 py-1", t),
@@ -15186,7 +15186,7 @@ function Dp({ title: r, items: e, className: t, activeItem: n, collapsible: i =
           variant: l
         })
       })
-    }), f(jl, {
+    }), f(Qc, {
       ref: p,
       side: a === "left" ? "right" : "left",
       align: "center",
@@ -15216,7 +15216,7 @@ const xg = it(
 }), Np = ({ text: r }) => V("div", {
   className: "flex flex-row items-start gap-2",
   children: [f(Dn, {
-    icon: Wl,
+    icon: Vl,
     size: "md",
     className: "text-f1-icon-positive"
   }), f("span", {
@@ -15248,7 +15248,7 @@ const xg = it(
           })]
         }), (o || l) && V("div", {
           className: "flex justify-start gap-2",
-          children: [o && f($l, {
+          children: [o && f(Hl, {
             icon: o.icon,
             text: o.label
           }), l && f(ed, {
@@ -15273,18 +15273,18 @@ function Ap({ isOpen: r, onClose: e, title: t, children: n, module: i, portalCon
   const [a, o] = re(r);
   return J(() => {
     o(r);
-  }, [r]), f(Gl, {
+  }, [r]), f(jl, {
     open: a,
     onOpenChange: (c) => {
       o(c), c || e();
     },
     modal: !0,
-    children: V(Ul, {
+    children: V($l, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: s,
       children: [V("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [V(Zl, {
+        children: [V(Wl, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
           children: [i && f(aa, {
             module: i,
@@ -15307,21 +15307,21 @@ function Ap({ isOpen: r, onClose: e, title: t, children: n, module: i, portalCon
     })
   });
 }
-function wg({ isOpen: r, onClose: e, title: t, image: n, benefits: i, errorMessage: s, successMessage: a, loadingState: o, nextSteps: l, closeLabel: c, primaryAction: d, modalTitle: u, modalModule: h, secondaryAction: p, portalContainer: g, tag: b, promoTag: _, showResponseDialog: O = !0 }) {
-  const [D, S] = re(r), [I, x] = re(null), [E, C] = re(!1), N = async () => {
+function wg({ isOpen: r, onClose: e, title: t, image: n, benefits: i, errorMessage: s, successMessage: a, loadingState: o, nextSteps: l, closeLabel: c, primaryAction: d, modalTitle: u, modalModule: h, secondaryAction: p, portalContainer: g, tag: x, promoTag: k, showResponseDialog: T = !0 }) {
+  const [D, S] = re(r), [I, y] = re(null), [C, _] = re(!1), N = async () => {
     if (d?.onClick) {
-      C(!0);
+      _(!0);
       try {
-        await d.onClick(), S(!1), O && x("success");
+        await d.onClick(), S(!1), T && y("success");
       } catch {
-        O && x("error");
+        T && y("error");
       } finally {
-        C(!1);
+        _(!1);
       }
     }
   }, $ = () => {
     S(!1), e?.();
-  }, z = E;
+  }, z = C;
   return V(Fr, {
     children: [f(Ap, {
       isOpen: D,
@@ -15336,8 +15336,8 @@ function wg({ isOpen: r, onClose: e, title: t, image: n, benefits: i, errorMessa
           image: n,
           benefits: i,
           withShadow: !1,
-          tag: b,
-          promoTag: _,
+          tag: x,
+          promoTag: k,
           actions: V("div", {
             className: "flex gap-3",
             children: [d && f(ut, {
@@ -15357,10 +15357,10 @@ function wg({ isOpen: r, onClose: e, title: t, image: n, benefits: i, errorMessa
           })
         })
       })
-    }), I && O && f(xa, {
+    }), I && T && f(xa, {
       open: !0,
       onClose: () => {
-        $(), x(null);
+        $(), y(null);
       },
       success: I === "success",
       errorMessage: s,
@@ -15380,12 +15380,12 @@ function Tp({ mediaUrl: r, title: e, description: t, onClose: n, dismissible: i,
   }, [a, c]);
   const h = r?.includes(".mp4");
   return f(Fr, {
-    children: c ? null : V(ql, {
+    children: c ? null : V(Gl, {
       style: {
         width: s
       },
       className: "relative bg-f1-background p-1",
-      children: [V(Yl, {
+      children: [V(Ul, {
         children: [i && f("div", {
           className: "absolute right-2 top-2 z-10",
           children: f(ut, {
@@ -15421,7 +15421,7 @@ function Tp({ mediaUrl: r, title: e, description: t, onClose: n, dismissible: i,
             })]
           })]
         })]
-      }), o && f(Kl, {
+      }), o && f(Zl, {
         className: "p-3",
         children: o.map((p) => p.type === "upsell" ? f(wa, {
           label: p.label,
@@ -15472,28 +15472,28 @@ const Op = We(function({ primaryAction: e, secondaryAction: t, ...n }, i) {
   });
 });
 Op.displayName = "UpsellingBanner";
-function _g({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i = "md", showIcon: s = !0, side: a = "right", align: o = "center", icon: l = Xl, mediaUrl: c, title: d, description: u, width: h = "300px", trackVisibility: p, actions: g, onClick: b, hideLabel: _ = !1 }) {
-  const [O, D] = re(!1), [S, I] = re(null), [x, E] = re(null), C = (k) => {
-    e(k), b && b();
-  }, N = async (k) => {
-    if (k.type === "upsell") {
-      E(k);
+function _g({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i = "md", showIcon: s = !0, side: a = "right", align: o = "center", icon: l = ql, mediaUrl: c, title: d, description: u, width: h = "300px", trackVisibility: p, actions: g, onClick: x, hideLabel: k = !1 }) {
+  const [T, D] = re(!1), [S, I] = re(null), [y, C] = re(null), _ = (E) => {
+    e(E), x && x();
+  }, N = async (E) => {
+    if (E.type === "upsell") {
+      C(E);
       try {
-        await k.onClick(), k.showConfirmation && (D(!0), I("success"));
+        await E.onClick(), E.showConfirmation && (D(!0), I("success"));
       } catch {
         D(!0), I("error");
       }
     }
   }, $ = () => {
-    I(null), D(!1), E(null), e(!1);
-  }, z = r && !O, R = g?.map((k) => k.type === "upsell" ? {
-    ...k,
-    onClick: () => N(k)
-  } : k);
+    I(null), D(!1), C(null), e(!1);
+  }, z = r && !T, R = g?.map((E) => E.type === "upsell" ? {
+    ...E,
+    onClick: () => N(E)
+  } : E);
   return V(Fr, {
     children: [V(Js, {
       open: z,
-      onOpenChange: C,
+      onOpenChange: _,
       children: [f(Qs, {
         asChild: !0,
         children: f(ut, {
@@ -15502,7 +15502,7 @@ function _g({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i
           size: i,
           icon: s ? l : void 0,
           onClick: () => e(r),
-          hideLabel: _
+          hideLabel: k
         })
       }), f(ta, {
         side: a,
@@ -15520,21 +15520,21 @@ function _g({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i
           showConfirmation: !1
         })
       })]
-    }), x?.type === "upsell" && x.showConfirmation && S && f(xa, {
+    }), y?.type === "upsell" && y.showConfirmation && S && f(xa, {
       open: !0,
       onClose: $,
       success: S === "success",
-      errorMessage: x.errorMessage,
-      successMessage: x.successMessage,
-      nextSteps: x.nextSteps,
-      closeLabel: x.closeLabel,
+      errorMessage: y.errorMessage,
+      successMessage: y.successMessage,
+      nextSteps: y.nextSteps,
+      closeLabel: y.closeLabel,
       portalContainer: null
     })]
   });
 }
 const Mp = Ct(null), Ip = ({ children: r, fullScreen: e = !0 }) => {
-  const t = Y(null), [n, i] = re(t.current);
-  return ic(() => {
+  const t = K(null), [n, i] = re(t.current);
+  return tc(() => {
     i(t.current);
   }, []), f(Mp.Provider, {
     value: {
@@ -15553,21 +15553,21 @@ const Mp = Ct(null), Ip = ({ children: r, fullScreen: e = !0 }) => {
   reducedMotion: "user",
   children: r
 }), Cg = ({ children: r, layout: e, link: t, privacyModeInitiallyEnabled: n, image: i, i18n: s, l10n: a, isDev: o = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: c = !1 }) => f(Lp, {
-  children: f(Jl, {
+  children: f(Kl, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: f(Ql, {
+    children: f(Yl, {
       ...a,
-      children: f(ec, {
+      children: f(Xl, {
         ...s,
-        children: f(tc, {
+        children: f(Jl, {
           ...t,
           children: f(Ip, {
             ...e,
-            children: f(rc, {
+            children: f(Ql, {
               children: f(rd, {
                 initiallyEnabled: n,
-                children: f(nc, {
+                children: f(ec, {
                   ...i,
                   children: f(nd, {
                     handler: l,
@@ -15596,7 +15596,7 @@ export {
   Rg as Await,
   qp as BarChart,
   Ng as Blockquote,
-  Yp as CategoryBarChart,
+  Kp as CategoryBarChart,
   Ag as ChatSpinner,
   eg as ComboChart,
   jp as Dashboard,
@@ -15612,7 +15612,7 @@ export {
   fg as F0Alert,
   uy as F0AuraVoiceAnimation,
   Bg as F0Avatar,
-  qc as F0AvatarAlert,
+  Gc as F0AvatarAlert,
   Hg as F0AvatarCompany,
   $v as F0AvatarDate,
   Vg as F0AvatarEmoji,
@@ -15633,8 +15633,8 @@ export {
   ya as F0DatePicker,
   Zg as F0Dialog,
   qg as F0DialogContext,
-  Yg as F0DialogProvider,
-  Kg as F0EventCatcherProvider,
+  Kg as F0DialogProvider,
+  Yg as F0EventCatcherProvider,
   Nf as F0FilterPickerContent,
   yg as F0Form,
   bg as F0GridStack,
@@ -15649,14 +15649,14 @@ export {
   rr as F0Select,
   xg as F0TableOfContentPopover,
   Uv as F0TagAlert,
-  Zc as F0TagBalance,
+  Wc as F0TagBalance,
   Zv as F0TagCompany,
   ev as F0TagDot,
   qv as F0TagList,
-  Yv as F0TagPerson,
-  $l as F0TagRaw,
+  Kv as F0TagPerson,
+  Hl as F0TagRaw,
   ed as F0TagStatus,
-  Kv as F0TagTeam,
+  Yv as F0TagTeam,
   Na as F0Text,
   tv as F0Thinking,
   rv as FullscreenChatContext,
@@ -15669,7 +15669,7 @@ export {
   lv as Image,
   $p as Layout,
   cv as Li,
-  Kp as LineChart,
+  Yp as LineChart,
   dv as Ol,
   uv as OneFilterPicker,
   hv as P,