@factorialco/f0-react 1.279.0 → 1.280.0

package/dist/f0.js

@@ -1,10 +1,10 @@
-import { S as $e, a as qt, f as Re, L as Q, b as Kt, A as Vt, i as de, c as it, d as st, E as Yt, g as ue, e as Xt, h as Jt, C as Zt, j as Qt, k as V, l as rt, u as ei, G as ti, m as ii, n as je, o as si, p as nt, q as ri, B as ot, X as at, Y as Se, r as ni, s as lt, t as oi, v as ai, w as li, x as hi, y as di, z as ci, D as ui, F as fi, H as Ue, I as gi, J as ee, K as Ne, M as pi, N as mi, O as yi, P as ht, Q as j, R as I, T as vi, U as bi, V as wi, W as _i, Z as xi, _ as Ei, $ as Ci, a0 as dt, a1 as Ri, a2 as fe, a3 as ct, a4 as ut, a5 as Ni, a6 as ft, a7 as gt, a8 as pt, a9 as Ae, aa as Di, ab as mt, ac as Si, ad as zi, ae as ki, af as qe, ag as De, ah as Pi, ai as Ai, aj as yt, ak as Oi, al as Ti, am as vt, an as Li, ao as Mi, ap as Hi, aq as Bi, ar as Ii, as as Fi, at as Gi, au as Wi, av as bt, aw as X, ax as wt, ay as $i, az as ji, aA as Ke, aB as Ui, aC as _t, aD as qi, aE as Ki, aF as Vi, aG as Yi, aH as Xi, aI as Ji, aJ as Zi, aK as Qi, aL as es, aM as ts, aN as is, aO as ss } from "./hooks-BPLedtdk.js";
-import { be as $r, br as jr, bA as Ur, aP as qr, aQ as Kr, aR as Vr, aS as Yr, aT as Xr, aU as Jr, aV as Zr, aW as Qr, aY as en, aZ as tn, a_ as sn, a$ as rn, b0 as nn, b1 as on, bw as an, b3 as ln, b5 as hn, b6 as dn, b7 as cn, b8 as un, bb as fn, bc as gn, bd as pn, bg as mn, b4 as yn, bf as vn, ba as bn, bx as wn, bq as _n, bl as xn, bo as En, bk as Cn, bB as Rn, bj as Nn, bi as Dn, aX as Sn, b2 as zn, b9 as kn, bh as Pn, bm as An, bs as On, bt as Tn, bu as Ln, bC as Mn, bn as Hn, bv as Bn, bz as In, bp as Fn, by as Gn } from "./hooks-BPLedtdk.js";
+import { S as Ue, a as Xt, f as Re, L as Q, b as Jt, A as Zt, i as he, c as nt, d as ot, E as Qt, g as ue, e as ei, h as ti, C as ii, j as si, k as V, l as at, u as ri, G as ni, m as oi, n as qe, o as ai, p as lt, q as li, B as dt, X as ht, Y as ze, r as di, s as ct, t as hi, v as ci, w as ui, x as fi, y as gi, z as pi, D as mi, F as yi, H as Ke, I as vi, J as ee, K as Ne, M as bi, N as wi, O as xi, P as ut, Q as B, R as F, T as _i, U as Ei, V as Ci, W as Ri, Z as Ni, _ as Di, $ as Si, a0 as ft, a1 as zi, a2 as fe, a3 as gt, a4 as pt, a5 as ki, a6 as mt, a7 as yt, a8 as vt, a9 as Te, aa as Pi, ab as bt, ac as Ai, ad as Ti, ae as Oi, af as Ve, ag as De, ah as Li, ai as Mi, aj as wt, ak as Hi, al as Bi, am as xt, an as Ii, ao as _t, ap as Fi, aq as Gi, ar as Wi, as as $i, at as ji, au as Ui, av as qi, aw as Ki, ax as Et, ay as X, az as Ct, aA as Vi, aB as Yi, aC as Ye, aD as Xi, aE as Rt, aF as Ji, aG as Zi, aH as Qi, aI as es, aJ as ts, aK as is, aL as ss, aM as rs, aN as ns, aO as os, aP as as, aQ as ls } from "./hooks-WCchcl_J.js";
+import { bg as Jr, bt as Zr, bC as Qr, aR as en, aS as tn, aT as sn, aU as rn, aV as nn, aW as on, aX as an, aY as ln, a_ as dn, a$ as hn, b0 as cn, b1 as un, b2 as fn, b3 as gn, by as pn, b5 as mn, b7 as yn, b8 as vn, b9 as bn, ba as wn, bd as xn, be as _n, bf as En, bi as Cn, b6 as Rn, bh as Nn, bc as Dn, bz as Sn, bs as zn, bn as kn, bq as Pn, bm as An, bD as Tn, bl as On, bk as Ln, aZ as Mn, b4 as Hn, bb as Bn, bj as In, bo as Fn, bu as Gn, bv as Wn, bw as $n, bE as jn, bp as Un, bx as qn, bB as Kn, br as Vn, bA as Yn } from "./hooks-WCchcl_J.js";
 import { jsx as g, jsxs as z, Fragment as oe } from "react/jsx-runtime";
 import * as Oe from "react";
