@factorialco/f0-react 1.300.0 → 1.301.0

package/dist/f0.js

@@ -1,126 +1,217 @@
-import { S as Be, a as At, f as Ee, L as J, b as Tt, A as Lt, i as ae, c as Ye, d as Xe, E as Mt, g as he, e as Ht, h as Bt, C as Ft, j as Wt, k as V, l as Je, u as It, G as Gt, m as Ut, n as Fe, o as $t, p as Ze, q as jt, B as Qe, X as et, Y as Ne, r as Kt, s as tt, t as Vt, v as qt, w as Yt, x as Xt, y as Jt, z as Zt, D as Qt, F as ei, H as We, I as ti, J as Z, K as Ce, M as ii, N as si, P as ri, O as F, Q as ni, R as oi, T as ai, U as li, V as hi, W as di, Z as ci, _ as it, $ as ui, a0 as de, a1 as st, a2 as rt, a3 as fi, a4 as nt, a5 as ot, a6 as at, a7 as lt, a8 as gi, a9 as pi, aa as ht, ab as mi, ac as B, ad as vi, ae as dt, af as yi, ag as ct, ah as bi, ai as _i, aj as xi, ak as wi, al as Ei, am as Ci, an as Ri, ao as Ni, ap as ut, aq as q, ar as ft, as as zi, at as Di, au as Ie, av as Si, aw as gt, ax as Pi, ay as ki, az as Oi, aA as Ai, aB as Ti, aC as Li, aD as Mi, aE as Hi, aF as Bi, aG as Fi, aH as Wi, aI as Ii } from "./hooks-CxaQvlbP.js";
-import { bb as yr, bo as br, bx as _r, aJ as xr, aK as wr, aL as Er, aM as Cr, aN as Rr, aO as Nr, aP as zr, aQ as Dr, aS as Sr, aT as Pr, aU as kr, aV as Or, aW as Ar, aX as Tr, aY as Lr, bt as Mr, a_ as Hr, a$ as Br, b2 as Fr, b3 as Wr, b4 as Ir, b5 as Gr, b8 as Ur, b9 as $r, ba as jr, bd as Kr, b1 as Vr, bc as qr, b7 as Yr, bu as Xr, bn as Jr, bi as Zr, bl as Qr, bh as en, by as tn, bg as sn, bf as rn, aR as nn, aZ as on, b0 as an, b6 as ln, be as hn, bj as dn, bp as cn, bq as un, br as fn, bz as gn, bk as pn, bs as mn, bw as vn, bm as yn, bv as bn } from "./hooks-CxaQvlbP.js";
-import { jsx as g, jsxs as N, Fragment as be } from "react/jsx-runtime";
-import S, { PureComponent as Gi, useState as L, forwardRef as $, createElement as Ge, useRef as Q, useImperativeHandle as pt, Children as Ui, createContext as _e, useContext as mt, useCallback as K, useEffect as ce, useLayoutEffect as Ue, useMemo as vt } from "react";
-import { createPortal as $i } from "react-dom";
-import { defaultTranslations as xn } from "./i18n-provider-defaults.js";
-import './f0.css';const js = [
+import { L as Ze, C as Tt, c as G, a as Qe, b as U, S as We, d as At, f as ke, e as ae, g as Lt, A as Mt, i as ge, h as et, j as tt, E as Ht, k as me, l as Bt, m as Ft, n as It, o as Wt, p as te, q as it, u as Gt, G as Ut, r as $t, s as Ge, t as jt, v as st, w as Kt, B as rt, X as nt, Y as Te, x as qt, y as ot, z as Vt, D as Yt, F as Xt, H as Jt, I as Zt, J as Qt, K as ei, M as ti, N as Ue, O as ii, P as le, Q as Oe, R as si, T as ri, U as ni, V as oi, W as ai, Z as li, _ as hi, $ as di, a0 as ci, a1 as ui, a2 as at, a3 as fi, a4 as ve, a5 as lt, a6 as ht, a7 as gi, a8 as dt, a9 as ct, aa as ut, ab as ft, ac as pi, ad as mi, ae as vi, af as yi, ag as bi, ah as _i, ai as gt, aj as xi, ak as wi, al as Ei, am as Ci, an as Ri, ao as Ni, ap as zi, aq as Si, ar as pt, as as se, at as mt, au as Di, av as ki, aw as $e, ax as Oi, ay as vt, az as Pi, aA as Ti, aB as Ai, aC as Li, aD as Mi, aE as Hi, aF as Bi, aG as Fi, aH as Ii, aI as Wi, aJ as Gi, aK as Ui } from "./hooks-CKH69X_Y.js";
+import { bd as Cr, bq as Rr, bz as Nr, aL as zr, aM as Sr, aN as Dr, aO as kr, aP as Or, aQ as Pr, aR as Tr, aS as Ar, aU as Lr, aV as Mr, aW as Hr, aX as Br, aY as Fr, aZ as Ir, a_ as Wr, bv as Gr, b0 as Ur, b1 as $r, b4 as jr, b5 as Kr, b6 as qr, b7 as Vr, ba as Yr, bb as Xr, bc as Jr, bf as Zr, b3 as Qr, be as en, b9 as tn, bw as sn, bp as rn, bk as nn, bn as on, bj as an, bA as ln, bi as hn, bh as dn, aT as cn, a$ as un, b2 as fn, b8 as gn, bg as pn, bl as mn, br as vn, bs as yn, bt as bn, bB as _n, bm as xn, bu as wn, by as En, bo as Cn, bx as Rn } from "./hooks-CKH69X_Y.js";
+import { jsx as g, jsxs as O, Fragment as Ne } from "react/jsx-runtime";
+import T, { forwardRef as ee, useRef as X, useImperativeHandle as $i, Children as ji, PureComponent as Ki, useState as B, createElement as je, createContext as ze, useContext as yt, useMemo as ye, useEffect as V, useCallback as Ae, useLayoutEffect as Ke } from "react";
+import { createPortal as qi } from "react-dom";
+import { defaultTranslations as zn } from "./i18n-provider-defaults.js";
+import './f0.css';const Vi = {
+  xs: 1,
+  sm: 2,
+  md: 2,
+  lg: 2
+}, Yi = ee(function({ widgets: e, children: t }, i) {
+  const s = X(null);
+  $i(i, () => s.current);
+  const r = ji.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
+    className: "h-full @5xl:h-auto [&>div]:h-full",
+    children: n
+  }, o));
+  return g(Ze, {
+    layout: "home",
+    children: O("div", {
+      ref: s,
+      className: "@container",
+      children: [O("div", {
+        className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
+        children: [g(Tt, {
+          columns: Vi,
+          showArrows: !1,
+          children: r
+        }), g("main", {
+          children: t
+        })]
+      }), O("div", {
+        className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
+        children: [g("div", {
+          className: "col-span-3 flex flex-row gap-5 *:flex-1",
+          children: r.slice(0, 3)
+        }), g("main", {
+          className: "col-span-2",
+          children: t
+        }), g("div", {
+          className: "flex flex-1 flex-col gap-5",
+          children: r.slice(3)
+        })]
+      })]
+    })
+  });
+}), Xi = ee(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
+  return g("div", {
+    ref: r,
+    className: "h-full",
+    children: O("div", {
+      className: G("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", s && "md:sticky md:top-0 md:max-h-full"),
+      children: [g("main", {
+        className: G("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", s ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
+        children: e
+      }), g(Ji, {
+        sticky: s,
+        className: G("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        children: t
+      })]
+    })
+  });
+}), Ji = ({ children: a, className: e }) => g("aside", {
+  className: G("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
+  children: a
+}), Zi = Qe({
+  base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
+  variants: {
+    variant: {
+      narrow: "max-w-screen-lg"
+    }
+  }
+}), bt = T.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(Ze, {
+  layout: "standard",
+  children: g("section", {
+    ref: s,
+    className: G("relative flex-1 overflow-auto", t),
+    ...i,
+    children: g("div", {
+      className: G(Zi({
+        variant: e
+      })),
+      children: a
+    })
+  })
+}));
+bt.displayName = "StandardLayout";
+const Js = U({
+  name: "StandardLayout",
+  type: "layout"
+}, bt), Zs = U({
+  name: "TwoColumnLayout",
+  type: "layout"
+}, Xi), Qs = U({
+  name: "HomeLayout",
+  type: "layout"
+}, Yi), er = [
   "person",
   "team",
   "company",
   "file",
   "flag"
 ];
-function Y(a) {
+function re(a) {
   "@babel/helpers - typeof";
-  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return re = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Y(a);
+  }, re(a);
 }
-function ji(a, e) {
+function Qi(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ki(a, e) {
+function es(a, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, _t(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, wt(i.key), i);
   }
 }
-function Vi(a, e, t) {
-  return e && Ki(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function ts(a, e, t) {
+  return e && es(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function qi(a, e, t) {
-  return e = ue(e), Yi(a, yt() ? Reflect.construct(e, t || [], ue(a).constructor) : e.apply(a, t));
+function is(a, e, t) {
+  return e = be(e), ss(a, _t() ? Reflect.construct(e, t || [], be(a).constructor) : e.apply(a, t));
 }
-function Yi(a, e) {
-  if (e && (Y(e) === "object" || typeof e == "function"))
+function ss(a, e) {
+  if (e && (re(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Xi(a);
+  return rs(a);
 }
-function Xi(a) {
+function rs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function yt() {
+function _t() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (yt = function() {
+  return (_t = function() {
     return !!a;
   })();
 }
-function ue(a) {
-  return ue = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function be(a) {
+  return be = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, ue(a);
+  }, be(a);
 }
-function Ji(a, e) {
+function ns(a, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
-  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && ze(a, e);
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && Le(a, e);
 }
-function ze(a, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function Le(a, e) {
+  return Le = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ze(a, e);
+  }, Le(a, e);
 }
-function bt(a, e, t) {
-  return e = _t(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function xt(a, e, t) {
+  return e = wt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function _t(a) {
-  var e = Zi(a, "string");
-  return Y(e) == "symbol" ? e : e + "";
+function wt(a) {
+  var e = os(a, "string");
+  return re(e) == "symbol" ? e : e + "";
 }
-function Zi(a, e) {
-  if (Y(a) != "object" || !a) return a;
+function os(a, e) {
+  if (re(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (Y(i) != "object") return i;
+    if (re(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
 }
-var xe = /* @__PURE__ */ function(a) {
+var Se = /* @__PURE__ */ function(a) {
   function e() {
-    return ji(this, e), qi(this, e, arguments);
+    return Qi(this, e), is(this, e, arguments);
   }
-  return Ji(e, a), Vi(e, [{
+  return ns(e, a), ts(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-}(S.Component);
-bt(xe, "displayName", "ZAxis");
-bt(xe, "defaultProps", {
+}(T.Component);
+xt(Se, "displayName", "ZAxis");
+xt(Se, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var Qi = ["option", "isActive"];
-function ee() {
-  return ee = Object.assign ? Object.assign.bind() : function(a) {
+var as = ["option", "isActive"];
+function he() {
+  return he = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (a[i] = t[i]);
     }
     return a;
-  }, ee.apply(this, arguments);
+  }, he.apply(this, arguments);
 }
-function es(a, e) {
+function ls(a, e) {
   if (a == null) return {};
-  var t = ts(a, e), i, s;
+  var t = hs(a, e), i, s;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(a);
     for (s = 0; s < r.length; s++)
@@ -128,7 +219,7 @@ function es(a, e) {
   }
   return t;
 }
-function ts(a, e) {
+function hs(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -138,39 +229,39 @@ function ts(a, e) {
     }
   return t;
 }
-function is(a) {
-  var e = a.option, t = a.isActive, i = es(a, Qi);
-  return typeof e == "string" ? /* @__PURE__ */ S.createElement(Be, ee({
-    option: /* @__PURE__ */ S.createElement(At, ee({
+function ds(a) {
+  var e = a.option, t = a.isActive, i = ls(a, as);
+  return typeof e == "string" ? /* @__PURE__ */ T.createElement(We, he({
+    option: /* @__PURE__ */ T.createElement(At, he({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ S.createElement(Be, ee({
+  }, i)) : /* @__PURE__ */ T.createElement(We, he({
     option: e,
     isActive: t,
     shapeType: "symbols"
   }, i));
 }
-function X(a) {
+function ne(a) {
   "@babel/helpers - typeof";
-  return X = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return ne = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, X(a);
+  }, ne(a);
 }
-function te() {
-  return te = Object.assign ? Object.assign.bind() : function(a) {
+function de() {
+  return de = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (a[i] = t[i]);
     }
     return a;
-  }, te.apply(this, arguments);
+  }, de.apply(this, arguments);
 }
-function $e(a, e) {
+function qe(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -180,128 +271,128 @@ function $e(a, e) {
   }
   return t;
 }
-function T(a) {
+function I(a) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? $e(Object(t), !0).forEach(function(i) {
-      j(a, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : $e(Object(t)).forEach(function(i) {
+    e % 2 ? qe(Object(t), !0).forEach(function(i) {
+      Y(a, i, t[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : qe(Object(t)).forEach(function(i) {
       Object.defineProperty(a, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return a;
 }
-function ss(a, e) {
+function cs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function je(a, e) {
+function Ve(a, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, wt(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, Ct(i.key), i);
   }
 }
-function rs(a, e, t) {
-  return e && je(a.prototype, e), t && je(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function us(a, e, t) {
+  return e && Ve(a.prototype, e), t && Ve(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function ns(a, e, t) {
-  return e = fe(e), os(a, xt() ? Reflect.construct(e, t || [], fe(a).constructor) : e.apply(a, t));
+function fs(a, e, t) {
+  return e = _e(e), gs(a, Et() ? Reflect.construct(e, t || [], _e(a).constructor) : e.apply(a, t));
 }
-function os(a, e) {
-  if (e && (X(e) === "object" || typeof e == "function"))
+function gs(a, e) {
+  if (e && (ne(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return as(a);
+  return ps(a);
 }
-function as(a) {
+function ps(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function xt() {
+function Et() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (xt = function() {
+  return (Et = function() {
     return !!a;
   })();
 }
-function fe(a) {
-  return fe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function _e(a) {
+  return _e = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, fe(a);
+  }, _e(a);
 }
-function ls(a, e) {
+function ms(a, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
-  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && De(a, e);
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && Me(a, e);
 }
-function De(a, e) {
-  return De = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function Me(a, e) {
+  return Me = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, De(a, e);
+  }, Me(a, e);
 }
-function j(a, e, t) {
-  return e = wt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function Y(a, e, t) {
+  return e = Ct(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function wt(a) {
-  var e = hs(a, "string");
-  return X(e) == "symbol" ? e : e + "";
+function Ct(a) {
+  var e = vs(a, "string");
+  return ne(e) == "symbol" ? e : e + "";
 }
-function hs(a, e) {
-  if (X(a) != "object" || !a) return a;
+function vs(a, e) {
+  if (ne(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (X(i) != "object") return i;
+    if (ne(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
 }
-var re = /* @__PURE__ */ function(a) {
+var fe = /* @__PURE__ */ function(a) {
   function e() {
     var t;
-    ss(this, e);
+    cs(this, e);
     for (var i = arguments.length, s = new Array(i), r = 0; r < i; r++)
       s[r] = arguments[r];
-    return t = ns(this, e, [].concat(s)), j(t, "state", {
+    return t = fs(this, e, [].concat(s)), Y(t, "state", {
       isAnimationFinished: !1
-    }), j(t, "handleAnimationEnd", function() {
+    }), Y(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), j(t, "handleAnimationStart", function() {
+    }), Y(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), j(t, "id", It("recharts-scatter-")), t;
+    }), Y(t, "id", Gt("recharts-scatter-")), t;
   }
-  return ls(e, a), rs(e, [{
+  return ms(e, a), us(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
-      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Ee(this.props, !1);
+      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = ke(this.props, !1);
       return i.map(function(l, d) {
-        var f = h === d, p = f ? o : n, m = T(T({}, c), l);
-        return /* @__PURE__ */ S.createElement(J, te({
+        var f = h === d, p = f ? o : n, y = I(I({}, c), l);
+        return /* @__PURE__ */ T.createElement(ae, de({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(l == null ? void 0 : l.cx, "-").concat(l == null ? void 0 : l.cy, "-").concat(l == null ? void 0 : l.size, "-").concat(d)
-        }, Tt(s.props, l, d), {
+        }, Lt(s.props, l, d), {
           role: "img"
-        }), /* @__PURE__ */ S.createElement(is, te({
+        }), /* @__PURE__ */ T.createElement(ds, de({
           option: p,
           isActive: f,
           key: "symbol-".concat(d)
-        }, m)));
+        }, y)));
       });
     }
   }, {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var i = this, s = this.props, r = s.points, n = s.isAnimationActive, o = s.animationBegin, h = s.animationDuration, c = s.animationEasing, l = s.animationId, d = this.state.prevPoints;
-      return /* @__PURE__ */ S.createElement(Lt, {
+      return /* @__PURE__ */ T.createElement(Mt, {
         begin: o,
         duration: h,
         isActive: n,
@@ -316,29 +407,29 @@ var re = /* @__PURE__ */ function(a) {
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
       }, function(f) {
-        var p = f.t, m = r.map(function(v, b) {
-          var w = d && d[b];
-          if (w) {
-            var C = ae(w.cx, v.cx), E = ae(w.cy, v.cy), D = ae(w.size, v.size);
-            return T(T({}, v), {}, {
-              cx: C(p),
-              cy: E(p),
-              size: D(p)
+        var p = f.t, y = r.map(function(C, S) {
+          var D = d && d[S];
+          if (D) {
+            var R = ge(D.cx, C.cx), w = ge(D.cy, C.cy), E = ge(D.size, C.size);
+            return I(I({}, C), {}, {
+              cx: R(p),
+              cy: w(p),
+              size: E(p)
             });
           }
-          var R = ae(0, v.size);
-          return T(T({}, v), {}, {
-            size: R(p)
+          var v = ge(0, C.size);
+          return I(I({}, C), {}, {
+            size: v(p)
           });
         });
-        return /* @__PURE__ */ S.createElement(J, null, i.renderSymbolsStatically(m));
+        return /* @__PURE__ */ T.createElement(ae, null, i.renderSymbolsStatically(y));
       });
     }
   }, {
     key: "renderSymbols",
     value: function() {
       var i = this.props, s = i.points, r = i.isAnimationActive, n = this.state.prevPoints;
-      return r && s && s.length && (!n || !Ye(n, s)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(s);
+      return r && s && s.length && (!n || !et(n, s)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(s);
     }
   }, {
     key: "renderErrorBar",
@@ -346,21 +437,21 @@ var re = /* @__PURE__ */ function(a) {
       var i = this.props.isAnimationActive;
       if (i && !this.state.isAnimationFinished)
         return null;
-      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = Xe(h, Mt);
+      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = tt(h, Ht);
       return c ? c.map(function(l, d) {
-        var f = l.props, p = f.direction, m = f.dataKey;
-        return /* @__PURE__ */ S.cloneElement(l, {
-          key: "".concat(p, "-").concat(m, "-").concat(r[d]),
+        var f = l.props, p = f.direction, y = f.dataKey;
+        return /* @__PURE__ */ T.cloneElement(l, {
+          key: "".concat(p, "-").concat(y, "-").concat(r[d]),
           data: r,
           xAxis: n,
           yAxis: o,
           layout: p === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(b, w) {
+          dataPointFormatter: function(S, D) {
             return {
-              x: b.cx,
-              y: b.cy,
-              value: p === "x" ? +b.node.x : +b.node.y,
-              errorVal: he(b, w)
+              x: S.cx,
+              y: S.cy,
+              value: p === "x" ? +S.node.x : +S.node.y,
+              errorVal: me(S, D)
             };
           }
         });
@@ -369,35 +460,35 @@ var re = /* @__PURE__ */ function(a) {
   }, {
     key: "renderLine",
     value: function() {
-      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, h = Ee(this.props, !1), c = Ee(r, !1), l, d;
+      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, h = ke(this.props, !1), c = ke(r, !1), l, d;
       if (n === "joint")
-        l = s.map(function(E) {
+        l = s.map(function(w) {
           return {
-            x: E.cx,
-            y: E.cy
+            x: w.cx,
+            y: w.cy
           };
         });
       else if (n === "fitting") {
-        var f = Ht(s), p = f.xmin, m = f.xmax, v = f.a, b = f.b, w = function(D) {
-          return v * D + b;
+        var f = Bt(s), p = f.xmin, y = f.xmax, C = f.a, S = f.b, D = function(E) {
+          return C * E + S;
         };
         l = [{
           x: p,
-          y: w(p)
+          y: D(p)
         }, {
-          x: m,
-          y: w(m)
+          x: y,
+          y: D(y)
         }];
       }
-      var C = T(T(T({}, h), {}, {
+      var R = I(I(I({}, h), {}, {
         fill: "none",
         stroke: h && h.fill
       }, c), {}, {
         points: l
       });
-      return /* @__PURE__ */ S.isValidElement(r) ? d = /* @__PURE__ */ S.cloneElement(r, C) : Bt(r) ? d = r(C) : d = /* @__PURE__ */ S.createElement(Ft, te({}, C, {
+      return /* @__PURE__ */ T.isValidElement(r) ? d = /* @__PURE__ */ T.cloneElement(r, R) : Ft(r) ? d = r(R) : d = /* @__PURE__ */ T.createElement(It, de({}, R, {
         type: o
-      })), /* @__PURE__ */ S.createElement(J, {
+      })), /* @__PURE__ */ T.createElement(ae, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, d);
@@ -405,23 +496,23 @@ var re = /* @__PURE__ */ function(a) {
   }, {
     key: "render",
     value: function() {
-      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, m = i.id, v = i.isAnimationActive;
+      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, y = i.id, C = i.isAnimationActive;
       if (s || !r || !r.length)
         return null;
-      var b = this.state.isAnimationFinished, w = Wt("recharts-scatter", o), C = h && h.allowDataOverflow, E = c && c.allowDataOverflow, D = C || E, R = V(m) ? this.id : m;
-      return /* @__PURE__ */ S.createElement(J, {
-        className: w,
-        clipPath: D ? "url(#clipPath-".concat(R, ")") : null
-      }, C || E ? /* @__PURE__ */ S.createElement("defs", null, /* @__PURE__ */ S.createElement("clipPath", {
-        id: "clipPath-".concat(R)
-      }, /* @__PURE__ */ S.createElement("rect", {
-        x: C ? l : l - f / 2,
-        y: E ? d : d - p / 2,
-        width: C ? f : f * 2,
-        height: E ? p : p * 2
-      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ S.createElement(J, {
+      var S = this.state.isAnimationFinished, D = Wt("recharts-scatter", o), R = h && h.allowDataOverflow, w = c && c.allowDataOverflow, E = R || w, v = te(y) ? this.id : y;
+      return /* @__PURE__ */ T.createElement(ae, {
+        className: D,
+        clipPath: E ? "url(#clipPath-".concat(v, ")") : null
+      }, R || w ? /* @__PURE__ */ T.createElement("defs", null, /* @__PURE__ */ T.createElement("clipPath", {
+        id: "clipPath-".concat(v)
+      }, /* @__PURE__ */ T.createElement("rect", {
+        x: R ? l : l - f / 2,
+        y: w ? d : d - p / 2,
+        width: R ? f : f * 2,
+        height: w ? p : p * 2
+      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ T.createElement(ae, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!v || b) && Je.renderCallByParent(this.props, r));
+      }, this.renderSymbols()), (!C || S) && it.renderCallByParent(this.props, r));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -435,9 +526,9 @@ var re = /* @__PURE__ */ function(a) {
       } : null;
     }
   }]);
-}(Gi);
-j(re, "displayName", "Scatter");
-j(re, "defaultProps", {
+}(Ki);
+Y(fe, "displayName", "Scatter");
+Y(fe, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -447,95 +538,95 @@ j(re, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !Gt.isSsr,
+  isAnimationActive: !Ut.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
-j(re, "getComposedData", function(a) {
-  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = Xe(s.props.children, Ut), d = V(e.dataKey) ? s.props.dataKey : e.dataKey, f = V(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : xe.defaultProps.range, v = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, w = t.scale.bandwidth ? t.scale.bandwidth() : 0, C = r.map(function(E, D) {
-    var R = he(E, d), k = he(E, f), O = !V(p) && he(E, p) || "-", G = [{
-      name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
+Y(fe, "getComposedData", function(a) {
+  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = tt(s.props.children, $t), d = te(e.dataKey) ? s.props.dataKey : e.dataKey, f = te(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, y = i ? i.range : Se.defaultProps.range, C = y && y[0], S = e.scale.bandwidth ? e.scale.bandwidth() : 0, D = t.scale.bandwidth ? t.scale.bandwidth() : 0, R = r.map(function(w, E) {
+    var v = me(w, d), k = me(w, f), P = !te(p) && me(w, p) || "-", A = [{
+      name: te(e.dataKey) ? s.props.name : e.name || e.dataKey,
       unit: e.unit || "",
-      value: R,
-      payload: E,
+      value: v,
+      payload: w,
       dataKey: d,
       type: c
     }, {
-      name: V(t.dataKey) ? s.props.name : t.name || t.dataKey,
+      name: te(t.dataKey) ? s.props.name : t.name || t.dataKey,
       unit: t.unit || "",
       value: k,
-      payload: E,
+      payload: w,
       dataKey: f,
       type: c
     }];
-    O !== "-" && G.push({
+    P !== "-" && A.push({
       name: i.name || i.dataKey,
       unit: i.unit || "",
-      value: O,
-      payload: E,
+      value: P,
+      payload: w,
       dataKey: p,
       type: c
     });
-    var M = Fe({
+    var z = Ge({
       axis: e,
       ticks: n,
-      bandSize: b,
-      entry: E,
-      index: D,
+      bandSize: S,
+      entry: w,
+      index: E,
       dataKey: d
-    }), W = Fe({
+    }), x = Ge({
       axis: t,
       ticks: o,
-      bandSize: w,
-      entry: E,
-      index: D,
+      bandSize: D,
+      entry: w,
+      index: E,
       dataKey: f
-    }), x = O !== "-" ? i.scale(O) : v, z = Math.sqrt(Math.max(x, 0) / Math.PI);
-    return T(T({}, E), {}, {
-      cx: M,
-      cy: W,
-      x: M - z,
-      y: W - z,
+    }), m = P !== "-" ? i.scale(P) : C, b = Math.sqrt(Math.max(m, 0) / Math.PI);
+    return I(I({}, w), {}, {
+      cx: z,
+      cy: x,
+      x: z - b,
+      y: x - b,
       xAxis: e,
       yAxis: t,
       zAxis: i,
-      width: 2 * z,
-      height: 2 * z,
-      size: x,
+      width: 2 * b,
+      height: 2 * b,
+      size: m,
       node: {
-        x: R,
+        x: v,
         y: k,
-        z: O
+        z: P
       },
-      tooltipPayload: G,
+      tooltipPayload: A,
       tooltipPosition: {
-        x: M,
-        y: W
+        x: z,
+        y: x
       },
-      payload: E
-    }, l && l[D] && l[D].props);
+      payload: w
+    }, l && l[E] && l[E].props);
   });
-  return T({
-    points: C
+  return I({
+    points: R
   }, h);
 });
-var ds = $t({
+var ys = jt({
   chartName: "ComposedChart",
-  GraphicalChild: [Ze, jt, Qe, re],
+  GraphicalChild: [st, Kt, rt, fe],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: et
+    AxisComp: nt
   }, {
     axisType: "yAxis",
-    AxisComp: Ne
+    AxisComp: Te
   }, {
     axisType: "zAxis",
-    AxisComp: xe
+    AxisComp: Se
   }],
-  formatAxisMap: Kt
+  formatAxisMap: qt
 });
-const cs = (a) => {
+const bs = (a) => {
   const e = (t) => {
     const { cx: i, cy: s, fill: r, payload: n } = t, o = () => {
       if (!n) return "-";
@@ -559,18 +650,18 @@ const cs = (a) => {
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, us = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
+}, _s = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
   hide: !0
-}, label: s = !1, hideTooltip: r = !1, hideGrid: n = !1, aspect: o, legend: h, showValueUnderLabel: c = !1, bar: l, line: d, scatter: f, onClick: p }, m) => {
-  var O, G, M, W;
-  const v = Vt(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], w = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], C = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], E = [...b, ...w, ...C], D = Math.max(...v.flatMap((x) => E.map((z) => qt(i != null && i.tickFormatter ? i.tickFormatter(`${x[z]}`) : `${x[z]}`)))), R = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "left"), k = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "right");
-  return g(Yt, {
+}, label: s = !1, hideTooltip: r = !1, hideGrid: n = !1, aspect: o, legend: h, showValueUnderLabel: c = !1, bar: l, line: d, scatter: f, onClick: p }, y) => {
+  var P, A, z, x;
+  const C = Vt(e), S = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], D = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], R = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], w = [...S, ...D, ...R], E = Math.max(...C.flatMap((m) => w.map((b) => Yt(i != null && i.tickFormatter ? i.tickFormatter(`${m[b]}`) : `${m[b]}`)))), v = [l, d, f].filter((m) => (m == null ? void 0 : m.axisPosition) === "left"), k = [l, d, f].filter((m) => (m == null ? void 0 : m.axisPosition) === "right");
+  return g(Xt, {
     config: a,
-    ref: m,
+    ref: y,
     aspect: o,
-    children: N(ds, {
+    children: O(ys, {
       accessibilityLayer: !0,
-      data: v,
+      data: C,
       margin: {
         left: i && !i.hide ? 0 : 12,
         right: 12,
@@ -578,100 +669,100 @@ const cs = (a) => {
         bottom: c ? 24 : 12
       },
       stackOffset: void 0,
-      onClick: (x) => {
-        if (!p || !x.activeLabel || !x.activePayload)
+      onClick: (m) => {
+        if (!p || !m.activeLabel || !m.activePayload)
           return;
-        const z = {
-          label: x.activeLabel,
+        const b = {
+          label: m.activeLabel,
           values: {}
         };
-        for (const ne of x.activePayload)
-          z.values[ne.name] = ne.value;
-        p(z);
+        for (const L of m.activePayload)
+          b.values[L.name] = L.value;
+        p(b);
       },
-      children: [!r && g(Xt, {
-        ...Jt(),
-        content: g(Zt, {
+      children: [!r && g(Jt, {
+        ...Zt(),
+        content: g(Qt, {
           yAxisFormatter: i.tickFormatter
         })
-      }), !n && g(Qt, {
-        ...ei()
-      }), R.length > 0 && g(Ne, {
-        ...We(i),
+      }), !n && g(ei, {
+        ...ti()
+      }), v.length > 0 && g(Te, {
+        ...Ue(i),
         tick: !0,
-        width: i.width ?? D + 20 + (k.length > 0 && ((O = R[0]) != null && O.axisLabel) ? 20 : 0),
-        hide: i.hide || R.some((x) => x == null ? void 0 : x.hideAxis),
-        label: (G = R[0]) != null && G.axisLabel ? {
-          value: R[0].axisLabel,
+        width: i.width ?? E + 20 + (k.length > 0 && ((P = v[0]) != null && P.axisLabel) ? 20 : 0),
+        hide: i.hide || v.some((m) => m == null ? void 0 : m.hideAxis),
+        label: (A = v[0]) != null && A.axisLabel ? {
+          value: v[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), k.length > 0 && g(Ne, {
-        ...We(i),
+      }), k.length > 0 && g(Te, {
+        ...Ue(i),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: i.width ?? D + 20 + (R.length > 0 && ((M = k[0]) != null && M.axisLabel) ? 20 : 0),
-        hide: i.hide || k.some((x) => x == null ? void 0 : x.hideAxis),
-        label: (W = k[0]) != null && W.axisLabel ? {
+        width: i.width ?? E + 20 + (v.length > 0 && ((z = k[0]) != null && z.axisLabel) ? 20 : 0),
+        hide: i.hide || k.some((m) => m == null ? void 0 : m.hideAxis),
+        label: (x = k[0]) != null && x.axisLabel ? {
           value: k[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
-      }), g(et, {
-        ...ti(t),
+      }), g(nt, {
+        ...ii(t),
         hide: t == null ? void 0 : t.hide,
-        tick: c ? (x) => {
-          var Me, He;
-          const { x: z, y: ne, payload: Te } = x, Le = ((Me = e.find((Ot) => Ot.label === Te.value)) == null ? void 0 : Me.values) || "", oe = Object.keys(Le).length === 1 ? (He = Object.values(Le)) == null ? void 0 : He[0] : void 0, kt = oe !== void 0 && i.tickFormatter ? i.tickFormatter(`${oe}`) : oe.toLocaleString();
-          return N("g", {
-            transform: `translate(${z},${ne})`,
+        tick: c ? (m) => {
+          var M, K;
+          const { x: b, y: L, payload: J } = m, Z = ((M = e.find((Pt) => Pt.label === J.value)) == null ? void 0 : M.values) || "", Q = Object.keys(Z).length === 1 ? (K = Object.values(Z)) == null ? void 0 : K[0] : void 0, oe = Q !== void 0 && i.tickFormatter ? i.tickFormatter(`${Q}`) : Q.toLocaleString();
+          return O("g", {
+            transform: `translate(${b},${L})`,
             children: [g("text", {
               x: 0,
               y: 0,
               dy: 12,
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
-              children: Te.value
-            }), !!oe && g("text", {
+              children: J.value
+            }), !!Q && g("text", {
               x: 0,
               y: 0,
               dy: 28,
               textAnchor: "middle",
               className: "!fill-f1-foreground text-sm font-medium",
-              children: kt
+              children: oe
             })]
           });
         } : void 0
-      }), b.map((x, z) => g(Qe, {
+      }), S.map((m, b) => g(rt, {
         isAnimationActive: !1,
-        dataKey: String(x),
-        fill: a[x].color ? Z(a[x].color) : Ce(z),
+        dataKey: String(m),
+        fill: a[m].color ? le(a[m].color) : Oe(b),
         radius: 4,
         maxBarSize: 32,
-        children: s && g(Je, {
+        children: s && g(it, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
-        }, `label-${String(x)}`)
-      }, `bar-${String(x)}`)), w.map((x, z) => g(Ze, {
+        }, `label-${String(m)}`)
+      }, `bar-${String(m)}`)), D.map((m, b) => g(st, {
         type: (d == null ? void 0 : d.lineType) ?? "natural",
-        dataKey: String(x),
-        stroke: a[x].color ? Z(a[x].color) : Ce(b.length + z),
+        dataKey: String(m),
+        stroke: a[m].color ? le(a[m].color) : Oe(S.length + b),
         strokeWidth: 2,
         dot: (d == null ? void 0 : d.dot) ?? !1,
         isAnimationActive: !1,
         yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(x)}`)), C.map((x, z) => g(re, {
-        dataKey: String(x),
-        fill: a[x].color ? Z(a[x].color) : Ce(b.length + w.length + z),
+      }, `line-${String(m)}`)), R.map((m, b) => g(fe, {
+        dataKey: String(m),
+        fill: a[m].color ? le(a[m].color) : Oe(S.length + D.length + b),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0,
-        shape: cs(String(x))
-      }, `scatter-${String(x)}`)), h && g(ii, {
-        content: g(si, {
+        shape: bs(String(m))
+      }, `scatter-${String(m)}`)), h && g(si, {
+        content: g(ri, {
           nameKey: "label"
         }),
         align: "center",
@@ -681,14 +772,14 @@ const cs = (a) => {
       })]
     })
   });
-}, fs = tt(us), gs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
-  const r = i ? Z(i) : Z("categorical-1"), n = a / e * 100;
-  return N("div", {
+}, xs = ot(_s), ws = ({ value: a, max: e = 100, label: t, color: i }, s) => {
+  const r = i ? le(i) : le("categorical-1"), n = a / e * 100;
+  return O("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [g("div", {
       className: "flex-grow",
-      children: g(ri, {
+      children: g(ni, {
         color: r,
         value: n,
         className: "w-full",
@@ -702,80 +793,80 @@ const cs = (a) => {
       children: t
     })]
   });
-}, ps = tt(gs), Ks = F(
+}, Es = ot(ws), tr = U(
   {
     name: "AreaChart",
     type: "info"
   },
-  di
-), Vs = F(
+  oi
+), ir = U(
   {
     name: "BarChart",
     type: "info"
   },
-  ni
-), qs = F(
+  ai
+), sr = U(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  oi
-), Ys = F(
+  li
+), rr = U(
   {
     name: "LineChart",
     type: "info"
   },
-  ai
-), Xs = F(
+  hi
+), nr = U(
   {
     name: "PieChart",
     type: "info"
   },
-  li
-), Js = F(
+  di
+), or = U(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  hi
-), Zs = F(
+  ci
+), ar = U(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  ps
-), Qs = F(
+  Es
+), lr = U(
   {
     name: "ComboChart",
     type: "info"
   },
-  fs
-), er = ci.filter(
+  xs
+), hr = ui.filter(
   (a) => a !== "ai"
-), tr = it, ir = ["default", "outline", "neutral"], sr = it, rr = ["sm", "md", "lg"], nr = ui, Se = ({ count: a, list: e }) => {
-  const [t, i] = L(!1), s = g(de, {
+), dr = at, cr = ["default", "outline", "neutral"], ur = at, fr = ["sm", "md", "lg"], gr = fi, He = ({ count: a, list: e }) => {
+  const [t, i] = B(!1), s = g(ve, {
     label: `+${a}`
   });
-  return e != null && e.length ? N(st, {
+  return e != null && e.length ? O(lt, {
     open: t,
     onOpenChange: i,
-    children: [g(rt, {
+    children: [g(ht, {
       asChild: !0,
       children: g("button", {
-        className: fi("inline-flex flex-shrink-0 items-center"),
+        className: gi("inline-flex flex-shrink-0 items-center"),
         children: s
       })
-    }), g(nt, {
+    }), g(dt, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: N(ot, {
+      children: O(ct, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col",
         children: [e.map((r, n) => g("div", {
           className: "flex w-[220px] min-w-0 items-center gap-1.5 px-2 py-1 [&:first-child]:pt-2 [&:last-child]:pb-2",
-          children: g(de, {
+          children: g(ve, {
             ...r
           })
-        }, n)), g(at, {
+        }, n)), g(ut, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -783,17 +874,17 @@ const cs = (a) => {
     })]
   }) : s;
 };
-Se.displayName = "ChipCounter";
-const Et = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
+He.displayName = "ChipCounter";
+const Rt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
-    return g(gi, {
+    return g(pi, {
       items: a,
-      renderListItem: (h) => g(de, {
+      renderListItem: (h) => g(ve, {
         ...h
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (h) => g(Se, {
+      renderOverflowIndicator: (h) => g(He, {
         count: (t ?? 0) + h,
         list: t ? void 0 : a.slice(a.length - h)
       }),
@@ -801,18 +892,18 @@ const Et = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" })
       className: "flex-1"
     });
   const s = a.slice(0, e), r = a.slice(e), n = t ?? a.length - e, o = n > 0;
-  return N("div", {
+  return O("div", {
     className: "flex items-center gap-2",
-    children: [s.map((h, c) => g(de, {
+    children: [s.map((h, c) => g(ve, {
       ...h
-    }, c)), o && g(Se, {
+    }, c)), o && g(He, {
       count: n,
       list: t ? void 0 : r
     })]
   });
 };
-Et.displayName = "F0ChipList";
-const or = lt("F0ChipList", Et), ar = pi, Re = ht({
+Rt.displayName = "F0ChipList";
+const pr = ft("F0ChipList", Rt), mr = mi, Pe = Qe({
   base: "text-base text-f1-foreground",
   variants: {
     variant: {
@@ -853,7 +944,7 @@ const or = lt("F0ChipList", Et), ar = pi, Re = ht({
     variant: "body",
     align: "left"
   }
-}), ms = {
+}), Cs = {
   "heading-large": "h1",
   heading: "h2",
   body: "p",
@@ -872,15 +963,15 @@ const or = lt("F0ChipList", Et), ar = pi, Re = ht({
   "positive-strong": "p",
   "info-strong": "p",
   code: "code"
-}, Pe = $(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...h }, c) => {
-  const l = s ?? ms[e ?? "body"];
+}, Be = ee(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...h }, c) => {
+  const l = s ?? Cs[e ?? "body"];
   if (r !== void 0)
-    return g(mi, {
+    return g(vi, {
       ref: c,
       lines: typeof r == "number" ? r : 1,
       noTooltip: n,
       tag: l,
-      className: B(Re({
+      className: G(Pe({
         variant: e,
         align: t
       }), i),
@@ -889,10 +980,10 @@ const or = lt("F0ChipList", Et), ar = pi, Re = ht({
       children: a
     });
   if (o) {
-    const d = vi(a);
-    return Ge(l, {
+    const d = yi(a);
+    return je(l, {
       ...h,
-      className: B(Re({
+      className: G(Pe({
         variant: e,
         align: t
       }), i),
@@ -902,234 +993,383 @@ const or = lt("F0ChipList", Et), ar = pi, Re = ht({
       }
     });
   }
-  return Ge(l, {
+  return je(l, {
     ...h,
-    className: B(Re({
+    className: G(Pe({
       variant: e,
       align: t
     }), i),
     ref: c
   }, a);
 });
-Pe.displayName = "Text";
-const vs = $((a, e) => g(Pe, {
+Be.displayName = "Text";
+const Rs = ee((a, e) => g(Be, {
   ref: e,
   variant: "heading",
   ...a
 }));
-vs.displayName = "F0Heading";
-const ys = $((a, e) => g(Pe, {
+Rs.displayName = "F0Heading";
+const Ns = ee((a, e) => g(Be, {
   ref: e,
   markdown: a.markdown ?? !0,
   ...a
 }));
-ys.displayName = "F0Text";
-const bs = {
-  xs: 1,
-  sm: 2,
-  md: 2,
-  lg: 2
-}, _s = $(function({ widgets: e, children: t }, i) {
-  const s = Q(null);
-  pt(i, () => s.current);
-  const r = Ui.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
-    className: "h-full @5xl:h-auto [&>div]:h-full",
-    children: n
-  }, o));
-  return g(dt, {
-    layout: "home",
-    children: N("div", {
-      ref: s,
-      className: "@container",
-      children: [N("div", {
-        className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [g(yi, {
-          columns: bs,
-          showArrows: !1,
-          children: r
-        }), g("main", {
-          children: t
-        })]
-      }), N("div", {
-        className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
-        children: [g("div", {
-          className: "col-span-3 flex flex-row gap-5 *:flex-1",
-          children: r.slice(0, 3)
-        }), g("main", {
-          className: "col-span-2",
-          children: t
-        }), g("div", {
-          className: "flex flex-1 flex-col gap-5",
-          children: r.slice(3)
-        })]
-      })]
-    })
-  });
-}), xs = $(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
-  return g("div", {
-    ref: r,
-    className: "h-full",
-    children: N("div", {
-      className: B("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", s && "md:sticky md:top-0 md:max-h-full"),
-      children: [g("main", {
-        className: B("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", s ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
-        children: e
-      }), g(ws, {
-        sticky: s,
-        className: B("order-1", i === "right" ? "md:order-1" : "md:order-3"),
-        children: t
-      })]
-    })
-  });
-}), ws = ({ children: a, className: e }) => g("aside", {
-  className: B("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
-  children: a
-}), Es = ht({
-  base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
-  variants: {
-    variant: {
-      narrow: "max-w-screen-lg"
-    }
-  }
-}), Ct = S.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(dt, {
-  layout: "standard",
-  children: g("section", {
-    ref: s,
-    className: B("relative flex-1 overflow-auto", t),
-    ...i,
-    children: g("div", {
-      className: B(Es({
-        variant: e
-      })),
-      children: a
-    })
-  })
-}));
-Ct.displayName = "StandardLayout";
-const lr = F({
-  name: "StandardLayout",
-  type: "layout"
-}, Ct), hr = F({
-  name: "TwoColumnLayout",
-  type: "layout"
-}, xs), dr = F({
-  name: "HomeLayout",
-  type: "layout"
-}, _s), Rt = _e(null);
-function ke() {
-  const a = mt(Rt);
+Ns.displayName = "F0Text";
+const Nt = ze(null);
+function zt() {
+  const a = yt(Nt);
   if (!a)
     throw new Error(
       "useGridStackContext must be used within a GridStackProvider"
     );
   return a;
 }
-function Cs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
-  const [s, r] = L(null), [n, o] = L(() => {
-    var v;
-    const p = /* @__PURE__ */ new Map(), m = (b) => {
-      var w, C;
-      b.id && ((w = b.renderFn) != null && w.call(b)) && p.set(b.id, b), (C = b.subGridOpts) != null && C.children && b.subGridOpts.children.forEach((E) => {
-        m(E);
+function zs(a) {
+  const { content: e, ...t } = a;
+  return e !== void 0 ? {
+    ...t,
+    //To avoid and issue with GridStack's deepClone, we need to set _originalContent to null
+    _originalContent: null,
+    content: () => document.createElement("div")
+  } : t;
+}
+function ie(a) {
+  var t;
+  const e = zs(a);
+  return (t = a.subGridOpts) != null && t.children && (e.subGridOpts = {
+    ...a.subGridOpts,
+    children: a.subGridOpts.children.map(
+      (i) => ie(i)
+    )
+  }), e;
+}
+const Ss = ["noMove", "noResize", "locked", "w", "h", "x", "y"], q = 200;
+function Ds(a) {
+  const e = a.cloneNode(!0);
+  return a.querySelectorAll("canvas").forEach((i) => {
+    if (i.width > 0 && i.height > 0)
+      try {
+        const s = i.toDataURL("image/png"), r = e.querySelectorAll("canvas"), n = Array.from(a.querySelectorAll("canvas")).indexOf(i), o = r[n];
+        if (o && o.parentElement) {
+          const h = document.createElement("img");
+          h.src = s, h.style.width = `${i.width}px`, h.style.height = `${i.height}px`, h.style.display = "block", i.className && (h.className = i.className), i.id && (h.id = i.id), o.parentElement.replaceChild(h, o);
+        }
+      } catch (s) {
+        console.warn("Failed to convert canvas to image:", s);
+      }
+  }), e.innerHTML;
+}
+function ks({ children: a, options: e, onResizeStop: t, onChange: i, widgets: s }) {
+  const [r, n] = B(null), o = X(null), h = ye(() => ({
+    ...e,
+    children: (s || []).map((R) => ie(R))
+  }), [e, s]), [c, l] = B(() => {
+    const R = /* @__PURE__ */ new Map(), w = s || [], E = (v) => {
+      var k;
+      v.id && v.content && R.set(v.id, v.content), (k = v.subGridOpts) != null && k.children && v.subGridOpts.children.forEach((P) => {
+        E(P);
       });
     };
-    return (v = e.children) == null || v.forEach((b) => {
-      m(b);
-    }), p;
-  }), h = K(() => {
-    if (!s)
+    return w.forEach((v) => {
+      E(v);
+    }), R;
+  }), d = X(c);
+  V(() => {
+    d.current = c;
+  }, [c]);
+  const [f, p] = B(() => {
+    const R = /* @__PURE__ */ new Map(), w = s || [], E = (v) => {
+      var k;
+      v.id && v._originalContent !== void 0 && R.set(v.id, v._originalContent), (k = v.subGridOpts) != null && k.children && v.subGridOpts.children.forEach((P) => {
+        E(P);
+      });
+    };
+    return w.forEach((v) => {
+      E(v);
+    }), R;
+  }), y = X(f);
+  V(() => {
+    y.current = f;
+  }, [f]);
+  const [C, S] = B(() => {
+    const R = /* @__PURE__ */ new Map(), w = s || [], E = (v) => {
+      var k;
+      if (v.id) {
+        const P = ie(v);
+        R.set(v.id, P);
+      }
+      (k = v.subGridOpts) != null && k.children && v.subGridOpts.children.forEach((P) => {
+        E(P);
+      });
+    };
+    return w.forEach((v) => {
+      E(v);
+    }), R;
+  });
+  bi(() => {
+    if (!r) return;
+    const R = r.save();
+    if (!Array.isArray(R))
+      return;
+    const w = R.map((z) => z.id), E = s || [], v = E.map((z) => z.id), k = E.filter((z) => !w.includes(z.id));
+    k.length > 0 && (k.forEach((z) => {
+      z.content && d.current.set(z.id, z.content), z._originalContent !== void 0 && y.current.set(z.id, z._originalContent);
+    }), k.forEach((z) => {
+      const x = ie(z);
+      r.addWidget(x);
+    }), S((z) => {
+      const x = new Map(z);
+      return k.forEach((m) => {
+        const b = ie(m);
+        x.set(m.id, b);
+      }), x;
+    }), l((z) => {
+      const x = new Map(z);
+      return k.forEach((m) => {
+        m.content && x.set(m.id, m.content);
+      }), x;
+    }), p((z) => {
+      const x = new Map(z);
+      return k.forEach((m) => {
+        m._originalContent !== void 0 && x.set(m.id, m._originalContent);
+      }), x;
+    }));
+    const P = R.filter((z) => !v.includes(z.id));
+    if (P.length > 0) {
+      const z = P.map((x) => x.id).filter(Boolean);
+      z.forEach((x) => {
+        setTimeout(() => {
+          d.current.delete(x), y.current.delete(x);
+        }, q);
+      }), P.forEach((x) => {
+        const m = r.el.querySelector(`[gs-id="${x.id}"]`);
+        m && setTimeout(() => {
+          r.removeWidget(m, !0);
+        }, q);
+      }), S((x) => {
+        const m = new Map(x);
+        return z.forEach((b) => {
+          setTimeout(() => {
+            m.delete(b);
+          }, q);
+        }), m;
+      }), l((x) => {
+        const m = new Map(x);
+        return z.forEach((b) => {
+          if (m.get(b)) {
+            const J = r.el.querySelector(`[gs-id="${b}"] .grid-stack-item-content`);
+            let Z = "";
+            J && (Z = Ds(J)), m.set(b, g(_i.div, {
+              className: "h-full w-full",
+              initial: {
+                opacity: 1,
+                scale: 1,
+                filter: "blur(0px)"
+              },
+              animate: {
+                opacity: 0,
+                scale: 0.85,
+                filter: "blur(14px)"
+              },
+              exit: {
+                opacity: 0,
+                scale: 0.85,
+                filter: "blur(14px)"
+              },
+              transition: {
+                opacity: {
+                  duration: q / 1e3,
+                  ease: [0.32, 0, 0.67, 0]
+                },
+                scale: {
+                  duration: q / 1e3,
+                  ease: [0.65, 0, 0.35, 1]
+                },
+                filter: {
+                  duration: q / 1e3,
+                  ease: "linear"
+                }
+              },
+              dangerouslySetInnerHTML: {
+                __html: Z
+              }
+            }));
+          }
+          setTimeout(() => {
+            m.delete(b);
+          }, q);
+        }), m;
+      }), p((x) => {
+        const m = new Map(x);
+        return z.forEach((b) => {
+          setTimeout(() => {
+            m.delete(b);
+          }, q);
+        }), m;
+      });
+    }
+    const A = E.filter((z) => w.includes(z.id));
+    if (A.length > 0) {
+      const z = [];
+      A.forEach((x) => {
+        const m = R.find((L) => L.id === x.id);
+        if (!m)
+          return;
+        const b = Ss.filter((L) => m[L] !== x[L]);
+        if (b.length > 0) {
+          const L = {}, J = ["w", "h", "x", "y"], Z = ["noMove", "noResize", "locked"], Q = b.filter((M) => J.includes(M)), oe = b.filter((M) => Z.includes(M));
+          if (Q.length > 0 && oe.length > 0 && Q.length + oe.length === b.length ? oe.forEach((M) => {
+            const K = x[M];
+            K !== void 0 && (L[M] = K);
+          }) : b.forEach((M) => {
+            const K = x[M];
+            K !== void 0 && (L[M] = K);
+          }), Object.keys(L).length > 0) {
+            const M = r.el.querySelector(`[gs-id="${x.id}"]`);
+            M && z.push({
+              id: x.id,
+              element: M,
+              updateOptions: L
+            });
+          }
+        }
+      }), A.forEach((x) => {
+        x.content && d.current.set(x.id, x.content), x._originalContent !== void 0 && y.current.set(x.id, x._originalContent);
+      }), z.forEach(({ element: x, updateOptions: m }) => {
+        try {
+          r.update(x, m);
+        } catch (b) {
+          console.warn("Error updating widget:", b);
+        }
+      }), S((x) => {
+        const m = new Map(x);
+        return A.forEach((b) => {
+          const L = ie(b);
+          m.set(b.id, L);
+        }), m;
+      }), l((x) => {
+        const m = new Map(x);
+        return A.forEach((b) => {
+          b.content && m.set(b.id, b.content);
+        }), m;
+      }), p((x) => {
+        const m = new Map(x);
+        return A.forEach((b) => {
+          b._originalContent !== void 0 && m.set(b.id, b._originalContent);
+        }), m;
+      });
+    }
+  }, [s]), V(() => {
+    if (!r || !h.handle) return;
+    r.opts && (r.opts.handle = h.handle);
+    const R = setTimeout(() => {
+      var w;
+      if (r && r.el && h.handle && r.el.querySelectorAll(h.handle).length > 0)
+        try {
+          !((w = r.opts) != null && w.disableResize) && (r.disable(!1), r.enable(!1));
+        } catch {
+        }
+    }, 0);
+    return () => clearTimeout(R);
+  }, [r, h.handle, h.children]);
+  const D = Ae(() => {
+    if (!r)
+      return;
+    const R = r.save();
+    if (Array.isArray(R)) {
+      const w = R.map((E) => {
+        const v = E.id;
+        if (!v) return null;
+        const k = d.current.get(v), P = y.current.get(v), A = E;
+        return {
+          ...E,
+          id: v,
+          w: E.w ?? 1,
+          h: E.h ?? 1,
+          x: E.x ?? 0,
+          y: E.y ?? 0,
+          meta: A.meta,
+          _originalContent: P,
+          content: k ?? g("div", {
+            children: "No content"
+          })
+        };
+      }).filter((E) => E !== null);
+      i == null || i(w);
+    }
+  }, [r]);
+  return V(() => {
+    if (!r || !r.el || !r.el.parentElement)
       return;
-    const p = s.save();
-    Array.isArray(p) && (i == null || i(p.map((m) => ({
-      id: m.id ?? "",
-      meta: m.meta,
-      w: m.w ?? 1,
-      h: m.h ?? 1,
-      x: m.x ?? 0,
-      y: m.y ?? 0
-    }))));
-  }, [s]);
-  ce(() => {
-    if (!s) return;
-    const p = (m, v) => {
-      t == null || t(m, v);
+    const R = (w, E) => {
+      t == null || t(w, E);
     };
-    return s.on("resizestop", p), s.on("change added removed", h), () => {
-      s.off("resizestop"), s.off("change added removed");
+    try {
+      r.on("resizestop", R), r.on("change added removed", D);
+    } catch (w) {
+      console.error("Error attaching GridStack event listeners:", w);
+      return;
+    }
+    return () => {
+      const w = o.current;
+      if (w && w.el)
+        try {
+          w.off("resizestop"), w.off("change added removed");
+        } catch (E) {
+          console.warn("Error cleaning up GridStack event listeners:", E);
+        }
     };
-  }, [s, t, h]), ce(() => {
-    s && h();
-  }, [s]);
-  const c = K((p) => {
-    s == null || s.addWidget(p), o((m) => {
-      const v = new Map(m);
-      return v.set(p.id, p), v;
-    });
-  }, [s]), l = K((p) => {
-    s == null || s.addWidget(p), o((m) => {
-      var b, w;
-      const v = new Map(m);
-      return (w = (b = p.subGridOpts) == null ? void 0 : b.children) == null || w.forEach((C) => {
-        v.set(C.id, C);
-      }), v;
-    });
-  }, [s]), d = K((p) => {
-    const m = document.body.querySelector(`[gs-id="${p}"]`);
-    m && (s == null || s.removeWidget(m)), o((v) => {
-      const b = new Map(v);
-      return b.delete(p), b;
-    });
-  }, [s]), f = K(() => {
-    s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
-  }, [s]);
-  return g(Rt.Provider, {
+  }, [r, t, D]), V(() => {
+    o.current = r;
+  }, [r]), V(() => {
+    r && r.el && r.el.parentElement && D();
+  }, [r]), g(Nt.Provider, {
     value: {
-      initialOptions: e,
-      gridStack: s,
-      addWidget: c,
-      removeWidget: d,
-      addSubGrid: l,
-      removeAll: f,
+      options: h,
+      gridStack: r,
       _gridStack: {
-        value: s,
-        set: r
+        value: r,
+        set: n
       },
       _rawWidgetMetaMap: {
-        value: n,
-        set: o
+        value: C,
+        set: S
+      },
+      _reactContentMap: {
+        value: c,
+        set: l
       }
     },
     children: a
   });
 }
-const Nt = _e(null);
-function Rs() {
-  const a = mt(Nt);
+const St = ze(null);
+function Os() {
+  const a = yt(St);
   if (!a)
     throw new Error(
       "useGridStackRenderContext must be used within a GridStackProvider"
     );
   return a;
 }
-const Ns = _e(null);
-function zs() {
-  const { _rawWidgetMetaMap: a } = ke(), { getWidgetContainer: e } = Rs();
-  return g(be, {
+const Ps = ze(null);
+function Ts() {
+  const { _reactContentMap: a } = zt(), { getWidgetContainer: e } = Os();
+  return g(Ne, {
     children: Array.from(a.value.entries()).map(([t, i]) => {
-      var r;
       const s = e(t);
-      return s ? g(Ns.Provider, {
+      return s ? g(Ps.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: $i((r = i.renderFn) == null ? void 0 : r.call(i), s)
-      }, t) : null;
+        children: i && qi(i, s)
+      }, t) : (console.error(`Widget container not found for widget ${t}`), null);
     })
   });
 }
-function Ds(a, e, t, i, s) {
+function As(a, e, t, i, s) {
   const r = (...n) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(a, n));
   return r.prototype = e.prototype, r;
 }
@@ -1632,7 +1872,7 @@ class u {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class U {
+class j {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -1944,7 +2184,7 @@ class U {
    * console.log('Node prepared at:', prepared.x, prepared.y);
    */
   prepareNode(e, t) {
-    e._id = e._id ?? U._idSeq++;
+    e._id = e._id ?? j._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -2144,7 +2384,7 @@ class U {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new U({
+    const s = new j({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((n) => n._id === e._id ? (i = { ...n }, i) : { ...n })
@@ -2166,7 +2406,7 @@ class U {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new U({
+    const t = new j({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2194,8 +2434,8 @@ class U {
       const d = e._moving && !t.nested;
       let f = d ? this.directionCollideCoverage(e, t, o) : o[0];
       if (d && f && ((l = (c = e.grid) == null ? void 0 : c.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
-        const p = u.areaIntercept(t.rect, f._rect), m = u.area(t.rect), v = u.area(f._rect);
-        p / (m < v ? m : v) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const p = u.areaIntercept(t.rect, f._rect), y = u.area(t.rect), C = u.area(f._rect);
+        p / (y < C ? y : C) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? h = !this._fixCollisions(e, r, f, t) : (h = !1, i && delete t.pack);
     }
@@ -2310,7 +2550,7 @@ class U {
     return e.forEach((r, n) => {
       if (r._id === void 0) {
         const o = r.id ? this.nodes.find((h) => h.id === r.id) : void 0;
-        r._id = (o == null ? void 0 : o._id) ?? U._idSeq++;
+        r._id = (o == null ? void 0 : o._id) ?? j._idSeq++;
       }
       s[n] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2321,7 +2561,7 @@ class U {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? U._idSeq++;
+    e._id = e._id ?? j._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -2345,8 +2585,8 @@ class U {
     return this;
   }
 }
-U._idSeq = 0;
-const A = {
+j._idSeq = 0;
+const F = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2375,57 +2615,57 @@ const A = {
   // staticGrid: false,
   //removable
 };
-class _ {
+class N {
 }
-const H = 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 I {
+const W = 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 $ {
 }
-function ge(a, e) {
+function xe(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), u.simulateMouseEvent(a.changedTouches[0], e));
 }
-function zt(a, e) {
+function Dt(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
-function pe(a) {
-  I.touchHandled || (I.touchHandled = !0, ge(a, "mousedown"));
+function we(a) {
+  $.touchHandled || ($.touchHandled = !0, xe(a, "mousedown"));
 }
-function me(a) {
-  I.touchHandled && ge(a, "mousemove");
+function Ee(a) {
+  $.touchHandled && xe(a, "mousemove");
 }
-function ve(a) {
-  if (!I.touchHandled)
+function Ce(a) {
+  if (!$.touchHandled)
     return;
-  I.pointerLeaveTimeout && (window.clearTimeout(I.pointerLeaveTimeout), delete I.pointerLeaveTimeout);
-  const e = !!_.dragElement;
-  ge(a, "mouseup"), e || ge(a, "click"), I.touchHandled = !1;
+  $.pointerLeaveTimeout && (window.clearTimeout($.pointerLeaveTimeout), delete $.pointerLeaveTimeout);
+  const e = !!N.dragElement;
+  xe(a, "mouseup"), e || xe(a, "click"), $.touchHandled = !1;
 }
-function ye(a) {
+function Re(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function Ke(a) {
-  _.dragElement && a.pointerType !== "mouse" && zt(a, "mouseenter");
+function Ye(a) {
+  N.dragElement && a.pointerType !== "mouse" && Dt(a, "mouseenter");
 }
-function Ve(a) {
-  _.dragElement && a.pointerType !== "mouse" && (I.pointerLeaveTimeout = window.setTimeout(() => {
-    delete I.pointerLeaveTimeout, zt(a, "mouseleave");
+function Xe(a) {
+  N.dragElement && a.pointerType !== "mouse" && ($.pointerLeaveTimeout = window.setTimeout(() => {
+    delete $.pointerLeaveTimeout, Dt(a, "mouseleave");
   }, 10));
 }
-class we {
+class De {
   constructor(e, t, i) {
     this.host = e, this.dir = t, this.option = i, this.moving = !1, this._mouseDown = this._mouseDown.bind(this), this._mouseMove = this._mouseMove.bind(this), this._mouseUp = this._mouseUp.bind(this), this._keyEvent = this._keyEvent.bind(this), this._init();
   }
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${we.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), H && (this.el.addEventListener("touchstart", pe), this.el.addEventListener("pointerdown", ye)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${De.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), W && (this.el.addEventListener("touchstart", we), this.el.addEventListener("pointerdown", Re)), this;
   }
   /** call this when resize handle needs to be removed and cleaned up */
   destroy() {
-    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), H && (this.el.removeEventListener("touchstart", pe), this.el.removeEventListener("pointerdown", ye)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
+    return this.moving && this._mouseUp(this.mouseDownEvent), this.el.removeEventListener("mousedown", this._mouseDown), W && (this.el.removeEventListener("touchstart", we), this.el.removeEventListener("pointerdown", Re)), this.host.removeChild(this.el), delete this.el, delete this.host, this;
   }
   /** @internal called on mouse down on us: capture move on the entire document (mouse might not stay on us) until we release the mouse */
   _mouseDown(e) {
-    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), H && (this.el.addEventListener("touchmove", me), this.el.addEventListener("touchend", ve)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), W && (this.el.addEventListener("touchmove", Ee), this.el.addEventListener("touchend", Ce)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2434,7 +2674,7 @@ class we {
   }
   /** @internal */
   _mouseUp(e) {
-    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), H && (this.el.removeEventListener("touchmove", me), this.el.removeEventListener("touchend", ve)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
+    this.moving && (this._triggerEvent("stop", e), document.removeEventListener("keydown", this._keyEvent)), document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), W && (this.el.removeEventListener("touchmove", Ee), this.el.removeEventListener("touchend", Ce)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2446,8 +2686,8 @@ class we {
     return this.option[e] && this.option[e](t), this;
   }
 }
-we.prefix = "ui-resizable-";
-class Oe {
+De.prefix = "ui-resizable-";
+class Fe {
   constructor() {
     this._eventRegister = {};
   }
@@ -2508,7 +2748,7 @@ class Oe {
       return this._eventRegister[e](t);
   }
 }
-class ie extends Oe {
+class ce extends Fe {
   // have to be public else complains for HTMLElementExtendOpt ?
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this.rectScale = { x: 1, y: 1 }, this._ui = () => {
@@ -2564,21 +2804,21 @@ class ie extends Oe {
   }
   /** @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), _.overResizeElement === this && delete _.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), N.overResizeElement === this && delete N.overResizeElement), this;
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOver(e) {
-    _.overResizeElement || _.dragElement || (_.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
+    N.overResizeElement || N.dragElement || (N.overResizeElement = this, this.el.classList.remove("ui-resizable-autohide"));
   }
   /** @internal */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _mouseOut(e) {
-    _.overResizeElement === this && (delete _.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
+    N.overResizeElement === this && (delete N.overResizeElement, this.el.classList.add("ui-resizable-autohide"));
   }
   /** @internal */
   _setupHandlers() {
-    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new we(this.el, e, {
+    return this.handlers = this.option.handles.split(",").map((e) => e.trim()).map((e) => new De(this.el, e, {
       start: (t) => {
         this._resizeStart(t);
       },
@@ -2609,7 +2849,7 @@ class ie extends Oe {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = ie._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = ce._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = u.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -2618,7 +2858,7 @@ class ie extends Oe {
   }
   /** @internal */
   _cleanHelper() {
-    return ie._originStyleProp.forEach((e, t) => {
+    return ce._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -2657,9 +2897,9 @@ class ie extends Oe {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-ie._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Ss = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class se extends Oe {
+ce._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Ls = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class ue extends Fe {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -2679,12 +2919,12 @@ class se extends Oe {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), H && (e.addEventListener("touchstart", pe), e.addEventListener("pointerdown", ye));
+      e.addEventListener("mousedown", this._mouseDown), W && (e.addEventListener("touchstart", we), e.addEventListener("pointerdown", Re));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), H && (t.removeEventListener("touchstart", pe), t.removeEventListener("pointerdown", ye));
+      t.removeEventListener("mousedown", this._mouseDown), W && (t.removeEventListener("touchstart", we), t.removeEventListener("pointerdown", Re));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -2695,8 +2935,8 @@ class se extends Oe {
   }
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
-    if (!_.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ss) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete _.dragElement, delete _.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), H && (e.currentTarget.addEventListener("touchmove", me), e.currentTarget.addEventListener("touchend", ve)), e.preventDefault(), document.activeElement && document.activeElement.blur(), _.mouseHandled = !0), !0;
+    if (!N.mouseHandled)
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Ls) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete N.dragElement, delete N.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), W && (e.currentTarget.addEventListener("touchmove", Ee), e.currentTarget.addEventListener("touchend", Ce)), e.preventDefault(), document.activeElement && document.activeElement.blur(), N.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -2710,15 +2950,15 @@ class se extends Oe {
     var i;
     const t = this.mouseDownEvent;
     if (this.lastDrag = e, this.dragging)
-      if (this._dragFollow(e), _.pauseDrag) {
-        const s = Number.isInteger(_.pauseDrag) ? _.pauseDrag : 100;
+      if (this._dragFollow(e), N.pauseDrag) {
+        const s = Number.isInteger(N.pauseDrag) ? N.pauseDrag : 100;
         this.dragTimeout && window.clearTimeout(this.dragTimeout), this.dragTimeout = window.setTimeout(() => this._callDrag(e), s);
       } else
         this._callDrag(e);
     else if (Math.abs(e.x - t.x) + Math.abs(e.y - t.y) > 3) {
-      this.dragging = !0, _.dragElement = this;
+      this.dragging = !0, N.dragElement = this;
       const s = (i = this.el.gridstackNode) == null ? void 0 : i.grid;
-      s ? _.dropElement = s.el.ddElement.ddDroppable : delete _.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = u.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
+      s ? N.dropElement = s.el.ddElement.ddDroppable : delete N.dropElement, this.helper = this._createHelper(), this._setupHelperContainmentStyle(), this.dragTransform = u.getValuesFromTransformedElement(this.helperContainment), this.dragOffset = this._getDragOffset(e, this.el, this.helperContainment), this._setupHelperStyle(e);
       const r = u.initEvent(e, { target: this.el, type: "dragstart" });
       this.option.start && this.option.start(r, this.ui()), this.triggerEvent("dragstart", r), document.addEventListener("keydown", this._keyEvent);
     }
@@ -2727,17 +2967,17 @@ class se extends Oe {
   /** @internal call when the mouse gets released to drop the item at current location */
   _mouseUp(e) {
     var t, i;
-    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), H && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", me, !0), e.currentTarget.removeEventListener("touchend", ve, !0)), this.dragging) {
-      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = _.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete _.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), W && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", Ee, !0), e.currentTarget.removeEventListener("touchend", Ce, !0)), this.dragging) {
+      delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = N.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete N.dropElement, this.helperContainment.style.position = this.parentOriginStylePosition || null, this.helper !== this.el && this.helper.remove(), this._removeHelperStyle();
       const s = u.initEvent(e, { target: this.el, type: "dragstop" });
-      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), _.dropElement && _.dropElement.drop(e);
+      this.option.stop && this.option.stop(s), this.triggerEvent("dragstop", s), N.dropElement && N.dropElement.drop(e);
     }
-    delete this.helper, delete this.mouseDownEvent, delete _.dragElement, delete _.dropElement, delete _.mouseHandled, e.preventDefault();
+    delete this.helper, delete this.mouseDownEvent, delete N.dragElement, delete N.dropElement, delete N.mouseHandled, e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel, R to rotate */
   _keyEvent(e) {
     var s, r;
-    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = _.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
+    const t = this.el.gridstackNode, i = (t == null ? void 0 : t.grid) || ((r = (s = N.dropElement) == null ? void 0 : s.el) == null ? void 0 : r.gridstack);
     if (e.key === "Escape")
       t && t._origRotate && (t._orig = t._origRotate, delete t._origRotate), i == null || i.cancelDrag(), this._mouseUp(this.mouseDownEvent);
     else if (t && i && (e.key === "r" || e.key === "R")) {
@@ -2749,7 +2989,7 @@ class se extends Oe {
   /** @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 = u.cloneNode(this.el)), e.parentElement || u.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = se.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 = u.cloneNode(this.el)), e.parentElement || u.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = ue.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -2767,7 +3007,7 @@ class se extends Oe {
     const e = (s = this.helper) == null ? void 0 : s.gridstackNode;
     if (!(e != null && e._isAboutToRemove) && this.dragElementOriginStyle) {
       const r = this.helper, n = this.dragElementOriginStyle.transition || null;
-      r.style.transition = this.dragElementOriginStyle.transition = "none", se.originStyleProp.forEach((o) => r.style[o] = this.dragElementOriginStyle[o] || null), setTimeout(() => r.style.transition = n, 50);
+      r.style.transition = this.dragElementOriginStyle.transition = "none", ue.originStyleProp.forEach((o) => r.style[o] = this.dragElementOriginStyle[o] || null), setTimeout(() => r.style.transition = n, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -2809,8 +3049,8 @@ class se extends Oe {
     };
   }
 }
-se.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Ps extends Oe {
+ue.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Ms extends Fe {
   constructor(e, t = {}) {
     super(), this.el = e, this.option = t, this._mouseEnter = this._mouseEnter.bind(this), this._mouseLeave = this._mouseLeave.bind(this), this.enable(), this._setupAccept();
   }
@@ -2821,10 +3061,10 @@ class Ps extends Oe {
     super.off(e);
   }
   enable() {
-    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), H && (this.el.addEventListener("pointerenter", Ke), this.el.addEventListener("pointerleave", Ve)));
+    this.disabled !== !1 && (super.enable(), this.el.classList.add("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), this.el.addEventListener("mouseenter", this._mouseEnter), this.el.addEventListener("mouseleave", this._mouseLeave), W && (this.el.addEventListener("pointerenter", Ye), this.el.addEventListener("pointerleave", Xe)));
   }
   disable(e = !1) {
-    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), H && (this.el.removeEventListener("pointerenter", Ke), this.el.removeEventListener("pointerleave", Ve)));
+    this.disabled !== !0 && (super.disable(), this.el.classList.remove("ui-droppable"), e || this.el.classList.add("ui-droppable-disabled"), this.el.removeEventListener("mouseenter", this._mouseEnter), this.el.removeEventListener("mouseleave", this._mouseLeave), W && (this.el.removeEventListener("pointerenter", Ye), this.el.removeEventListener("pointerleave", Xe)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -2834,20 +3074,20 @@ class Ps extends Oe {
   }
   /** @internal called when the cursor enters our area - prepare for a possible drop and track leaving */
   _mouseEnter(e) {
-    if (!_.dragElement || !this._canDrop(_.dragElement.el))
+    if (!N.dragElement || !this._canDrop(N.dragElement.el))
       return;
-    e.preventDefault(), e.stopPropagation(), _.dropElement && _.dropElement !== this && _.dropElement._mouseLeave(e, !0), _.dropElement = this;
+    e.preventDefault(), e.stopPropagation(), N.dropElement && N.dropElement !== this && N.dropElement._mouseLeave(e, !0), N.dropElement = this;
     const t = u.initEvent(e, { target: this.el, type: "dropover" });
-    this.option.over && this.option.over(t, this._ui(_.dragElement)), this.triggerEvent("dropover", t), this.el.classList.add("ui-droppable-over");
+    this.option.over && this.option.over(t, this._ui(N.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) {
     var s;
-    if (!_.dragElement || _.dropElement !== this)
+    if (!N.dragElement || N.dropElement !== this)
       return;
     e.preventDefault(), e.stopPropagation();
     const i = u.initEvent(e, { target: this.el, type: "dropout" });
-    if (this.option.out && this.option.out(i, this._ui(_.dragElement)), this.triggerEvent("dropout", i), _.dropElement === this && (delete _.dropElement, !t)) {
+    if (this.option.out && this.option.out(i, this._ui(N.dragElement)), this.triggerEvent("dropout", i), N.dropElement === this && (delete N.dropElement, !t)) {
       let r, n = this.el.parentElement;
       for (; !r && n; )
         r = (s = n.ddElement) == null ? void 0 : s.ddDroppable, n = n.parentElement;
@@ -2858,7 +3098,7 @@ class Ps extends Oe {
   drop(e) {
     e.preventDefault();
     const t = u.initEvent(e, { target: this.el, type: "drop" });
-    this.option.drop && this.option.drop(t, this._ui(_.dragElement)), this.triggerEvent("drop", t);
+    this.option.drop && this.option.drop(t, this._ui(N.dragElement)), this.triggerEvent("drop", t);
   }
   /** @internal true if element matches the string/method accept option */
   _canDrop(e) {
@@ -2876,9 +3116,9 @@ class Ps extends Oe {
     };
   }
 }
-class Ae {
+class Ie {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Ae(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new Ie(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -2890,25 +3130,25 @@ class Ae {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new se(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new ue(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new ie(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new ce(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ps(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Ms(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class ks {
+class Hs {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -3004,7 +3244,7 @@ class ks {
   }
   on(e, t, i) {
     return this._getDDElements(e).forEach((s) => s.on(t, (r) => {
-      i(r, _.dragElement ? _.dragElement.el : r.target, _.dragElement ? _.dragElement.helper : null);
+      i(r, N.dragElement ? N.dragElement.el : r.target, N.dragElement ? N.dragElement.helper : null);
     })), this;
   }
   off(e, t) {
@@ -3013,7 +3253,7 @@ class ks {
   /** @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 i = e.gridstack || t !== "destroy" && t !== "disable", s = u.getElements(e);
-    return s.length ? s.map((n) => n.ddElement || (i ? Ae.init(n) : null)).filter((n) => n) : [];
+    return s.length ? s.map((n) => n.ddElement || (i ? Ie.init(n) : null)).filter((n) => n) : [];
   }
 }
 /*!
@@ -3023,8 +3263,8 @@ class ks {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const P = new ks();
-class y {
+const H = new Hs();
+class _ {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
    * simply return the existing instance (ignore any passed options). There is also an initAll() version that support
@@ -3041,8 +3281,8 @@ class y {
   static init(e = {}, t = ".grid-stack") {
     if (typeof document > "u")
       return null;
-    const i = y.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new y(i, u.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    const i = _.getGridElement(t);
+    return i ? (i.gridstack || (i.gridstack = new _(i, u.cloneDeep(e))), i.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);
   }
   /**
@@ -3056,8 +3296,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static initAll(e = {}, t = ".grid-stack") {
     const i = [];
-    return typeof document > "u" || (y.getGridElements(t).forEach((s) => {
-      s.gridstack || (s.gridstack = new y(s, u.cloneDeep(e))), i.push(s.gridstack);
+    return typeof document > "u" || (_.getGridElements(t).forEach((s) => {
+      s.gridstack || (s.gridstack = new _(s, u.cloneDeep(e))), i.push(s.gridstack);
     }), i.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.`)), i;
   }
@@ -3076,14 +3316,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = i.gridstack;
       return t && (n.opts = { ...n.opts, ...t }), t.children !== void 0 && n.load(t.children), n;
     }
-    return (!e.classList.contains("grid-stack") || y.addRemoveCB) && (y.addRemoveCB ? i = y.addRemoveCB(e, t, !0, !0) : i = u.createDiv(["grid-stack", t.class], e)), y.init(t, i);
+    return (!e.classList.contains("grid-stack") || _.addRemoveCB) && (_.addRemoveCB ? i = _.addRemoveCB(e, t, !0, !0) : i = u.createDiv(["grid-stack", t.class], e)), _.init(t, i);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
    * replace just one instance.
    */
   static registerEngine(e) {
-    y.engineClass = e;
+    _.engineClass = e;
   }
   /**
    * @internal create placeholder DIV as needed
@@ -3091,7 +3331,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = u.createDiv([this.opts.placeholderClass, A.itemClass, this.opts.itemClass]);
+      this._placeholder = u.createDiv([this.opts.placeholderClass, F.itemClass, this.opts.itemClass]);
       const e = u.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -3113,31 +3353,31 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((d, f) => (f.w || 0) - (d.w || 0)));
     }
     const r = {
-      ...u.cloneDeep(A),
-      column: u.toNumber(e.getAttribute("gs-column")) || A.column,
-      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || A.minRow,
-      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || A.maxRow,
-      staticGrid: u.toBool(e.getAttribute("gs-static")) || A.staticGrid,
+      ...u.cloneDeep(F),
+      column: u.toNumber(e.getAttribute("gs-column")) || F.column,
+      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || F.minRow,
+      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || F.maxRow,
+      staticGrid: u.toBool(e.getAttribute("gs-static")) || F.staticGrid,
       sizeToContent: u.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || A.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || F.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || A.removableOptions.accept,
-        decline: A.removableOptions.decline
+        accept: t.itemClass || F.removableOptions.accept,
+        decline: F.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (r.animate = u.toBool(e.getAttribute("gs-animate"))), t = u.defaults(t, r), 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 n = this.el.closest("." + A.itemClass), o = n == null ? void 0 : n.gridstackNode;
+    const n = this.el.closest("." + F.itemClass), o = n == null ? void 0 : n.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 !== A.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
+      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== F.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
       const l = t.cellHeight;
       delete t.cellHeight, this.cellHeight(l);
     }
-    t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = H), this._setStaticClass();
-    const h = t.engineClass || y.engineClass || U;
+    t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = W), this._setStaticClass();
+    const h = t.engineClass || _.engineClass || j;
     if (this.engine = new h({
       column: this.getColumn(),
       float: t.float,
@@ -3152,7 +3392,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const l = t.children;
       delete t.children, l.length && this.load(l);
     }
-    this.setAnimation(), t.subGridDynamic && !_.pauseDrag && (_.pauseDrag = !0), ((c = t.draggable) == null ? void 0 : c.pause) !== void 0 && (_.pauseDrag = t.draggable.pause), this._setupRemoveDrop(), this._setupAcceptWidget(), this._updateResizeEvent();
+    this.setAnimation(), t.subGridDynamic && !N.pauseDrag && (N.pauseDrag = !0), ((c = t.draggable) == null ? void 0 : c.pause) !== void 0 && (N.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}%`);
@@ -3180,7 +3420,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (e.ELEMENT_NODE)
       return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"), this.makeWidget(e);
     let t, i = e;
-    if (i.grid = this, i.el ? t = i.el : y.addRemoveCB ? t = y.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
+    if (i.grid = this, i.el ? t = i.el : _.addRemoveCB ? t = _.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
       return;
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
@@ -3200,11 +3440,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = u.createDiv(["grid-stack-item", this.opts.itemClass]), i = u.createDiv(["grid-stack-item-content"], t);
     return u.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
       var r, n;
-      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, y.renderCB(i, e), (n = e.grid) == null || n.prepareDragDrop(e.el));
+      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, _.renderCB(i, e), (n = e.grid) == null || n.prepareDragDrop(e.el));
     }), window.setTimeout(() => {
       var s;
       return (s = e.visibleObservable) == null ? void 0 : s.observe(t);
-    })) : y.renderCB(i, e), t;
+    })) : _.renderCB(i, e), t;
   }
   /**
    * Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
@@ -3216,13 +3456,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var p, m, v;
+    var p, y, C;
     let r = e.gridstackNode;
     if (r || (r = this.makeWidget(e).gridstackNode), (p = r.subGrid) != null && p.el)
       return r.subGrid;
     let n, o = this;
     for (; o && !n; )
-      n = (m = o.opts) == null ? void 0 : m.subGridOpts, o = (v = o.parentGridNode) == null ? void 0 : v.grid;
+      n = (y = o.opts) == null ? void 0 : y.subGridOpts, o = (C = o.parentGridNode) == null ? void 0 : C.grid;
     t = u.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
@@ -3238,11 +3478,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let h;
     t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let c = r.el.querySelector(".grid-stack-item-content"), l, d;
-    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), y.addRemoveCB ? l = y.addRemoveCB(this.el, d, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const b = h ? t.column : r.w, w = r.h + i.h, C = r.el.style;
-      C.transition = "none", this.update(r.el, { w: b, h: w }), setTimeout(() => C.transition = null);
+    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), _.addRemoveCB ? l = _.addRemoveCB(this.el, d, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const S = h ? t.column : r.w, D = r.h + i.h, R = r.el.style;
+      R.transition = "none", this.update(r.el, { w: S, h: D }), setTimeout(() => R.transition = null);
     }
-    const f = r.subGrid = y.addGrid(c, t);
+    const f = r.subGrid = _.addGrid(c, t);
     return i != null && i._moving && (f._isTemp = !0), h && (f._autoColumn = !0), s && f.makeWidget(l, d), i && (i._moving ? window.setTimeout(() => u.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
   }
   /**
@@ -3269,7 +3509,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * NOTE2: nested grids will ALWAYS save to the container size to be in sync with parent.
    * @returns list of widgets or full grid option, including .children list of widgets
    */
-  save(e = !0, t = !1, i = y.saveCB, s) {
+  save(e = !0, t = !1, i = _.saveCB, s) {
     const r = this.engine.save(e, i, s);
     if (r.forEach((n) => {
       var o;
@@ -3285,7 +3525,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = u.cloneDeep(this.opts);
       n.marginBottom === n.marginTop && n.marginRight === n.marginLeft && n.marginTop === n.marginRight && (n.margin = n.marginTop, delete n.marginTop, delete n.marginRight, delete n.marginBottom, delete n.marginLeft), n.rtl === (this.el.style.direction === "rtl") && (n.rtl = "auto"), this._isAutoCellHeight && (n.cellHeight = "auto"), this._autoColumn && (n.column = "auto");
       const o = n._alwaysShowResizeHandle;
-      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, A), n.children = r, n;
+      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, F), n.children = r, n;
     }
     return r;
   }
@@ -3324,7 +3564,7 @@ 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 = y.addRemoveCB || !0) {
+  load(e, t = _.addRemoveCB || !0) {
     e = u.cloneDeep(e);
     const i = this.getColumn();
     e.forEach((l) => {
@@ -3334,15 +3574,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     e.forEach((l) => {
       s = Math.max(s, (l.x || 0) + l.w);
     }), s > this.engine.defaultColumn && (this.engine.defaultColumn = s), s > i && (this.engine.nodes.length === 0 && this.responseLayout ? (this.engine.nodes = e, this.engine.columnChanged(s, i, this.responseLayout), e = this.engine.nodes, this.engine.nodes = [], delete this.responseLayout) : this.engine.cacheLayout(e, s, !0));
-    const r = y.addRemoveCB;
-    typeof t == "function" && (y.addRemoveCB = t);
+    const r = _.addRemoveCB;
+    typeof t == "function" && (_.addRemoveCB = t);
     const n = [];
     this.batchUpdate();
     const o = !this.engine.nodes.length, h = o && this.opts.animate;
     h && this.setAnimation(!1), !o && t && [...this.engine.nodes].forEach((d) => {
       if (!d.id)
         return;
-      u.find(e, d.id) || (y.addRemoveCB && y.addRemoveCB(this.el, d, !1, !1), n.push(d), this.removeWidget(d.el, !0, !1));
+      u.find(e, d.id) || (_.addRemoveCB && _.addRemoveCB(this.el, d, !1, !1), n.push(d), this.removeWidget(d.el, !0, !1));
     }), this.engine._loading = !0;
     const c = [];
     return this.engine.nodes = this.engine.nodes.filter((l) => u.find(e, l.id) ? (c.push(l), !1) : !0), e.forEach((l) => {
@@ -3354,7 +3594,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           p && p.gridstack && p.gridstack.load(l.subGridOpts.children);
         }
       } else t && this.addWidget(l);
-    }), delete this.engine._loading, this.engine.removedNodes = n, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? y.addRemoveCB = r : delete y.addRemoveCB, h && this.setAnimation(!0, !0), this;
+    }), delete this.engine._loading, this.engine.removedNodes = n, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? _.addRemoveCB = r : delete _.addRemoveCB, h && this.setAnimation(!0, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -3670,7 +3910,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.makeWidget(element, {x: 0, y: 1, w: 4, h: 2});
    */
   makeWidget(e, t) {
-    const i = y.getElement(e);
+    const i = _.getElement(e);
     if (!i || i.gridstackNode)
       return i;
     i.parentElement || this.el.appendChild(i), this._prepareElement(i, !0, t);
@@ -3709,11 +3949,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param triggerEvent if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).
    */
   removeWidget(e, t = !0, i = !0) {
-    return e ? (y.getElements(e).forEach((s) => {
+    return e ? (_.getElements(e).forEach((s) => {
       if (s.parentElement && s.parentElement !== this.el)
         return;
       let r = s.gridstackNode;
-      r || (r = this.engine.nodes.find((n) => s === n.el)), r && (t && y.addRemoveCB && y.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
+      r || (r = this.engine.nodes.find((n) => s === n.el)), r && (t && _.addRemoveCB && _.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
     }), i && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
   }
   /**
@@ -3723,7 +3963,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   removeAll(e = !0, t = !0) {
     return this.engine.nodes.forEach((i) => {
-      e && y.addRemoveCB && y.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
+      e && _.addRemoveCB && _.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
     }), this.engine.removeAll(e, t), t && this._triggerRemoveEvent(), this;
   }
   /**
@@ -3789,7 +4029,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * });
    */
   update(e, t) {
-    return y.getElements(e).forEach((i) => {
+    return _.getElements(e).forEach((i) => {
       var l;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
@@ -3802,7 +4042,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         o[d] = r[d] !== void 0 ? r[d] : s[d], delete r[d];
       })), !o && (r.minW || r.minH || r.maxW || r.maxH) && (o = {}), r.content !== void 0) {
         const d = i.querySelector(".grid-stack-item-content");
-        d && d.textContent !== r.content && (s.content = r.content, y.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
+        d && d.textContent !== r.content && (s.content = r.content, _.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
       }
       let h = !1, c = !1;
       for (const d in r)
@@ -3811,7 +4051,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const d = o.w !== void 0 && o.w !== s.w;
         this.moveNode(s, o), d && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(d, s), delete s._orig;
       }
-      (o || h) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), y.updateCB && y.updateCB(s);
+      (o || h) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), _.updateCB && _.updateCB(s);
     }), this;
   }
   moveNode(e, t) {
@@ -3850,24 +4090,24 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!s)
       return;
     let r = t.h ? t.h * s : e.clientHeight, n;
-    if (t.resizeToContentParent && (n = e.querySelector(t.resizeToContentParent)), n || (n = e.querySelector(y.resizeToContentParent)), !n)
+    if (t.resizeToContentParent && (n = e.querySelector(t.resizeToContentParent)), n || (n = e.querySelector(_.resizeToContentParent)), !n)
       return;
     const o = e.clientHeight - n.clientHeight, h = t.h ? t.h * s - o : n.clientHeight;
     let c;
     if (t.subGrid) {
       c = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
-      const m = t.subGrid.el.getBoundingClientRect(), v = e.getBoundingClientRect();
-      c += m.top - v.top;
+      const y = t.subGrid.el.getBoundingClientRect(), C = e.getBoundingClientRect();
+      c += y.top - C.top;
     } else {
       if ((p = (f = t.subGridOpts) == null ? void 0 : f.children) != null && p.length)
         return;
       {
-        const m = n.firstElementChild;
-        if (!m) {
-          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${y.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
+        const y = n.firstElementChild;
+        if (!y) {
+          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${_.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        c = m.getBoundingClientRect().height || h;
+        c = y.getBoundingClientRect().height || h;
       }
     }
     if (h === c)
@@ -3879,7 +4119,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
-    y.resizeToContentCB ? y.resizeToContentCB(e) : this.resizeToContent(e);
+    _.resizeToContentCB ? _.resizeToContentCB(e) : this.resizeToContent(e);
   }
   /**
    * Rotate widgets by swapping their width and height. This is typically called when the user presses 'r' during dragging.
@@ -3897,7 +4137,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.rotate(widget, { left: 50, top: 30 });
    */
   rotate(e, t) {
-    return y.getElements(e).forEach((i) => {
+    return _.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       if (!u.canBeRotated(s))
         return;
@@ -4034,7 +4274,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(A.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(F.itemClass, this.opts.itemClass);
     const s = u.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), u.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -4122,7 +4362,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElement(e) {
-    return y.getElement(e);
+    return _.getElement(e);
   }
   /** @internal */
   static getGridElements(e) {
@@ -4153,7 +4393,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * // Access drag & drop functionality
    */
   static getDD() {
-    return P;
+    return H;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -4165,8 +4405,8 @@ 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, i, s = document) {
-    (t == null ? void 0 : t.pause) !== void 0 && (_.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((n, o) => {
-      P.isDraggable(n) || P.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
+    (t == null ? void 0 : t.pause) !== void 0 && (N.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((n, o) => {
+      H.isDraggable(n) || H.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
     });
   }
   /**
@@ -4188,7 +4428,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.movable('#fixed-widget', false);
    */
   movable(e, t) {
-    return this.opts.staticGrid ? this : (y.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (_.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noMove : s.noMove = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -4209,7 +4449,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.resizable('#fixed-size-widget', false);
    */
   resizable(e, t) {
-    return this.opts.staticGrid ? this : (y.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (_.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noResize : s.noResize = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -4314,16 +4554,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   cancelDrag() {
     var t;
     const e = (t = this._placeholder) == null ? void 0 : t.gridstackNode;
-    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && y._itemRemoving(e.el, !1), this.engine.restoreInitial());
+    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && _._itemRemoving(e.el, !1), this.engine.restoreInitial());
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return P.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return H.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
   }
   /** @internal called to add drag over to support widgets being added externally */
   _setupAcceptWidget() {
     if (this.opts.staticGrid || !this.opts.acceptWidgets && !this.opts.removable)
-      return P.droppable(this.el, "destroy"), this;
+      return H.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, n) => {
       var f;
@@ -4348,7 +4588,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (o._temporaryRemoved) {
         if (o.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(h / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            P.off(r, "drag");
+            H.off(r, "drag");
             return;
           }
           o._willFitPos && (u.copyPos(o, o._willFitPos), delete o._willFitPos);
@@ -4357,7 +4597,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(n, s, d, o, t, e);
     };
-    return P.droppable(this.el, {
+    return H.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -4396,12 +4636,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.grid || (o.el || (o = { ...o }), o._isExternal = !0, n.gridstackNode = o);
       const h = o.w || Math.round(n.offsetWidth / t) || 1, c = o.h || Math.round(n.offsetHeight / e) || 1;
       return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: h, h: c, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
-      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), y._itemRemoving(o.el, !1), P.on(r, "drag", i), i(s, r, n), !1;
+      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), _._itemRemoving(o.el, !1), H.on(r, "drag", i), i(s, r, n), !1;
     }).on(this.el, "dropout", (s, r, n) => {
       const o = (n == null ? void 0 : n.gridstackNode) || r.gridstackNode;
       return o && (!o.grid || o.grid === this) && (this._leave(r, n), this._isTemp && this.removeAsSubGrid(o)), !1;
     }).on(this.el, "drop", (s, r, n) => {
-      var f, p, m;
+      var f, p, y;
       const o = (n == null ? void 0 : n.gridstackNode) || r.gridstackNode;
       if ((o == null ? void 0 : o.grid) === this && !o._isExternal)
         return !1;
@@ -4409,13 +4649,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       this.placeholder.remove(), delete this.placeholder.gridstackNode, h && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
       const l = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, h && (l != null && l.grid) && l.grid !== this) {
-        const v = l.grid;
-        v.engine.removeNodeFromLayoutCache(l), v.engine.removedNodes.push(l), v._triggerRemoveEvent()._triggerChangeEvent(), v.parentGridNode && !v.engine.nodes.length && v.opts.subGridDynamic && v.removeAsSubGrid();
+        const C = l.grid;
+        C.engine.removeNodeFromLayoutCache(l), C.engine.removedNodes.push(l), C._triggerRemoveEvent()._triggerChangeEvent(), C.parentGridNode && !C.engine.nodes.length && C.opts.subGridDynamic && C.removeAsSubGrid();
       }
-      if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, P.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
+      if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, H.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
         return !1;
-      const d = (m = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : m.gridstack;
-      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || y.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
+      const d = (y = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : y.gridstack;
+      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || _.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -4430,7 +4670,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (typeof this.opts.removable != "string")
       return this;
     const e = document.querySelector(this.opts.removable);
-    return e ? (!this.opts.staticGrid && !P.isDroppable(e) && P.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => y._itemRemoving(i, !0)).on(e, "dropout", (t, i) => y._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !H.isDroppable(e) && H.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => _._itemRemoving(i, !0)).on(e, "dropout", (t, i) => _._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4452,17 +4692,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         this._dragOrResize(e, f, p, i, o, h);
       }, d = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._resizing, delete i._event, delete i._lastTried;
-        const p = i.w !== i._orig.w, m = f.target;
-        if (!(!m.gridstackNode || m.gridstackNode.grid !== this)) {
-          if (i.el = m, i._isAboutToRemove) {
-            const v = e.gridstackNode.grid;
-            v._gsEventHandler[f.type] && v._gsEventHandler[f.type](f, m), v.engine.nodes.push(i), v.removeWidget(e, !0, !0);
+        const p = i.w !== i._orig.w, y = f.target;
+        if (!(!y.gridstackNode || y.gridstackNode.grid !== this)) {
+          if (i.el = y, i._isAboutToRemove) {
+            const C = e.gridstackNode.grid;
+            C._gsEventHandler[f.type] && C._gsEventHandler[f.type](f, y), C.engine.nodes.push(i), C.removeWidget(e, !0, !0);
           } else
-            u.removePositioningStyles(m), i._temporaryRemoved ? (this._writePosAttr(m, i), this.engine.addNode(i)) : this._writePosAttr(m, i), this.triggerEvent(f, m);
+            u.removePositioningStyles(y), i._temporaryRemoved ? (this._writePosAttr(y, i), this.engine.addNode(i)) : this._writePosAttr(y, i), this.triggerEvent(f, y);
           this._extraDragRow = 0, this._updateContainerHeight(), this._triggerChangeEvent(), this.engine.endUpdate(), f.type === "resizestop" && (Number.isInteger(i.sizeToContent) && (i.sizeToContent = i.h), this.resizeToContentCheck(p, i));
         }
       };
-      P.draggable(e, {
+      H.draggable(e, {
         start: c,
         stop: d,
         drag: l
@@ -4472,7 +4712,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: l
       }), i._initDD = !0;
     }
-    return P.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return H.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, n) {
@@ -4491,47 +4731,47 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", s._resizing = t.type === "resizestart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, n, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const h = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      P.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      H.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
   _dragOrResize(e, t, i, s, r, n) {
     const o = { ...s._orig };
     let h, c = this.opts.marginLeft, l = this.opts.marginRight, d = this.opts.marginTop, f = this.opts.marginBottom;
-    const p = Math.round(n * 0.1), m = Math.round(r * 0.1);
-    if (c = Math.min(c, m), l = Math.min(l, m), d = Math.min(d, p), f = Math.min(f, p), t.type === "drag") {
+    const p = Math.round(n * 0.1), y = Math.round(r * 0.1);
+    if (c = Math.min(c, y), l = Math.min(l, y), d = Math.min(d, p), f = Math.min(f, p), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
-      const b = i.position.top - s._prevYPix;
-      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && u.updateScrollPosition(e, i.position, b);
-      const w = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), C = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
-      o.x = Math.round(w / r), o.y = Math.round(C / n);
-      const E = this._extraDragRow;
+      const S = i.position.top - s._prevYPix;
+      s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && u.updateScrollPosition(e, i.position, S);
+      const D = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), R = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
+      o.x = Math.round(D / r), o.y = Math.round(R / n);
+      const w = this._extraDragRow;
       if (this.engine.collide(s, o)) {
-        const D = this.getRow();
-        let R = Math.max(0, o.y + s.h - D);
-        this.opts.maxRow && D + R > this.opts.maxRow && (R = Math.max(0, this.opts.maxRow - D)), this._extraDragRow = R;
+        const E = this.getRow();
+        let v = Math.max(0, o.y + s.h - E);
+        this.opts.maxRow && E + v > this.opts.maxRow && (v = Math.max(0, this.opts.maxRow - E)), this._extraDragRow = v;
       } else
         this._extraDragRow = 0;
-      if (this._extraDragRow !== E && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
+      if (this._extraDragRow !== w && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
         return;
     } else if (t.type === "resize") {
       if (o.x < 0 || (u.updateScrollResize(t, e, n), o.w = Math.round((i.size.width - c) / r), o.h = Math.round((i.size.height - d) / n), s.w === o.w && s.h === o.h) || s._lastTried && s._lastTried.w === o.w && s._lastTried.h === o.h)
         return;
-      const b = i.position.left + c, w = i.position.top + d;
-      o.x = Math.round(b / r), o.y = Math.round(w / n), h = !0;
+      const S = i.position.left + c, D = i.position.top + d;
+      o.x = Math.round(S / r), o.y = Math.round(D / n), h = !0;
     }
     s._event = t, s._lastTried = o;
-    const v = {
+    const C = {
       x: i.position.left + c,
       y: i.position.top + d,
       w: (i.size ? i.size.width : s.w * r) - c - l,
       h: (i.size ? i.size.height : s.h * n) - d - f
     };
-    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: v, resizing: h })) {
+    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: C, resizing: h })) {
       s._lastUiPosition = i.position, this.engine.cacheRects(r, n, d, l, f, c), delete s._skipDown, h && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
-      const b = t.target;
-      s._sidebarOrig || this._writePosAttr(b, s), this.triggerEvent(t, b);
+      const S = t.target;
+      s._sidebarOrig || this._writePosAttr(S, s), this.triggerEvent(t, S);
     }
   }
   /** call given event callback on our main top-most grid (if we're nested) */
@@ -4548,55 +4788,66 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   _leave(e, t) {
     t = t || e;
     const i = t.gridstackNode;
-    if (!i || (t.style.transform = t.style.transformOrigin = null, P.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, H.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
-    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && y._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
+    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && _._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
   }
   // legacy method removed
   commit() {
-    return Ds(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return As(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-y.renderCB = (a, e) => {
+_.renderCB = (a, e) => {
   a && (e != null && e.content) && (a.textContent = e.content);
 };
-y.resizeToContentParent = ".grid-stack-item-content";
-y.Utils = u;
-y.Engine = U;
-y.GDRev = "12.3.2";
-const le = /* @__PURE__ */ new WeakMap();
-function Os({ children: a }) {
-  const { _gridStack: { value: e, set: t }, initialOptions: i } = ke(), s = Q(/* @__PURE__ */ new Map()), r = Q(null), n = Q(i), o = K((c, l) => {
-    if (l.id && l.grid) {
-      let d = le.get(l.grid);
-      d || (d = /* @__PURE__ */ new Map(), le.set(l.grid, d)), d.set(l.id, c), s.current.set(l.id, c);
+_.resizeToContentParent = ".grid-stack-item-content";
+_.Utils = u;
+_.Engine = j;
+_.GDRev = "12.3.2";
+const pe = /* @__PURE__ */ new WeakMap();
+function Bs({ children: a }) {
+  const { _gridStack: { value: e, set: t }, options: i } = zt(), s = X(/* @__PURE__ */ new Map()), r = X(null), n = X(i), o = Ae((l, d) => {
+    if (d.id && d.grid) {
+      let f = pe.get(d.grid);
+      f || (f = /* @__PURE__ */ new Map(), pe.set(d.grid, f)), f.set(d.id, l), s.current.set(d.id, l);
+    }
+  }, []), h = Ae(() => {
+    if (r.current) {
+      _.renderCB = o;
+      const l = _.init(n.current, r.current);
+      return l && n.current.handle && l.opts && (l.opts.handle = n.current.handle), l;
     }
-  }, []), h = K(() => r.current ? (y.renderCB = o, y.init(n.current, r.current)) : null, [o]);
-  return Ue(() => {
-    if (!Ye(i, n.current) && e)
+    return null;
+  }, [o]), c = (l, d) => {
+    const { children: f, ...p } = l, { children: y, ...C } = d;
+    return et(p, C);
+  };
+  return Ke(() => {
+    if (!c(i, n.current) && e)
       try {
-        e.removeAll(!1), e.destroy(!1), s.current.clear(), le.delete(e), n.current = i, t(h());
-      } catch (c) {
-        console.error("Error reinitializing gridstack", c);
+        e.removeAll(!1), e.destroy(!1), s.current.clear(), pe.delete(e), n.current = i, t(null);
+      } catch (l) {
+        console.error("Error destroying gridstack", l);
       }
-  }, [i, e, h, t]), Ue(() => {
-    if (!e)
+    else e && (n.current = i, i.handle && e.opts && (e.opts.handle = i.handle));
+  }, [i, e, t]), Ke(() => {
+    if (!e && r.current)
       try {
         t(h());
-      } catch (c) {
-        console.error("Error initializing gridstack", c);
+      } catch (l) {
+        console.error("Error initializing gridstack", l);
       }
-  }, [e, h, t]), g(Nt.Provider, {
-    value: vt(() => ({
-      getWidgetContainer: (c) => {
+  }, [e, h, t]), g(St.Provider, {
+    value: ye(() => ({
+      getWidgetContainer: (l) => {
         if (e) {
-          const l = le.get(e);
-          if (l != null && l.has(c))
-            return l.get(c) || null;
+          const d = pe.get(e);
+          if (d != null && d.has(l))
+            return d.get(l) || null;
         }
-        return s.current.get(c) || null;
+        return s.current.get(l) || null;
       }
     }), [e]),
     children: g("div", {
@@ -4605,72 +4856,76 @@ function Os({ children: a }) {
     })
   });
 }
-const Dt = $((a, e) => {
-  const t = ke();
-  return pt(e, () => ({
-    addWidget: t.addWidget,
-    removeWidget: t.removeWidget,
-    addSubGrid: t.addSubGrid,
-    removeAll: t.removeAll
-  }), [t]), null;
-});
-Dt.displayName = "RefHandler";
-const St = $(({ options: a, widgets: e, onChange: t }, i) => {
-  const s = vt(() => ({
+const kt = ({ options: a, widgets: e, onChange: t, className: i }) => {
+  const s = ye(() => JSON.stringify(e.map((h) => {
+    var c, l;
+    return {
+      id: h.id,
+      w: h.w,
+      h: h.h,
+      x: h.x,
+      y: h.y,
+      noMove: h.noMove,
+      noResize: h.noResize,
+      locked: h.locked,
+      content: ((c = h.content) == null ? void 0 : c.toString()) ?? "",
+      _originalContent: ((l = h._originalContent) == null ? void 0 : l.toString()) ?? "",
+      allowedSizes: h.allowedSizes
+    };
+  })), [e]), r = ye(() => ({
     ...a,
-    children: e
-  }), [e]), r = (o, h, c) => {
-    let l = c[0], d = 1 / 0;
-    for (const f of c) {
-      const p = f.w - o, m = f.h - h, v = p * p + m * m;
-      v < d && (d = v, l = f);
+    class: i
+  }), [a, s, i]), n = (h, c, l) => {
+    let d = l[0], f = 1 / 0;
+    for (const p of l) {
+      const y = p.w - h, C = p.h - c, S = y * y + C * C;
+      S < f && (f = S, d = p);
     }
-    return l;
+    return d;
   };
-  return N(Cs, {
-    initialOptions: s,
-    onResizeStop: (o, h) => {
-      var f, p;
-      const c = h.gridstackNode;
-      if (!c) return;
-      const l = ((f = h.gridstackNode) == null ? void 0 : f.allowedSizes) ?? [];
-      if (l.length === 0)
+  return g(ks, {
+    options: r,
+    widgets: e,
+    onResizeStop: (h, c) => {
+      var p, y;
+      const l = c.gridstackNode;
+      if (!l) return;
+      const d = ((p = c.gridstackNode) == null ? void 0 : p.allowedSizes) ?? [];
+      if (d.length === 0)
         return;
-      const d = r(c.w ?? 1, c.h ?? 1, l);
-      (c.w !== d.w || c.h !== d.h) && ((p = c.grid) == null || p.update(h, {
-        w: d.w,
-        h: d.h
+      const f = n(l.w ?? 1, l.h ?? 1, d ?? []);
+      (l.w !== f.w || l.h !== f.h) && ((y = l.grid) == null || y.update(c, {
+        w: f.w,
+        h: f.h
       }));
     },
     onChange: t,
-    children: [g(Dt, {
-      ref: i
-    }), g(Os, {
-      children: g(zs, {})
-    })]
+    children: g(Bs, {
+      children: g(Ts, {})
+    })
   });
-});
-St.displayName = "F0GridStack";
-const cr = lt(
+};
+kt.displayName = "F0GridStack";
+const vr = ft(
   "F0GridStack",
-  St
-), As = ({ benefits: a }) => g("div", {
+  kt
+), Fs = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(Ts, {
+  children: a.map((e, t) => g(Is, {
     text: e
   }, t))
-}), Ts = ({ text: a }) => N("div", {
+}), Is = ({ text: a }) => O("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(xi, {
-    icon: wi,
+  children: [g(Ei, {
+    icon: Ci,
     size: "md",
     className: "text-f1-icon-positive"
   }), g("span", {
     children: a
   })]
-}), Pt = $(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => N("div", {
+}), Ot = ee(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => O("div", {
   ref: c,
-  className: B("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
+  className: G("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
   children: [g("div", {
     className: "aspect-auto flex-shrink-0 overflow-hidden rounded-xl py-1 pl-1",
     children: g("img", {
@@ -4678,26 +4933,26 @@ const cr = lt(
       alt: "",
       className: "h-full w-full rounded-lg object-cover"
     })
-  }), N("div", {
+  }), O("div", {
     className: "flex flex-col justify-center gap-8 px-8 py-5",
-    children: [N("div", {
+    children: [O("div", {
       className: "flex flex-col gap-5",
-      children: [N("div", {
+      children: [O("div", {
         className: "flex flex-col gap-2",
-        children: [N("div", {
+        children: [O("div", {
           className: "flex flex-row items-center gap-2",
-          children: [r && g(ct, {
+          children: [r && g(gt, {
             module: r
           }), n && g("p", {
             className: "text-base font-medium text-f1-foreground",
             children: n
           })]
-        }), (o || h) && N("div", {
+        }), (o || h) && O("div", {
           className: "flex justify-start gap-2",
-          children: [o && g(bi, {
+          children: [o && g(xi, {
             icon: o.icon,
             text: o.label
-          }), h && g(_i, {
+          }), h && g(wi, {
             variant: h.variant || "positive",
             text: h.label
           })]
@@ -4705,7 +4960,7 @@ const cr = lt(
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(As, {
+      }), g(Fs, {
         benefits: t
       })]
     }), i && g("div", {
@@ -4714,38 +4969,38 @@ const cr = lt(
     })]
   })]
 }));
-Pt.displayName = "ProductBlankslate";
-function Ls({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
-  const [n, o] = L(a);
-  return ce(() => {
+Ot.displayName = "ProductBlankslate";
+function Ws({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
+  const [n, o] = B(a);
+  return V(() => {
     o(a);
-  }, [a]), g(Ei, {
+  }, [a]), g(Ri, {
     open: n,
     onOpenChange: (c) => {
       o(c), c || e();
     },
     modal: !0,
-    children: N(Ci, {
+    children: O(Ni, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: r,
-      children: [N("div", {
+      children: [O("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [N(Ri, {
+        children: [O(zi, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [s && g(ct, {
+          children: [s && g(gt, {
             module: s,
             size: "lg"
           }), t]
-        }), g(Ni, {
+        }), g(Si, {
           variant: "outline",
-          icon: ut,
+          icon: pt,
           onClick: e,
           label: "Close modal",
           hideLabel: !0
         })]
-      }), N(ot, {
+      }), O(ct, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [i, g(at, {
+        children: [i, g(ut, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -4753,47 +5008,47 @@ function Ls({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
     })
   });
 }
-function ur({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: v, promoTag: b, showResponseDialog: w = !0 }) {
-  const [C, E] = L(a), [D, R] = L(null), [k, O] = L(!1), G = async () => {
+function yr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: y, tag: C, promoTag: S, showResponseDialog: D = !0 }) {
+  const [R, w] = B(a), [E, v] = B(null), [k, P] = B(!1), A = async () => {
     if (l != null && l.onClick) {
-      O(!0);
+      P(!0);
       try {
-        await l.onClick(), E(!1), w && R("success");
+        await l.onClick(), w(!1), D && v("success");
       } catch {
-        w && R("error");
+        D && v("error");
       } finally {
-        O(!1);
+        P(!1);
       }
     }
-  }, M = () => {
-    E(!1), e == null || e();
-  }, W = k;
-  return N(be, {
-    children: [g(Ls, {
-      isOpen: C,
-      onClose: M,
+  }, z = () => {
+    w(!1), e == null || e();
+  }, x = k;
+  return O(Ne, {
+    children: [g(Ws, {
+      isOpen: R,
+      onClose: z,
       title: d,
       module: f,
-      portalContainer: m,
+      portalContainer: y,
       children: g("div", {
         className: "pb-4 pl-4",
-        children: g(Pt, {
+        children: g(Ot, {
           title: t,
           image: i,
           benefits: s,
           withShadow: !1,
-          tag: v,
-          promoTag: b,
-          actions: N("div", {
+          tag: C,
+          promoTag: S,
+          actions: O("div", {
             className: "flex gap-3",
-            children: [l && g(q, {
+            children: [l && g(se, {
               variant: l.variant,
-              label: W ? o.label : l.label,
+              label: x ? o.label : l.label,
               icon: l.icon || void 0,
-              onClick: G,
+              onClick: A,
               loading: l.loading,
               size: l.size
-            }), p && g(q, {
+            }), p && g(se, {
               onClick: p.onClick,
               label: p.label,
               variant: p.variant,
@@ -4803,46 +5058,46 @@ function ur({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), D && w && g(ft, {
+    }), E && D && g(mt, {
       open: !0,
       onClose: () => {
-        M(), R(null);
+        z(), v(null);
       },
-      success: D === "success",
+      success: E === "success",
       errorMessage: r,
       successMessage: n,
       nextSteps: h,
       closeLabel: c,
-      portalContainer: m
+      portalContainer: y
     })]
   });
 }
-function Ms({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
-  const [c, l] = L(!1), d = () => {
+function Gs({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
+  const [c, l] = B(!1), d = () => {
     l(!0), i && i();
   };
-  ce(() => {
+  V(() => {
     n && n(!c);
   }, [n, c]);
   const f = a == null ? void 0 : a.includes(".mp4");
-  return g(be, {
-    children: c ? null : N(zi, {
+  return g(Ne, {
+    children: c ? null : O(Di, {
       style: {
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [N(Di, {
+      children: [O(ki, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
-          children: g(q, {
+          children: g(se, {
             variant: "ghost",
-            icon: ut,
+            icon: pt,
             size: "sm",
             hideLabel: !0,
             onClick: d,
             label: "Close"
           })
-        }), N("div", {
+        }), O("div", {
           children: [g("div", {
             children: a && (f ? g("video", {
               src: a,
@@ -4856,20 +5111,20 @@ function Ms({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
               alt: e,
               className: "h-full w-full rounded-md"
             }))
-          }), N("div", {
+          }), O("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [g(Ie, {
+            children: [g($e, {
               className: "text-lg font-medium",
               children: e
-            }), g(Ie, {
+            }), g($e, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), o && g(Si, {
+      }), o && g(Oi, {
         className: "p-3",
-        children: o.map((p) => p.type === "upsell" ? g(gt, {
+        children: o.map((p) => p.type === "upsell" ? g(vt, {
           label: p.label,
           onRequest: p.onClick,
           errorMessage: p.errorMessage,
@@ -4879,7 +5134,7 @@ function Ms({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
           closeLabel: p.closeLabel,
           showConfirmation: h && p.showConfirmation,
           variant: p.variant
-        }, p.label) : g(q, {
+        }, p.label) : g(se, {
           label: p.label,
           onClick: p.onClick,
           variant: p.variant
@@ -4888,8 +5143,8 @@ function Ms({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     })
   });
 }
-const Hs = $(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
-  const r = (h) => h.variant === "promote" ? g(gt, {
+const Us = ee(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+  const r = (h) => h.variant === "promote" ? g(vt, {
     label: h.label,
     onRequest: async () => {
       await h.onClick();
@@ -4902,14 +5157,14 @@ const Hs = $(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     showIcon: h.showIcon,
     showConfirmation: h.showConfirmation,
     variant: h.variant
-  }) : g(q, {
+  }) : g(se, {
     onClick: h.onClick,
     label: h.label,
     variant: h.variant || "default",
     size: "md",
     icon: h.icon
   }), n = (e == null ? void 0 : e.variant) !== "promote" ? e : void 0, o = (t == null ? void 0 : t.variant) !== "promote" ? t : void 0;
-  return N(Pi, {
+  return O(Pi, {
     ref: s,
     ...i,
     primaryAction: n,
@@ -4917,44 +5172,44 @@ const Hs = $(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     children: [(e == null ? void 0 : e.variant) === "promote" && r(e), (t == null ? void 0 : t.variant) === "promote" && r(t)]
   });
 });
-Hs.displayName = "UpsellingBanner";
-function fr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = ki, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: v, hideLabel: b = !1 }) {
-  const [w, C] = L(!1), [E, D] = L(null), [R, k] = L(null), O = (z) => {
-    e(z), v && v();
-  }, G = async (z) => {
-    if (z.type === "upsell") {
-      k(z);
+Us.displayName = "UpsellingBanner";
+function br({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = Ti, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: y, onClick: C, hideLabel: S = !1 }) {
+  const [D, R] = B(!1), [w, E] = B(null), [v, k] = B(null), P = (b) => {
+    e(b), C && C();
+  }, A = async (b) => {
+    if (b.type === "upsell") {
+      k(b);
       try {
-        await z.onClick(), z.showConfirmation && (C(!0), D("success"));
+        await b.onClick(), b.showConfirmation && (R(!0), E("success"));
       } catch {
-        C(!0), D("error");
+        R(!0), E("error");
       }
     }
-  }, M = () => {
-    D(null), C(!1), k(null), e(!1);
-  }, W = a && !w, x = m == null ? void 0 : m.map((z) => z.type === "upsell" ? {
-    ...z,
-    onClick: () => G(z)
-  } : z);
-  return N(be, {
-    children: [N(st, {
-      open: W,
-      onOpenChange: O,
-      children: [g(rt, {
+  }, z = () => {
+    E(null), R(!1), k(null), e(!1);
+  }, x = a && !D, m = y == null ? void 0 : y.map((b) => b.type === "upsell" ? {
+    ...b,
+    onClick: () => A(b)
+  } : b);
+  return O(Ne, {
+    children: [O(lt, {
+      open: x,
+      onOpenChange: P,
+      children: [g(ht, {
         asChild: !0,
-        children: g(q, {
+        children: g(se, {
           variant: i,
           label: t,
           size: s,
           icon: r ? h : void 0,
           onClick: () => e(a),
-          hideLabel: b
+          hideLabel: S
         })
-      }), g(nt, {
+      }), g(dt, {
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(Ms, {
+        children: g(Gs, {
           mediaUrl: c,
           title: l,
           description: d,
@@ -4962,60 +5217,60 @@ function fr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           dismissible: !1,
           width: f,
           trackVisibility: p,
-          actions: x,
+          actions: m,
           showConfirmation: !1
         })
       })]
-    }), (R == null ? void 0 : R.type) === "upsell" && R.showConfirmation && E && g(ft, {
+    }), (v == null ? void 0 : v.type) === "upsell" && v.showConfirmation && w && g(mt, {
       open: !0,
-      onClose: M,
-      success: E === "success",
-      errorMessage: R.errorMessage,
-      successMessage: R.successMessage,
-      nextSteps: R.nextSteps,
-      closeLabel: R.closeLabel,
+      onClose: z,
+      success: w === "success",
+      errorMessage: v.errorMessage,
+      successMessage: v.successMessage,
+      nextSteps: v.nextSteps,
+      closeLabel: v.closeLabel,
       portalContainer: null
     })]
   });
 }
-const Bs = _e(null), Fs = ({ children: a, fullScreen: e = !0 }) => {
-  const t = Q(null), [i, s] = L(t.current);
-  return Ii(() => {
+const $s = ze(null), js = ({ children: a, fullScreen: e = !0 }) => {
+  const t = X(null), [i, s] = B(t.current);
+  return Ui(() => {
     s(t.current);
-  }, []), g(Bs.Provider, {
+  }, []), g($s.Provider, {
     value: {
       element: i
     },
     children: g("div", {
       ref: t,
       id: "f0-layout",
-      className: B({
+      className: G({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: a
     })
   });
-}, Ws = ({ children: a }) => g(Wi, {
+}, Ks = ({ children: a }) => g(Gi, {
   reducedMotion: "user",
   children: a
-}), gr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(Ws, {
-  children: g(Oi, {
+}), _r = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(Ks, {
+  children: g(Ai, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: g(Ai, {
+    children: g(Li, {
       ...n,
-      children: g(Ti, {
+      children: g(Mi, {
         ...r,
-        children: g(Li, {
+        children: g(Hi, {
           ...t,
-          children: g(Fs, {
+          children: g(js, {
             ...e,
-            children: g(Mi, {
-              children: g(Hi, {
+            children: g(Bi, {
+              children: g(Fi, {
                 initiallyEnabled: i,
-                children: g(Bi, {
+                children: g(Ii, {
                   ...s,
-                  children: g(Fi, {
+                  children: g(Wi, {
                     handler: h,
                     children: a
                   })
@@ -5027,108 +5282,108 @@ const Bs = _e(null), Fs = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), qe = (a) => `datacollection-${a}`, pr = {
+}), Je = (a) => `datacollection-${a}`, xr = {
   get: async (a) => JSON.parse(
-    localStorage.getItem(qe(a)) ?? "{}"
+    localStorage.getItem(Je(a)) ?? "{}"
   ),
   set: async (a, e) => {
-    localStorage.setItem(qe(a), JSON.stringify(e));
+    localStorage.setItem(Je(a), JSON.stringify(e));
   }
 };
 export {
-  Ks as AreaChart,
-  yr as Await,
-  Vs as BarChart,
-  qs as CategoryBarChart,
-  Qs as ComboChart,
-  br as DndProvider,
-  _r as EmojiImage,
-  xr as F0Avatar,
-  wr as F0AvatarAlert,
-  Er as F0AvatarCompany,
-  Cr as F0AvatarDate,
-  Rr as F0AvatarEmoji,
-  Nr as F0AvatarFile,
-  zr as F0AvatarIcon,
-  Dr as F0AvatarList,
-  ct as F0AvatarModule,
-  Sr as F0AvatarPerson,
-  Pr as F0AvatarTeam,
-  q as F0Button,
-  kr as F0ButtonDropdown,
-  Or as F0ButtonToggle,
-  Ar as F0Card,
-  Tr as F0Checkbox,
-  or as F0ChipList,
-  Lr as F0DatePicker,
-  Mr as F0EventCatcherProvider,
-  cr as F0GridStack,
-  vs as F0Heading,
-  xi as F0Icon,
-  Hr as F0Link,
-  gr as F0Provider,
-  Br as F0Select,
-  Fr as F0TagAlert,
-  Wr as F0TagBalance,
-  Ir as F0TagCompany,
-  Gr as F0TagDot,
-  Ur as F0TagList,
-  $r as F0TagPerson,
-  bi as F0TagRaw,
-  _i as F0TagStatus,
-  jr as F0TagTeam,
-  ys as F0Text,
-  Kr as GROUP_ID_SYMBOL,
-  dr as HomeLayout,
-  Ys as LineChart,
-  Vr as OneFilterPicker,
-  Xs as PieChart,
-  Hi as PrivacyModeProvider,
-  Pt as ProductBlankslate,
-  qr as ProductCard,
-  ur as ProductModal,
-  Ms as ProductWidget,
-  Zs as ProgressBarChart,
-  lr as StandardLayout,
-  Yr as TagCounter,
-  hr as TwoColumnLayout,
-  ft as UpsellRequestResponseDialog,
-  Hs as UpsellingBanner,
-  gt as UpsellingButton,
-  fr as UpsellingPopover,
-  Js as VerticalBarChart,
-  js as avatarVariants,
-  Xr as buildTranslations,
-  sr as buttonDropdownSizes,
-  ir as buttonDropdownVariants,
-  tr as buttonSizes,
-  rr as buttonToggleSizes,
-  er as buttonVariants,
-  Jr as createAtlaskitDriver,
-  Zr as createDataSourceDefinition,
-  pr as dataCollectionLocalStorageHandler,
-  ar as datepickerSizes,
-  xn as defaultTranslations,
-  lt as experimental,
-  Qr as getAnimationVariants,
-  en as getDataSourcePaginationType,
-  tn as getEmojiLabel,
-  sn as isInfiniteScrollPagination,
-  rn as isPageBasedPagination,
-  nr as linkVariants,
-  nn as modules,
-  on as predefinedPresets,
-  an as selectSizes,
-  ln as tagDotColors,
-  hn as useData,
-  dn as useDataSource,
-  cn as useDndEvents,
-  un as useDraggable,
-  fn as useDroppableList,
-  gn as useEmojiConfetti,
-  pn as useGroups,
-  mn as usePrivacyMode,
-  vn as useReducedMotion,
-  yn as useSelectable,
-  bn as useXRay
+  tr as AreaChart,
+  Cr as Await,
+  ir as BarChart,
+  sr as CategoryBarChart,
+  lr as ComboChart,
+  Rr as DndProvider,
+  Nr as EmojiImage,
+  zr as F0Avatar,
+  Sr as F0AvatarAlert,
+  Dr as F0AvatarCompany,
+  kr as F0AvatarDate,
+  Or as F0AvatarEmoji,
+  Pr as F0AvatarFile,
+  Tr as F0AvatarIcon,
+  Ar as F0AvatarList,
+  gt as F0AvatarModule,
+  Lr as F0AvatarPerson,
+  Mr as F0AvatarTeam,
+  se as F0Button,
+  Hr as F0ButtonDropdown,
+  Br as F0ButtonToggle,
+  Fr as F0Card,
+  Ir as F0Checkbox,
+  pr as F0ChipList,
+  Wr as F0DatePicker,
+  Gr as F0EventCatcherProvider,
+  vr as F0GridStack,
+  Rs as F0Heading,
+  Ei as F0Icon,
+  Ur as F0Link,
+  _r as F0Provider,
+  $r as F0Select,
+  jr as F0TagAlert,
+  Kr as F0TagBalance,
+  qr as F0TagCompany,
+  Vr as F0TagDot,
+  Yr as F0TagList,
+  Xr as F0TagPerson,
+  xi as F0TagRaw,
+  wi as F0TagStatus,
+  Jr as F0TagTeam,
+  Ns as F0Text,
+  Zr as GROUP_ID_SYMBOL,
+  Qs as HomeLayout,
+  rr as LineChart,
+  Qr as OneFilterPicker,
+  nr as PieChart,
+  Fi as PrivacyModeProvider,
+  Ot as ProductBlankslate,
+  en as ProductCard,
+  yr as ProductModal,
+  Gs as ProductWidget,
+  ar as ProgressBarChart,
+  Js as StandardLayout,
+  tn as TagCounter,
+  Zs as TwoColumnLayout,
+  mt as UpsellRequestResponseDialog,
+  Us as UpsellingBanner,
+  vt as UpsellingButton,
+  br as UpsellingPopover,
+  or as VerticalBarChart,
+  er as avatarVariants,
+  sn as buildTranslations,
+  ur as buttonDropdownSizes,
+  cr as buttonDropdownVariants,
+  dr as buttonSizes,
+  fr as buttonToggleSizes,
+  hr as buttonVariants,
+  rn as createAtlaskitDriver,
+  nn as createDataSourceDefinition,
+  xr as dataCollectionLocalStorageHandler,
+  mr as datepickerSizes,
+  zn as defaultTranslations,
+  ft as experimental,
+  on as getAnimationVariants,
+  an as getDataSourcePaginationType,
+  ln as getEmojiLabel,
+  hn as isInfiniteScrollPagination,
+  dn as isPageBasedPagination,
+  gr as linkVariants,
+  cn as modules,
+  un as predefinedPresets,
+  fn as selectSizes,
+  gn as tagDotColors,
+  pn as useData,
+  mn as useDataSource,
+  vn as useDndEvents,
+  yn as useDraggable,
+  bn as useDroppableList,
+  _n as useEmojiConfetti,
+  xn as useGroups,
+  wn as usePrivacyMode,
+  En as useReducedMotion,
+  Cn as useSelectable,
+  Rn as useXRay
 };