@factorialco/f0-react 1.279.2 → 1.281.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-CfFQMvCM.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-CfFQMvCM.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 { S as We, a as qt, f as Ee, L as J, b as Kt, A as Vt, i as ae, c as tt, d as it, E as Yt, g as he, e as Xt, h as Jt, C as Qt, j as Zt, k as K, l as st, u as ei, G as ti, m as ii, n as $e, o as si, p as rt, q as ri, B as nt, X as ot, Y as De, r as ni, s as at, 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 je, I as gi, J as Q, K as Ne, M as pi, N as mi, O as vi, P as lt, Q as L, R as I, T as yi, U as bi, V as wi, W as xi, Z as _i, _ as Ci, $ as Ei, a0 as ht, a1 as Ni, a2 as de, a3 as dt, a4 as ct, a5 as Ri, a6 as ut, a7 as ft, a8 as gt, a9 as pt, aa as Di, ab as Si, ac as mt, ad as zi, ae as ki, af as vt, ag as Pi, ah as yt, ai as Ai, aj as Ti, ak as Oi, al as Li, am as Mi, an as Hi, ao as Bi, ap as Ii, aq as bt, ar as V, as as wt, at as Fi, au as Gi, av as Ue, aw as Wi, ax as xt, ay as $i, az as ji, aA as Ui, aB as qi, aC as Ki, aD as Vi, aE as Yi, aF as Xi, aG as Ji, aH as Qi, aI as Zi, aJ as es } from "./hooks-CIGhOgZ-.js";
+import { ba as Gr, bn as Wr, bw as $r, aK as jr, aL as Ur, aM as qr, aN as Kr, aO as Vr, aP as Yr, aQ as Xr, aR as Jr, aT as Qr, aU as Zr, aV as en, aW as tn, aX as sn, aY as rn, aZ as nn, bs as on, a$ as an, b1 as ln, b2 as hn, b3 as dn, b4 as cn, b7 as un, b8 as fn, b9 as gn, bc as pn, b0 as mn, bb as vn, b6 as yn, bt as bn, bm as wn, bh as xn, bk as _n, bg as Cn, bx as En, bf as Nn, be as Rn, aS as Dn, a_ as Sn, b5 as zn, bd as kn, bi as Pn, bo as An, bp as Tn, bq as On, by as Ln, bj as Mn, br as Hn, bv as Bn, bl as In, bu as Fn } from "./hooks-CIGhOgZ-.js";
+import { jsx as g, jsxs as R, Fragment as we } from "react/jsx-runtime";
+import * as Pe from "react";
+import z, { PureComponent as ts, useState as M, forwardRef as j, createElement as qe, useRef as Z, useImperativeHandle as _t, Children as is, createContext as xe, useContext as Ct, useCallback as q, useEffect as ce, useLayoutEffect as Ke, useMemo as Et } from "react";
+import { createPortal as ss } from "react-dom";
+import './f0.css';const rs = {
   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,
+}, ur = {
+  countries: rs,
   approvals: {
     history: "Approval history",
     statuses: {
@@ -360,124 +360,174 @@ import './f0.css';const as = {
     between: "It should be between {{min}} and {{max}}",
     greaterThan: "It should be greater than {{min}}",
     lessThan: "It should be less than {{max}}"
+  },
+  coCreationForm: {
+    actions: {
+      actions: "Actions",
+      duplicateQuestion: "Duplicate question",
+      deleteQuestion: "Delete question",
+      duplicateSection: "Duplicate section",
+      deleteSection: "Delete section"
+    },
+    questionTypes: {
+      section: "Section",
+      rating: "Rating",
+      multipleChoice: "Multiple choice",
+      singleChoice: "Single choice",
+      text: "Text",
+      longText: "Long text",
+      numeric: "Numeric",
+      link: "Link",
+      date: "Date"
+    },
+    selectQuestion: {
+      addOption: "Add option",
+      newOption: "New option {{number}}",
+      markAsCorrect: "Mark as correct",
+      remove: "Remove",
+      correct: "Correct",
+      optionPlaceholder: "Type anything you want here..."
+    },
+    answer: {
+      label: "Answer",
+      placeholder: "Respondent's answer"
+    },
+    labels: {
+      endOfSection: "End of section",
+      title: "Title",
+      titlePlaceholder: "Question title",
+      description: "Description",
+      questionDescriptionPlaceholder: "Describe the question in a few words",
+      sectionDescriptionPlaceholder: "Describe the section in a few words",
+      required: "Required",
+      questionType: "Question type",
+      questionOptions: "Question options",
+      actions: "Actions",
+      sectionTitlePlaceholder: "Section title"
+    },
+    defaults: {
+      newSection: "New Section",
+      newQuestion: "New Question",
+      newQuestionDescription: "New question description"
+    }
   }
-}, gr = [
+}, fr = [
   "person",
   "team",
   "company",
   "file",
   "flag"
 ];
-function J(a) {
+function Y(a) {
   "@babel/helpers - typeof";
-  return J = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, J(a);
+  }, Y(a);
 }
-function ls(a, e) {
+function ns(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function hs(a, e) {
+function os(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, Dt(i.key), i);
   }
 }
-function ds(a, e, t) {
-  return e && hs(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
+function as(a, e, t) {
+  return e && os(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 ls(a, e, t) {
+  return e = ue(e), hs(a, Nt() ? Reflect.construct(e, t || [], ue(a).constructor) : e.apply(a, t));
 }
-function us(a, e) {
-  if (e && (J(e) === "object" || typeof e == "function"))
+function hs(a, e) {
+  if (e && (Y(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 ds(a);
 }
-function fs(a) {
+function ds(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function Ct() {
+function Nt() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Ct = function() {
+  return (Nt = function() {
     return !!a;
   })();
 }
-function ge(a) {
-  return ge = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function ue(a) {
+  return ue = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, ge(a);
+  }, ue(a);
 }
-function gs(a, e) {
+function cs(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 && Se(a, e);
 }
-function ze(a, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function Se(a, e) {
+  return Se = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ze(a, e);
+  }, Se(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;
+  return e = Dt(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");
-  return J(e) == "symbol" ? e : e + "";
+function Dt(a) {
+  var e = us(a, "string");
+  return Y(e) == "symbol" ? e : e + "";
 }
-function ps(a, e) {
-  if (J(a) != "object" || !a) return a;
+function us(a, e) {
+  if (Y(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (J(i) != "object") return i;
+    if (Y(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
 }
-var Ee = /* @__PURE__ */ function(a) {
+var _e = /* @__PURE__ */ function(a) {
   function e() {
-    return ls(this, e), cs(this, e, arguments);
+    return ns(this, e), ls(this, e, arguments);
   }
-  return gs(e, a), ds(e, [{
+  return cs(e, a), as(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-}(P.Component);
-Rt(Ee, "displayName", "ZAxis");
-Rt(Ee, "defaultProps", {
+}(z.Component);
+Rt(_e, "displayName", "ZAxis");
+Rt(_e, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var ms = ["option", "isActive"];
-function ie() {
-  return ie = Object.assign ? Object.assign.bind() : function(a) {
+var fs = ["option", "isActive"];
+function ee() {
+  return ee = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (a[i] = t[i]);
     }
     return a;
-  }, ie.apply(this, arguments);
+  }, ee.apply(this, arguments);
 }
-function ys(a, e) {
+function gs(a, e) {
   if (a == null) return {};
-  var t = vs(a, e), i, s;
+  var t = ps(a, e), i, s;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(a);
     for (s = 0; s < r.length; s++)
@@ -485,7 +535,7 @@ function ys(a, e) {
   }
   return t;
 }
-function vs(a, e) {
+function ps(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -495,39 +545,39 @@ 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 ms(a) {
+  var e = a.option, t = a.isActive, i = gs(a, fs);
+  return typeof e == "string" ? /* @__PURE__ */ z.createElement(We, ee({
+    option: /* @__PURE__ */ z.createElement(qt, ee({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ P.createElement($e, ie({
+  }, i)) : /* @__PURE__ */ z.createElement(We, ee({
     option: e,
     isActive: t,
     shapeType: "symbols"
   }, i));
 }
-function Z(a) {
+function X(a) {
   "@babel/helpers - typeof";
-  return Z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return X = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Z(a);
+  }, X(a);
 }
-function se() {
-  return se = Object.assign ? Object.assign.bind() : function(a) {
+function te() {
+  return te = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var i in t)
         Object.prototype.hasOwnProperty.call(t, i) && (a[i] = t[i]);
     }
     return a;
-  }, se.apply(this, arguments);
+  }, te.apply(this, arguments);
 }
-function Ye(a, e) {
+function Ve(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -537,94 +587,94 @@ function Ye(a, e) {
   }
   return t;
 }
-function H(a) {
+function O(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) {
+    e % 2 ? Ve(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) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ve(Object(t)).forEach(function(i) {
       Object.defineProperty(a, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return a;
 }
-function ws(a, e) {
+function vs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Xe(a, e) {
+function Ye(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, zt(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 ys(a, e, t) {
+  return e && Ye(a.prototype, e), t && Ye(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 bs(a, e, t) {
+  return e = fe(e), ws(a, St() ? Reflect.construct(e, t || [], fe(a).constructor) : e.apply(a, t));
 }
-function Es(a, e) {
-  if (e && (Z(e) === "object" || typeof e == "function"))
+function ws(a, e) {
+  if (e && (X(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 xs(a);
 }
-function Cs(a) {
+function xs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function Dt() {
+function St() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Dt = function() {
+  return (St = function() {
     return !!a;
   })();
 }
-function pe(a) {
-  return pe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+function fe(a) {
+  return fe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
     return t.__proto__ || Object.getPrototypeOf(t);
-  }, pe(a);
+  }, fe(a);
 }
-function Rs(a, e) {
+function _s(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 && ze(a, e);
 }
-function ke(a, e) {
-  return ke = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function ze(a, e) {
+  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, ke(a, e);
+  }, ze(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;
+  return e = zt(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");
-  return Z(e) == "symbol" ? e : e + "";
+function zt(a) {
+  var e = Cs(a, "string");
+  return X(e) == "symbol" ? e : e + "";
 }
-function Ns(a, e) {
-  if (Z(a) != "object" || !a) return a;
+function Cs(a, e) {
+  if (X(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
     var i = t.call(a, e);
-    if (Z(i) != "object") return i;
+    if (X(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return String(a);
 }
-var ae = /* @__PURE__ */ function(a) {
+var re = /* @__PURE__ */ function(a) {
   function e() {
     var t;
-    ws(this, e);
+    vs(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 = bs(this, e, [].concat(s)), U(t, "state", {
       isAnimationFinished: !1
     }), U(t, "handleAnimationEnd", function() {
       t.setState({
@@ -636,18 +686,18 @@ var ae = /* @__PURE__ */ function(a) {
       });
     }), U(t, "id", ei("recharts-scatter-")), t;
   }
-  return Rs(e, a), _s(e, [{
+  return _s(e, a), ys(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);
+      var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Ee(this.props, !1);
       return i.map(function(l, d) {
-        var f = h === d, p = f ? o : n, m = H(H({}, c), l);
-        return /* @__PURE__ */ P.createElement(Q, se({
+        var f = h === d, p = f ? o : n, m = O(O({}, c), l);
+        return /* @__PURE__ */ z.createElement(J, te({
           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), {
           role: "img"
-        }), /* @__PURE__ */ P.createElement(bs, se({
+        }), /* @__PURE__ */ z.createElement(ms, te({
           option: p,
           isActive: f,
           key: "symbol-".concat(d)
@@ -658,7 +708,7 @@ var ae = /* @__PURE__ */ function(a) {
     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, {
+      return /* @__PURE__ */ z.createElement(Vt, {
         begin: o,
         duration: h,
         isActive: n,
@@ -673,29 +723,29 @@ var ae = /* @__PURE__ */ function(a) {
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
       }, function(f) {
-        var p = f.t, m = r.map(function(y, b) {
-          var N = d && d[b];
-          if (N) {
-            var x = de(N.cx, y.cx), C = de(N.cy, y.cy), D = de(N.size, y.size);
-            return H(H({}, y), {}, {
-              cx: x(p),
+        var p = f.t, m = r.map(function(v, b) {
+          var _ = d && d[b];
+          if (_) {
+            var E = ae(_.cx, v.cx), C = ae(_.cy, v.cy), S = ae(_.size, v.size);
+            return O(O({}, v), {}, {
+              cx: E(p),
               cy: C(p),
-              size: D(p)
+              size: S(p)
             });
           }
-          var S = de(0, y.size);
-          return H(H({}, y), {}, {
-            size: S(p)
+          var N = ae(0, v.size);
+          return O(O({}, v), {}, {
+            size: N(p)
           });
         });
-        return /* @__PURE__ */ P.createElement(Q, null, i.renderSymbolsStatically(m));
+        return /* @__PURE__ */ z.createElement(J, null, i.renderSymbolsStatically(m));
       });
     }
   }, {
     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 || !tt(n, s)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(s);
     }
   }, {
     key: "renderErrorBar",
@@ -703,21 +753,21 @@ 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);
+      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = it(h, Yt);
       return c ? c.map(function(l, d) {
         var f = l.props, p = f.direction, m = f.dataKey;
-        return /* @__PURE__ */ P.cloneElement(l, {
+        return /* @__PURE__ */ z.cloneElement(l, {
           key: "".concat(p, "-").concat(m, "-").concat(r[d]),
           data: r,
           xAxis: n,
           yAxis: o,
           layout: p === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(b, N) {
+          dataPointFormatter: function(b, _) {
             return {
               x: b.cx,
               y: b.cy,
               value: p === "x" ? +b.node.x : +b.node.y,
-              errorVal: ue(b, N)
+              errorVal: he(b, _)
             };
           }
         });
@@ -726,7 +776,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, h = Ee(this.props, !1), c = Ee(r, !1), l, d;
       if (n === "joint")
         l = s.map(function(C) {
           return {
@@ -735,26 +785,26 @@ 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) {
-          return y * D + b;
+        var f = Xt(s), p = f.xmin, m = f.xmax, v = f.a, b = f.b, _ = function(S) {
+          return v * S + b;
         };
         l = [{
           x: p,
-          y: N(p)
+          y: _(p)
         }, {
           x: m,
-          y: N(m)
+          y: _(m)
         }];
       }
-      var x = H(H(H({}, h), {}, {
+      var E = O(O(O({}, h), {}, {
         fill: "none",
         stroke: h && h.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__ */ z.isValidElement(r) ? d = /* @__PURE__ */ z.cloneElement(r, E) : Jt(r) ? d = r(E) : d = /* @__PURE__ */ z.createElement(Qt, te({}, E, {
         type: o
-      })), /* @__PURE__ */ P.createElement(Q, {
+      })), /* @__PURE__ */ z.createElement(J, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, d);
@@ -762,23 +812,23 @@ var ae = /* @__PURE__ */ function(a) {
   }, {
     key: "render",
     value: function() {
-      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, m = i.id, y = i.isAnimationActive;
+      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, m = i.id, v = 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;
-      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", {
-        id: "clipPath-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
-        x: x ? l : l - f / 2,
+      var b = this.state.isAnimationFinished, _ = Zt("recharts-scatter", o), E = h && h.allowDataOverflow, C = c && c.allowDataOverflow, S = E || C, N = K(m) ? this.id : m;
+      return /* @__PURE__ */ z.createElement(J, {
+        className: _,
+        clipPath: S ? "url(#clipPath-".concat(N, ")") : null
+      }, E || C ? /* @__PURE__ */ z.createElement("defs", null, /* @__PURE__ */ z.createElement("clipPath", {
+        id: "clipPath-".concat(N)
+      }, /* @__PURE__ */ z.createElement("rect", {
+        x: E ? l : l - f / 2,
         y: C ? d : d - p / 2,
-        width: x ? f : f * 2,
+        width: E ? f : f * 2,
         height: C ? p : p * 2
-      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ P.createElement(Q, {
+      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ z.createElement(J, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!y || b) && rt.renderCallByParent(this.props, r));
+      }, this.renderSymbols()), (!v || b) && st.renderCallByParent(this.props, r));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -792,9 +842,9 @@ var ae = /* @__PURE__ */ function(a) {
       } : null;
     }
   }]);
-}(rs);
-U(ae, "displayName", "Scatter");
-U(ae, "defaultProps", {
+}(ts);
+U(re, "displayName", "Scatter");
+U(re, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -809,90 +859,90 @@ U(ae, "defaultProps", {
   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 = [{
-      name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
+U(re, "getComposedData", function(a) {
+  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = it(s.props.children, ii), d = K(e.dataKey) ? s.props.dataKey : e.dataKey, f = K(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : _e.defaultProps.range, v = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, _ = t.scale.bandwidth ? t.scale.bandwidth() : 0, E = r.map(function(C, S) {
+    var N = he(C, d), P = he(C, f), A = !K(p) && he(C, p) || "-", W = [{
+      name: K(e.dataKey) ? s.props.name : e.name || e.dataKey,
       unit: e.unit || "",
-      value: S,
+      value: N,
       payload: C,
       dataKey: d,
       type: c
     }, {
-      name: V(t.dataKey) ? s.props.name : t.name || t.dataKey,
+      name: K(t.dataKey) ? s.props.name : t.name || t.dataKey,
       unit: t.unit || "",
-      value: R,
+      value: P,
       payload: C,
       dataKey: f,
       type: c
     }];
-    E !== "-" && O.push({
+    A !== "-" && W.push({
       name: i.name || i.dataKey,
       unit: i.unit || "",
-      value: E,
+      value: A,
       payload: C,
       dataKey: p,
       type: c
     });
-    var L = je({
+    var H = $e({
       axis: e,
       ticks: n,
       bandSize: b,
       entry: C,
-      index: D,
+      index: S,
       dataKey: d
-    }), F = je({
+    }), F = $e({
       axis: t,
       ticks: o,
-      bandSize: N,
+      bandSize: _,
       entry: C,
-      index: D,
+      index: S,
       dataKey: f
-    }), _ = E !== "-" ? i.scale(E) : y, k = Math.sqrt(Math.max(_, 0) / Math.PI);
-    return H(H({}, C), {}, {
-      cx: L,
+    }), x = A !== "-" ? i.scale(A) : v, D = Math.sqrt(Math.max(x, 0) / Math.PI);
+    return O(O({}, C), {}, {
+      cx: H,
       cy: F,
-      x: L - k,
-      y: F - k,
+      x: H - D,
+      y: F - D,
       xAxis: e,
       yAxis: t,
       zAxis: i,
-      width: 2 * k,
-      height: 2 * k,
-      size: _,
+      width: 2 * D,
+      height: 2 * D,
+      size: x,
       node: {
-        x: S,
-        y: R,
-        z: E
+        x: N,
+        y: P,
+        z: A
       },
-      tooltipPayload: O,
+      tooltipPayload: W,
       tooltipPosition: {
-        x: L,
+        x: H,
         y: F
       },
       payload: C
-    }, l && l[D] && l[D].props);
+    }, l && l[S] && l[S].props);
   });
-  return H({
-    points: x
+  return O({
+    points: E
   }, h);
 });
-var Ds = si({
+var Es = si({
   chartName: "ComposedChart",
-  GraphicalChild: [nt, ri, ot, ae],
+  GraphicalChild: [rt, ri, nt, re],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: at
+    AxisComp: ot
   }, {
     axisType: "yAxis",
-    AxisComp: Se
+    AxisComp: De
   }, {
     axisType: "zAxis",
-    AxisComp: Ee
+    AxisComp: _e
   }],
   formatAxisMap: ni
 });
-const Ss = (a) => {
+const Ns = (a) => {
   const e = (t) => {
     const { cx: i, cy: s, fill: r, payload: n } = t, o = () => {
       if (!n) return "-";
@@ -916,18 +966,18 @@ const Ss = (a) => {
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, zs = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
+}, Rs = ({ 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");
+  var A, W, H, F;
+  const v = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], _ = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], E = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ..._, ...E], S = Math.max(...v.flatMap((x) => C.map((D) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${x[D]}`) : `${x[D]}`)))), N = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "left"), P = [l, d, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "right");
   return g(li, {
     config: a,
     ref: m,
     aspect: o,
-    children: z(Ds, {
+    children: R(Es, {
       accessibilityLayer: !0,
-      data: y,
+      data: v,
       margin: {
         left: i && !i.hide ? 0 : 12,
         right: 12,
@@ -935,16 +985,16 @@ 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,
+        const D = {
+          label: x.activeLabel,
           values: {}
         };
-        for (const le of _.activePayload)
-          k.values[le.name] = le.value;
-        p(k);
+        for (const ne of x.activePayload)
+          D.values[ne.name] = ne.value;
+        p(D);
       },
       children: [!r && g(hi, {
         ...di(),
@@ -953,44 +1003,44 @@ const Ss = (a) => {
         })
       }), !n && g(ui, {
         ...fi()
-      }), S.length > 0 && g(Se, {
-        ...Ue(i),
+      }), N.length > 0 && g(De, {
+        ...je(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 ? {
-          value: S[0].axisLabel,
+        width: i.width ?? S + 20 + (P.length > 0 && ((A = N[0]) != null && A.axisLabel) ? 20 : 0),
+        hide: i.hide || N.some((x) => x == null ? void 0 : x.hideAxis),
+        label: (W = N[0]) != null && W.axisLabel ? {
+          value: N[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), R.length > 0 && g(Se, {
-        ...Ue(i),
+      }), P.length > 0 && g(De, {
+        ...je(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 ? {
-          value: R[0].axisLabel,
+        width: i.width ?? S + 20 + (N.length > 0 && ((H = P[0]) != null && H.axisLabel) ? 20 : 0),
+        hide: i.hide || P.some((x) => x == null ? void 0 : x.hideAxis),
+        label: (F = P[0]) != null && F.axisLabel ? {
+          value: P[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
-      }), g(at, {
+      }), g(ot, {
         ...gi(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();
-          return z("g", {
-            transform: `translate(${k},${le})`,
+        tick: c ? (x) => {
+          var Fe, Ge;
+          const { x: D, y: ne, payload: Be } = x, Ie = ((Fe = e.find((Ut) => Ut.label === Be.value)) == null ? void 0 : Fe.values) || "", oe = Object.keys(Ie).length === 1 ? (Ge = Object.values(Ie)) == null ? void 0 : Ge[0] : void 0, jt = oe !== void 0 && i.tickFormatter ? i.tickFormatter(`${oe}`) : oe.toLocaleString();
+          return R("g", {
+            transform: `translate(${D},${ne})`,
             children: [g("text", {
               x: 0,
               y: 0,
               dy: 12,
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
-              children: Ie.value
-            }), !!he && g("text", {
+              children: Be.value
+            }), !!oe && g("text", {
               x: 0,
               y: 0,
               dy: 28,
@@ -1000,34 +1050,34 @@ const Ss = (a) => {
             })]
           });
         } : void 0
-      }), b.map((_, k) => g(ot, {
+      }), b.map((x, D) => g(nt, {
         isAnimationActive: !1,
-        dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(k),
+        dataKey: String(x),
+        fill: a[x].color ? Q(a[x].color) : Ne(D),
         radius: 4,
         maxBarSize: 32,
-        children: s && g(rt, {
+        children: s && g(st, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
-        }, `label-${String(_)}`)
-      }, `bar-${String(_)}`)), N.map((_, k) => g(nt, {
+        }, `label-${String(x)}`)
+      }, `bar-${String(x)}`)), _.map((x, D) => g(rt, {
         type: (d == null ? void 0 : d.lineType) ?? "natural",
-        dataKey: String(_),
-        stroke: a[_].color ? ee(a[_].color) : Ne(b.length + k),
+        dataKey: String(x),
+        stroke: a[x].color ? Q(a[x].color) : Ne(b.length + D),
         strokeWidth: 2,
         dot: (d == null ? void 0 : d.dot) ?? !1,
         isAnimationActive: !1,
         yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(_)}`)), x.map((_, k) => g(ae, {
-        dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(b.length + N.length + k),
+      }, `line-${String(x)}`)), E.map((x, D) => g(re, {
+        dataKey: String(x),
+        fill: a[x].color ? Q(a[x].color) : Ne(b.length + _.length + D),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0,
-        shape: Ss(String(_))
-      }, `scatter-${String(_)}`)), h && g(pi, {
+        shape: Ns(String(x))
+      }, `scatter-${String(x)}`)), h && g(pi, {
         content: g(mi, {
           nameKey: "label"
         }),
@@ -1038,29 +1088,29 @@ const Ss = (a) => {
       })]
     })
   });
-}, ks = lt(zs);
-var Te = "Progress", Le = 100, [Ps, pr] = yi(Te), [As, Os] = Ps(Te), zt = Oe.forwardRef(
+}, Ds = at(Rs);
+var Ae = "Progress", Te = 100, [Ss, gr] = vi(Ae), [zs, ks] = Ss(Ae), kt = Pe.forwardRef(
   (a, e) => {
     const {
       __scopeProgress: t,
       value: i = null,
       max: s,
-      getValueLabel: r = Ts,
+      getValueLabel: r = Ps,
       ...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) && !Xe(s) && console.error(As(`${s}`, "Progress"));
+    const o = Xe(s) ? s : Te;
+    i !== null && !Je(i, o) && console.error(Ts(`${i}`, "Progress"));
+    const h = Je(i, o) ? i : null, c = ge(h) ? r(h, o) : void 0;
+    return /* @__PURE__ */ g(zs, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
+      lt.div,
       {
         "aria-valuemax": o,
         "aria-valuemin": 0,
-        "aria-valuenow": me(h) ? h : void 0,
+        "aria-valuenow": ge(h) ? h : void 0,
         "aria-valuetext": c,
         role: "progressbar",
-        "data-state": At(h, o),
+        "data-state": Tt(h, o),
         "data-value": h ?? void 0,
         "data-max": o,
         ...n,
@@ -1069,14 +1119,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(
+kt.displayName = Ae;
+var Pt = "ProgressIndicator", At = Pe.forwardRef(
   (a, e) => {
-    const { __scopeProgress: t, ...i } = a, s = Os(kt, t);
+    const { __scopeProgress: t, ...i } = a, s = ks(Pt, t);
     return /* @__PURE__ */ g(
-      ht.div,
+      lt.div,
       {
-        "data-state": At(s.value, s.max),
+        "data-state": Tt(s.value, s.max),
         "data-value": s.value ?? void 0,
         "data-max": s.max,
         ...i,
@@ -1085,39 +1135,39 @@ var kt = "ProgressIndicator", Pt = Oe.forwardRef(
     );
   }
 );
-Pt.displayName = kt;
-function Ts(a, e) {
+At.displayName = Pt;
+function Ps(a, e) {
   return `${Math.round(a / e * 100)}%`;
 }
-function At(a, e) {
+function Tt(a, e) {
   return a == null ? "indeterminate" : a === e ? "complete" : "loading";
 }
-function me(a) {
+function ge(a) {
   return typeof a == "number";
 }
-function Je(a) {
-  return me(a) && !isNaN(a) && a > 0;
+function Xe(a) {
+  return ge(a) && !isNaN(a) && a > 0;
 }
-function Ze(a, e) {
-  return me(a) && !isNaN(a) && a <= e && a >= 0;
+function Je(a, e) {
+  return ge(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 As(a, e) {
+  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Te}\`.`;
 }
-function Ms(a, e) {
+function Ts(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 ${Te} 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 Ot = kt, Os = At;
+const Lt = Pe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
   ref: i,
-  className: j("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
+  className: L("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
   ...t,
-  children: g(Hs, {
+  children: g(Os, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: t.color,
@@ -1125,15 +1175,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) => {
-  const r = i ? ee(i) : ee("categorical-1"), n = a / e * 100;
-  return z("div", {
+Lt.displayName = Ot.displayName;
+const Ls = ({ value: a, max: e = 100, label: t, color: i }, s) => {
+  const r = i ? Q(i) : Q("categorical-1"), n = a / e * 100;
+  return R("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [g("div", {
       className: "flex-grow",
-      children: g(Tt, {
+      children: g(Lt, {
         color: r,
         value: n,
         className: "w-full",
@@ -1147,78 +1197,78 @@ const Bs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
       children: t
     })]
   });
-}, Is = lt(Bs), mr = I(
+}, Ms = at(Ls), pr = I(
   {
     name: "AreaChart",
     type: "info"
   },
-  Ei
-), yr = I(
+  Ci
+), mr = I(
   {
     name: "BarChart",
     type: "info"
   },
-  vi
+  yi
 ), vr = I(
   {
     name: "CategoryBarChart",
     type: "info"
   },
   bi
-), br = I(
+), yr = I(
   {
     name: "LineChart",
     type: "info"
   },
   wi
-), wr = I(
+), br = I(
   {
     name: "PieChart",
     type: "info"
   },
-  _i
-), _r = I(
+  xi
+), wr = I(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  xi
+  _i
 ), xr = I(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  Is
-), Er = I(
+  Ms
+), _r = I(
   {
     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 }) => {
-  const [t, i] = A(!1), s = g(fe, {
+  Ds
+), Cr = Ei, Er = ht, Nr = ["default", "outline", "neutral"], Rr = ht, Dr = ["sm", "md", "lg"], Sr = Ni, ke = ({ count: a, list: e }) => {
+  const [t, i] = M(!1), s = g(de, {
     label: `+${a}`
   });
-  return e != null && e.length ? z(ct, {
+  return e != null && e.length ? R(dt, {
     open: t,
     onOpenChange: i,
-    children: [g(ut, {
+    children: [g(ct, {
       asChild: !0,
       children: g("button", {
-        className: Ni("inline-flex flex-shrink-0 items-center"),
+        className: Ri("inline-flex flex-shrink-0 items-center"),
         children: s
       })
-    }), g(ft, {
+    }), g(ut, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: z(gt, {
+      children: R(ft, {
         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, {
+          children: g(de, {
             ...r
           })
-        }, n)), g(pt, {
+        }, n)), g(gt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -1226,17 +1276,17 @@ 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" }) => {
+ke.displayName = "ChipCounter";
+const Mt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
     return g(Di, {
       items: a,
-      renderListItem: (h) => g(fe, {
+      renderListItem: (h) => g(de, {
         ...h
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (h) => g(Pe, {
+      renderOverflowIndicator: (h) => g(ke, {
         count: (t ?? 0) + h,
         list: t ? void 0 : a.slice(a.length - h)
       }),
@@ -1244,160 +1294,156 @@ const Lt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" })
       className: "flex-1"
     });
   const s = a.slice(0, e), r = a.slice(e), n = t ?? a.length - e, o = n > 0;
-  return z("div", {
+  return R("div", {
     className: "flex items-center gap-2",
-    children: [s.map((h, c) => g(fe, {
+    children: [s.map((h, c) => g(de, {
       ...h
-    }, c)), o && g(Pe, {
+    }, c)), o && g(ke, {
       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(() => {
-    l(t.toString(a == null ? void 0 : a.value, p));
-  }, [a, t, p]);
-  const m = (x) => ki(x, t, {
-    minDate: s,
-    maxDate: r
-  }), y = (x, C) => {
-    if (x === "") {
-      e == null || e({
-        value: void 0,
-        granularity: C.key
-      }), f(o.required ?? !1);
-      return;
-    }
-    const D = C.toRange(C.fromString(x, p));
-    D && m(D == null ? void 0 : D.from) && m(D == null ? void 0 : D.to) ? (e == null || e({
-      value: D,
-      granularity: C.key
-    }), f(!1)) : f(!0);
-  }, b = () => {
-    y(c, t);
-  };
-  return g(oe, {
-    children: g(Si, {
-      ...o,
-      icon: zi,
-      ref: h,
-      onFocus: () => i == null ? void 0 : i(!0),
-      onClear: () => {
-        n == null || n(), l(""), y("", t);
-      },
-      onKeyDown: (x) => {
-        x.key === "Enter" && b();
-      },
-      type: "text",
-      onChange: (x) => {
-        l(x);
-      },
-      error: d || 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);
-  }, [n]);
-  const f = mt(), p = te(() => i[0] ?? "day", [i]), m = W((R) => {
-    const E = R || p;
-    if (!qe[E])
-      throw new Error(`Invalid granularity ${E}`);
-    return {
-      ...qe[E],
-      key: E
-    };
-  }, [p]), y = W((R) => {
-    var O;
-    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),
-      granularity: R.granularity
-    } : void 0;
-  }, [m]), b = te(() => m(h == null ? void 0 : h.granularity), [h == null ? void 0 : h.granularity, m]);
-  q(() => {
-    const R = y(e);
-    De(h, 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);
-    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));
+Mt.displayName = "F0ChipList";
+const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
+  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"
     }
-  }, C = (R) => {
-    var E;
-    d(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(() => {
-    l && S.current && requestAnimationFrame(() => {
-      var R;
-      (R = S.current) == null || R.focus();
+  },
+  defaultVariants: {
+    variant: "body",
+    align: "left"
+  }
+}), Hs = {
+  "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"
+}, Oe = j(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...h }, c) => {
+  const l = s ?? Hs[e ?? "body"];
+  if (r !== void 0)
+    return g(zi, {
+      ref: c,
+      lines: typeof r == "number" ? r : 1,
+      noTooltip: n,
+      tag: l,
+      className: L(Re({
+        variant: e,
+        align: t
+      }), i),
+      markdown: o,
+      ...h,
+      children: a
     });
-  }, [l]), g(Pi, {
-    hideCalendarInput: !0,
-    onSelect: N,
-    value: h,
-    presets: D,
-    granularities: i,
-    minDate: s,
-    maxDate: r,
-    open: l,
-    onOpenChange: C,
-    asChild: !0,
-    children: g(Mt, {
-      ref: S,
-      ...o,
-      value: h,
-      granularity: b,
-      onDateChange: x
-    })
-  });
-}
-const Pr = Ai, Ar = Ae(
-  "F0DatePicker",
-  Fs
-), Gs = {
+  if (o) {
+    const d = ki(a);
+    return qe(l, {
+      ...h,
+      className: L(Re({
+        variant: e,
+        align: t
+      }), i),
+      ref: c,
+      dangerouslySetInnerHTML: {
+        __html: d
+      }
+    });
+  }
+  return qe(l, {
+    ...h,
+    className: L(Re({
+      variant: e,
+      align: t
+    }), i),
+    ref: c
+  }, a);
+});
+Oe.displayName = "Text";
+const Bs = j((a, e) => g(Oe, {
+  ref: e,
+  variant: "heading",
+  ...a
+}));
+Bs.displayName = "F0Heading";
+const Is = j((a, e) => g(Oe, {
+  ref: e,
+  markdown: a.markdown ?? !0,
+  ...a
+}));
+Is.displayName = "F0Text";
+const Fs = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, Ws = K(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", {
+}, Gs = j(function({ widgets: e, children: t }, i) {
+  const s = Z(null);
+  _t(i, () => s.current);
+  const r = is.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(vt, {
     layout: "home",
-    children: z("div", {
+    children: R("div", {
       ref: s,
       className: "@container",
-      children: [z("div", {
+      children: [R("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [g(Oi, {
-          columns: Gs,
+        children: [g(Pi, {
+          columns: Fs,
           showArrows: !1,
           children: r
         }), g("main", {
           children: t
         })]
-      }), z("div", {
+      }), R("div", {
         className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
         children: [g("div", {
           className: "col-span-3 flex flex-row gap-5 *:flex-1",
@@ -1412,40 +1458,40 @@ const Pr = Ai, Ar = Ae(
       })]
     })
   });
-}), $s = K(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
+}), Ws = j(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"),
+    children: R("div", {
+      className: L("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: L("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($s, {
         sticky: s,
-        className: j("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        className: L("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),
+}), $s = ({ children: a, className: e }) => g("aside", {
+  className: L("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({
+}), js = mt({
   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, {
+}), Ht = z.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(vt, {
   layout: "standard",
   children: g("section", {
     ref: s,
-    className: j("relative flex-1 overflow-auto", t),
+    className: L("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: j(Us({
+      className: L(js({
         variant: e
       })),
       children: a
@@ -1453,37 +1499,37 @@ const Pr = Ai, Ar = Ae(
   })
 }));
 Ht.displayName = "StandardLayout";
-const Or = I({
+const Pr = I({
   name: "StandardLayout",
   type: "layout"
-}, Ht), Tr = I({
+}, Ht), Ar = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, $s), Lr = I({
+}, Ws), Tr = I({
   name: "HomeLayout",
   type: "layout"
-}, Ws), Bt = xe(null);
-function Me() {
-  const a = Et(Bt);
+}, Gs), Bt = xe(null);
+function Le() {
+  const a = Ct(Bt);
   if (!a)
     throw new Error(
       "useGridStackContext must be used within a GridStackProvider"
     );
   return a;
 }
-function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
-  const [s, r] = A(null), [n, o] = A(() => {
-    var y;
+function Us({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
+  const [s, r] = M(null), [n, o] = M(() => {
+    var v;
     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 _, E;
+      b.id && ((_ = b.renderFn) != null && _.call(b)) && p.set(b.id, b), (E = b.subGridOpts) != null && E.children && b.subGridOpts.children.forEach((C) => {
         m(C);
       });
     };
-    return (y = e.children) == null || y.forEach((b) => {
+    return (v = e.children) == null || v.forEach((b) => {
       m(b);
     }), p;
-  }), h = W(() => {
+  }), h = q(() => {
     if (!s)
       return;
     const p = s.save();
@@ -1496,37 +1542,37 @@ function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
       y: m.y ?? 0
     }))));
   }, [s]);
-  q(() => {
+  ce(() => {
     if (!s) return;
-    const p = (m, y) => {
-      t == null || t(m, y);
+    const p = (m, v) => {
+      t == null || t(m, v);
     };
     return s.on("resizestop", p), s.on("change added removed", h), () => {
       s.off("resizestop"), s.off("change added removed");
     };
-  }, [s, t, h]), q(() => {
+  }, [s, t, h]), ce(() => {
     s && h();
   }, [s]);
-  const c = W((p) => {
+  const c = q((p) => {
     s == null || s.addWidget(p), o((m) => {
-      const y = new Map(m);
-      return y.set(p.id, p), y;
+      const v = new Map(m);
+      return v.set(p.id, p), v;
     });
-  }, [s]), l = W((p) => {
+  }, [s]), l = q((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);
-      }), y;
+      var b, _;
+      const v = new Map(m);
+      return (_ = (b = p.subGridOpts) == null ? void 0 : b.children) == null || _.forEach((E) => {
+        v.set(E.id, E);
+      }), v;
     });
-  }, [s]), d = W((p) => {
+  }, [s]), d = q((p) => {
     const m = document.body.querySelector(`[gs-id="${p}"]`);
-    m && (s == null || s.removeWidget(m)), o((y) => {
-      const b = new Map(y);
+    m && (s == null || s.removeWidget(m)), o((v) => {
+      const b = new Map(v);
       return b.delete(p), b;
     });
-  }, [s]), f = W(() => {
+  }, [s]), f = q(() => {
     s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
   }, [s]);
   return g(Bt.Provider, {
@@ -1550,33 +1596,33 @@ function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   });
 }
 const It = xe(null);
-function Ks() {
-  const a = Et(It);
+function qs() {
+  const a = Ct(It);
   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();
-  return g(oe, {
+const Ks = xe(null);
+function Vs() {
+  const { _rawWidgetMetaMap: a } = Le(), { getWidgetContainer: e } = qs();
+  return g(we, {
     children: Array.from(a.value.entries()).map(([t, i]) => {
       var r;
       const s = e(t);
-      return s ? g(Vs.Provider, {
+      return s ? g(Ks.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: os((r = i.renderFn) == null ? void 0 : r.call(i), s)
+        children: ss((r = i.renderFn) == null ? void 0 : r.call(i), s)
       }, t) : null;
     })
   });
 }
-function Xs(a, e, t, i, s) {
+function Ys(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;
 }
@@ -2641,8 +2687,8 @@ class $ {
       const d = e._moving && !t.nested;
       let f = d ? this.directionCollideCoverage(e, t, o) : o[0];
       if (d && f && ((l = (c = e.grid) == null ? void 0 : c.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
-        const p = u.areaIntercept(t.rect, f._rect), m = u.area(t.rect), y = u.area(f._rect);
-        p / (m < y ? m : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+        const p = u.areaIntercept(t.rect, f._rect), m = u.area(t.rect), v = u.area(f._rect);
+        p / (m < v ? m : v) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
       f ? h = !this._fixCollisions(e, r, f, t) : (h = !1, i && delete t.pack);
     }
@@ -2793,7 +2839,7 @@ class $ {
   }
 }
 $._idSeq = 0;
-const M = {
+const T = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2827,32 +2873,32 @@ 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 {
 }
-function ye(a, e) {
+function pe(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), u.simulateMouseEvent(a.changedTouches[0], e));
 }
 function Ft(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
-function ve(a) {
-  G.touchHandled || (G.touchHandled = !0, ye(a, "mousedown"));
+function me(a) {
+  G.touchHandled || (G.touchHandled = !0, pe(a, "mousedown"));
 }
-function be(a) {
-  G.touchHandled && ye(a, "mousemove");
+function ve(a) {
+  G.touchHandled && pe(a, "mousemove");
 }
-function we(a) {
+function ye(a) {
   if (!G.touchHandled)
     return;
   G.pointerLeaveTimeout && (window.clearTimeout(G.pointerLeaveTimeout), delete G.pointerLeaveTimeout);
   const e = !!w.dragElement;
-  ye(a, "mouseup"), e || ye(a, "click"), G.touchHandled = !1;
+  pe(a, "mouseup"), e || pe(a, "click"), G.touchHandled = !1;
 }
-function _e(a) {
+function be(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
 function Qe(a) {
   w.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
 }
-function et(a) {
+function Ze(a) {
   w.dragElement && a.pointerType !== "mouse" && (G.pointerLeaveTimeout = window.setTimeout(() => {
     delete G.pointerLeaveTimeout, Ft(a, "mouseleave");
   }, 10));
@@ -2864,15 +2910,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), B && (this.el.addEventListener("touchstart", me), this.el.addEventListener("pointerdown", be)), 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), B && (this.el.removeEventListener("touchstart", me), this.el.removeEventListener("pointerdown", be)), 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), B && (this.el.addEventListener("touchmove", ve), this.el.addEventListener("touchend", ye)), e.stopPropagation(), e.preventDefault();
   }
   /** @internal */
   _mouseMove(e) {
@@ -2881,7 +2927,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), B && (this.el.removeEventListener("touchmove", ve), this.el.removeEventListener("touchend", ye)), 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 +2940,7 @@ class Ce {
   }
 }
 Ce.prefix = "ui-resizable-";
-class He {
+class Me {
   constructor() {
     this._eventRegister = {};
   }
@@ -2955,7 +3001,7 @@ class He {
       return this._eventRegister[e](t);
   }
 }
-class re extends He {
+class ie extends Me {
   // 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 = () => {
@@ -3056,7 +3102,7 @@ class re extends He {
   }
   /** @internal */
   _setupHelper() {
-    this.elOriginStyleVal = re._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
+    this.elOriginStyleVal = ie._originStyleProp.map((i) => this.el.style[i]), this.parentOriginStylePosition = this.el.parentElement.style.position;
     const e = this.el.parentElement, t = u.getValuesFromTransformedElement(e);
     return this.rectScale = {
       x: t.xScale,
@@ -3065,7 +3111,7 @@ class re extends He {
   }
   /** @internal */
   _cleanHelper() {
-    return re._originStyleProp.forEach((e, t) => {
+    return ie._originStyleProp.forEach((e, t) => {
       this.el.style[e] = this.elOriginStyleVal[t] || null;
     }), this.el.parentElement.style.position = this.parentOriginStylePosition || null, this;
   }
@@ -3104,9 +3150,9 @@ class re extends He {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-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 {
+ie._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
+const Xs = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+class se extends Me {
   constructor(e, t = {}) {
     var r;
     super(), this.el = e, this.option = t, this.dragTransform = {
@@ -3126,12 +3172,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), B && (e.addEventListener("touchstart", me), e.addEventListener("pointerdown", be));
     }), 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), B && (t.removeEventListener("touchstart", me), t.removeEventListener("pointerdown", be));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -3143,7 +3189,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(Xs) || 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", ve), e.currentTarget.addEventListener("touchend", ye)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3174,7 +3220,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), B && e.currentTarget && (e.currentTarget.removeEventListener("touchmove", ve, !0), e.currentTarget.removeEventListener("touchend", ye, !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);
@@ -3196,7 +3242,7 @@ class ne extends He {
   /** @internal create a clone copy (or user defined method) of the original drag item if set */
   _createHelper() {
     let e = this.el;
-    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = u.cloneNode(this.el)), e.parentElement || u.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = ne.originStyleProp.map((t) => this.el.style[t]), e;
+    return typeof this.option.helper == "function" ? e = this.option.helper(this.el) : this.option.helper === "clone" && (e = u.cloneNode(this.el)), e.parentElement || u.appendTo(e, this.option.appendTo === "parent" ? this.el.parentElement : this.option.appendTo), this.dragElementOriginStyle = se.originStyleProp.map((t) => this.el.style[t]), e;
   }
   /** @internal set the fix position of the dragged item */
   _setupHelperStyle(e) {
@@ -3214,7 +3260,7 @@ class ne extends He {
     const e = (s = this.helper) == null ? void 0 : s.gridstackNode;
     if (!(e != null && e._isAboutToRemove) && this.dragElementOriginStyle) {
       const r = this.helper, n = this.dragElementOriginStyle.transition || null;
-      r.style.transition = this.dragElementOriginStyle.transition = "none", ne.originStyleProp.forEach((o) => r.style[o] = this.dragElementOriginStyle[o] || null), setTimeout(() => r.style.transition = n, 50);
+      r.style.transition = this.dragElementOriginStyle.transition = "none", se.originStyleProp.forEach((o) => r.style[o] = this.dragElementOriginStyle[o] || null), setTimeout(() => r.style.transition = n, 50);
     }
     return delete this.dragElementOriginStyle, this;
   }
@@ -3256,8 +3302,8 @@ class ne extends He {
     };
   }
 }
-ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Zs extends He {
+se.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
+class Js extends Me {
   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 +3314,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), B && (this.el.addEventListener("pointerenter", Qe), this.el.addEventListener("pointerleave", Ze)));
   }
   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), B && (this.el.removeEventListener("pointerenter", Qe), this.el.removeEventListener("pointerleave", Ze)));
   }
   destroy() {
     this.disable(!0), this.el.classList.remove("ui-droppable"), this.el.classList.remove("ui-droppable-disabled"), super.destroy();
@@ -3323,9 +3369,9 @@ class Zs extends He {
     };
   }
 }
-class Be {
+class He {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Be(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new He(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -3337,19 +3383,19 @@ class Be {
     return this.ddDraggable && ["drag", "dragstart", "dragstop"].indexOf(e) > -1 ? this.ddDraggable.off(e) : this.ddDroppable && ["drop", "dropover", "dropout"].indexOf(e) > -1 ? this.ddDroppable.off(e) : this.ddResizable && ["resizestart", "resize", "resizestop"].indexOf(e) > -1 && this.ddResizable.off(e), this;
   }
   setupDraggable(e) {
-    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new ne(this.el, e), this;
+    return this.ddDraggable ? this.ddDraggable.updateOption(e) : this.ddDraggable = new se(this.el, e), this;
   }
   cleanDraggable() {
     return this.ddDraggable && (this.ddDraggable.destroy(), delete this.ddDraggable), this;
   }
   setupResizable(e) {
-    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new re(this.el, e), this;
+    return this.ddResizable ? this.ddResizable.updateOption(e) : this.ddResizable = new ie(this.el, e), this;
   }
   cleanResizable() {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Zs(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Js(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
@@ -3460,7 +3506,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 ? He.init(n) : null)).filter((n) => n) : [];
   }
 }
 /*!
@@ -3470,8 +3516,8 @@ class Qs {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const T = new Qs();
-class v {
+const k = new Qs();
+class y {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
    * simply return the existing instance (ignore any passed options). There is also an initAll() version that support
@@ -3488,8 +3534,8 @@ class v {
   static init(e = {}, t = ".grid-stack") {
     if (typeof document > "u")
       return null;
-    const i = v.getGridElement(t);
-    return i ? (i.gridstack || (i.gridstack = new v(i, u.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
+    const i = y.getGridElement(t);
+    return i ? (i.gridstack || (i.gridstack = new y(i, u.cloneDeep(e))), i.gridstack) : (console.error(typeof t == "string" ? 'GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.` : "GridStack.init() no grid element was passed."), null);
   }
   /**
@@ -3503,8 +3549,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   static initAll(e = {}, t = ".grid-stack") {
     const i = [];
-    return typeof document > "u" || (v.getGridElements(t).forEach((s) => {
-      s.gridstack || (s.gridstack = new v(s, u.cloneDeep(e))), i.push(s.gridstack);
+    return typeof document > "u" || (y.getGridElements(t).forEach((s) => {
+      s.gridstack || (s.gridstack = new y(s, u.cloneDeep(e))), i.push(s.gridstack);
     }), i.length === 0 && console.error('GridStack.initAll() no grid was found with selector "' + t + `" - element missing or wrong selector ?
 Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the default selector.`)), i;
   }
@@ -3523,14 +3569,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = i.gridstack;
       return t && (n.opts = { ...n.opts, ...t }), t.children !== void 0 && n.load(t.children), n;
     }
-    return (!e.classList.contains("grid-stack") || v.addRemoveCB) && (v.addRemoveCB ? i = v.addRemoveCB(e, t, !0, !0) : i = u.createDiv(["grid-stack", t.class], e)), v.init(t, i);
+    return (!e.classList.contains("grid-stack") || y.addRemoveCB) && (y.addRemoveCB ? i = y.addRemoveCB(e, t, !0, !0) : i = u.createDiv(["grid-stack", t.class], e)), y.init(t, i);
   }
   /** call this method to register your engine instead of the default one.
    * See instead `GridStackOptions.engineClass` if you only need to
    * replace just one instance.
    */
   static registerEngine(e) {
-    v.engineClass = e;
+    y.engineClass = e;
   }
   /**
    * @internal create placeholder DIV as needed
@@ -3538,7 +3584,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   get placeholder() {
     if (!this._placeholder) {
-      this._placeholder = u.createDiv([this.opts.placeholderClass, M.itemClass, this.opts.itemClass]);
+      this._placeholder = u.createDiv([this.opts.placeholderClass, T.itemClass, this.opts.itemClass]);
       const e = u.createDiv(["placeholder-content"], this._placeholder);
       this.opts.placeholderText && (e.textContent = this.opts.placeholderText);
     }
@@ -3560,31 +3606,31 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((d, f) => (f.w || 0) - (d.w || 0)));
     }
     const r = {
-      ...u.cloneDeep(M),
-      column: u.toNumber(e.getAttribute("gs-column")) || M.column,
-      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || M.minRow,
-      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || M.maxRow,
-      staticGrid: u.toBool(e.getAttribute("gs-static")) || M.staticGrid,
+      ...u.cloneDeep(T),
+      column: u.toNumber(e.getAttribute("gs-column")) || T.column,
+      minRow: i || u.toNumber(e.getAttribute("gs-min-row")) || T.minRow,
+      maxRow: i || u.toNumber(e.getAttribute("gs-max-row")) || T.maxRow,
+      staticGrid: u.toBool(e.getAttribute("gs-static")) || T.staticGrid,
       sizeToContent: u.toBool(e.getAttribute("gs-size-to-content")) || void 0,
       draggable: {
-        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || M.draggable.handle
+        handle: (t.handleClass ? "." + t.handleClass : t.handle ? t.handle : "") || T.draggable.handle
       },
       removableOptions: {
-        accept: t.itemClass || M.removableOptions.accept,
-        decline: M.removableOptions.decline
+        accept: t.itemClass || T.removableOptions.accept,
+        decline: T.removableOptions.decline
       }
     };
     e.getAttribute("gs-animate") && (r.animate = u.toBool(e.getAttribute("gs-animate"))), t = u.defaults(t, r), this._initMargin(), this.checkDynamicColumn(), this._updateColumnVar(t), t.rtl === "auto" && (t.rtl = e.style.direction === "rtl"), t.rtl && this.el.classList.add("grid-stack-rtl");
-    const n = this.el.closest("." + M.itemClass), o = n == null ? void 0 : n.gridstackNode;
+    const n = this.el.closest("." + T.itemClass), o = n == null ? void 0 : n.gridstackNode;
     if (o && (o.subGrid = this, this.parentGridNode = o, this.el.classList.add("grid-stack-nested"), o.el.classList.add("grid-stack-sub-grid")), this._isAutoCellHeight = t.cellHeight === "auto", this._isAutoCellHeight || t.cellHeight === "initial")
       this.cellHeight(void 0);
     else {
-      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== M.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
+      typeof t.cellHeight == "number" && t.cellHeightUnit && t.cellHeightUnit !== T.cellHeightUnit && (t.cellHeight = t.cellHeight + t.cellHeightUnit, delete t.cellHeightUnit);
       const l = t.cellHeight;
       delete t.cellHeight, this.cellHeight(l);
     }
     t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = B), this._setStaticClass();
-    const h = t.engineClass || v.engineClass || $;
+    const h = t.engineClass || y.engineClass || $;
     if (this.engine = new h({
       column: this.getColumn(),
       float: t.float,
@@ -3627,7 +3673,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (e.ELEMENT_NODE)
       return console.error("V11: GridStack.addWidget() does not support HTMLElement anymore. use makeWidget()"), this.makeWidget(e);
     let t, i = e;
-    if (i.grid = this, i.el ? t = i.el : v.addRemoveCB ? t = v.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
+    if (i.grid = this, i.el ? t = i.el : y.addRemoveCB ? t = y.addRemoveCB(this.el, e, !0, !1) : t = this.createWidgetDivs(i), !t)
       return;
     if (i = t.gridstackNode, i && t.parentElement === this.el && this.engine.nodes.find((r) => r._id === i._id))
       return t;
@@ -3647,11 +3693,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const t = u.createDiv(["grid-stack-item", this.opts.itemClass]), i = u.createDiv(["grid-stack-item-content"], t);
     return u.lazyLoad(e) ? e.visibleObservable || (e.visibleObservable = new IntersectionObserver(([s]) => {
       var r, n;
-      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, v.renderCB(i, e), (n = e.grid) == null || n.prepareDragDrop(e.el));
+      s.isIntersecting && ((r = e.visibleObservable) == null || r.disconnect(), delete e.visibleObservable, y.renderCB(i, e), (n = e.grid) == null || n.prepareDragDrop(e.el));
     }), window.setTimeout(() => {
       var s;
       return (s = e.visibleObservable) == null ? void 0 : s.observe(t);
-    })) : v.renderCB(i, e), t;
+    })) : y.renderCB(i, e), t;
   }
   /**
    * Convert an existing gridItem element into a sub-grid with the given (optional) options, else inherit them
@@ -3663,13 +3709,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @returns newly created grid
    */
   makeSubGrid(e, t, i, s = !0) {
-    var p, m, y;
+    var p, m, v;
     let r = e.gridstackNode;
     if (r || (r = this.makeWidget(e).gridstackNode), (p = r.subGrid) != null && p.el)
       return r.subGrid;
     let n, o = this;
     for (; o && !n; )
-      n = (m = o.opts) == null ? void 0 : m.subGridOpts, o = (y = o.parentGridNode) == null ? void 0 : y.grid;
+      n = (m = o.opts) == null ? void 0 : m.subGridOpts, o = (v = o.parentGridNode) == null ? void 0 : v.grid;
     t = u.cloneDeep({
       // by default sub-grid inherit from us | parent, other than id, children, etc...
       ...this.opts,
@@ -3685,11 +3731,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     let h;
     t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
     let c = r.el.querySelector(".grid-stack-item-content"), l, d;
-    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), 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);
+    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), y.addRemoveCB ? l = y.addRemoveCB(this.el, d, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const b = h ? t.column : r.w, _ = r.h + i.h, E = r.el.style;
+      E.transition = "none", this.update(r.el, { w: b, h: _ }), setTimeout(() => E.transition = null);
     }
-    const f = r.subGrid = v.addGrid(c, t);
+    const f = r.subGrid = y.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;
   }
   /**
@@ -3716,7 +3762,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * NOTE2: nested grids will ALWAYS save to the container size to be in sync with parent.
    * @returns list of widgets or full grid option, including .children list of widgets
    */
-  save(e = !0, t = !1, i = v.saveCB, s) {
+  save(e = !0, t = !1, i = y.saveCB, s) {
     const r = this.engine.save(e, i, s);
     if (r.forEach((n) => {
       var o;
@@ -3732,7 +3778,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const n = u.cloneDeep(this.opts);
       n.marginBottom === n.marginTop && n.marginRight === n.marginLeft && n.marginTop === n.marginRight && (n.margin = n.marginTop, delete n.marginTop, delete n.marginRight, delete n.marginBottom, delete n.marginLeft), n.rtl === (this.el.style.direction === "rtl") && (n.rtl = "auto"), this._isAutoCellHeight && (n.cellHeight = "auto"), this._autoColumn && (n.column = "auto");
       const o = n._alwaysShowResizeHandle;
-      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, M), n.children = r, n;
+      return delete n._alwaysShowResizeHandle, o !== void 0 ? n.alwaysShowResizeHandle = o : delete n.alwaysShowResizeHandle, u.removeInternalAndSame(n, T), n.children = r, n;
     }
     return r;
   }
@@ -3771,7 +3817,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    *
    * @see {@link http://gridstackjs.com/demo/serialization.html} for complete example
    */
-  load(e, t = v.addRemoveCB || !0) {
+  load(e, t = y.addRemoveCB || !0) {
     e = u.cloneDeep(e);
     const i = this.getColumn();
     e.forEach((l) => {
@@ -3781,15 +3827,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     e.forEach((l) => {
       s = Math.max(s, (l.x || 0) + l.w);
     }), s > this.engine.defaultColumn && (this.engine.defaultColumn = s), s > i && (this.engine.nodes.length === 0 && this.responseLayout ? (this.engine.nodes = e, this.engine.columnChanged(s, i, this.responseLayout), e = this.engine.nodes, this.engine.nodes = [], delete this.responseLayout) : this.engine.cacheLayout(e, s, !0));
-    const r = v.addRemoveCB;
-    typeof t == "function" && (v.addRemoveCB = t);
+    const r = y.addRemoveCB;
+    typeof t == "function" && (y.addRemoveCB = t);
     const n = [];
     this.batchUpdate();
     const o = !this.engine.nodes.length, h = o && this.opts.animate;
     h && this.setAnimation(!1), !o && t && [...this.engine.nodes].forEach((d) => {
       if (!d.id)
         return;
-      u.find(e, d.id) || (v.addRemoveCB && v.addRemoveCB(this.el, d, !1, !1), n.push(d), this.removeWidget(d.el, !0, !1));
+      u.find(e, d.id) || (y.addRemoveCB && y.addRemoveCB(this.el, d, !1, !1), n.push(d), this.removeWidget(d.el, !0, !1));
     }), this.engine._loading = !0;
     const c = [];
     return this.engine.nodes = this.engine.nodes.filter((l) => u.find(e, l.id) ? (c.push(l), !1) : !0), e.forEach((l) => {
@@ -3801,7 +3847,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
           p && p.gridstack && p.gridstack.load(l.subGridOpts.children);
         }
       } else t && this.addWidget(l);
-    }), delete this.engine._loading, this.engine.removedNodes = n, this.batchUpdate(!1), delete this._ignoreLayoutsNodeChange, delete this.engine.skipCacheUpdate, r ? 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 ? y.addRemoveCB = r : delete y.addRemoveCB, h && this.setAnimation(!0, !0), this;
   }
   /**
    * use before calling a bunch of `addWidget()` to prevent un-necessary relayouts in between (more efficient)
@@ -4117,7 +4163,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.makeWidget(element, {x: 0, y: 1, w: 4, h: 2});
    */
   makeWidget(e, t) {
-    const i = v.getElement(e);
+    const i = y.getElement(e);
     if (!i || i.gridstackNode)
       return i;
     i.parentElement || this.el.appendChild(i), this._prepareElement(i, !0, t);
@@ -4156,11 +4202,11 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * @param triggerEvent if `false` (quiet mode) element will not be added to removed list and no 'removed' callbacks will be called (Default? true).
    */
   removeWidget(e, t = !0, i = !0) {
-    return e ? (v.getElements(e).forEach((s) => {
+    return e ? (y.getElements(e).forEach((s) => {
       if (s.parentElement && s.parentElement !== this.el)
         return;
       let r = s.gridstackNode;
-      r || (r = this.engine.nodes.find((n) => s === n.el)), r && (t && v.addRemoveCB && v.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
+      r || (r = this.engine.nodes.find((n) => s === n.el)), r && (t && y.addRemoveCB && y.addRemoveCB(this.el, r, !1, !1), delete s.gridstackNode, this._removeDD(s), this.engine.removeNode(r, t, i), t && s.parentElement && s.remove());
     }), i && (this._triggerRemoveEvent(), this._triggerChangeEvent()), this) : (console.error("Error: GridStack.removeWidget(undefined) called"), this);
   }
   /**
@@ -4170,7 +4216,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    */
   removeAll(e = !0, t = !0) {
     return this.engine.nodes.forEach((i) => {
-      e && v.addRemoveCB && v.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
+      e && y.addRemoveCB && y.addRemoveCB(this.el, i, !1, !1), delete i.el.gridstackNode, this.opts.staticGrid || this._removeDD(i.el);
     }), this.engine.removeAll(e, t), t && this._triggerRemoveEvent(), this;
   }
   /**
@@ -4236,7 +4282,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * });
    */
   update(e, t) {
-    return v.getElements(e).forEach((i) => {
+    return y.getElements(e).forEach((i) => {
       var l;
       const s = i == null ? void 0 : i.gridstackNode;
       if (!s)
@@ -4249,7 +4295,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         o[d] = r[d] !== void 0 ? r[d] : s[d], delete r[d];
       })), !o && (r.minW || r.minH || r.maxW || r.maxH) && (o = {}), r.content !== void 0) {
         const d = i.querySelector(".grid-stack-item-content");
-        d && d.textContent !== r.content && (s.content = r.content, v.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
+        d && d.textContent !== r.content && (s.content = r.content, y.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
       }
       let h = !1, c = !1;
       for (const d in r)
@@ -4258,7 +4304,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const d = o.w !== void 0 && o.w !== s.w;
         this.moveNode(s, o), d && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(d, s), delete s._orig;
       }
-      (o || h) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), v.updateCB && v.updateCB(s);
+      (o || h) && this._writeAttr(i, s), c && this.prepareDragDrop(s.el), y.updateCB && y.updateCB(s);
     }), this;
   }
   moveNode(e, t) {
@@ -4297,21 +4343,21 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (!s)
       return;
     let r = t.h ? t.h * s : e.clientHeight, n;
-    if (t.resizeToContentParent && (n = e.querySelector(t.resizeToContentParent)), n || (n = e.querySelector(v.resizeToContentParent)), !n)
+    if (t.resizeToContentParent && (n = e.querySelector(t.resizeToContentParent)), n || (n = e.querySelector(y.resizeToContentParent)), !n)
       return;
     const o = e.clientHeight - n.clientHeight, h = t.h ? t.h * s - o : n.clientHeight;
     let c;
     if (t.subGrid) {
       c = t.subGrid.getRow() * t.subGrid.getCellHeight(!0);
-      const m = t.subGrid.el.getBoundingClientRect(), y = e.getBoundingClientRect();
-      c += m.top - y.top;
+      const m = t.subGrid.el.getBoundingClientRect(), v = e.getBoundingClientRect();
+      c += m.top - v.top;
     } else {
       if ((p = (f = t.subGridOpts) == null ? void 0 : f.children) != null && p.length)
         return;
       {
         const m = n.firstElementChild;
         if (!m) {
-          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${v.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
+          console.error(`Error: GridStack.resizeToContent() widget id:${t.id} '${y.resizeToContentParent}'.firstElementChild is null, make sure to have a div like container. Skipping sizing.`);
           return;
         }
         c = m.getBoundingClientRect().height || h;
@@ -4326,7 +4372,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** call the user resize (so they can do extra work) else our build in version */
   resizeToContentCBCheck(e) {
-    v.resizeToContentCB ? v.resizeToContentCB(e) : this.resizeToContent(e);
+    y.resizeToContentCB ? y.resizeToContentCB(e) : this.resizeToContent(e);
   }
   /**
    * Rotate widgets by swapping their width and height. This is typically called when the user presses 'r' during dragging.
@@ -4344,7 +4390,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.rotate(widget, { left: 50, top: 30 });
    */
   rotate(e, t) {
-    return v.getElements(e).forEach((i) => {
+    return y.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       if (!u.canBeRotated(s))
         return;
@@ -4481,7 +4527,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   _prepareElement(e, t = !1, i) {
-    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(M.itemClass, this.opts.itemClass);
+    i = i || this._readAttr(e), e.gridstackNode = i, i.el = e, i.grid = this, i = this.engine.addNode(i, t), this._writeAttr(e, i), e.classList.add(T.itemClass, this.opts.itemClass);
     const s = u.shouldSizeToContent(i);
     return s ? e.classList.add("size-to-content") : e.classList.remove("size-to-content"), s && this.resizeToContentCheck(!1, i), u.lazyLoad(i) || this.prepareDragDrop(i.el), this;
   }
@@ -4569,7 +4615,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   /** @internal */
   static getGridElement(e) {
-    return v.getElement(e);
+    return y.getElement(e);
   }
   /** @internal */
   static getGridElements(e) {
@@ -4600,7 +4646,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 k;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -4613,7 +4659,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]);
+      k.isDraggable(n) || k.dragIn(n, t), i != null && i[o] && (n.gridstackNode = i[o]);
     });
   }
   /**
@@ -4635,7 +4681,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.movable('#fixed-widget', false);
    */
   movable(e, t) {
-    return this.opts.staticGrid ? this : (v.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (y.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noMove : s.noMove = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -4656,7 +4702,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
    * grid.resizable('#fixed-size-widget', false);
    */
   resizable(e, t) {
-    return this.opts.staticGrid ? this : (v.getElements(e).forEach((i) => {
+    return this.opts.staticGrid ? this : (y.getElements(e).forEach((i) => {
       const s = i.gridstackNode;
       s && (t ? delete s.noResize : s.noResize = !0, this.prepareDragDrop(s.el));
     }), this);
@@ -4761,16 +4807,16 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   cancelDrag() {
     var t;
     const e = (t = this._placeholder) == null ? void 0 : t.gridstackNode;
-    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && v._itemRemoving(e.el, !1), this.engine.restoreInitial());
+    e && (e._isExternal ? (e._isAboutToRemove = !0, this.engine.removeNode(e)) : e._isAboutToRemove && y._itemRemoving(e.el, !1), this.engine.restoreInitial());
   }
   /** @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 k.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 k.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, n) => {
       var f;
@@ -4795,7 +4841,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       if (o._temporaryRemoved) {
         if (o.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(h / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            T.off(r, "drag");
+            k.off(r, "drag");
             return;
           }
           o._willFitPos && (u.copyPos(o, o._willFitPos), delete o._willFitPos);
@@ -4804,7 +4850,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       } else
         this._dragOrResize(n, s, d, o, t, e);
     };
-    return T.droppable(this.el, {
+    return k.droppable(this.el, {
       accept: (s) => {
         const r = s.gridstackNode || this._readAttr(s, !1);
         if ((r == null ? void 0 : r.grid) === this)
@@ -4843,7 +4889,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.grid || (o.el || (o = { ...o }), o._isExternal = !0, n.gridstackNode = o);
       const h = o.w || Math.round(n.offsetWidth / t) || 1, c = o.h || Math.round(n.offsetHeight / e) || 1;
       return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: h, h: c, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
-      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), v._itemRemoving(o.el, !1), T.on(r, "drag", i), i(s, r, n), !1;
+      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), y._itemRemoving(o.el, !1), k.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;
@@ -4856,13 +4902,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       this.placeholder.remove(), delete this.placeholder.gridstackNode, h && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
       const l = r._gridstackNodeOrig;
       if (delete r._gridstackNodeOrig, h && (l != null && l.grid) && l.grid !== this) {
-        const 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();
+        const v = l.grid;
+        v.engine.removeNodeFromLayoutCache(l), v.engine.removedNodes.push(l), v._triggerRemoveEvent()._triggerChangeEvent(), v.parentGridNode && !v.engine.nodes.length && v.opts.subGridDynamic && v.removeAsSubGrid();
       }
-      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 || (h && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, k.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !h))
         return !1;
       const d = (m = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : m.gridstack;
-      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || 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;
+      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || y.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -4877,7 +4923,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 && !k.isDroppable(e) && k.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => y._itemRemoving(i, !0)).on(e, "dropout", (t, i) => y._itemRemoving(i, !1)), this) : this;
   }
   /**
    * prepares the element for drag&drop - this is normally called by makeWidget() unless are are delay loading
@@ -4902,14 +4948,14 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = i.w !== i._orig.w, m = f.target;
         if (!(!m.gridstackNode || m.gridstackNode.grid !== this)) {
           if (i.el = m, i._isAboutToRemove) {
-            const y = e.gridstackNode.grid;
-            y._gsEventHandler[f.type] && y._gsEventHandler[f.type](f, m), y.engine.nodes.push(i), y.removeWidget(e, !0, !0);
+            const v = e.gridstackNode.grid;
+            v._gsEventHandler[f.type] && v._gsEventHandler[f.type](f, m), v.engine.nodes.push(i), v.removeWidget(e, !0, !0);
           } else
             u.removePositioningStyles(m), i._temporaryRemoved ? (this._writePosAttr(m, i), this.engine.addNode(i)) : this._writePosAttr(m, i), this.triggerEvent(f, m);
           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, {
+      k.draggable(e, {
         start: c,
         stop: d,
         drag: l
@@ -4919,7 +4965,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         resize: l
       }), i._initDD = !0;
     }
-    return T.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
+    return k.draggable(e, s ? "disable" : "enable").resizable(e, r ? "disable" : "enable"), this;
   }
   /** @internal handles actual drag/resize start */
   _onStartMoving(e, t, i, s, r, n) {
@@ -4938,7 +4984,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", s._resizing = t.type === "resizestart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, n, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
       const h = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      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));
+      k.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, h)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, h)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
     }
   }
   /** @internal handles actual drag/resize */
@@ -4951,13 +4997,13 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         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 _ = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), E = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : d);
+      o.x = Math.round(_ / r), o.y = Math.round(E / n);
       const C = this._extraDragRow;
       if (this.engine.collide(s, o)) {
-        const D = this.getRow();
-        let S = Math.max(0, o.y + s.h - D);
-        this.opts.maxRow && D + S > this.opts.maxRow && (S = Math.max(0, this.opts.maxRow - D)), this._extraDragRow = S;
+        const S = this.getRow();
+        let N = Math.max(0, o.y + s.h - S);
+        this.opts.maxRow && S + N > this.opts.maxRow && (N = Math.max(0, this.opts.maxRow - S)), this._extraDragRow = N;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== C && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
@@ -4965,17 +5011,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     } else if (t.type === "resize") {
       if (o.x < 0 || (u.updateScrollResize(t, e, n), o.w = Math.round((i.size.width - c) / r), o.h = Math.round((i.size.height - d) / n), s.w === o.w && s.h === o.h) || s._lastTried && s._lastTried.w === o.w && s._lastTried.h === o.h)
         return;
-      const b = i.position.left + c, 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, _ = i.position.top + d;
+      o.x = Math.round(b / r), o.y = Math.round(_ / n), h = !0;
     }
     s._event = t, s._lastTried = o;
-    const y = {
+    const v = {
       x: i.position.left + c,
       y: i.position.top + d,
       w: (i.size ? i.size.width : s.w * r) - c - l,
       h: (i.size ? i.size.height : s.h * n) - d - f
     };
-    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: y, resizing: h })) {
+    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: v, resizing: h })) {
       s._lastUiPosition = i.position, this.engine.cacheRects(r, n, d, l, f, c), delete s._skipDown, h && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
       const b = t.target;
       s._sidebarOrig || this._writePosAttr(b, s), this.triggerEvent(t, b);
@@ -4995,40 +5041,40 @@ 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, k.off(e, "drag"), i._temporaryRemoved))
       return;
     i._temporaryRemoved = !0, this.engine.removeNode(i), i.el = i._isExternal && t ? t : e;
     const s = i._sidebarOrig;
-    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && v._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
+    i._isExternal && this.engine.cleanupNode(i), i._sidebarOrig = s, this.opts.removable === !0 && y._itemRemoving(e, !0), e._gridstackNodeOrig ? (e.gridstackNode = e._gridstackNodeOrig, delete e._gridstackNodeOrig) : i._isExternal && this.engine.restoreInitial();
   }
   // legacy method removed
   commit() {
-    return Xs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Ys(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
-v.renderCB = (a, e) => {
+y.renderCB = (a, e) => {
   a && (e != null && e.content) && (a.textContent = e.content);
 };
-v.resizeToContentParent = ".grid-stack-item-content";
-v.Utils = u;
-v.Engine = $;
-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) => {
+y.resizeToContentParent = ".grid-stack-item-content";
+y.Utils = u;
+y.Engine = $;
+y.GDRev = "12.3.2";
+const le = /* @__PURE__ */ new WeakMap();
+function Zs({ children: a }) {
+  const { _gridStack: { value: e, set: t }, initialOptions: i } = Le(), s = Z(/* @__PURE__ */ new Map()), r = Z(null), n = Z(i), o = q((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 d = le.get(l.grid);
+      d || (d = /* @__PURE__ */ new Map(), le.set(l.grid, d)), d.set(l.id, c), s.current.set(l.id, c);
     }
-  }, []), h = W(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
-  return Ve(() => {
-    if (!it(i, n.current) && e)
+  }, []), h = q(() => r.current ? (y.renderCB = o, y.init(n.current, r.current)) : null, [o]);
+  return Ke(() => {
+    if (!tt(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(), le.delete(e), n.current = i, t(h());
       } catch (c) {
         console.error("Error reinitializing gridstack", c);
       }
-  }, [i, e, h, t]), Ve(() => {
+  }, [i, e, h, t]), Ke(() => {
     if (!e)
       try {
         t(h());
@@ -5036,10 +5082,10 @@ function er({ children: a }) {
         console.error("Error initializing gridstack", c);
       }
   }, [e, h, t]), g(It.Provider, {
-    value: te(() => ({
+    value: Et(() => ({
       getWidgetContainer: (c) => {
         if (e) {
-          const l = ce.get(e);
+          const l = le.get(e);
           if (l != null && l.has(c))
             return l.get(c) || null;
         }
@@ -5052,9 +5098,9 @@ function er({ children: a }) {
     })
   });
 }
-const Gt = K((a, e) => {
-  const t = Me();
-  return xt(e, () => ({
+const Gt = j((a, e) => {
+  const t = Le();
+  return _t(e, () => ({
     addWidget: t.addWidget,
     removeWidget: t.removeWidget,
     addSubGrid: t.addSubGrid,
@@ -5062,19 +5108,19 @@ const Gt = K((a, e) => {
   }), [t]), null;
 });
 Gt.displayName = "RefHandler";
-const Wt = K(({ options: a, widgets: e, onChange: t }, i) => {
-  const s = te(() => ({
+const Wt = j(({ options: a, widgets: e, onChange: t }, i) => {
+  const s = Et(() => ({
     ...a,
     children: e
   }), [e]), r = (o, h, c) => {
     let l = c[0], d = 1 / 0;
     for (const f of c) {
-      const p = f.w - o, m = f.h - h, y = p * p + m * m;
-      y < d && (d = y, l = f);
+      const p = f.w - o, m = f.h - h, v = p * p + m * m;
+      v < d && (d = v, l = f);
     }
     return l;
   };
-  return z(qs, {
+  return R(Us, {
     initialOptions: s,
     onResizeStop: (o, h) => {
       var f, p;
@@ -5092,32 +5138,32 @@ const Wt = K(({ options: a, widgets: e, onChange: t }, i) => {
     onChange: t,
     children: [g(Gt, {
       ref: i
-    }), g(er, {
-      children: g(Ys, {})
+    }), g(Zs, {
+      children: g(Vs, {})
     })]
   });
 });
 Wt.displayName = "F0GridStack";
-const Mr = Ae(
+const Or = pt(
   "F0GridStack",
   Wt
-), tr = ({ benefits: a }) => g("div", {
+), er = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(ir, {
+  children: a.map((e, t) => g(tr, {
     text: e
   }, t))
-}), ir = ({ text: a }) => z("div", {
+}), tr = ({ text: a }) => R("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(Hi, {
-    icon: Bi,
+  children: [g(Oi, {
+    icon: Li,
     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", {
+}), $t = j(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => R("div", {
   ref: c,
-  className: j("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
+  className: L("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", {
@@ -5125,26 +5171,26 @@ const Mr = Ae(
       alt: "",
       className: "h-full w-full rounded-lg object-cover"
     })
-  }), z("div", {
+  }), R("div", {
     className: "flex flex-col justify-center gap-8 px-8 py-5",
-    children: [z("div", {
+    children: [R("div", {
       className: "flex flex-col gap-5",
-      children: [z("div", {
+      children: [R("div", {
         className: "flex flex-col gap-2",
-        children: [z("div", {
+        children: [R("div", {
           className: "flex flex-row items-center gap-2",
-          children: [r && g(vt, {
+          children: [r && g(yt, {
             module: r
           }), n && g("p", {
             className: "text-base font-medium text-f1-foreground",
             children: n
           })]
-        }), (o || h) && z("div", {
+        }), (o || h) && R("div", {
           className: "flex justify-start gap-2",
-          children: [o && g(Li, {
+          children: [o && g(Ai, {
             icon: o.icon,
             text: o.label
-          }), h && g(Mi, {
+          }), h && g(Ti, {
             variant: h.variant || "positive",
             text: h.label
           })]
@@ -5152,7 +5198,7 @@ const Mr = Ae(
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(tr, {
+      }), g(er, {
         benefits: t
       })]
     }), i && g("div", {
@@ -5162,37 +5208,37 @@ const Mr = Ae(
   })]
 }));
 $t.displayName = "ProductBlankslate";
-function sr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
-  const [n, o] = A(a);
-  return q(() => {
+function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
+  const [n, o] = M(a);
+  return ce(() => {
     o(a);
-  }, [a]), g(Ii, {
+  }, [a]), g(Mi, {
     open: n,
     onOpenChange: (c) => {
       o(c), c || e();
     },
     modal: !0,
-    children: z(Fi, {
+    children: R(Hi, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: r,
-      children: [z("div", {
+      children: [R("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [z(Gi, {
+        children: [R(Bi, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [s && g(vt, {
+          children: [s && g(yt, {
             module: s,
             size: "lg"
           }), t]
-        }), g(Wi, {
+        }), g(Ii, {
           variant: "outline",
           icon: bt,
           onClick: e,
           label: "Close modal",
           hideLabel: !0
         })]
-      }), z(gt, {
+      }), R(ft, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [i, g(pt, {
+        children: [i, g(gt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -5200,25 +5246,25 @@ 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 Lr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: v, promoTag: b, showResponseDialog: _ = !0 }) {
+  const [E, C] = M(a), [S, N] = M(null), [P, A] = M(!1), W = async () => {
     if (l != null && l.onClick) {
-      E(!0);
+      A(!0);
       try {
-        await l.onClick(), C(!1), N && S("success");
+        await l.onClick(), C(!1), _ && N("success");
       } catch {
-        N && S("error");
+        _ && N("error");
       } finally {
-        E(!1);
+        A(!1);
       }
     }
-  }, L = () => {
+  }, H = () => {
     C(!1), e == null || e();
-  }, F = R;
-  return z(oe, {
-    children: [g(sr, {
-      isOpen: x,
-      onClose: L,
+  }, F = P;
+  return R(we, {
+    children: [g(ir, {
+      isOpen: E,
+      onClose: H,
       title: d,
       module: f,
       portalContainer: m,
@@ -5229,18 +5275,18 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           image: i,
           benefits: s,
           withShadow: !1,
-          tag: y,
+          tag: v,
           promoTag: b,
-          actions: z("div", {
+          actions: R("div", {
             className: "flex gap-3",
-            children: [l && g(X, {
+            children: [l && g(V, {
               variant: l.variant,
               label: F ? o.label : l.label,
               icon: l.icon || void 0,
-              onClick: O,
+              onClick: W,
               loading: l.loading,
               size: l.size
-            }), p && g(X, {
+            }), p && g(V, {
               onClick: p.onClick,
               label: p.label,
               variant: p.variant,
@@ -5250,12 +5296,12 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), D && N && g(wt, {
+    }), S && _ && g(wt, {
       open: !0,
       onClose: () => {
-        L(), S(null);
+        H(), N(null);
       },
-      success: D === "success",
+      success: S === "success",
       errorMessage: r,
       successMessage: n,
       nextSteps: h,
@@ -5264,24 +5310,24 @@ function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
     })]
   });
 }
-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 sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
+  const [c, l] = M(!1), d = () => {
     l(!0), i && i();
   };
-  q(() => {
+  ce(() => {
     n && n(!c);
   }, [n, c]);
   const f = a == null ? void 0 : a.includes(".mp4");
-  return g(oe, {
-    children: c ? null : z($i, {
+  return g(we, {
+    children: c ? null : R(Fi, {
       style: {
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [z(ji, {
+      children: [R(Gi, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
-          children: g(X, {
+          children: g(V, {
             variant: "ghost",
             icon: bt,
             size: "sm",
@@ -5289,7 +5335,7 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
             onClick: d,
             label: "Close"
           })
-        }), z("div", {
+        }), R("div", {
           children: [g("div", {
             children: a && (f ? g("video", {
               src: a,
@@ -5303,20 +5349,20 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
               alt: e,
               className: "h-full w-full rounded-md"
             }))
-          }), z("div", {
+          }), R("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [g(Ke, {
+            children: [g(Ue, {
               className: "text-lg font-medium",
               children: e
-            }), g(Ke, {
+            }), g(Ue, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), o && g(Ui, {
+      }), o && g(Wi, {
         className: "p-3",
-        children: o.map((p) => p.type === "upsell" ? g(_t, {
+        children: o.map((p) => p.type === "upsell" ? g(xt, {
           label: p.label,
           onRequest: p.onClick,
           errorMessage: p.errorMessage,
@@ -5326,7 +5372,7 @@ function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
           closeLabel: p.closeLabel,
           showConfirmation: h && p.showConfirmation,
           variant: p.variant
-        }, p.label) : g(X, {
+        }, p.label) : g(V, {
           label: p.label,
           onClick: p.onClick,
           variant: p.variant
@@ -5335,8 +5381,8 @@ 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, {
+const rr = j(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+  const r = (h) => h.variant === "promote" ? g(xt, {
     label: h.label,
     onRequest: async () => {
       await h.onClick();
@@ -5349,14 +5395,14 @@ const nr = K(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     showIcon: h.showIcon,
     showConfirmation: h.showConfirmation,
     variant: h.variant
-  }) : g(X, {
+  }) : g(V, {
     onClick: h.onClick,
     label: h.label,
     variant: h.variant || "default",
     size: "md",
     icon: h.icon
   }), n = (e == null ? void 0 : e.variant) !== "promote" ? e : void 0, o = (t == null ? void 0 : t.variant) !== "promote" ? t : void 0;
-  return z(qi, {
+  return R($i, {
     ref: s,
     ...i,
     primaryAction: n,
@@ -5364,32 +5410,32 @@ 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) => {
-    e(k), y && y();
-  }, O = async (k) => {
-    if (k.type === "upsell") {
-      R(k);
+rr.displayName = "UpsellingBanner";
+function Mr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = ji, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: v, hideLabel: b = !1 }) {
+  const [_, E] = M(!1), [C, S] = M(null), [N, P] = M(null), A = (D) => {
+    e(D), v && v();
+  }, W = async (D) => {
+    if (D.type === "upsell") {
+      P(D);
       try {
-        await k.onClick(), k.showConfirmation && (x(!0), D("success"));
+        await D.onClick(), D.showConfirmation && (E(!0), S("success"));
       } catch {
-        x(!0), D("error");
+        E(!0), S("error");
       }
     }
-  }, L = () => {
-    D(null), x(!1), R(null), e(!1);
-  }, F = a && !N, _ = m == null ? void 0 : m.map((k) => k.type === "upsell" ? {
-    ...k,
-    onClick: () => O(k)
-  } : k);
-  return z(oe, {
-    children: [z(ct, {
+  }, H = () => {
+    S(null), E(!1), P(null), e(!1);
+  }, F = a && !_, x = m == null ? void 0 : m.map((D) => D.type === "upsell" ? {
+    ...D,
+    onClick: () => W(D)
+  } : D);
+  return R(we, {
+    children: [R(dt, {
       open: F,
-      onOpenChange: E,
-      children: [g(ut, {
+      onOpenChange: A,
+      children: [g(ct, {
         asChild: !0,
-        children: g(X, {
+        children: g(V, {
           variant: i,
           label: t,
           size: s,
@@ -5397,11 +5443,11 @@ function Br({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           onClick: () => e(a),
           hideLabel: b
         })
-      }), g(ft, {
+      }), g(ut, {
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(rr, {
+        children: g(sr, {
           mediaUrl: c,
           title: l,
           description: d,
@@ -5409,60 +5455,60 @@ function Br({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           dismissible: !1,
           width: f,
           trackVisibility: p,
-          actions: _,
+          actions: x,
           showConfirmation: !1
         })
       })]
-    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && C && g(wt, {
+    }), (N == null ? void 0 : N.type) === "upsell" && N.showConfirmation && C && g(wt, {
       open: !0,
-      onClose: L,
+      onClose: H,
       success: C === "success",
-      errorMessage: S.errorMessage,
-      successMessage: S.successMessage,
-      nextSteps: S.nextSteps,
-      closeLabel: S.closeLabel,
+      errorMessage: N.errorMessage,
+      successMessage: N.successMessage,
+      nextSteps: N.nextSteps,
+      closeLabel: N.closeLabel,
       portalContainer: null
     })]
   });
 }
-const or = xe(null), ar = ({ children: a, fullScreen: e = !0 }) => {
-  const t = Y(null), [i, s] = A(t.current);
-  return ss(() => {
+const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
+  const t = Z(null), [i, s] = M(t.current);
+  return es(() => {
     s(t.current);
-  }, []), g(or.Provider, {
+  }, []), g(nr.Provider, {
     value: {
       element: i
     },
     children: g("div", {
       ref: t,
       id: "f0-layout",
-      className: j({
+      className: L({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: a
     })
   });
-}, lr = ({ children: a }) => g(is, {
+}, ar = ({ children: a }) => g(Zi, {
   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, {
+}), Hr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(ar, {
+  children: g(Ui, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: g(Yi, {
+    children: g(qi, {
       ...n,
-      children: g(Xi, {
+      children: g(Ki, {
         ...r,
-        children: g(Ji, {
+        children: g(Vi, {
           ...t,
-          children: g(ar, {
+          children: g(or, {
             ...e,
-            children: g(Zi, {
-              children: g(Qi, {
+            children: g(Yi, {
+              children: g(Xi, {
                 initiallyEnabled: i,
-                children: g(es, {
+                children: g(Ji, {
                   ...s,
-                  children: g(ts, {
+                  children: g(Qi, {
                     handler: h,
                     children: a
                   })
@@ -5474,104 +5520,106 @@ const or = xe(null), ar = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), tt = (a) => `datacollection-${a}`, Fr = {
+}), et = (a) => `datacollection-${a}`, Br = {
   get: async (a) => JSON.parse(
-    localStorage.getItem(tt(a)) ?? "{}"
+    localStorage.getItem(et(a)) ?? "{}"
   ),
   set: async (a, e) => {
-    localStorage.setItem(tt(a), JSON.stringify(e));
+    localStorage.setItem(et(a), JSON.stringify(e));
   }
 };
 export {
-  mr as AreaChart,
-  $r as Await,
-  yr as BarChart,
+  pr as AreaChart,
+  Gr as Await,
+  mr 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,
-  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,
+  _r as ComboChart,
+  Wr as DndProvider,
+  $r as EmojiImage,
+  jr as F0Avatar,
+  Ur as F0AvatarAlert,
+  qr as F0AvatarCompany,
+  Kr as F0AvatarDate,
+  Vr as F0AvatarEmoji,
+  Yr as F0AvatarFile,
+  Xr as F0AvatarIcon,
+  Jr as F0AvatarList,
+  yt as F0AvatarModule,
+  Qr as F0AvatarPerson,
+  Zr as F0AvatarTeam,
+  V as F0Button,
+  en as F0ButtonDropdown,
+  tn as F0ButtonToggle,
+  sn as F0Card,
+  rn as F0Checkbox,
+  zr as F0ChipList,
+  nn as F0DatePicker,
+  on as F0EventCatcherProvider,
+  Or as F0GridStack,
+  Bs as F0Heading,
+  Oi as F0Icon,
+  an as F0Link,
+  Hr as F0Provider,
+  ln as F0TagAlert,
+  hn as F0TagBalance,
+  dn as F0TagCompany,
+  cn as F0TagDot,
+  un as F0TagList,
+  fn as F0TagPerson,
+  Ai as F0TagRaw,
+  Ti as F0TagStatus,
+  gn as F0TagTeam,
+  Is as F0Text,
+  pn as GROUP_ID_SYMBOL,
+  Tr as HomeLayout,
+  yr as LineChart,
+  mn as OneFilterPicker,
+  br as PieChart,
+  Xi as PrivacyModeProvider,
   $t as ProductBlankslate,
   vn as ProductCard,
-  Hr as ProductModal,
-  rr as ProductWidget,
+  Lr as ProductModal,
+  sr as ProductWidget,
   xr as ProgressBarChart,
-  Or as StandardLayout,
-  bn as TagCounter,
-  Tr as TwoColumnLayout,
+  Pr as StandardLayout,
+  yn as TagCounter,
+  Ar 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,
+  rr as UpsellingBanner,
+  xt as UpsellingButton,
+  Mr as UpsellingPopover,
+  wr as VerticalBarChart,
+  fr as avatarVariants,
+  bn as buildTranslations,
+  Rr as buttonDropdownSizes,
   Nr as buttonDropdownVariants,
-  Rr as buttonSizes,
-  Sr as buttonToggleSizes,
+  Er as buttonSizes,
+  Dr as buttonToggleSizes,
   Cr as buttonVariants,
-  _n as createAtlaskitDriver,
+  wn as createAtlaskitDriver,
   xn as createDataSourceDefinition,
-  Fr as dataCollectionLocalStorageHandler,
-  Pr as datepickerSizes,
-  fr as defaultTranslations,
-  Ae as experimental,
-  En as getAnimationVariants,
+  Br as dataCollectionLocalStorageHandler,
+  kr as datepickerSizes,
+  ur as defaultTranslations,
+  pt as experimental,
+  _n as getAnimationVariants,
   Cn as getDataSourcePaginationType,
-  Rn as getEmojiLabel,
+  En 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,
+  Rn as isPageBasedPagination,
+  Sr as linkVariants,
+  Dn as modules,
+  Sn as predefinedPresets,
+  zn as tagDotColors,
+  kn as useData,
+  Pn as useDataSource,
+  An 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
+  On as useDroppableList,
+  Ln as useEmojiConfetti,
+  Mn as useGroups,
+  Hn as usePrivacyMode,
+  Bn as useReducedMotion,
+  In as useSelectable,
+  Fn as useXRay
 };