-import P, { PureComponent as rs, useState as A, forwardRef as K, useEffect as q, useMemo as te, useCallback as W, useRef as Y, useImperativeHandle as xt, Children as ns, createContext as xe, useContext as Et, useLayoutEffect as Ve } from "react";
-import { createPortal as os } from "react-dom";
-import './f0.css';const as = {
+import P, { PureComponent as ds, useState as A, forwardRef as $, useEffect as K, useMemo as te, useCallback as j, useRef as Y, createElement as Xe, useImperativeHandle as Nt, Children as hs, createContext as _e, useContext as Dt, useLayoutEffect as Je } from "react";
+import { createPortal as cs } from "react-dom";
+import './f0.css';const us = {
   ad: "Andorra",
   ae: "United Arab Emirates",
   af: "Afghanistan",
@@ -106,8 +106,8 @@ import './f0.css';const as = {
   jo: "Jordan",
   jp: "Japan",
   ke: "Kenya"
-}, fr = {
-  countries: as,
+}, xr = {
+  countries: us,
   approvals: {
     history: "Approval history",
     statuses: {
@@ -361,7 +361,7 @@ import './f0.css';const as = {
     greaterThan: "It should be greater than {{min}}",
     lessThan: "It should be less than {{max}}"
   }
-}, gr = [
+}, _r = [
   "person",
   "team",
   "company",
@@ -376,41 +376,41 @@ function J(a) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, J(a);
 }
-function ls(a, e) {
+function fs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function hs(a, e) {
+function gs(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, Nt(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, kt(i.key), i);
   }
 }
-function ds(a, e, t) {
-  return e && hs(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function ps(a, e, t) {
+  return e && gs(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function cs(a, e, t) {
-  return e = ge(e), us(a, Ct() ? Reflect.construct(e, t || [], ge(a).constructor) : e.apply(a, t));
+function ms(a, e, t) {
+  return e = ge(e), ys(a, St() ? Reflect.construct(e, t || [], ge(a).constructor) : e.apply(a, t));
 }
-function us(a, e) {
+function ys(a, e) {
   if (e && (J(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return fs(a);
+  return vs(a);
 }
-function fs(a) {
+function vs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function Ct() {
+function St() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Ct = function() {
+  return (St = function() {
     return !!a;
   })();
 }
@@ -419,24 +419,24 @@ function ge(a) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, ge(a);
 }
-function gs(a, e) {
+function bs(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 && ke(a, e);
 }
-function ze(a, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function ke(a, e) {
+  return ke = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ze(a, e);
+  }, ke(a, e);
 }
-function Rt(a, e, t) {
-  return e = Nt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function zt(a, e, t) {
+  return e = kt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function Nt(a) {
-  var e = ps(a, "string");
+function kt(a) {
+  var e = ws(a, "string");
   return J(e) == "symbol" ? e : e + "";
 }
-function ps(a, e) {
+function ws(a, e) {
   if (J(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -448,23 +448,23 @@ function ps(a, e) {
 }
 var Ee = /* @__PURE__ */ function(a) {
   function e() {
-    return ls(this, e), cs(this, e, arguments);
+    return fs(this, e), ms(this, e, arguments);
   }
-  return gs(e, a), ds(e, [{
+  return bs(e, a), ps(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
 }(P.Component);
-Rt(Ee, "displayName", "ZAxis");
-Rt(Ee, "defaultProps", {
+zt(Ee, "displayName", "ZAxis");
+zt(Ee, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var ms = ["option", "isActive"];
+var xs = ["option", "isActive"];
 function ie() {
   return ie = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
@@ -475,9 +475,9 @@ function ie() {
     return a;
   }, ie.apply(this, arguments);
 }
-function ys(a, e) {
+function _s(a, e) {
   if (a == null) return {};
-  var t = vs(a, e), i, s;
+  var t = Es(a, e), i, s;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(a);
     for (s = 0; s < r.length; s++)
@@ -485,7 +485,7 @@ function ys(a, e) {
   }
   return t;
 }
-function vs(a, e) {
+function Es(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -495,15 +495,15 @@ function vs(a, e) {
     }
   return t;
 }
-function bs(a) {
-  var e = a.option, t = a.isActive, i = ys(a, ms);
-  return typeof e == "string" ? /* @__PURE__ */ P.createElement($e, ie({
-    option: /* @__PURE__ */ P.createElement(qt, ie({
+function Cs(a) {
+  var e = a.option, t = a.isActive, i = _s(a, xs);
+  return typeof e == "string" ? /* @__PURE__ */ P.createElement(Ue, ie({
+    option: /* @__PURE__ */ P.createElement(Xt, ie({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ P.createElement($e, ie({
+  }, i)) : /* @__PURE__ */ P.createElement(Ue, ie({
     option: e,
     isActive: t,
     shapeType: "symbols"
@@ -527,7 +527,7 @@ function se() {
     return a;
   }, se.apply(this, arguments);
 }
-function Ye(a, e) {
+function Ze(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -540,49 +540,49 @@ function Ye(a, e) {
 function H(a) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ye(Object(t), !0).forEach(function(i) {
-      U(a, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ye(Object(t)).forEach(function(i) {
+    e % 2 ? Ze(Object(t), !0).forEach(function(i) {
+      q(a, i, t[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ze(Object(t)).forEach(function(i) {
       Object.defineProperty(a, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return a;
 }
-function ws(a, e) {
+function Rs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Xe(a, e) {
+function Qe(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, St(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, At(i.key), i);
   }
 }
-function _s(a, e, t) {
-  return e && Xe(a.prototype, e), t && Xe(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function Ns(a, e, t) {
+  return e && Qe(a.prototype, e), t && Qe(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function xs(a, e, t) {
-  return e = pe(e), Es(a, Dt() ? Reflect.construct(e, t || [], pe(a).constructor) : e.apply(a, t));
+function Ds(a, e, t) {
+  return e = pe(e), Ss(a, Pt() ? Reflect.construct(e, t || [], pe(a).constructor) : e.apply(a, t));
 }
-function Es(a, e) {
+function Ss(a, e) {
   if (e && (Z(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Cs(a);
+  return zs(a);
 }
-function Cs(a) {
+function zs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function Dt() {
+function Pt() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Dt = function() {
+  return (Pt = function() {
     return !!a;
   })();
 }
@@ -591,24 +591,24 @@ function pe(a) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, pe(a);
 }
-function Rs(a, e) {
+function ks(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 && ke(a, e);
+  a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && Pe(a, e);
 }
-function ke(a, e) {
-  return ke = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function Pe(a, e) {
+  return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ke(a, e);
+  }, Pe(a, e);
 }
-function U(a, e, t) {
-  return e = St(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function q(a, e, t) {
+  return e = At(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function St(a) {
-  var e = Ns(a, "string");
+function At(a) {
+  var e = Ps(a, "string");
   return Z(e) == "symbol" ? e : e + "";
 }
-function Ns(a, e) {
+function Ps(a, e) {
   if (Z(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -621,46 +621,46 @@ function Ns(a, e) {
 var ae = /* @__PURE__ */ function(a) {
   function e() {
     var t;
-    ws(this, e);
+    Rs(this, e);
     for (var i = arguments.length, s = new Array(i), r = 0; r < i; r++)
       s[r] = arguments[r];
-    return t = xs(this, e, [].concat(s)), U(t, "state", {
+    return t = Ds(this, e, [].concat(s)), q(t, "state", {
       isAnimationFinished: !1
-    }), U(t, "handleAnimationEnd", function() {
+    }), q(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), U(t, "handleAnimationStart", function() {
+    }), q(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), U(t, "id", ei("recharts-scatter-")), t;
+    }), q(t, "id", ri("recharts-scatter-")), t;
   }
-  return Rs(e, a), _s(e, [{
+  return ks(e, a), Ns(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
-      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Re(this.props, !1);
-      return i.map(function(l, d) {
-        var f = h === d, p = f ? o : n, m = H(H({}, c), l);
+      var s = this, r = this.props, n = r.shape, o = r.activeShape, d = r.activeIndex, c = Re(this.props, !1);
+      return i.map(function(l, h) {
+        var f = d === h, p = f ? o : n, m = H(H({}, c), l);
         return /* @__PURE__ */ P.createElement(Q, se({
           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)
-        }, Kt(s.props, l, d), {
+          key: "symbol-".concat(l == null ? void 0 : l.cx, "-").concat(l == null ? void 0 : l.cy, "-").concat(l == null ? void 0 : l.size, "-").concat(h)
+        }, Jt(s.props, l, h), {
           role: "img"
-        }), /* @__PURE__ */ P.createElement(bs, se({
+        }), /* @__PURE__ */ P.createElement(Cs, se({
           option: p,
           isActive: f,
-          key: "symbol-".concat(d)
+          key: "symbol-".concat(h)
         }, m)));
       });
     }
   }, {
     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__ */ P.createElement(Vt, {
+      var i = this, s = this.props, r = s.points, n = s.isAnimationActive, o = s.animationBegin, d = s.animationDuration, c = s.animationEasing, l = s.animationId, h = this.state.prevPoints;
+      return /* @__PURE__ */ P.createElement(Zt, {
         begin: o,
-        duration: h,
+        duration: d,
         isActive: n,
         easing: c,
         from: {
@@ -674,16 +674,16 @@ var ae = /* @__PURE__ */ function(a) {
         onAnimationStart: this.handleAnimationStart
       }, function(f) {
         var p = f.t, m = r.map(function(y, b) {
-          var N = d && d[b];
+          var N = h && h[b];
           if (N) {
-            var x = de(N.cx, y.cx), C = de(N.cy, y.cy), D = de(N.size, y.size);
+            var _ = he(N.cx, y.cx), C = he(N.cy, y.cy), D = he(N.size, y.size);
             return H(H({}, y), {}, {
-              cx: x(p),
+              cx: _(p),
               cy: C(p),
               size: D(p)
             });
           }
-          var S = de(0, y.size);
+          var S = he(0, y.size);
           return H(H({}, y), {}, {
             size: S(p)
           });
@@ -695,7 +695,7 @@ var ae = /* @__PURE__ */ function(a) {
     key: "renderSymbols",
     value: function() {
       var i = this.props, s = i.points, r = i.isAnimationActive, n = this.state.prevPoints;
-      return r && s && s.length && (!n || !it(n, s)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(s);
+      return r && s && s.length && (!n || !nt(n, s)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(s);
     }
   }, {
     key: "renderErrorBar",
@@ -703,11 +703,11 @@ var ae = /* @__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 = st(h, Yt);
-      return c ? c.map(function(l, d) {
+      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, d = s.children, c = ot(d, Qt);
+      return c ? c.map(function(l, h) {
         var f = l.props, p = f.direction, m = f.dataKey;
         return /* @__PURE__ */ P.cloneElement(l, {
-          key: "".concat(p, "-").concat(m, "-").concat(r[d]),
+          key: "".concat(p, "-").concat(m, "-").concat(r[h]),
           data: r,
           xAxis: n,
           yAxis: o,
@@ -726,7 +726,7 @@ var ae = /* @__PURE__ */ function(a) {
   }, {
     key: "renderLine",
     value: function() {
-      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, h = Re(this.props, !1), c = Re(r, !1), l, d;
+      var i = this.props, s = i.points, r = i.line, n = i.lineType, o = i.lineJointType, d = Re(this.props, !1), c = Re(r, !1), l, h;
       if (n === "joint")
         l = s.map(function(C) {
           return {
@@ -735,7 +735,7 @@ var ae = /* @__PURE__ */ function(a) {
           };
         });
       else if (n === "fitting") {
-        var f = Xt(s), p = f.xmin, m = f.xmax, y = f.a, b = f.b, N = function(D) {
+        var f = ei(s), p = f.xmin, m = f.xmax, y = f.a, b = f.b, N = function(D) {
           return y * D + b;
         };
         l = [{
@@ -746,39 +746,39 @@ var ae = /* @__PURE__ */ function(a) {
           y: N(m)
         }];
       }
-      var x = H(H(H({}, h), {}, {
+      var _ = H(H(H({}, d), {}, {
         fill: "none",
-        stroke: h && h.fill
+        stroke: d && d.fill
       }, c), {}, {
         points: l
       });
-      return /* @__PURE__ */ P.isValidElement(r) ? d = /* @__PURE__ */ P.cloneElement(r, x) : Jt(r) ? d = r(x) : d = /* @__PURE__ */ P.createElement(Zt, se({}, x, {
+      return /* @__PURE__ */ P.isValidElement(r) ? h = /* @__PURE__ */ P.cloneElement(r, _) : ti(r) ? h = r(_) : h = /* @__PURE__ */ P.createElement(ii, se({}, _, {
         type: o
       })), /* @__PURE__ */ P.createElement(Q, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
-      }, d);
+      }, h);
     }
   }, {
     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, y = i.isAnimationActive;
+      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, d = i.xAxis, c = i.yAxis, l = i.left, h = i.top, f = i.width, p = i.height, m = i.id, y = i.isAnimationActive;
       if (s || !r || !r.length)
         return null;
-      var b = this.state.isAnimationFinished, N = Qt("recharts-scatter", o), x = h && h.allowDataOverflow, C = c && c.allowDataOverflow, D = x || C, S = V(m) ? this.id : m;
+      var b = this.state.isAnimationFinished, N = si("recharts-scatter", o), _ = d && d.allowDataOverflow, C = c && c.allowDataOverflow, D = _ || C, S = V(m) ? this.id : m;
       return /* @__PURE__ */ P.createElement(Q, {
         className: N,
         clipPath: D ? "url(#clipPath-".concat(S, ")") : null
-      }, x || C ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+      }, _ || C ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
         id: "clipPath-".concat(S)
       }, /* @__PURE__ */ P.createElement("rect", {
-        x: x ? l : l - f / 2,
-        y: C ? d : d - p / 2,
-        width: x ? f : f * 2,
+        x: _ ? l : l - f / 2,
+        y: C ? h : h - p / 2,
+        width: _ ? f : f * 2,
         height: C ? p : p * 2
       }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ P.createElement(Q, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!y || b) && rt.renderCallByParent(this.props, r));
+      }, this.renderSymbols()), (!y || b) && at.renderCallByParent(this.props, r));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -792,9 +792,9 @@ var ae = /* @__PURE__ */ function(a) {
       } : null;
     }
   }]);
-}(rs);
-U(ae, "displayName", "Scatter");
-U(ae, "defaultProps", {
+}(ds);
+q(ae, "displayName", "Scatter");
+q(ae, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -804,19 +804,19 @@ U(ae, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !ti.isSsr,
+  isAnimationActive: !ni.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
-U(ae, "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 = st(s.props.children, ii), 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 : Ee.defaultProps.range, y = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, N = t.scale.bandwidth ? t.scale.bandwidth() : 0, x = r.map(function(C, D) {
-    var S = ue(C, d), R = ue(C, f), E = !V(p) && ue(C, p) || "-", O = [{
+q(ae, "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, d = a.offset, c = s.props.tooltipType, l = ot(s.props.children, oi), h = 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 : Ee.defaultProps.range, y = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, N = t.scale.bandwidth ? t.scale.bandwidth() : 0, _ = r.map(function(C, D) {
+    var S = ue(C, h), R = ue(C, f), E = !V(p) && ue(C, p) || "-", T = [{
       name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
       unit: e.unit || "",
       value: S,
       payload: C,
-      dataKey: d,
+      dataKey: h,
       type: c
     }, {
       name: V(t.dataKey) ? s.props.name : t.name || t.dataKey,
@@ -826,7 +826,7 @@ U(ae, "getComposedData", function(a) {
       dataKey: f,
       type: c
     }];
-    E !== "-" && O.push({
+    E !== "-" && T.push({
       name: i.name || i.dataKey,
       unit: i.unit || "",
       value: E,
@@ -834,72 +834,72 @@ U(ae, "getComposedData", function(a) {
       dataKey: p,
       type: c
     });
-    var L = je({
+    var L = qe({
       axis: e,
       ticks: n,
       bandSize: b,
       entry: C,
       index: D,
-      dataKey: d
-    }), F = je({
+      dataKey: h
+    }), G = qe({
       axis: t,
       ticks: o,
       bandSize: N,
       entry: C,
       index: D,
       dataKey: f
-    }), _ = E !== "-" ? i.scale(E) : y, k = Math.sqrt(Math.max(_, 0) / Math.PI);
+    }), x = E !== "-" ? i.scale(E) : y, k = Math.sqrt(Math.max(x, 0) / Math.PI);
     return H(H({}, C), {}, {
       cx: L,
-      cy: F,
+      cy: G,
       x: L - k,
-      y: F - k,
+      y: G - k,
       xAxis: e,
       yAxis: t,
       zAxis: i,
       width: 2 * k,
       height: 2 * k,
-      size: _,
+      size: x,
       node: {
         x: S,
         y: R,
         z: E
       },
-      tooltipPayload: O,
+      tooltipPayload: T,
       tooltipPosition: {
         x: L,
-        y: F
+        y: G
       },
       payload: C
     }, l && l[D] && l[D].props);
   });
   return H({
-    points: x
-  }, h);
+    points: _
+  }, d);
 });
-var Ds = si({
+var As = ai({
   chartName: "ComposedChart",
-  GraphicalChild: [nt, ri, ot, ae],
+  GraphicalChild: [lt, li, dt, ae],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: at
+    AxisComp: ht
   }, {
     axisType: "yAxis",
-    AxisComp: Se
+    AxisComp: ze
   }, {
     axisType: "zAxis",
     AxisComp: Ee
   }],
-  formatAxisMap: ni
+  formatAxisMap: di
 });
-const Ss = (a) => {
+const Ts = (a) => {
   const e = (t) => {
     const { cx: i, cy: s, fill: r, payload: n } = t, o = () => {
       if (!n) return "-";
       if (n[a] !== void 0)
         return n[a];
-      for (const [h, c] of Object.entries(n))
-        if (typeof c == "number" && h !== "x")
+      for (const [d, c] of Object.entries(n))
+        if (typeof c == "number" && d !== "x")
           return c;
       return "-";
     };
@@ -910,22 +910,22 @@ const Ss = (a) => {
       fill: r,
       stroke: "white",
       strokeWidth: 2,
-      ref: (h) => {
-        h != null && h.parentElement && h.parentElement.setAttribute("aria-label", `Data point: ${o()}`);
+      ref: (d) => {
+        d != null && d.parentElement && d.parentElement.setAttribute("aria-label", `Data point: ${o()}`);
       }
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, zs = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
+}, Os = ({ 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 E, O, L, F;
-  const y = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], N = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], x = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ...N, ...x], D = Math.max(...y.flatMap((_) => C.map((k) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${_[k]}`) : `${_[k]}`)))), S = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "left"), R = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "right");
-  return g(li, {
+}, label: s = !1, hideTooltip: r = !1, hideGrid: n = !1, aspect: o, legend: d, showValueUnderLabel: c = !1, bar: l, line: h, scatter: f, onClick: p }, m) => {
+  var E, T, L, G;
+  const y = hi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], N = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], _ = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ...N, ..._], D = Math.max(...y.flatMap((x) => C.map((k) => ci(i != null && i.tickFormatter ? i.tickFormatter(`${x[k]}`) : `${x[k]}`)))), S = [l, h, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "left"), R = [l, h, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "right");
+  return g(ui, {
     config: a,
     ref: m,
     aspect: o,
-    children: z(Ds, {
+    children: z(As, {
       accessibilityLayer: !0,
       data: y,
       margin: {
@@ -935,52 +935,52 @@ const Ss = (a) => {
         bottom: c ? 24 : 12
       },
       stackOffset: void 0,
-      onClick: (_) => {
-        if (!p || !_.activeLabel || !_.activePayload)
+      onClick: (x) => {
+        if (!p || !x.activeLabel || !x.activePayload)
           return;
         const k = {
-          label: _.activeLabel,
+          label: x.activeLabel,
           values: {}
         };
-        for (const le of _.activePayload)
+        for (const le of x.activePayload)
           k.values[le.name] = le.value;
         p(k);
       },
-      children: [!r && g(hi, {
-        ...di(),
-        content: g(ci, {
+      children: [!r && g(fi, {
+        ...gi(),
+        content: g(pi, {
           yAxisFormatter: i.tickFormatter
         })
-      }), !n && g(ui, {
-        ...fi()
-      }), S.length > 0 && g(Se, {
-        ...Ue(i),
+      }), !n && g(mi, {
+        ...yi()
+      }), S.length > 0 && g(ze, {
+        ...Ke(i),
         tick: !0,
         width: i.width ?? D + 20 + (R.length > 0 && ((E = S[0]) != null && E.axisLabel) ? 20 : 0),
-        hide: i.hide || S.some((_) => _ == null ? void 0 : _.hideAxis),
-        label: (O = S[0]) != null && O.axisLabel ? {
+        hide: i.hide || S.some((x) => x == null ? void 0 : x.hideAxis),
+        label: (T = S[0]) != null && T.axisLabel ? {
           value: S[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), R.length > 0 && g(Se, {
-        ...Ue(i),
+      }), R.length > 0 && g(ze, {
+        ...Ke(i),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
         width: i.width ?? D + 20 + (S.length > 0 && ((L = R[0]) != null && L.axisLabel) ? 20 : 0),
-        hide: i.hide || R.some((_) => _ == null ? void 0 : _.hideAxis),
-        label: (F = R[0]) != null && F.axisLabel ? {
+        hide: i.hide || R.some((x) => x == null ? void 0 : x.hideAxis),
+        label: (G = R[0]) != null && G.axisLabel ? {
           value: R[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
-      }), g(at, {
-        ...gi(t),
+      }), g(ht, {
+        ...vi(t),
         hide: t == null ? void 0 : t.hide,
-        tick: c ? (_) => {
-          var Ge, We;
-          const { x: k, y: le, payload: Ie } = _, Fe = ((Ge = e.find((Ut) => Ut.label === Ie.value)) == null ? void 0 : Ge.values) || "", he = Object.keys(Fe).length === 1 ? (We = Object.values(Fe)) == null ? void 0 : We[0] : void 0, jt = he !== void 0 && i.tickFormatter ? i.tickFormatter(`${he}`) : he.toLocaleString();
+        tick: c ? (x) => {
+          var $e, je;
+          const { x: k, y: le, payload: Ge } = x, We = (($e = e.find((Yt) => Yt.label === Ge.value)) == null ? void 0 : $e.values) || "", de = Object.keys(We).length === 1 ? (je = Object.values(We)) == null ? void 0 : je[0] : void 0, Vt = de !== void 0 && i.tickFormatter ? i.tickFormatter(`${de}`) : de.toLocaleString();
           return z("g", {
             transform: `translate(${k},${le})`,
             children: [g("text", {
@@ -989,46 +989,46 @@ const Ss = (a) => {
               dy: 12,
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
-              children: Ie.value
-            }), !!he && g("text", {
+              children: Ge.value
+            }), !!de && g("text", {
               x: 0,
               y: 0,
               dy: 28,
               textAnchor: "middle",
               className: "!fill-f1-foreground text-sm font-medium",
-              children: jt
+              children: Vt
             })]
           });
         } : void 0
-      }), b.map((_, k) => g(ot, {
+      }), b.map((x, k) => g(dt, {
         isAnimationActive: !1,
-        dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(k),
+        dataKey: String(x),
+        fill: a[x].color ? ee(a[x].color) : Ne(k),
         radius: 4,
         maxBarSize: 32,
-        children: s && g(rt, {
+        children: s && g(at, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
-        }, `label-${String(_)}`)
-      }, `bar-${String(_)}`)), N.map((_, k) => g(nt, {
-        type: (d == null ? void 0 : d.lineType) ?? "natural",
-        dataKey: String(_),
-        stroke: a[_].color ? ee(a[_].color) : Ne(b.length + k),
+        }, `label-${String(x)}`)
+      }, `bar-${String(x)}`)), N.map((x, k) => g(lt, {
+        type: (h == null ? void 0 : h.lineType) ?? "natural",
+        dataKey: String(x),
+        stroke: a[x].color ? ee(a[x].color) : Ne(b.length + k),
         strokeWidth: 2,
-        dot: (d == null ? void 0 : d.dot) ?? !1,
+        dot: (h == null ? void 0 : h.dot) ?? !1,
         isAnimationActive: !1,
-        yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(_)}`)), x.map((_, k) => g(ae, {
-        dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(b.length + N.length + k),
+        yAxisId: (h == null ? void 0 : h.axisPosition) === "right" ? "right" : void 0
+      }, `line-${String(x)}`)), _.map((x, k) => g(ae, {
+        dataKey: String(x),
+        fill: a[x].color ? ee(a[x].color) : Ne(b.length + N.length + k),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0,
-        shape: Ss(String(_))
-      }, `scatter-${String(_)}`)), h && g(pi, {
-        content: g(mi, {
+        shape: Ts(String(x))
+      }, `scatter-${String(x)}`)), d && g(bi, {
+        content: g(wi, {
           nameKey: "label"
         }),
         align: "center",
@@ -1038,30 +1038,30 @@ const Ss = (a) => {
       })]
     })
   });
-}, ks = lt(zs);
-var Te = "Progress", Le = 100, [Ps, pr] = yi(Te), [As, Os] = Ps(Te), zt = Oe.forwardRef(
+}, Ls = ct(Os);
+var Le = "Progress", Me = 100, [Ms, Er] = xi(Le), [Hs, Bs] = Ms(Le), Tt = Oe.forwardRef(
   (a, e) => {
     const {
       __scopeProgress: t,
       value: i = null,
       max: s,
-      getValueLabel: r = Ts,
+      getValueLabel: r = Is,
       ...n
     } = a;
-    (s || s === 0) && !Je(s) && console.error(Ls(`${s}`, "Progress"));
-    const o = Je(s) ? s : Le;
-    i !== null && !Ze(i, o) && console.error(Ms(`${i}`, "Progress"));
-    const h = Ze(i, o) ? i : null, c = me(h) ? r(h, o) : void 0;
-    return /* @__PURE__ */ g(As, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
-      ht.div,
+    (s || s === 0) && !et(s) && console.error(Fs(`${s}`, "Progress"));
+    const o = et(s) ? s : Me;
+    i !== null && !tt(i, o) && console.error(Gs(`${i}`, "Progress"));
+    const d = tt(i, o) ? i : null, c = me(d) ? r(d, o) : void 0;
+    return /* @__PURE__ */ g(Hs, { scope: t, value: d, max: o, children: /* @__PURE__ */ g(
+      ut.div,
       {
         "aria-valuemax": o,
         "aria-valuemin": 0,
-        "aria-valuenow": me(h) ? h : void 0,
+        "aria-valuenow": me(d) ? d : void 0,
         "aria-valuetext": c,
         role: "progressbar",
-        "data-state": At(h, o),
-        "data-value": h ?? void 0,
+        "data-state": Mt(d, o),
+        "data-value": d ?? void 0,
         "data-max": o,
         ...n,
         ref: e
@@ -1069,14 +1069,14 @@ var Te = "Progress", Le = 100, [Ps, pr] = yi(Te), [As, Os] = Ps(Te), zt = Oe.for
     ) });
   }
 );
-zt.displayName = Te;
-var kt = "ProgressIndicator", Pt = Oe.forwardRef(
+Tt.displayName = Le;
+var Ot = "ProgressIndicator", Lt = Oe.forwardRef(
   (a, e) => {
-    const { __scopeProgress: t, ...i } = a, s = Os(kt, t);
+    const { __scopeProgress: t, ...i } = a, s = Bs(Ot, t);
     return /* @__PURE__ */ g(
-      ht.div,
+      ut.div,
       {
-        "data-state": At(s.value, s.max),
+        "data-state": Mt(s.value, s.max),
         "data-value": s.value ?? void 0,
         "data-max": s.max,
         ...i,
@@ -1085,39 +1085,39 @@ var kt = "ProgressIndicator", Pt = Oe.forwardRef(
     );
   }
 );
-Pt.displayName = kt;
-function Ts(a, e) {
+Lt.displayName = Ot;
+function Is(a, e) {
   return `${Math.round(a / e * 100)}%`;
 }
-function At(a, e) {
+function Mt(a, e) {
   return a == null ? "indeterminate" : a === e ? "complete" : "loading";
 }
 function me(a) {
   return typeof a == "number";
 }
-function Je(a) {
+function et(a) {
   return me(a) && !isNaN(a) && a > 0;
 }
-function Ze(a, e) {
+function tt(a, e) {
   return me(a) && !isNaN(a) && a <= e && a >= 0;
 }
-function Ls(a, e) {
-  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Le}\`.`;
+function Fs(a, e) {
+  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Me}\`.`;
 }
-function Ms(a, e) {
+function Gs(a, e) {
   return `Invalid prop \`value\` of value \`${a}\` supplied to \`${e}\`. The \`value\` prop must be:
   - a positive number
-  - less than the value passed to \`max\` (or ${Le} if no \`max\` prop is set)
+  - less than the value passed to \`max\` (or ${Me} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.
 
 Defaulting to \`null\`.`;
 }
-var Ot = zt, Hs = Pt;
-const Tt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
+var Ht = Tt, Ws = Lt;
+const Bt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ht, {
   ref: i,
-  className: j("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
+  className: B("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
   ...t,
-  children: g(Hs, {
+  children: g(Ws, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: t.color,
@@ -1125,15 +1125,15 @@ const Tt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
     }
   })
 }));
-Tt.displayName = Ot.displayName;
-const Bs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
+Bt.displayName = Ht.displayName;
+const $s = ({ value: a, max: e = 100, label: t, color: i }, s) => {
   const r = i ? ee(i) : ee("categorical-1"), n = a / e * 100;
   return z("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [g("div", {
       className: "flex-grow",
-      children: g(Tt, {
+      children: g(Bt, {
         color: r,
         value: n,
         className: "w-full",
@@ -1147,78 +1147,78 @@ const Bs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
       children: t
     })]
   });
-}, Is = lt(Bs), mr = I(
+}, js = ct($s), Cr = F(
   {
     name: "AreaChart",
     type: "info"
   },
-  Ei
-), yr = I(
+  Di
+), Rr = F(
   {
     name: "BarChart",
     type: "info"
   },
-  vi
-), vr = I(
+  _i
+), Nr = F(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  bi
-), br = I(
+  Ei
+), Dr = F(
   {
     name: "LineChart",
     type: "info"
   },
-  wi
-), wr = I(
+  Ci
+), Sr = F(
   {
     name: "PieChart",
     type: "info"
   },
-  _i
-), _r = I(
+  Ri
+), zr = F(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  xi
-), xr = I(
+  Ni
+), kr = F(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  Is
-), Er = I(
+  js
+), Pr = F(
   {
     name: "ComboChart",
     type: "info"
   },
-  ks
-), Cr = Ci, Rr = dt, Nr = ["default", "outline", "neutral"], Dr = dt, Sr = ["sm", "md", "lg"], zr = Ri, Pe = ({ count: a, list: e }) => {
+  Ls
+), Ar = Si, Tr = ft, Or = ["default", "outline", "neutral"], Lr = ft, Mr = ["sm", "md", "lg"], Hr = zi, Ae = ({ count: a, list: e }) => {
   const [t, i] = A(!1), s = g(fe, {
     label: `+${a}`
   });
-  return e != null && e.length ? z(ct, {
+  return e != null && e.length ? z(gt, {
     open: t,
     onOpenChange: i,
-    children: [g(ut, {
+    children: [g(pt, {
       asChild: !0,
       children: g("button", {
-        className: Ni("inline-flex flex-shrink-0 items-center"),
+        className: ki("inline-flex flex-shrink-0 items-center"),
         children: s
       })
-    }), g(ft, {
+    }), g(mt, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: z(gt, {
+      children: z(yt, {
         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(fe, {
             ...r
           })
-        }, n)), g(pt, {
+        }, n)), g(vt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -1226,19 +1226,19 @@ const Bs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
     })]
   }) : s;
 };
-Pe.displayName = "ChipCounter";
-const Lt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
+Ae.displayName = "ChipCounter";
+const It = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
-    return g(Di, {
+    return g(Pi, {
       items: a,
-      renderListItem: (h) => g(fe, {
-        ...h
+      renderListItem: (d) => g(fe, {
+        ...d
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (h) => g(Pe, {
-        count: (t ?? 0) + h,
-        list: t ? void 0 : a.slice(a.length - h)
+      renderOverflowIndicator: (d) => g(Ae, {
+        count: (t ?? 0) + d,
+        list: t ? void 0 : a.slice(a.length - d)
       }),
       overflowIndicatorWithPopover: !1,
       className: "flex-1"
@@ -1246,32 +1246,32 @@ const Lt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" })
   const s = a.slice(0, e), r = a.slice(e), n = t ?? a.length - e, o = n > 0;
   return z("div", {
     className: "flex items-center gap-2",
-    children: [s.map((h, c) => g(fe, {
-      ...h
-    }, c)), o && g(Pe, {
+    children: [s.map((d, c) => g(fe, {
+      ...d
+    }, c)), o && g(Ae, {
       count: n,
       list: t ? void 0 : r
     })]
   });
 };
-Lt.displayName = "F0ChipList";
-const kr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularity: t, onOpenChange: i, minDate: s, maxDate: r, onClear: n, ...o }, h) => {
-  const [c, l] = A(""), [d, f] = A(!1), p = mt();
-  q(() => {
+It.displayName = "F0ChipList";
+const Br = Te("F0ChipList", It), Ft = $(({ value: a, onDateChange: e, granularity: t, onOpenChange: i, minDate: s, maxDate: r, onClear: n, ...o }, d) => {
+  const [c, l] = A(""), [h, f] = A(!1), p = bt();
+  K(() => {
     l(t.toString(a == null ? void 0 : a.value, p));
   }, [a, t, p]);
-  const m = (x) => ki(x, t, {
+  const m = (_) => Oi(_, t, {
     minDate: s,
     maxDate: r
-  }), y = (x, C) => {
-    if (x === "") {
+  }), y = (_, C) => {
+    if (_ === "") {
       e == null || e({
         value: void 0,
         granularity: C.key
       }), f(o.required ?? !1);
       return;
     }
-    const D = C.toRange(C.fromString(x, p));
+    const D = C.toRange(C.fromString(_, p));
     D && m(D == null ? void 0 : D.from) && m(D == null ? void 0 : D.to) ? (e == null || e({
       value: D,
       granularity: C.key
@@ -1280,78 +1280,78 @@ const kr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularit
     y(c, t);
   };
   return g(oe, {
-    children: g(Si, {
+    children: g(Ai, {
       ...o,
-      icon: zi,
-      ref: h,
+      icon: Ti,
+      ref: d,
       onFocus: () => i == null ? void 0 : i(!0),
       onClear: () => {
         n == null || n(), l(""), y("", t);
       },
-      onKeyDown: (x) => {
-        x.key === "Enter" && b();
+      onKeyDown: (_) => {
+        _.key === "Enter" && b();
       },
       type: "text",
-      onChange: (x) => {
-        l(x);
+      onChange: (_) => {
+        l(_);
       },
-      error: d || o.error,
+      error: h || o.error,
       onBlur: b,
       value: c,
       onClickContent: () => i == null ? void 0 : i(!0)
     })
   });
 });
-Mt.displayName = "DateInput";
-function Fs({ onChange: a, value: e, presets: t = [], granularities: i = ["day"], minDate: s, maxDate: r, open: n = !1, ...o }) {
-  const [h, c] = A(), [l, d] = A(n);
-  q(() => {
-    d(n);
+Ft.displayName = "DateInput";
+function Us({ onChange: a, value: e, presets: t = [], granularities: i = ["day"], minDate: s, maxDate: r, open: n = !1, ...o }) {
+  const [d, c] = A(), [l, h] = A(n);
+  K(() => {
+    h(n);
   }, [n]);
-  const f = mt(), p = te(() => i[0] ?? "day", [i]), m = W((R) => {
+  const f = bt(), p = te(() => i[0] ?? "day", [i]), m = j((R) => {
     const E = R || p;
-    if (!qe[E])
+    if (!Ve[E])
       throw new Error(`Invalid granularity ${E}`);
     return {
-      ...qe[E],
+      ...Ve[E],
       key: E
     };
-  }, [p]), y = W((R) => {
-    var O;
+  }, [p]), y = j((R) => {
+    var T;
     if (!R)
       return;
     const E = m(R == null ? void 0 : R.granularity);
     return R ? {
-      value: E.toRange(E.calendarMode === "range" ? R.value : ((O = R.value) == null ? void 0 : O.from) ?? void 0),
+      value: E.toRange(E.calendarMode === "range" ? R.value : ((T = R.value) == null ? void 0 : T.from) ?? void 0),
       granularity: R.granularity
     } : void 0;
-  }, [m]), b = te(() => m(h == null ? void 0 : h.granularity), [h == null ? void 0 : h.granularity, m]);
-  q(() => {
+  }, [m]), b = te(() => m(d == null ? void 0 : d.granularity), [d == null ? void 0 : d.granularity, m]);
+  K(() => {
     const R = y(e);
-    De(h, R) || c(R);
+    De(d, R) || c(R);
   }, [e]);
   const N = (R) => {
-    const E = y(R), L = m(E == null ? void 0 : E.granularity).calendarMode !== "range" && (E == null ? void 0 : E.granularity) === (h == null ? void 0 : h.granularity) && !De(E, h);
-    x(E), L && d(!1);
-  }, x = (R) => {
+    const E = y(R), L = m(E == null ? void 0 : E.granularity).calendarMode !== "range" && (E == null ? void 0 : E.granularity) === (d == null ? void 0 : d.granularity) && !De(E, d);
+    _(E), L && h(!1);
+  }, _ = (R) => {
     const E = y(R);
-    if (c(E), !De(E, h)) {
-      const O = m(E == null ? void 0 : E.granularity);
-      a == null || a(E, O.toString(E == null ? void 0 : E.value, f));
+    if (c(E), !De(E, d)) {
+      const T = m(E == null ? void 0 : E.granularity);
+      a == null || a(E, T.toString(E == null ? void 0 : E.value, f));
     }
   }, C = (R) => {
     var E;
-    d(R), (E = o.onOpenChange) == null || E.call(o, R);
+    h(R), (E = o.onOpenChange) == null || E.call(o, R);
   }, D = te(() => t.filter((R) => i.includes(R.granularity)), [t, i]), S = Y(null);
-  return q(() => {
+  return K(() => {
     l && S.current && requestAnimationFrame(() => {
       var R;
       (R = S.current) == null || R.focus();
     });
-  }, [l]), g(Pi, {
+  }, [l]), g(Li, {
     hideCalendarInput: !0,
     onSelect: N,
-    value: h,
+    value: d,
     presets: D,
     granularities: i,
     minDate: s,
@@ -1359,39 +1359,151 @@ function Fs({ onChange: a, value: e, presets: t = [], granularities: i = ["day"]
     open: l,
     onOpenChange: C,
     asChild: !0,
-    children: g(Mt, {
+    children: g(Ft, {
       ref: S,
       ...o,
-      value: h,
+      value: d,
       granularity: b,
-      onDateChange: x
+      onDateChange: _
     })
   });
 }
-const Pr = Ai, Ar = Ae(
+const Ir = Mi, Fr = Te(
   "F0DatePicker",
-  Fs
-), Gs = {
+  Us
+), Se = wt({
+  base: "text-base text-f1-foreground",
+  variants: {
+    variant: {
+      // -- PUBLIC VARIANTS
+      // Heading
+      heading: "text-lg font-semibold",
+      // Body
+      body: "",
+      description: "text-f1-foreground-secondary",
+      small: "text-sm font-medium text-f1-foreground-secondary",
+      inverse: "text-f1-foreground-inverse",
+      code: "text-f1-foreground-secondary",
+      // Label
+      label: "font-medium",
+      // -- PRIVATE VARIANTS
+      // Heading
+      "heading-large": "text-2xl font-semibold",
+      // Label
+      "label-input": "font-medium text-f1-foreground-secondary",
+      // Semantic text
+      selected: "font-medium text-f1-foreground-selected",
+      warning: "text-f1-foreground-warning",
+      critical: "text-f1-foreground-critical",
+      positive: "text-f1-foreground-positive",
+      info: "text-f1-foreground-info",
+      "warning-strong": "font-semibold text-f1-foreground-warning",
+      "critical-strong": "font-semibold text-f1-foreground-critical",
+      "positive-strong": "font-semibold text-f1-foreground-positive",
+      "info-strong": "font-semibold text-f1-foreground-info"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    variant: "body",
+    align: "left"
+  }
+}), qs = {
+  "heading-large": "h1",
+  heading: "h2",
+  body: "p",
+  description: "p",
+  label: "p",
+  "label-input": "label",
+  small: "p",
+  selected: "p",
+  inverse: "p",
+  warning: "p",
+  critical: "p",
+  positive: "p",
+  info: "p",
+  "warning-strong": "p",
+  "critical-strong": "p",
+  "positive-strong": "p",
+  "info-strong": "p",
+  code: "code"
+}, He = $(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...d }, c) => {
+  const l = s ?? qs[e ?? "body"];
+  if (r !== void 0)
+    return g(Hi, {
+      ref: c,
+      lines: typeof r == "number" ? r : 1,
+      noTooltip: n,
+      tag: l,
+      className: B(Se({
+        variant: e,
+        align: t
+      }), i),
+      markdown: o,
+      ...d,
+      children: a
+    });
+  if (o) {
+    const h = Bi(a);
+    return Xe(l, {
+      ...d,
+      className: B(Se({
+        variant: e,
+        align: t
+      }), i),
+      ref: c,
+      dangerouslySetInnerHTML: {
+        __html: h
+      }
+    });
+  }
+  return Xe(l, {
+    ...d,
+    className: B(Se({
+      variant: e,
+      align: t
+    }), i),
+    ref: c
+  }, a);
+});
+He.displayName = "Text";
+const Ks = $((a, e) => g(He, {
+  ref: e,
+  variant: "heading",
+  ...a
+}));
+Ks.displayName = "F0Heading";
+const Vs = $((a, e) => g(He, {
+  ref: e,
+  markdown: a.markdown ?? !0,
+  ...a
+}));
+Vs.displayName = "F0Text";
+const Ys = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, Ws = K(function({ widgets: e, children: t }, i) {
+}, Xs = $(function({ widgets: e, children: t }, i) {
   const s = Y(null);
-  xt(i, () => s.current);
-  const r = ns.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
+  Nt(i, () => s.current);
+  const r = hs.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: n
   }, o));
-  return g(yt, {
+  return g(xt, {
     layout: "home",
     children: z("div", {
       ref: s,
       className: "@container",
       children: [z("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [g(Oi, {
-          columns: Gs,
+        children: [g(Ii, {
+          columns: Ys,
           showArrows: !1,
           children: r
         }), g("main", {
@@ -1412,78 +1524,78 @@ const Pr = Ai, Ar = Ae(
       })]
     })
   });
-}), $s = K(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
+}), Js = $(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
   return g("div", {
     ref: r,
     className: "h-full",
     children: z("div", {
-      className: j("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"),
+      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: j("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"),
+        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(js, {
+      }), g(Zs, {
         sticky: s,
-        className: j("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        className: B("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), js = ({ children: a, className: e }) => g("aside", {
-  className: j("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
+}), Zs = ({ 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
-}), Us = Ti({
+}), Qs = wt({
   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"
     }
   }
-}), Ht = P.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(yt, {
+}), Gt = P.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(xt, {
   layout: "standard",
   children: g("section", {
     ref: s,
-    className: j("relative flex-1 overflow-auto", t),
+    className: B("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: j(Us({
+      className: B(Qs({
         variant: e
       })),
       children: a
     })
   })
 }));
-Ht.displayName = "StandardLayout";
-const Or = I({
+Gt.displayName = "StandardLayout";
+const Gr = F({
   name: "StandardLayout",
   type: "layout"
-}, Ht), Tr = I({
+}, Gt), Wr = F({
   name: "TwoColumnLayout",
   type: "layout"
-}, $s), Lr = I({
+}, Js), $r = F({
   name: "HomeLayout",
   type: "layout"
-}, Ws), Bt = xe(null);
-function Me() {
-  const a = Et(Bt);
+}, Xs), Wt = _e(null);
+function Be() {
+  const a = Dt(Wt);
   if (!a)
     throw new Error(
       "useGridStackContext must be used within a GridStackProvider"
     );
   return a;
 }
-function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
+function er({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   const [s, r] = A(null), [n, o] = A(() => {
     var y;
     const p = /* @__PURE__ */ new Map(), m = (b) => {
-      var N, x;
-      b.id && ((N = b.renderFn) != null && N.call(b)) && p.set(b.id, b), (x = b.subGridOpts) != null && x.children && b.subGridOpts.children.forEach((C) => {
+      var N, _;
+      b.id && ((N = b.renderFn) != null && N.call(b)) && p.set(b.id, b), (_ = b.subGridOpts) != null && _.children && b.subGridOpts.children.forEach((C) => {
         m(C);
       });
     };
     return (y = e.children) == null || y.forEach((b) => {
       m(b);
     }), p;
-  }), h = W(() => {
+  }), d = j(() => {
     if (!s)
       return;
     const p = s.save();
@@ -1496,45 +1608,45 @@ function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
       y: m.y ?? 0
     }))));
   }, [s]);
-  q(() => {
+  K(() => {
     if (!s) return;
     const p = (m, y) => {
       t == null || t(m, y);
     };
-    return s.on("resizestop", p), s.on("change added removed", h), () => {
+    return s.on("resizestop", p), s.on("change added removed", d), () => {
       s.off("resizestop"), s.off("change added removed");
     };
-  }, [s, t, h]), q(() => {
-    s && h();
+  }, [s, t, d]), K(() => {
+    s && d();
   }, [s]);
-  const c = W((p) => {
+  const c = j((p) => {
     s == null || s.addWidget(p), o((m) => {
       const y = new Map(m);
       return y.set(p.id, p), y;
     });
-  }, [s]), l = W((p) => {
+  }, [s]), l = j((p) => {
     s == null || s.addWidget(p), o((m) => {
       var b, N;
       const y = new Map(m);
-      return (N = (b = p.subGridOpts) == null ? void 0 : b.children) == null || N.forEach((x) => {
-        y.set(x.id, x);
+      return (N = (b = p.subGridOpts) == null ? void 0 : b.children) == null || N.forEach((_) => {
+        y.set(_.id, _);
       }), y;
     });
-  }, [s]), d = W((p) => {
+  }, [s]), h = j((p) => {
     const m = document.body.querySelector(`[gs-id="${p}"]`);
     m && (s == null || s.removeWidget(m)), o((y) => {
       const b = new Map(y);
       return b.delete(p), b;
     });
-  }, [s]), f = W(() => {
+  }, [s]), f = j(() => {
     s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
   }, [s]);
-  return g(Bt.Provider, {
+  return g(Wt.Provider, {
     value: {
       initialOptions: e,
       gridStack: s,
       addWidget: c,
-      removeWidget: d,
+      removeWidget: h,
       addSubGrid: l,
       removeAll: f,
       _gridStack: {
@@ -1549,34 +1661,34 @@ function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
     children: a
   });
 }
-const It = xe(null);
-function Ks() {
-  const a = Et(It);
+const $t = _e(null);
+function tr() {
+  const a = Dt($t);
   if (!a)
     throw new Error(
       "useGridStackRenderContext must be used within a GridStackProvider"
     );
   return a;
 }
-const Vs = xe(null);
-function Ys() {
-  const { _rawWidgetMetaMap: a } = Me(), { getWidgetContainer: e } = Ks();
+const ir = _e(null);
+function sr() {
+  const { _rawWidgetMetaMap: a } = Be(), { getWidgetContainer: e } = tr();
   return g(oe, {
     children: Array.from(a.value.entries()).map(([t, i]) => {
       var r;
       const s = e(t);
-      return s ? g(Vs.Provider, {
+      return s ? g(ir.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: os((r = i.renderFn) == null ? void 0 : r.call(i), s)
+        children: cs((r = i.renderFn) == null ? void 0 : r.call(i), s)
       }, t) : null;
     })
   });
 }
-function Xs(a, e, t, i, s) {
+function rr(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;
 }
@@ -1950,8 +2062,8 @@ class u {
     const s = u.getScrollElement(e);
     if (!s)
       return;
-    const r = e.getBoundingClientRect(), n = s.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight, h = r.bottom - Math.min(n.bottom, o), c = r.top - Math.max(n.top, 0), l = s.scrollTop;
-    c < 0 && i < 0 ? e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += Math.abs(c) > Math.abs(i) ? i : c : h > 0 && i > 0 && (e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += h > i ? i : h), t.top += s.scrollTop - l;
+    const r = e.getBoundingClientRect(), n = s.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight, d = r.bottom - Math.min(n.bottom, o), c = r.top - Math.max(n.top, 0), l = s.scrollTop;
+    c < 0 && i < 0 ? e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += Math.abs(c) > Math.abs(i) ? i : c : d > 0 && i > 0 && (e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += d > i ? i : d), t.top += s.scrollTop - l;
   }
   /**
    * @internal Function used to scroll the page.
@@ -1961,8 +2073,8 @@ class u {
    * @param distance Distance from the V edges to start scrolling
    */
   static updateScrollResize(e, t, i) {
-    const s = u.getScrollElement(t), r = s.clientHeight, n = s === u.getScrollElement() ? 0 : s.getBoundingClientRect().top, o = e.clientY - n, h = o < i, c = o > r - i;
-    h ? s.scrollBy({ behavior: "smooth", top: o - i }) : c && s.scrollBy({ behavior: "smooth", top: i - (r - o) });
+    const s = u.getScrollElement(t), r = s.clientHeight, n = s === u.getScrollElement() ? 0 : s.getBoundingClientRect().top, o = e.clientY - n, d = o < i, c = o > r - i;
+    d ? s.scrollBy({ behavior: "smooth", top: o - i }) : c && s.scrollBy({ behavior: "smooth", top: i - (r - o) });
   }
   /** single level clone, returning a new object with same top fields. This will share sub objects and arrays */
   static clone(e) {
@@ -2079,7 +2191,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 $ {
+class U {
   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;
   }
@@ -2116,9 +2228,9 @@ class $ {
     !this._loading && this._useEntireRowArea(e, t) && (r = { x: 0, w: this.column, y: t.y, h: t.h }, i = this.collide(e, r, s.skip));
     let n = !1;
     const o = { nested: !0, pack: !1 };
-    let h = 0;
+    let d = 0;
     for (; i = i || this.collide(e, r, s.skip); ) {
-      if (h++ > this.nodes.length * 2)
+      if (d++ > this.nodes.length * 2)
         throw new Error("Infinite collide check");
       let c;
       if (i.locked || this._loading || e._moving && !e._skipDown && t.y > e.y && !this.float && // can take space we had, or before where we're going
@@ -2177,14 +2289,14 @@ class $ {
     const s = e._rect, r = { ...t.rect };
     r.y > s.y ? (r.h += r.y - s.y, r.y = s.y) : r.h += s.y - r.y, r.x > s.x ? (r.w += r.x - s.x, r.x = s.x) : r.w += s.x - r.x;
     let n, o = 0.5;
-    for (let h of i) {
-      if (h.locked || !h._rect)
+    for (let d of i) {
+      if (d.locked || !d._rect)
         break;
-      const c = h._rect;
-      let l = Number.MAX_VALUE, d = Number.MAX_VALUE;
-      s.y < c.y ? l = (r.y + r.h - c.y) / c.h : s.y + s.h > c.y + c.h && (l = (c.y + c.h - r.y) / c.h), s.x < c.x ? d = (r.x + r.w - c.x) / c.w : s.x + s.w > c.x + c.w && (d = (c.x + c.w - r.x) / c.w);
-      const f = Math.min(d, l);
-      f > o && (o = f, n = h);
+      const c = d._rect;
+      let l = Number.MAX_VALUE, h = Number.MAX_VALUE;
+      s.y < c.y ? l = (r.y + r.h - c.y) / c.h : s.y + s.h > c.y + c.h && (l = (c.y + c.h - r.y) / c.h), s.x < c.x ? h = (r.x + r.w - c.x) / c.w : s.x + s.w > c.x + c.w && (h = (c.x + c.w - r.x) / c.w);
+      const f = Math.min(h, l);
+      f > o && (o = f, n = d);
     }
     return t.collide = n, n;
   }
@@ -2314,9 +2426,9 @@ class $ {
     const s = this._inColumnResize;
     s || (this._inColumnResize = !0);
     const r = this.nodes;
-    return this.nodes = [], r.forEach((n, o, h) => {
+    return this.nodes = [], r.forEach((n, o, d) => {
       let c;
-      n.locked || (n.autoPosition = !0, e === "list" && o && (c = h[o - 1])), this.addNode(n, !1, c);
+      n.locked || (n.autoPosition = !0, e === "list" && o && (c = d[o - 1])), this.addNode(n, !1, c);
     }), s || delete this._inColumnResize, i || this.batchUpdate(!1), this;
   }
   /**
@@ -2391,7 +2503,7 @@ class $ {
    * console.log('Node prepared at:', prepared.x, prepared.y);
    */
   prepareNode(e, t) {
-    e._id = e._id ?? $._idSeq++;
+    e._id = e._id ?? U._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -2508,11 +2620,11 @@ class $ {
     const r = s ? s.y * i + (s.x + s.w) : 0;
     let n = !1;
     for (let o = r; !n; ++o) {
-      const h = o % i, c = Math.floor(o / i);
-      if (h + e.w > i)
+      const d = o % i, c = Math.floor(o / i);
+      if (d + e.w > i)
         continue;
-      const l = { x: h, y: c, w: e.w, h: e.h };
-      t.find((d) => u.isIntercepted(l, d)) || ((e.x !== h || e.y !== c) && (e._dirty = !0), e.x = h, e.y = c, delete e.autoPosition, n = !0);
+      const l = { x: d, y: c, w: e.w, h: e.h };
+      t.find((h) => u.isIntercepted(l, h)) || ((e.x !== d || e.y !== c) && (e._dirty = !0), e.x = d, e.y = c, delete e.autoPosition, n = !0);
     }
     return n;
   }
@@ -2591,7 +2703,7 @@ class $ {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new $({
+    const s = new U({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((n) => n._id === e._id ? (i = { ...n }, i) : { ...n })
@@ -2605,7 +2717,7 @@ class $ {
         return this._notify(), !0;
     }
     return r ? (s.nodes.filter((n) => n._dirty).forEach((n) => {
-      const o = this.nodes.find((h) => h._id === n._id);
+      const o = this.nodes.find((d) => d._id === n._id);
       o && (u.copyPos(o, n), o._dirty = !0);
     }), this._notify(), !0) : !1;
   }
@@ -2613,7 +2725,7 @@ class $ {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new $({
+    const t = new U({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2636,17 +2748,17 @@ class $ {
     if (u.copyPos(r, t), this.nodeBoundFix(r, s), u.copyPos(t, r), !t.forceCollide && u.samePos(e, t))
       return !1;
     const n = u.copyPos({}, e), o = this.collideAll(e, r, t.skip);
-    let h = !0;
+    let d = !0;
     if (o.length) {
-      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 h = e._moving && !t.nested;
+      let f = h ? this.directionCollideCoverage(e, t, o) : o[0];
+      if (h && 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), y = u.area(f._rect);
         p / (m < y ? m : y) > 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);
+      f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
     }
-    return h && !u.samePos(e, r) && (e._dirty = !0, u.copyPos(e, r)), t.pack && this._packNodes()._notify(), !u.samePos(e, n);
+    return d && !u.samePos(e, r) && (e._dirty = !0, u.copyPos(e, r)), t.pack && this._packNodes()._notify(), !u.samePos(e, n);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -2671,9 +2783,9 @@ class $ {
     let r;
     s && (i ? i !== this.column && (r = this._layouts[i]) : this.column !== s - 1 && (r = this._layouts[s - 1]));
     const n = [];
-    return this.sortNodes(), this.nodes.forEach((h) => {
-      const c = r == null ? void 0 : r.find((d) => d._id === h._id), l = { ...h, ...c || {} };
-      u.removeInternalForSave(l, !e), t && t(h, l), n.push(l);
+    return this.sortNodes(), this.nodes.forEach((d) => {
+      const c = r == null ? void 0 : r.find((h) => h._id === d._id), l = { ...d, ...c || {} };
+      u.removeInternalForSave(l, !e), t && t(d, l), n.push(l);
     }), n;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -2712,19 +2824,19 @@ class $ {
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
     let r = [], n = s ? this.nodes : u.sort(this.nodes, -1);
     if (t > e && this._layouts) {
-      const h = this._layouts[t] || [], c = this._layouts.length - 1;
-      !h.length && e !== c && ((o = this._layouts[c]) != null && o.length) && (e = c, this._layouts[c].forEach((l) => {
-        const d = n.find((f) => f._id === l._id);
-        d && (!s && !l.autoPosition && (d.x = l.x ?? d.x, d.y = l.y ?? d.y), d.w = l.w ?? d.w, (l.x == null || l.y === void 0) && (d.autoPosition = !0));
-      })), h.forEach((l) => {
-        const d = n.findIndex((f) => f._id === l._id);
-        if (d !== -1) {
-          const f = n[d];
+      const d = this._layouts[t] || [], c = this._layouts.length - 1;
+      !d.length && e !== c && ((o = this._layouts[c]) != null && o.length) && (e = c, this._layouts[c].forEach((l) => {
+        const h = n.find((f) => f._id === l._id);
+        h && (!s && !l.autoPosition && (h.x = l.x ?? h.x, h.y = l.y ?? h.y), h.w = l.w ?? h.w, (l.x == null || l.y === void 0) && (h.autoPosition = !0));
+      })), d.forEach((l) => {
+        const h = n.findIndex((f) => f._id === l._id);
+        if (h !== -1) {
+          const f = n[h];
           if (s) {
             f.w = l.w;
             return;
           }
-          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (f.x = l.x ?? f.x, f.y = l.y ?? f.y, f.w = l.w ?? f.w, r.push(f)), n.splice(d, 1);
+          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (f.x = l.x ?? f.x, f.y = l.y ?? f.y, f.w = l.w ?? f.w, r.push(f)), n.splice(h, 1);
         }
       });
     }
@@ -2735,16 +2847,16 @@ class $ {
         if (typeof i == "function")
           i(t, e, r, n);
         else {
-          const h = s || i === "none" ? 1 : t / e, c = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
-          n.forEach((d) => {
-            d.x = t === 1 ? 0 : c ? Math.round(d.x * h) : Math.min(d.x, t - 1), d.w = t === 1 || e === 1 ? 1 : l ? Math.round(d.w * h) || 1 : Math.min(d.w, t), r.push(d);
+          const d = s || i === "none" ? 1 : t / e, c = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
+          n.forEach((h) => {
+            h.x = t === 1 ? 0 : c ? Math.round(h.x * d) : Math.min(h.x, t - 1), h.w = t === 1 || e === 1 ? 1 : l ? Math.round(h.w * d) || 1 : Math.min(h.w, t), r.push(h);
           }), n = [];
         }
-      r = u.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((h) => {
-        this.addNode(h, !1), delete h._orig;
+      r = u.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((d) => {
+        this.addNode(d, !1), delete d._orig;
       });
     }
-    return this.nodes.forEach((h) => delete h._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
+    return this.nodes.forEach((d) => delete d._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
   }
   /**
    * call to cache the given layout internally to the given location so we can restore back when column changes size
@@ -2756,8 +2868,8 @@ class $ {
     const s = [];
     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) ?? $._idSeq++;
+        const o = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
+        r._id = (o == null ? void 0 : o._id) ?? U._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;
@@ -2768,7 +2880,7 @@ class $ {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? $._idSeq++;
+    e._id = e._id ?? U._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);
@@ -2792,7 +2904,7 @@ class $ {
     return this;
   }
 }
-$._idSeq = 0;
+U._idSeq = 0;
 const M = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -2824,37 +2936,37 @@ const M = {
 };
 class w {
 }
-const B = 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 G {
+const I = 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 W {
 }
 function ye(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), u.simulateMouseEvent(a.changedTouches[0], e));
 }
-function Ft(a, e) {
+function jt(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
 function ve(a) {
-  G.touchHandled || (G.touchHandled = !0, ye(a, "mousedown"));
+  W.touchHandled || (W.touchHandled = !0, ye(a, "mousedown"));
 }
 function be(a) {
-  G.touchHandled && ye(a, "mousemove");
+  W.touchHandled && ye(a, "mousemove");
 }
 function we(a) {
-  if (!G.touchHandled)
+  if (!W.touchHandled)
     return;
-  G.pointerLeaveTimeout && (window.clearTimeout(G.pointerLeaveTimeout), delete G.pointerLeaveTimeout);
+  W.pointerLeaveTimeout && (window.clearTimeout(W.pointerLeaveTimeout), delete W.pointerLeaveTimeout);
   const e = !!w.dragElement;
-  ye(a, "mouseup"), e || ye(a, "click"), G.touchHandled = !1;
+  ye(a, "mouseup"), e || ye(a, "click"), W.touchHandled = !1;
 }
-function _e(a) {
+function xe(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function Qe(a) {
-  w.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
+function it(a) {
+  w.dragElement && a.pointerType !== "mouse" && jt(a, "mouseenter");
 }
-function et(a) {
-  w.dragElement && a.pointerType !== "mouse" && (G.pointerLeaveTimeout = window.setTimeout(() => {
-    delete G.pointerLeaveTimeout, Ft(a, "mouseleave");
+function st(a) {
+  w.dragElement && a.pointerType !== "mouse" && (W.pointerLeaveTimeout = window.setTimeout(() => {
+    delete W.pointerLeaveTimeout, jt(a, "mouseleave");
   }, 10));
 }
 class Ce {
@@ -2864,15 +2976,15 @@ class Ce {
   /** @internal */
   _init() {
     const e = this.el = document.createElement("div");
-    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ce.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), B && (this.el.addEventListener("touchstart", ve), this.el.addEventListener("pointerdown", _e)), this;
+    return e.classList.add("ui-resizable-handle"), e.classList.add(`${Ce.prefix}${this.dir}`), e.style.zIndex = "100", e.style.userSelect = "none", this.host.appendChild(this.el), this.el.addEventListener("mousedown", this._mouseDown), I && (this.el.addEventListener("touchstart", ve), this.el.addEventListener("pointerdown", xe)), 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), B && (this.el.removeEventListener("touchstart", ve), this.el.removeEventListener("pointerdown", _e)), 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), I && (this.el.removeEventListener("touchstart", ve), this.el.removeEventListener("pointerdown", xe)), 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), B && (this.el.addEventListener("touchmove", be), this.el.addEventListener("touchend", we)), e.stopPropagation(), e.preventDefault();
+    this.mouseDownEvent = e, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), I && (this.el.addEventListener("touchmove", be), this.el.addEventListener("touchend", we)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2881,7 +2993,7 @@ class Ce {
   }
   /** @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), B && (this.el.removeEventListener("touchmove", be), this.el.removeEventListener("touchend", we)), 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), I && (this.el.removeEventListener("touchmove", be), this.el.removeEventListener("touchend", we)), delete this.moving, delete this.mouseDownEvent, e.stopPropagation(), e.preventDefault();
   }
   /** @internal call when keys are being pressed - use Esc to cancel */
   _keyEvent(e) {
@@ -2894,7 +3006,7 @@ class Ce {
   }
 }
 Ce.prefix = "ui-resizable-";
-class He {
+class Ie {
   constructor() {
     this._eventRegister = {};
   }
@@ -2955,7 +3067,7 @@ class He {
       return this._eventRegister[e](t);
   }
 }
-class re extends He {
+class re extends Ie {
   // 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 = () => {
@@ -3077,15 +3189,15 @@ class re extends He {
       left: this.originalRect.left,
       top: this.originalRect.top - this.scrolled
     }, r = e.clientX - i.clientX, n = this.sizeToContent ? 0 : e.clientY - i.clientY;
-    let o, h;
-    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, o = !0), t.indexOf("s") > -1 ? s.height += n : t.indexOf("n") > -1 && (s.height -= n, s.top += n, h = !0);
-    const c = this._constrainSize(s.width, s.height, o, h);
+    let o, d;
+    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, o = !0), t.indexOf("s") > -1 ? s.height += n : t.indexOf("n") > -1 && (s.height -= n, s.top += n, d = !0);
+    const c = this._constrainSize(s.width, s.height, o, d);
     return Math.round(s.width) !== Math.round(c.width) && (t.indexOf("w") > -1 && (s.left += s.width - c.width), s.width = c.width), Math.round(s.height) !== Math.round(c.height) && (t.indexOf("n") > -1 && (s.top += s.height - c.height), s.height = c.height), s;
   }
   /** @internal constrain the size to the set min/max values */
   _constrainSize(e, t, i, s) {
-    const r = this.option, n = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, o = r.minWidth / this.rectScale.x || e, h = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, c = r.minHeight / this.rectScale.y || t, l = Math.min(n, Math.max(o, e)), d = Math.min(h, Math.max(c, t));
-    return { width: l, height: d };
+    const r = this.option, n = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, o = r.minWidth / this.rectScale.x || e, d = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, c = r.minHeight / this.rectScale.y || t, l = Math.min(n, Math.max(o, e)), h = Math.min(d, Math.max(c, t));
+    return { width: l, height: h };
   }
   /** @internal */
   _applyChange() {
@@ -3105,8 +3217,8 @@ class re extends He {
   }
 }
 re._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Js = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class ne extends He {
+const nr = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class ne extends Ie {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -3126,12 +3238,12 @@ class ne extends He {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), B && (e.addEventListener("touchstart", ve), e.addEventListener("pointerdown", _e));
+      e.addEventListener("mousedown", this._mouseDown), I && (e.addEventListener("touchstart", ve), e.addEventListener("pointerdown", xe));
     }), this.el.classList.remove("ui-draggable-disabled"));
   }
   disable(e = !1) {
     this.disabled !== !0 && (super.disable(), this.dragEls.forEach((t) => {
-      t.removeEventListener("mousedown", this._mouseDown), B && (t.removeEventListener("touchstart", ve), t.removeEventListener("pointerdown", _e));
+      t.removeEventListener("mousedown", this._mouseDown), I && (t.removeEventListener("touchstart", ve), t.removeEventListener("pointerdown", xe));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -3143,7 +3255,7 @@ class ne extends He {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(Js) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), B && (e.currentTarget.addEventListener("touchmove", be), e.currentTarget.addEventListener("touchend", we)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(nr) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), I && (e.currentTarget.addEventListener("touchmove", be), e.currentTarget.addEventListener("touchend", we)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3174,7 +3286,7 @@ class ne extends He {
   /** @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), B && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", be, !0), e.currentTarget.removeEventListener("touchend", we, !0)), this.dragging) {
+    if (document.removeEventListener("mousemove", this._mouseMove, !0), document.removeEventListener("mouseup", this._mouseUp, !0), I && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", be, !0), e.currentTarget.removeEventListener("touchend", we, !0)), this.dragging) {
       delete this.dragging, (t = this.el.gridstackNode) == null || delete t._origRotate, document.removeEventListener("keydown", this._keyEvent), ((i = w.dropElement) == null ? void 0 : i.el) === this.el.parentElement && delete w.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), w.dropElement && w.dropElement.drop(e);
@@ -3257,7 +3369,7 @@ class ne extends He {
   }
 }
 ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Zs extends He {
+class or extends Ie {
   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();
   }
@@ -3268,10 +3380,10 @@ class Zs extends He {
     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), B && (this.el.addEventListener("pointerenter", Qe), this.el.addEventListener("pointerleave", et)));
+    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), I && (this.el.addEventListener("pointerenter", it), this.el.addEventListener("pointerleave", st)));
   }
   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), B && (this.el.removeEventListener("pointerenter", Qe), this.el.removeEventListener("pointerleave", et)));
+    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), I && (this.el.removeEventListener("pointerenter", it), this.el.removeEventListener("pointerleave", st)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3323,9 +3435,9 @@ class Zs extends He {
     };
   }
 }
-class Be {
+class Fe {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Be(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new Fe(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -3349,13 +3461,13 @@ class Be {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Zs(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new or(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Qs {
+class ar {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -3379,12 +3491,12 @@ class Qs {
         r.setupResizable({ [i]: s });
       else {
         const o = r.el.gridstackNode.grid;
-        let h = r.el.getAttribute("gs-resize-handles") || o.opts.resizable.handles || "e,s,se";
-        h === "all" && (h = "n,e,s,w,se,sw,ne,nw");
+        let d = r.el.getAttribute("gs-resize-handles") || o.opts.resizable.handles || "e,s,se";
+        d === "all" && (d = "n,e,s,w,se,sw,ne,nw");
         const c = !o.opts.alwaysShowResizeHandle;
         r.setupResizable({
           ...o.opts.resizable,
-          handles: h,
+          handles: d,
           autoHide: c,
           start: t.start,
           stop: t.stop,
@@ -3460,7 +3572,7 @@ class Qs {
   /** @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 ? Be.init(n) : null)).filter((n) => n) : [];
+    return s.length ? s.map((n) => n.ddElement || (i ? Fe.init(n) : null)).filter((n) => n) : [];
   }
 }
 /*!
@@ -3470,7 +3582,7 @@ class Qs {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const T = new Qs();
+const O = new ar();
 class v {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -3557,7 +3669,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const s = t.columnOpts;
     if (s) {
       const l = s.breakpoints;
-      !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)));
+      !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((h, f) => (f.w || 0) - (h.w || 0)));
     }
     const r = {
       ...u.cloneDeep(M),
@@ -3583,16 +3695,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const l = t.cellHeight;
       delete t.cellHeight, this.cellHeight(l);
     }
-    t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = B), this._setStaticClass();
-    const h = t.engineClass || v.engineClass || $;
-    if (this.engine = new h({
+    t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = I), this._setStaticClass();
+    const d = t.engineClass || v.engineClass || U;
+    if (this.engine = new d({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (l) => {
-        l.forEach((d) => {
-          const f = d.el;
-          f && (d._removeDOM ? (f && f.remove(), delete d._removeDOM) : this._writePosAttr(f, d));
+        l.forEach((h) => {
+          const f = h.el;
+          f && (h._removeDOM ? (f && f.remove(), delete h._removeDOM) : this._writePosAttr(f, h));
         }), this._updateContainerHeight();
       }
     }), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((l) => this._prepareElement(l)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
@@ -3682,15 +3794,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       ...n || {},
       ...t || r.subGridOpts || {}
     }), r.subGridOpts = t;
-    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), v.addRemoveCB ? l = v.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, N = r.h + i.h, x = r.el.style;
-      x.transition = "none", this.update(r.el, { w: b, h: N }), setTimeout(() => x.transition = null);
+    let d;
+    t.column === "auto" && (d = !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, h;
+    if (s && (this._removeDD(r.el), h = { ...r, x: 0, y: 0 }, u.removeInternalForSave(h), delete h.subGridOpts, r.content && (h.content = r.content, delete r.content), v.addRemoveCB ? l = v.addRemoveCB(this.el, h, !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 = d ? t.column : r.w, N = r.h + i.h, _ = r.el.style;
+      _.transition = "none", this.update(r.el, { w: b, h: N }), setTimeout(() => _.transition = null);
     }
     const f = r.subGrid = v.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;
+    return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(l, h), i && (i._moving ? window.setTimeout(() => u.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
   }
   /**
    * called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
@@ -3721,10 +3833,10 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (r.forEach((n) => {
       var o;
       if (e && n.el && !n.subGrid && !i) {
-        const h = n.el.querySelector(".grid-stack-item-content");
-        n.content = h == null ? void 0 : h.innerHTML, n.content || delete n.content;
+        const d = n.el.querySelector(".grid-stack-item-content");
+        n.content = d == null ? void 0 : d.innerHTML, n.content || delete n.content;
       } else if (!e && !i && delete n.content, (o = n.subGrid) != null && o.el) {
-        const h = n.w || n.subGrid.getColumn(), c = n.subGrid.save(e, t, i, h);
+        const d = n.w || n.subGrid.getColumn(), c = n.subGrid.save(e, t, i, d);
         n.subGridOpts = t ? c : { children: c }, delete n.subGrid;
       }
       delete n.el;
@@ -3785,23 +3897,23 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     typeof t == "function" && (v.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)
+    const o = !this.engine.nodes.length, d = o && this.opts.animate;
+    d && this.setAnimation(!1), !o && t && [...this.engine.nodes].forEach((h) => {
+      if (!h.id)
         return;
-      u.find(e, d.id) || (v.addRemoveCB && v.addRemoveCB(this.el, d, !1, !1), n.push(d), this.removeWidget(d.el, !0, !1));
+      u.find(e, h.id) || (v.addRemoveCB && v.addRemoveCB(this.el, h, !1, !1), n.push(h), this.removeWidget(h.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) => {
       var f;
-      const d = u.find(c, l.id);
-      if (d) {
-        if (u.shouldSizeToContent(d) && (l.h = d.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || d.w, l.h = l.h || d.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(d), u.samePos(d, l) && this.engine.nodes.length > 1 && (this.moveNode(d, { ...l, forceCollide: !0 }), u.copyPos(l, d)), this.update(d.el, l), (f = l.subGridOpts) != null && f.children) {
-          const p = d.el.querySelector(".grid-stack");
+      const h = u.find(c, l.id);
+      if (h) {
+        if (u.shouldSizeToContent(h) && (l.h = h.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || h.w, l.h = l.h || h.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(h), u.samePos(h, l) && this.engine.nodes.length > 1 && (this.moveNode(h, { ...l, forceCollide: !0 }), u.copyPos(l, h)), this.update(h.el, l), (f = l.subGridOpts) != null && f.children) {
+          const p = h.el.querySelector(".grid-stack");
           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 ? v.addRemoveCB = r : delete v.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 ? v.addRemoveCB = r : delete v.addRemoveCB, d && this.setAnimation(!0, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -3906,7 +4018,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         i = e.breakpoints[o++].c || t;
     }
     if (i !== t) {
-      const o = (n = e.breakpoints) == null ? void 0 : n.find((h) => h.c === i);
+      const o = (n = e.breakpoints) == null ? void 0 : n.find((d) => d.c === i);
       return this.column(i, (o == null ? void 0 : o.layout) || e.layout), !0;
     }
     return !1;
@@ -4058,8 +4170,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.el.getBoundingClientRect();
     let s;
     t ? s = { top: i.top + document.documentElement.scrollTop, left: i.left } : s = { top: this.el.offsetTop, left: this.el.offsetLeft };
-    const r = e.left - s.left, n = e.top - s.top, o = i.width / this.getColumn(), h = i.height / parseInt(this.el.getAttribute("gs-current-row"));
-    return { x: Math.floor(r / o), y: Math.floor(n / h) };
+    const r = e.left - s.left, n = e.top - s.top, o = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
+    return { x: Math.floor(r / o), y: Math.floor(n / d) };
   }
   /**
    * Returns the current number of rows, which will be at least `minRow` if set.
@@ -4245,20 +4357,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       this.engine.nodeBoundFix(r), delete r.autoPosition;
       const n = ["x", "y", "w", "h"];
       let o;
-      if (n.some((d) => r[d] !== void 0 && r[d] !== s[d]) && (o = {}, n.forEach((d) => {
-        o[d] = r[d] !== void 0 ? r[d] : s[d], delete r[d];
+      if (n.some((h) => r[h] !== void 0 && r[h] !== s[h]) && (o = {}, n.forEach((h) => {
+        o[h] = r[h] !== void 0 ? r[h] : s[h], delete r[h];
       })), !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, v.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
+        const h = i.querySelector(".grid-stack-item-content");
+        h && h.textContent !== r.content && (s.content = r.content, v.renderCB(h, r), (l = s.subGrid) != null && l.el && (h.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
       }
-      let h = !1, c = !1;
-      for (const d in r)
-        d[0] !== "_" && s[d] !== r[d] && (s[d] = r[d], h = !0, c = c || !this.opts.staticGrid && (d === "noResize" || d === "noMove" || d === "locked"));
+      let d = !1, c = !1;
+      for (const h in r)
+        h[0] !== "_" && s[h] !== r[h] && (s[h] = r[h], d = !0, c = c || !this.opts.staticGrid && (h === "noResize" || h === "noMove" || h === "locked"));
       if (u.sanitizeMinMax(s), o) {
-        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;
+        const h = o.w !== void 0 && o.w !== s.w;
+        this.moveNode(s, o), h && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(h, s), delete s._orig;
       }
-      (o || h) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), v.updateCB && v.updateCB(s);
+      (o || d) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), v.updateCB && v.updateCB(s);
     }), this;
   }
   moveNode(e, t) {
@@ -4299,7 +4411,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let r = t.h ? t.h * s : e.clientHeight, n;
     if (t.resizeToContentParent && (n = e.querySelector(t.resizeToContentParent)), n || (n = e.querySelector(v.resizeToContentParent)), !n)
       return;
-    const o = e.clientHeight - n.clientHeight, h = t.h ? t.h * s - o : n.clientHeight;
+    const o = e.clientHeight - n.clientHeight, d = t.h ? t.h * s - o : n.clientHeight;
     let c;
     if (t.subGrid) {
       c = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
@@ -4314,15 +4426,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${v.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
-        c = m.getBoundingClientRect().height || h;
+        c = m.getBoundingClientRect().height || d;
       }
     }
-    if (h === c)
+    if (d === c)
       return;
-    r += c - h;
+    r += c - d;
     let l = Math.ceil(r / s);
-    const d = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
-    d && l > d && (l = d, e.classList.add("size-to-content-max")), t.minH && l < t.minH ? l = t.minH : t.maxH && l > t.maxH && (l = t.maxH), l !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: l }), delete i._ignoreLayoutsNodeChange);
+    const h = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
+    h && l > h && (l = h, e.classList.add("size-to-content-max")), t.minH && l < t.minH ? l = t.minH : t.maxH && l > t.maxH && (l = t.maxH), l !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: l }), delete i._ignoreLayoutsNodeChange);
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
@@ -4350,8 +4462,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         return;
       const r = { w: s.h, h: s.w, minH: s.minW, minW: s.minH, maxH: s.maxW, maxW: s.maxH };
       if (t) {
-        const o = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, h = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
-        r.x = s.x + o - (s.h - (h + 1)), r.y = s.y + h - o;
+        const o = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, d = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
+        r.x = s.x + o - (s.h - (d + 1)), r.y = s.y + d - o;
       }
       Object.keys(r).forEach((o) => {
         r[o] === void 0 && delete r[o];
@@ -4600,7 +4712,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * // Access drag & drop functionality
    */
   static getDD() {
-    return T;
+    return O;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -4613,7 +4725,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static setupDragIn(e, t, i, s = document) {
     (t == null ? void 0 : t.pause) !== void 0 && (w.pauseDrag = t.pause), t = { appendTo: "body", helper: "clone", ...t || {} }, (typeof e == "string" ? u.getElements(e, s) : e).forEach((n, o) => {
-      T.isDraggable(n) || T.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
+      O.isDraggable(n) || O.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
     });
   }
   /**
@@ -4765,12 +4877,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal removes any drag&drop present (called during destroy) */
   _removeDD(e) {
-    return T.draggable(e, "destroy").resizable(e, "destroy"), e.gridstackNode && delete e.gridstackNode._initDD, delete e.ddElement, this;
+    return O.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 T.droppable(this.el, "destroy"), this;
+      return O.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, n) => {
       var f;
@@ -4783,28 +4895,28 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = n.getBoundingClientRect();
         n.style.left = p.x + (this.dragTransform.xScale - 1) * (s.clientX - p.x) / this.dragTransform.xScale + "px", n.style.top = p.y + (this.dragTransform.yScale - 1) * (s.clientY - p.y) / this.dragTransform.yScale + "px", n.style.transformOrigin = "0px 0px";
       }
-      let { top: h, left: c } = n.getBoundingClientRect();
+      let { top: d, left: c } = n.getBoundingClientRect();
       const l = this.el.getBoundingClientRect();
-      c -= l.left, h -= l.top;
-      const d = {
+      c -= l.left, d -= l.top;
+      const h = {
         position: {
-          top: h * this.dragTransform.xScale,
+          top: d * this.dragTransform.xScale,
           left: c * this.dragTransform.yScale
         }
       };
       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.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(d / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            T.off(r, "drag");
+            O.off(r, "drag");
             return;
           }
           o._willFitPos && (u.copyPos(o, o._willFitPos), delete o._willFitPos);
         }
-        this._onStartMoving(n, s, d, o, t, e);
+        this._onStartMoving(n, s, h, o, t, e);
       } else
-        this._dragOrResize(n, s, d, o, t, e);
+        this._dragOrResize(n, s, h, o, t, e);
     };
-    return T.droppable(this.el, {
+    return O.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -4841,9 +4953,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         o || (o = this._readAttr(n)), o._sidebarOrig = { w: o.w, h: o.h };
       }
       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), v._itemRemoving(o.el, !1), T.on(r, "drag", i), i(s, r, n), !1;
+      const d = 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: d, 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 = d, o.h = c, o._temporaryRemoved = !0), v._itemRemoving(o.el, !1), O.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;
@@ -4852,17 +4964,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const o = (n == null ? void 0 : n.gridstackNode) || r.gridstackNode;
       if ((o == null ? void 0 : o.grid) === this && !o._isExternal)
         return !1;
-      const h = !!this.placeholder.parentElement, c = r !== n;
-      this.placeholder.remove(), delete this.placeholder.gridstackNode, h && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
+      const d = !!this.placeholder.parentElement, c = r !== n;
+      this.placeholder.remove(), delete this.placeholder.gridstackNode, d && 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) {
+      if (delete r._gridstackNodeOrig, d && (l != null && l.grid) && l.grid !== this) {
         const y = l.grid;
         y.engine.removeNodeFromLayoutCache(l), y.engine.removedNodes.push(l), y._triggerRemoveEvent()._triggerChangeEvent(), y.parentGridNode && !y.engine.nodes.length && y.opts.subGridDynamic && y.removeAsSubGrid();
       }
-      if (!o || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, T.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
+      if (!o || (d && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, O.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !d))
         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 || v.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 h = (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 || v.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), h && (h.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 */
@@ -4877,7 +4989,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 && !T.isDroppable(e) && T.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => v._itemRemoving(i, !0)).on(e, "dropout", (t, i) => v._itemRemoving(i, !1)), this) : this;
+    return e ? (!this.opts.staticGrid && !O.isDroppable(e) && O.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => v._itemRemoving(i, !0)).on(e, "dropout", (t, i) => v._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4892,12 +5004,12 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if ((t || n) && (i._initDD && (this._removeDD(e), delete i._initDD), n && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
       return this;
     if (!i._initDD) {
-      let o, h;
+      let o, d;
       const c = (f, p) => {
-        this.triggerEvent(f, f.target), o = this.cellWidth(), h = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, o, h);
+        this.triggerEvent(f, f.target), o = this.cellWidth(), d = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, o, d);
       }, l = (f, p) => {
-        this._dragOrResize(e, f, p, i, o, h);
-      }, d = (f) => {
+        this._dragOrResize(e, f, p, i, o, d);
+      }, h = (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)) {
@@ -4909,17 +5021,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           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));
         }
       };
-      T.draggable(e, {
+      O.draggable(e, {
         start: c,
-        stop: d,
+        stop: h,
         drag: l
       }).resizable(e, {
         start: c,
-        stop: d,
+        stop: h,
         resize: l
       }), i._initDD = !0;
     }
-    return T.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return O.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, n) {
@@ -4927,8 +5039,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (this.engine.cleanNodes().beginUpdate(s), this._writePosAttr(this.placeholder, s), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = s, (o = s.grid) != null && o.el)
       this.dragTransform = u.getValuesFromTransformedElement(e);
     else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
-      const h = this.placeholder.closest(".grid-stack");
-      this.dragTransform = u.getValuesFromTransformedElement(h);
+      const d = this.placeholder.closest(".grid-stack");
+      this.dragTransform = u.getValuesFromTransformedElement(d);
     } else
       this.dragTransform = {
         xScale: 1,
@@ -4937,22 +5049,22 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         yOffset: 0
       };
     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;
-      T.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));
+      const d = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
+      O.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).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;
+    let d, c = this.opts.marginLeft, l = this.opts.marginRight, h = 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") {
+    if (c = Math.min(c, m), l = Math.min(l, m), h = Math.min(h, 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 N = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), x = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
-      o.x = Math.round(N / r), o.y = Math.round(x / n);
+      const N = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), _ = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : h);
+      o.x = Math.round(N / r), o.y = Math.round(_ / n);
       const C = this._extraDragRow;
       if (this.engine.collide(s, o)) {
         const D = this.getRow();
@@ -4963,20 +5075,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (this._extraDragRow !== C && 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)
+      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 - h) / 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, N = i.position.top + d;
-      o.x = Math.round(b / r), o.y = Math.round(N / n), h = !0;
+      const b = i.position.left + c, N = i.position.top + h;
+      o.x = Math.round(b / r), o.y = Math.round(N / n), d = !0;
     }
     s._event = t, s._lastTried = o;
     const y = {
       x: i.position.left + c,
-      y: i.position.top + d,
+      y: i.position.top + h,
       w: (i.size ? i.size.width : s.w * r) - c - l,
-      h: (i.size ? i.size.height : s.h * n) - d - f
+      h: (i.size ? i.size.height : s.h * n) - h - f
     };
-    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: y, 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();
+    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: y, resizing: d })) {
+      s._lastUiPosition = i.position, this.engine.cacheRects(r, n, h, l, f, c), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
       const b = t.target;
       s._sidebarOrig || this._writePosAttr(b, s), this.triggerEvent(t, b);
     }
@@ -4995,7 +5107,7 @@ 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, T.off(e, "drag"), i._temporaryRemoved))
+    if (!i || (t.style.transform = t.style.transformOrigin = null, O.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
@@ -5003,7 +5115,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Xs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return rr(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 v.renderCB = (a, e) => {
@@ -5011,31 +5123,31 @@ v.renderCB = (a, e) => {
 };
 v.resizeToContentParent = ".grid-stack-item-content";
 v.Utils = u;
-v.Engine = $;
+v.Engine = U;
 v.GDRev = "12.3.2";
 const ce = /* @__PURE__ */ new WeakMap();
-function er({ children: a }) {
-  const { _gridStack: { value: e, set: t }, initialOptions: i } = Me(), s = Y(/* @__PURE__ */ new Map()), r = Y(null), n = Y(i), o = W((c, l) => {
+function lr({ children: a }) {
+  const { _gridStack: { value: e, set: t }, initialOptions: i } = Be(), s = Y(/* @__PURE__ */ new Map()), r = Y(null), n = Y(i), o = j((c, l) => {
     if (l.id && l.grid) {
-      let d = ce.get(l.grid);
-      d || (d = /* @__PURE__ */ new Map(), ce.set(l.grid, d)), d.set(l.id, c), s.current.set(l.id, c);
+      let h = ce.get(l.grid);
+      h || (h = /* @__PURE__ */ new Map(), ce.set(l.grid, h)), h.set(l.id, c), s.current.set(l.id, c);
     }
-  }, []), h = W(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
-  return Ve(() => {
-    if (!it(i, n.current) && e)
+  }, []), d = j(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
+  return Je(() => {
+    if (!nt(i, n.current) && e)
       try {
-        e.removeAll(!1), e.destroy(!1), s.current.clear(), ce.delete(e), n.current = i, t(h());
+        e.removeAll(!1), e.destroy(!1), s.current.clear(), ce.delete(e), n.current = i, t(d());
       } catch (c) {
         console.error("Error reinitializing gridstack", c);
       }
-  }, [i, e, h, t]), Ve(() => {
+  }, [i, e, d, t]), Je(() => {
     if (!e)
       try {
-        t(h());
+        t(d());
       } catch (c) {
         console.error("Error initializing gridstack", c);
       }
-  }, [e, h, t]), g(It.Provider, {
+  }, [e, d, t]), g($t.Provider, {
     value: te(() => ({
       getWidgetContainer: (c) => {
         if (e) {
@@ -5052,72 +5164,72 @@ function er({ children: a }) {
     })
   });
 }
-const Gt = K((a, e) => {
-  const t = Me();
-  return xt(e, () => ({
+const Ut = $((a, e) => {
+  const t = Be();
+  return Nt(e, () => ({
     addWidget: t.addWidget,
     removeWidget: t.removeWidget,
     addSubGrid: t.addSubGrid,
     removeAll: t.removeAll
   }), [t]), null;
 });
-Gt.displayName = "RefHandler";
-const Wt = K(({ options: a, widgets: e, onChange: t }, i) => {
+Ut.displayName = "RefHandler";
+const qt = $(({ options: a, widgets: e, onChange: t }, i) => {
   const s = te(() => ({
     ...a,
     children: e
-  }), [e]), r = (o, h, c) => {
-    let l = c[0], d = 1 / 0;
+  }), [e]), r = (o, d, c) => {
+    let l = c[0], h = 1 / 0;
     for (const f of c) {
-      const p = f.w - o, m = f.h - h, y = p * p + m * m;
-      y < d && (d = y, l = f);
+      const p = f.w - o, m = f.h - d, y = p * p + m * m;
+      y < h && (h = y, l = f);
     }
     return l;
   };
-  return z(qs, {
+  return z(er, {
     initialOptions: s,
-    onResizeStop: (o, h) => {
+    onResizeStop: (o, d) => {
       var f, p;
-      const c = h.gridstackNode;
+      const c = d.gridstackNode;
       if (!c) return;
-      const l = ((f = h.gridstackNode) == null ? void 0 : f.allowedSizes) ?? [];
+      const l = ((f = d.gridstackNode) == null ? void 0 : f.allowedSizes) ?? [];
       if (l.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 h = r(c.w ?? 1, c.h ?? 1, l);
+      (c.w !== h.w || c.h !== h.h) && ((p = c.grid) == null || p.update(d, {
+        w: h.w,
+        h: h.h
       }));
     },
     onChange: t,
-    children: [g(Gt, {
+    children: [g(Ut, {
       ref: i
-    }), g(er, {
-      children: g(Ys, {})
+    }), g(lr, {
+      children: g(sr, {})
     })]
   });
 });
-Wt.displayName = "F0GridStack";
-const Mr = Ae(
+qt.displayName = "F0GridStack";
+const jr = Te(
   "F0GridStack",
-  Wt
-), tr = ({ benefits: a }) => g("div", {
+  qt
+), dr = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(ir, {
+  children: a.map((e, t) => g(hr, {
     text: e
   }, t))
-}), ir = ({ text: a }) => z("div", {
+}), hr = ({ text: a }) => z("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(Hi, {
-    icon: Bi,
+  children: [g(Wi, {
+    icon: $i,
     size: "md",
     className: "text-f1-icon-positive"
   }), g("span", {
     children: a
   })]
-}), $t = K(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => z("div", {
+}), Kt = $(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: d }, c) => z("div", {
   ref: c,
-  className: j("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
+  className: B("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", {
@@ -5133,26 +5245,26 @@ const Mr = Ae(
         className: "flex flex-col gap-2",
         children: [z("div", {
           className: "flex flex-row items-center gap-2",
-          children: [r && g(vt, {
+          children: [r && g(_t, {
             module: r
           }), n && g("p", {
             className: "text-base font-medium text-f1-foreground",
             children: n
           })]
-        }), (o || h) && z("div", {
+        }), (o || d) && z("div", {
           className: "flex justify-start gap-2",
-          children: [o && g(Li, {
+          children: [o && g(Fi, {
             icon: o.icon,
             text: o.label
-          }), h && g(Mi, {
-            variant: h.variant || "positive",
-            text: h.label
+          }), d && g(Gi, {
+            variant: d.variant || "positive",
+            text: d.label
           })]
         }), g("h2", {
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(tr, {
+      }), g(dr, {
         benefits: t
       })]
     }), i && g("div", {
@@ -5161,38 +5273,38 @@ const Mr = Ae(
     })]
   })]
 }));
-$t.displayName = "ProductBlankslate";
-function sr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
+Kt.displayName = "ProductBlankslate";
+function cr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
   const [n, o] = A(a);
-  return q(() => {
+  return K(() => {
     o(a);
-  }, [a]), g(Ii, {
+  }, [a]), g(ji, {
     open: n,
     onOpenChange: (c) => {
       o(c), c || e();
     },
     modal: !0,
-    children: z(Fi, {
+    children: z(Ui, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: r,
       children: [z("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [z(Gi, {
+        children: [z(qi, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [s && g(vt, {
+          children: [s && g(_t, {
             module: s,
             size: "lg"
           }), t]
-        }), g(Wi, {
+        }), g(Ki, {
           variant: "outline",
-          icon: bt,
+          icon: Et,
           onClick: e,
           label: "Close modal",
           hideLabel: !0
         })]
-      }), z(gt, {
+      }), z(yt, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [i, g(pt, {
+        children: [i, g(vt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -5200,8 +5312,8 @@ function sr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
     })
   });
 }
-function Hr({ 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: y, promoTag: b, showResponseDialog: N = !0 }) {
-  const [x, C] = A(a), [D, S] = A(null), [R, E] = A(!1), O = async () => {
+function Ur({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: d, closeLabel: c, primaryAction: l, modalTitle: h, modalModule: f, secondaryAction: p, portalContainer: m, tag: y, promoTag: b, showResponseDialog: N = !0 }) {
+  const [_, C] = A(a), [D, S] = A(null), [R, E] = A(!1), T = async () => {
     if (l != null && l.onClick) {
       E(!0);
       try {
@@ -5214,17 +5326,17 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
     }
   }, L = () => {
     C(!1), e == null || e();
-  }, F = R;
+  }, G = R;
   return z(oe, {
-    children: [g(sr, {
-      isOpen: x,
+    children: [g(cr, {
+      isOpen: _,
       onClose: L,
-      title: d,
+      title: h,
       module: f,
       portalContainer: m,
       children: g("div", {
         className: "pb-4 pl-4",
-        children: g($t, {
+        children: g(Kt, {
           title: t,
           image: i,
           benefits: s,
@@ -5235,9 +5347,9 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
             className: "flex gap-3",
             children: [l && g(X, {
               variant: l.variant,
-              label: F ? o.label : l.label,
+              label: G ? o.label : l.label,
               icon: l.icon || void 0,
-              onClick: O,
+              onClick: T,
               loading: l.loading,
               size: l.size
             }), p && g(X, {
@@ -5250,7 +5362,7 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), D && N && g(wt, {
+    }), D && N && g(Ct, {
       open: !0,
       onClose: () => {
         L(), S(null);
@@ -5258,35 +5370,35 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
       success: D === "success",
       errorMessage: r,
       successMessage: n,
-      nextSteps: h,
+      nextSteps: d,
       closeLabel: c,
       portalContainer: m
     })]
   });
 }
-function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
-  const [c, l] = A(!1), d = () => {
+function ur({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: d = !0 }) {
+  const [c, l] = A(!1), h = () => {
     l(!0), i && i();
   };
-  q(() => {
+  K(() => {
     n && n(!c);
   }, [n, c]);
   const f = a == null ? void 0 : a.includes(".mp4");
   return g(oe, {
-    children: c ? null : z($i, {
+    children: c ? null : z(Vi, {
       style: {
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [z(ji, {
+      children: [z(Yi, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
           children: g(X, {
             variant: "ghost",
-            icon: bt,
+            icon: Et,
             size: "sm",
             hideLabel: !0,
-            onClick: d,
+            onClick: h,
             label: "Close"
           })
         }), z("div", {
@@ -5305,18 +5417,18 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
             }))
           }), z("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [g(Ke, {
+            children: [g(Ye, {
               className: "text-lg font-medium",
               children: e
-            }), g(Ke, {
+            }), g(Ye, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), o && g(Ui, {
+      }), o && g(Xi, {
         className: "p-3",
-        children: o.map((p) => p.type === "upsell" ? g(_t, {
+        children: o.map((p) => p.type === "upsell" ? g(Rt, {
           label: p.label,
           onRequest: p.onClick,
           errorMessage: p.errorMessage,
@@ -5324,7 +5436,7 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
           loadingState: p.loadingState,
           nextSteps: p.nextSteps,
           closeLabel: p.closeLabel,
-          showConfirmation: h && p.showConfirmation,
+          showConfirmation: d && p.showConfirmation,
           variant: p.variant
         }, p.label) : g(X, {
           label: p.label,
@@ -5335,28 +5447,28 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     })
   });
 }
-const nr = K(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
-  const r = (h) => h.variant === "promote" ? g(_t, {
-    label: h.label,
+const fr = $(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+  const r = (d) => d.variant === "promote" ? g(Rt, {
+    label: d.label,
     onRequest: async () => {
-      await h.onClick();
+      await d.onClick();
     },
-    errorMessage: h.errorMessage,
-    successMessage: h.successMessage,
-    loadingState: h.loadingState,
-    nextSteps: h.nextSteps,
-    closeLabel: h.closeLabel,
-    showIcon: h.showIcon,
-    showConfirmation: h.showConfirmation,
-    variant: h.variant
+    errorMessage: d.errorMessage,
+    successMessage: d.successMessage,
+    loadingState: d.loadingState,
+    nextSteps: d.nextSteps,
+    closeLabel: d.closeLabel,
+    showIcon: d.showIcon,
+    showConfirmation: d.showConfirmation,
+    variant: d.variant
   }) : g(X, {
-    onClick: h.onClick,
-    label: h.label,
-    variant: h.variant || "default",
+    onClick: d.onClick,
+    label: d.label,
+    variant: d.variant || "default",
     size: "md",
-    icon: h.icon
+    icon: d.icon
   }), n = (e == null ? void 0 : e.variant) !== "promote" ? e : void 0, o = (t == null ? void 0 : t.variant) !== "promote" ? t : void 0;
-  return z(qi, {
+  return z(Ji, {
     ref: s,
     ...i,
     primaryAction: n,
@@ -5364,56 +5476,56 @@ const nr = K(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)]
   });
 });
-nr.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 = Ki, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: y, hideLabel: b = !1 }) {
-  const [N, x] = A(!1), [C, D] = A(null), [S, R] = A(null), E = (k) => {
+fr.displayName = "UpsellingBanner";
+function qr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: d = Zi, mediaUrl: c, title: l, description: h, width: f = "300px", trackVisibility: p, actions: m, onClick: y, hideLabel: b = !1 }) {
+  const [N, _] = A(!1), [C, D] = A(null), [S, R] = A(null), E = (k) => {
     e(k), y && y();
-  }, O = async (k) => {
+  }, T = async (k) => {
     if (k.type === "upsell") {
       R(k);
       try {
-        await k.onClick(), k.showConfirmation && (x(!0), D("success"));
+        await k.onClick(), k.showConfirmation && (_(!0), D("success"));
       } catch {
-        x(!0), D("error");
+        _(!0), D("error");
       }
     }
   }, L = () => {
-    D(null), x(!1), R(null), e(!1);
-  }, F = a && !N, _ = m == null ? void 0 : m.map((k) => k.type === "upsell" ? {
+    D(null), _(!1), R(null), e(!1);
+  }, G = a && !N, x = m == null ? void 0 : m.map((k) => k.type === "upsell" ? {
     ...k,
-    onClick: () => O(k)
+    onClick: () => T(k)
   } : k);
   return z(oe, {
-    children: [z(ct, {
-      open: F,
+    children: [z(gt, {
+      open: G,
       onOpenChange: E,
-      children: [g(ut, {
+      children: [g(pt, {
         asChild: !0,
         children: g(X, {
           variant: i,
           label: t,
           size: s,
-          icon: r ? h : void 0,
+          icon: r ? d : void 0,
           onClick: () => e(a),
           hideLabel: b
         })
-      }), g(ft, {
+      }), g(mt, {
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(rr, {
+        children: g(ur, {
           mediaUrl: c,
           title: l,
-          description: d,
+          description: h,
           onClose: () => e(!1),
           dismissible: !1,
           width: f,
           trackVisibility: p,
-          actions: _,
+          actions: x,
           showConfirmation: !1
         })
       })]
-    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && C && g(wt, {
+    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && C && g(Ct, {
       open: !0,
       onClose: L,
       success: C === "success",
@@ -5425,45 +5537,45 @@ function Br({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
     })]
   });
 }
-const or = xe(null), ar = ({ children: a, fullScreen: e = !0 }) => {
+const gr = _e(null), pr = ({ children: a, fullScreen: e = !0 }) => {
   const t = Y(null), [i, s] = A(t.current);
-  return ss(() => {
+  return ls(() => {
     s(t.current);
-  }, []), g(or.Provider, {
+  }, []), g(gr.Provider, {
     value: {
       element: i
     },
     children: g("div", {
       ref: t,
       id: "f0-layout",
-      className: j({
+      className: B({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: a
     })
   });
-}, lr = ({ children: a }) => g(is, {
+}, mr = ({ children: a }) => g(as, {
   reducedMotion: "user",
   children: a
-}), Ir = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(lr, {
-  children: g(Vi, {
+}), Kr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: d, showExperimentalWarnings: c = !1 }) => g(mr, {
+  children: g(Qi, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: g(Yi, {
+    children: g(es, {
       ...n,
-      children: g(Xi, {
+      children: g(ts, {
         ...r,
-        children: g(Ji, {
+        children: g(is, {
           ...t,
-          children: g(ar, {
+          children: g(pr, {
             ...e,
-            children: g(Zi, {
-              children: g(Qi, {
+            children: g(ss, {
+              children: g(rs, {
                 initiallyEnabled: i,
-                children: g(es, {
+                children: g(ns, {
                   ...s,
-                  children: g(ts, {
-                    handler: h,
+                  children: g(os, {
+                    handler: d,
                     children: a
                   })
                 })
@@ -5474,104 +5586,106 @@ const or = xe(null), ar = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), tt = (a) => `datacollection-${a}`, Fr = {
+}), rt = (a) => `datacollection-${a}`, Vr = {
   get: async (a) => JSON.parse(
-    localStorage.getItem(tt(a)) ?? "{}"
+    localStorage.getItem(rt(a)) ?? "{}"
   ),
   set: async (a, e) => {
-    localStorage.setItem(tt(a), JSON.stringify(e));
+    localStorage.setItem(rt(a), JSON.stringify(e));
   }
 };
 export {
-  mr as AreaChart,
-  $r as Await,
-  yr as BarChart,
-  vr as CategoryBarChart,
-  Er as ComboChart,
-  jr as DndProvider,
-  Ur as EmojiImage,
-  qr as F0Avatar,
-  Kr as F0AvatarAlert,
-  Vr as F0AvatarCompany,
-  Yr as F0AvatarDate,
-  Xr as F0AvatarEmoji,
-  Jr as F0AvatarFile,
-  Zr as F0AvatarIcon,
-  Qr as F0AvatarList,
-  vt as F0AvatarModule,
-  en as F0AvatarPerson,
-  tn as F0AvatarTeam,
+  Cr as AreaChart,
+  Jr as Await,
+  Rr as BarChart,
+  Nr as CategoryBarChart,
+  Pr as ComboChart,
+  Zr as DndProvider,
+  Qr as EmojiImage,
+  en as F0Avatar,
+  tn as F0AvatarAlert,
+  sn as F0AvatarCompany,
+  rn as F0AvatarDate,
+  nn as F0AvatarEmoji,
+  on as F0AvatarFile,
+  an as F0AvatarIcon,
+  ln as F0AvatarList,
+  _t as F0AvatarModule,
+  dn as F0AvatarPerson,
+  hn as F0AvatarTeam,
   X as F0Button,
-  sn as F0ButtonDropdown,
-  rn as F0ButtonToggle,
-  nn as F0Card,
-  on as F0Checkbox,
-  kr as F0ChipList,
-  Ar as F0DatePicker,
-  an as F0EventCatcherProvider,
-  Mr as F0GridStack,
-  Hi as F0Icon,
-  ln as F0Link,
-  Ir as F0Provider,
-  hn as F0TagAlert,
-  dn as F0TagBalance,
-  cn as F0TagCompany,
-  un as F0TagDot,
-  fn as F0TagList,
-  gn as F0TagPerson,
-  Li as F0TagRaw,
-  Mi as F0TagStatus,
-  pn as F0TagTeam,
-  mn as GROUP_ID_SYMBOL,
-  Lr as HomeLayout,
-  br as LineChart,
-  yn as OneFilterPicker,
-  wr as PieChart,
-  Qi as PrivacyModeProvider,
-  $t as ProductBlankslate,
-  vn as ProductCard,
-  Hr as ProductModal,
-  rr as ProductWidget,
-  xr as ProgressBarChart,
-  Or as StandardLayout,
-  bn as TagCounter,
-  Tr as TwoColumnLayout,
-  wt as UpsellRequestResponseDialog,
-  nr as UpsellingBanner,
-  _t as UpsellingButton,
-  Br as UpsellingPopover,
-  _r as VerticalBarChart,
-  gr as avatarVariants,
-  wn as buildTranslations,
-  Dr as buttonDropdownSizes,
-  Nr as buttonDropdownVariants,
-  Rr as buttonSizes,
-  Sr as buttonToggleSizes,
-  Cr as buttonVariants,
-  _n as createAtlaskitDriver,
-  xn as createDataSourceDefinition,
-  Fr as dataCollectionLocalStorageHandler,
-  Pr as datepickerSizes,
-  fr as defaultTranslations,
-  Ae as experimental,
-  En as getAnimationVariants,
-  Cn as getDataSourcePaginationType,
-  Rn as getEmojiLabel,
-  Nn as isInfiniteScrollPagination,
-  Dn as isPageBasedPagination,
-  zr as linkVariants,
-  Sn as modules,
-  zn as predefinedPresets,
-  kn as tagDotColors,
-  Pn as useData,
-  An as useDataSource,
-  On as useDndEvents,
-  Tn as useDraggable,
-  Ln as useDroppableList,
-  Mn as useEmojiConfetti,
-  Hn as useGroups,
-  Bn as usePrivacyMode,
-  In as useReducedMotion,
-  Fn as useSelectable,
-  Gn as useXRay
+  cn as F0ButtonDropdown,
+  un as F0ButtonToggle,
+  fn as F0Card,
+  gn as F0Checkbox,
+  Br as F0ChipList,
+  Fr as F0DatePicker,
+  pn as F0EventCatcherProvider,
+  jr as F0GridStack,
+  Ks as F0Heading,
+  Wi as F0Icon,
+  mn as F0Link,
+  Kr as F0Provider,
+  yn as F0TagAlert,
+  vn as F0TagBalance,
+  bn as F0TagCompany,
+  wn as F0TagDot,
+  xn as F0TagList,
+  _n as F0TagPerson,
+  Fi as F0TagRaw,
+  Gi as F0TagStatus,
+  En as F0TagTeam,
+  Vs as F0Text,
+  Cn as GROUP_ID_SYMBOL,
+  $r as HomeLayout,
+  Dr as LineChart,
+  Rn as OneFilterPicker,
+  Sr as PieChart,
+  rs as PrivacyModeProvider,
+  Kt as ProductBlankslate,
+  Nn as ProductCard,
+  Ur as ProductModal,
+  ur as ProductWidget,
+  kr as ProgressBarChart,
+  Gr as StandardLayout,
+  Dn as TagCounter,
+  Wr as TwoColumnLayout,
+  Ct as UpsellRequestResponseDialog,
+  fr as UpsellingBanner,
+  Rt as UpsellingButton,
+  qr as UpsellingPopover,
+  zr as VerticalBarChart,
+  _r as avatarVariants,
+  Sn as buildTranslations,
+  Lr as buttonDropdownSizes,
+  Or as buttonDropdownVariants,
+  Tr as buttonSizes,
+  Mr as buttonToggleSizes,
+  Ar as buttonVariants,
+  zn as createAtlaskitDriver,
+  kn as createDataSourceDefinition,
+  Vr as dataCollectionLocalStorageHandler,
+  Ir as datepickerSizes,
+  xr as defaultTranslations,
+  Te as experimental,
+  Pn as getAnimationVariants,
+  An as getDataSourcePaginationType,
+  Tn as getEmojiLabel,
+  On as isInfiniteScrollPagination,
+  Ln as isPageBasedPagination,
+  Hr as linkVariants,
+  Mn as modules,
+  Hn as predefinedPresets,
+  Bn as tagDotColors,
+  In as useData,
+  Fn as useDataSource,
+  Gn as useDndEvents,
+  Wn as useDraggable,
+  $n as useDroppableList,
+  jn as useEmojiConfetti,
+  Un as useGroups,
+  qn as usePrivacyMode,
+  Kn as useReducedMotion,
+  Vn as useSelectable,
+  Yn as useXRay
 };