@factorialco/f0-react 1.280.0 → 1.281.0

package/dist/f0.js

@@ -1,10 +1,10 @@
-import { S as Ue, a as Xt, f as Re, L as Q, b as Jt, A as Zt, i as he, c as nt, d as ot, E as Qt, g as ue, e as ei, h as ti, C as ii, j as si, k as V, l as at, u as ri, G as ni, m as oi, n as qe, o as ai, p as lt, q as li, B as dt, X as ht, Y as ze, r as di, s as ct, t as hi, v as ci, w as ui, x as fi, y as gi, z as pi, D as mi, F as yi, H as Ke, I as vi, J as ee, K as Ne, M as bi, N as wi, O as xi, P as ut, Q as B, R as F, T as _i, U as Ei, V as Ci, W as Ri, Z as Ni, _ as Di, $ as Si, a0 as ft, a1 as zi, a2 as fe, a3 as gt, a4 as pt, a5 as ki, a6 as mt, a7 as yt, a8 as vt, a9 as Te, aa as Pi, ab as bt, ac as Ai, ad as Ti, ae as Oi, af as Ve, ag as De, ah as Li, ai as Mi, aj as wt, ak as Hi, al as Bi, am as xt, an as Ii, ao as _t, ap as Fi, aq as Gi, ar as Wi, as as $i, at as ji, au as Ui, av as qi, aw as Ki, ax as Et, ay as X, az as Ct, aA as Vi, aB as Yi, aC as Ye, aD as Xi, aE as Rt, aF as Ji, aG as Zi, aH as Qi, aI as es, aJ as ts, aK as is, aL as ss, aM as rs, aN as ns, aO as os, aP as as, aQ as ls } from "./hooks-WCchcl_J.js";
-import { bg as Jr, bt as Zr, bC as Qr, aR as en, aS as tn, aT as sn, aU as rn, aV as nn, aW as on, aX as an, aY as ln, a_ as dn, a$ as hn, b0 as cn, b1 as un, b2 as fn, b3 as gn, by as pn, b5 as mn, b7 as yn, b8 as vn, b9 as bn, ba as wn, bd as xn, be as _n, bf as En, bi as Cn, b6 as Rn, bh as Nn, bc as Dn, bz as Sn, bs as zn, bn as kn, bq as Pn, bm as An, bD as Tn, bl as On, bk as Ln, aZ as Mn, b4 as Hn, bb as Bn, bj as In, bo as Fn, bu as Gn, bv as Wn, bw as $n, bE as jn, bp as Un, bx as qn, bB as Kn, br as Vn, bA as Yn } from "./hooks-WCchcl_J.js";
-import { jsx as g, jsxs as z, Fragment as oe } from "react/jsx-runtime";
-import * as Oe from "react";
-import P, { PureComponent as ds, useState as A, forwardRef as $, useEffect as K, useMemo as te, useCallback as j, useRef as Y, createElement as Xe, useImperativeHandle as Nt, Children as hs, createContext as _e, useContext as Dt, useLayoutEffect as Je } from "react";
-import { createPortal as cs } from "react-dom";
-import './f0.css';const us = {
+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 us = {
   jo: "Jordan",
   jp: "Japan",
   ke: "Kenya"
-}, xr = {
-  countries: us,
+}, ur = {
+  countries: rs,
   approvals: {
     history: "Approval history",
     statuses: {
@@ -360,124 +360,174 @@ import './f0.css';const us = {
     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"
+    }
   }
-}, _r = [
+}, 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 fs(a, e) {
+function ns(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function gs(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, kt(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 ps(a, e, t) {
-  return e && gs(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 ms(a, e, t) {
-  return e = ge(e), ys(a, St() ? 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 ys(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 vs(a);
+  return ds(a);
 }
-function vs(a) {
+function ds(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function St() {
+function Nt() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (St = 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 bs(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 && ke(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 ke(a, e) {
-  return ke = 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;
-  }, ke(a, e);
+  }, Se(a, e);
 }
-function zt(a, e, t) {
-  return e = kt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function Rt(a, e, t) {
+  return e = Dt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function kt(a) {
-  var e = ws(a, "string");
-  return J(e) == "symbol" ? e : e + "";
+function Dt(a) {
+  var e = us(a, "string");
+  return Y(e) == "symbol" ? e : e + "";
 }
-function ws(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 fs(this, e), ms(this, e, arguments);
+    return ns(this, e), ls(this, e, arguments);
   }
-  return bs(e, a), ps(e, [{
+  return cs(e, a), as(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-}(P.Component);
-zt(Ee, "displayName", "ZAxis");
-zt(Ee, "defaultProps", {
+}(z.Component);
+Rt(_e, "displayName", "ZAxis");
+Rt(_e, "defaultProps", {
   zAxisId: 0,
   range: [64, 64],
   scale: "auto",
   type: "number"
 });
-var xs = ["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 _s(a, e) {
+function gs(a, e) {
   if (a == null) return {};
-  var t = Es(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 _s(a, e) {
   }
   return t;
 }
-function Es(a, e) {
+function ps(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -495,39 +545,39 @@ function Es(a, e) {
     }
   return t;
 }
-function Cs(a) {
-  var e = a.option, t = a.isActive, i = _s(a, xs);
-  return typeof e == "string" ? /* @__PURE__ */ P.createElement(Ue, ie({
-    option: /* @__PURE__ */ P.createElement(Xt, ie({
+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(Ue, 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 Ze(a, e) {
+function Ve(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -537,130 +587,130 @@ function Ze(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 ? Ze(Object(t), !0).forEach(function(i) {
-      q(a, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ze(Object(t)).forEach(function(i) {
+    e % 2 ? Ve(Object(t), !0).forEach(function(i) {
+      U(a, i, t[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 Rs(a, e) {
+function vs(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function Qe(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, At(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 Ns(a, e, t) {
-  return e && Qe(a.prototype, e), t && Qe(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 Ds(a, e, t) {
-  return e = pe(e), Ss(a, Pt() ? 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 Ss(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 zs(a);
+  return xs(a);
 }
-function zs(a) {
+function xs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function Pt() {
+function St() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (Pt = 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 ks(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 && Pe(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 Pe(a, e) {
-  return Pe = 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;
-  }, Pe(a, e);
+  }, ze(a, e);
 }
-function q(a, e, t) {
-  return e = At(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
+function U(a, e, t) {
+  return e = zt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function At(a) {
-  var e = Ps(a, "string");
-  return Z(e) == "symbol" ? e : e + "";
+function zt(a) {
+  var e = Cs(a, "string");
+  return X(e) == "symbol" ? e : e + "";
 }
-function Ps(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;
-    Rs(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 = Ds(this, e, [].concat(s)), q(t, "state", {
+    return t = bs(this, e, [].concat(s)), U(t, "state", {
       isAnimationFinished: !1
-    }), q(t, "handleAnimationEnd", function() {
+    }), U(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), q(t, "handleAnimationStart", function() {
+    }), U(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), q(t, "id", ri("recharts-scatter-")), t;
+    }), U(t, "id", ei("recharts-scatter-")), t;
   }
-  return ks(e, a), Ns(e, [{
+  return _s(e, a), ys(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
-      var s = this, r = this.props, n = r.shape, o = r.activeShape, d = r.activeIndex, c = Re(this.props, !1);
-      return i.map(function(l, h) {
-        var f = d === h, p = f ? o : n, m = H(H({}, c), l);
-        return /* @__PURE__ */ P.createElement(Q, se({
+      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 = 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(h)
-        }, Jt(s.props, l, h), {
+          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(Cs, se({
+        }), /* @__PURE__ */ z.createElement(ms, te({
           option: p,
           isActive: f,
-          key: "symbol-".concat(h)
+          key: "symbol-".concat(d)
         }, m)));
       });
     }
   }, {
     key: "renderSymbolsWithAnimation",
     value: function() {
-      var i = this, s = this.props, r = s.points, n = s.isAnimationActive, o = s.animationBegin, d = s.animationDuration, c = s.animationEasing, l = s.animationId, h = this.state.prevPoints;
-      return /* @__PURE__ */ P.createElement(Zt, {
+      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__ */ z.createElement(Vt, {
         begin: o,
-        duration: d,
+        duration: h,
         isActive: n,
         easing: c,
         from: {
@@ -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 = h && h[b];
-          if (N) {
-            var _ = he(N.cx, y.cx), C = he(N.cy, y.cy), D = he(N.size, y.size);
-            return H(H({}, y), {}, {
-              cx: _(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 = he(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 || !nt(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, d = s.children, c = ot(d, Qt);
-      return c ? c.map(function(l, h) {
+      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, {
-          key: "".concat(p, "-").concat(m, "-").concat(r[h]),
+        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, d = Re(this.props, !1), c = Re(r, !1), l, h;
+      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,50 +785,50 @@ var ae = /* @__PURE__ */ function(a) {
           };
         });
       else if (n === "fitting") {
-        var f = ei(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 _ = H(H(H({}, d), {}, {
+      var E = O(O(O({}, h), {}, {
         fill: "none",
-        stroke: d && d.fill
+        stroke: h && h.fill
       }, c), {}, {
         points: l
       });
-      return /* @__PURE__ */ P.isValidElement(r) ? h = /* @__PURE__ */ P.cloneElement(r, _) : ti(r) ? h = r(_) : h = /* @__PURE__ */ P.createElement(ii, se({}, _, {
+      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"
-      }, h);
+      }, d);
     }
   }, {
     key: "render",
     value: function() {
-      var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, d = i.xAxis, c = i.yAxis, l = i.left, h = i.top, f = i.width, p = i.height, m = i.id, y = i.isAnimationActive;
+      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 = si("recharts-scatter", o), _ = d && d.allowDataOverflow, C = c && c.allowDataOverflow, D = _ || C, S = V(m) ? this.id : m;
-      return /* @__PURE__ */ P.createElement(Q, {
-        className: N,
-        clipPath: D ? "url(#clipPath-".concat(S, ")") : null
-      }, _ || C ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
-        id: "clipPath-".concat(S)
-      }, /* @__PURE__ */ P.createElement("rect", {
-        x: _ ? l : l - f / 2,
-        y: C ? h : h - p / 2,
-        width: _ ? f : 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: 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) && at.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;
     }
   }]);
-}(ds);
-q(ae, "displayName", "Scatter");
-q(ae, "defaultProps", {
+}(ts);
+U(re, "displayName", "Scatter");
+U(re, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -804,102 +854,102 @@ q(ae, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !ni.isSsr,
+  isAnimationActive: !ti.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
-q(ae, "getComposedData", function(a) {
-  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, d = a.offset, c = s.props.tooltipType, l = ot(s.props.children, oi), h = V(e.dataKey) ? s.props.dataKey : e.dataKey, f = V(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : Ee.defaultProps.range, y = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, N = t.scale.bandwidth ? t.scale.bandwidth() : 0, _ = r.map(function(C, D) {
-    var S = ue(C, h), R = ue(C, f), E = !V(p) && ue(C, p) || "-", T = [{
-      name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
+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: h,
+      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 !== "-" && T.push({
+    A !== "-" && W.push({
       name: i.name || i.dataKey,
       unit: i.unit || "",
-      value: E,
+      value: A,
       payload: C,
       dataKey: p,
       type: c
     });
-    var L = qe({
+    var H = $e({
       axis: e,
       ticks: n,
       bandSize: b,
       entry: C,
-      index: D,
-      dataKey: h
-    }), G = qe({
+      index: S,
+      dataKey: d
+    }), F = $e({
       axis: t,
       ticks: o,
-      bandSize: N,
+      bandSize: _,
       entry: C,
-      index: D,
+      index: S,
       dataKey: f
-    }), x = E !== "-" ? i.scale(E) : y, k = Math.sqrt(Math.max(x, 0) / Math.PI);
-    return H(H({}, C), {}, {
-      cx: L,
-      cy: G,
-      x: L - k,
-      y: G - k,
+    }), x = A !== "-" ? i.scale(A) : v, D = Math.sqrt(Math.max(x, 0) / Math.PI);
+    return O(O({}, C), {}, {
+      cx: H,
+      cy: F,
+      x: H - D,
+      y: F - D,
       xAxis: e,
       yAxis: t,
       zAxis: i,
-      width: 2 * k,
-      height: 2 * k,
+      width: 2 * D,
+      height: 2 * D,
       size: x,
       node: {
-        x: S,
-        y: R,
-        z: E
+        x: N,
+        y: P,
+        z: A
       },
-      tooltipPayload: T,
+      tooltipPayload: W,
       tooltipPosition: {
-        x: L,
-        y: G
+        x: H,
+        y: F
       },
       payload: C
-    }, l && l[D] && l[D].props);
+    }, l && l[S] && l[S].props);
   });
-  return H({
-    points: _
-  }, d);
+  return O({
+    points: E
+  }, h);
 });
-var As = ai({
+var Es = si({
   chartName: "ComposedChart",
-  GraphicalChild: [lt, li, dt, ae],
+  GraphicalChild: [rt, ri, nt, re],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: ht
+    AxisComp: ot
   }, {
     axisType: "yAxis",
-    AxisComp: ze
+    AxisComp: De
   }, {
     axisType: "zAxis",
-    AxisComp: Ee
+    AxisComp: _e
   }],
-  formatAxisMap: di
+  formatAxisMap: ni
 });
-const Ts = (a) => {
+const Ns = (a) => {
   const e = (t) => {
     const { cx: i, cy: s, fill: r, payload: n } = t, o = () => {
       if (!n) return "-";
       if (n[a] !== void 0)
         return n[a];
-      for (const [d, c] of Object.entries(n))
-        if (typeof c == "number" && d !== "x")
+      for (const [h, c] of Object.entries(n))
+        if (typeof c == "number" && h !== "x")
           return c;
       return "-";
     };
@@ -910,24 +960,24 @@ const Ts = (a) => {
       fill: r,
       stroke: "white",
       strokeWidth: 2,
-      ref: (d) => {
-        d != null && d.parentElement && d.parentElement.setAttribute("aria-label", `Data point: ${o()}`);
+      ref: (h) => {
+        h != null && h.parentElement && h.parentElement.setAttribute("aria-label", `Data point: ${o()}`);
       }
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, Os = ({ 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: d, showValueUnderLabel: c = !1, bar: l, line: h, scatter: f, onClick: p }, m) => {
-  var E, T, L, G;
-  const y = hi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], N = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], _ = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ...N, ..._], D = Math.max(...y.flatMap((x) => C.map((k) => ci(i != null && i.tickFormatter ? i.tickFormatter(`${x[k]}`) : `${x[k]}`)))), S = [l, h, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "left"), R = [l, h, f].filter((x) => (x == null ? void 0 : x.axisPosition) === "right");
-  return g(ui, {
+}, 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 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(As, {
+    children: R(Es, {
       accessibilityLayer: !0,
-      data: y,
+      data: v,
       margin: {
         left: i && !i.hide ? 0 : 12,
         right: 12,
@@ -938,97 +988,97 @@ const Ts = (a) => {
       onClick: (x) => {
         if (!p || !x.activeLabel || !x.activePayload)
           return;
-        const k = {
+        const D = {
           label: x.activeLabel,
           values: {}
         };
-        for (const le of x.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(fi, {
-        ...gi(),
-        content: g(pi, {
+      children: [!r && g(hi, {
+        ...di(),
+        content: g(ci, {
           yAxisFormatter: i.tickFormatter
         })
-      }), !n && g(mi, {
-        ...yi()
-      }), S.length > 0 && g(ze, {
-        ...Ke(i),
+      }), !n && g(ui, {
+        ...fi()
+      }), 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((x) => x == null ? void 0 : x.hideAxis),
-        label: (T = S[0]) != null && T.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(ze, {
-        ...Ke(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((x) => x == null ? void 0 : x.hideAxis),
-        label: (G = R[0]) != null && G.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(ht, {
-        ...vi(t),
+      }), g(ot, {
+        ...gi(t),
         hide: t == null ? void 0 : t.hide,
         tick: c ? (x) => {
-          var $e, je;
-          const { x: k, y: le, payload: Ge } = x, We = (($e = e.find((Yt) => Yt.label === Ge.value)) == null ? void 0 : $e.values) || "", de = Object.keys(We).length === 1 ? (je = Object.values(We)) == null ? void 0 : je[0] : void 0, Vt = de !== void 0 && i.tickFormatter ? i.tickFormatter(`${de}`) : de.toLocaleString();
-          return z("g", {
-            transform: `translate(${k},${le})`,
+          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: Ge.value
-            }), !!de && g("text", {
+              children: Be.value
+            }), !!oe && g("text", {
               x: 0,
               y: 0,
               dy: 28,
               textAnchor: "middle",
               className: "!fill-f1-foreground text-sm font-medium",
-              children: Vt
+              children: jt
             })]
           });
         } : void 0
-      }), b.map((x, k) => g(dt, {
+      }), b.map((x, D) => g(nt, {
         isAnimationActive: !1,
         dataKey: String(x),
-        fill: a[x].color ? ee(a[x].color) : Ne(k),
+        fill: a[x].color ? Q(a[x].color) : Ne(D),
         radius: 4,
         maxBarSize: 32,
-        children: s && g(at, {
+        children: s && g(st, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
           fontSize: 12
         }, `label-${String(x)}`)
-      }, `bar-${String(x)}`)), N.map((x, k) => g(lt, {
-        type: (h == null ? void 0 : h.lineType) ?? "natural",
+      }, `bar-${String(x)}`)), _.map((x, D) => g(rt, {
+        type: (d == null ? void 0 : d.lineType) ?? "natural",
         dataKey: String(x),
-        stroke: a[x].color ? ee(a[x].color) : Ne(b.length + k),
+        stroke: a[x].color ? Q(a[x].color) : Ne(b.length + D),
         strokeWidth: 2,
-        dot: (h == null ? void 0 : h.dot) ?? !1,
+        dot: (d == null ? void 0 : d.dot) ?? !1,
         isAnimationActive: !1,
-        yAxisId: (h == null ? void 0 : h.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(x)}`)), _.map((x, k) => g(ae, {
+        yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
+      }, `line-${String(x)}`)), E.map((x, D) => g(re, {
         dataKey: String(x),
-        fill: a[x].color ? ee(a[x].color) : Ne(b.length + N.length + k),
+        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: Ts(String(x))
-      }, `scatter-${String(x)}`)), d && g(bi, {
-        content: g(wi, {
+        shape: Ns(String(x))
+      }, `scatter-${String(x)}`)), h && g(pi, {
+        content: g(mi, {
           nameKey: "label"
         }),
         align: "center",
@@ -1038,30 +1088,30 @@ const Ts = (a) => {
       })]
     })
   });
-}, Ls = ct(Os);
-var Le = "Progress", Me = 100, [Ms, Er] = xi(Le), [Hs, Bs] = Ms(Le), Tt = 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 = Is,
+      getValueLabel: r = Ps,
       ...n
     } = a;
-    (s || s === 0) && !et(s) && console.error(Fs(`${s}`, "Progress"));
-    const o = et(s) ? s : Me;
-    i !== null && !tt(i, o) && console.error(Gs(`${i}`, "Progress"));
-    const d = tt(i, o) ? i : null, c = me(d) ? r(d, o) : void 0;
-    return /* @__PURE__ */ g(Hs, { scope: t, value: d, max: o, children: /* @__PURE__ */ g(
-      ut.div,
+    (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(d) ? d : void 0,
+        "aria-valuenow": ge(h) ? h : void 0,
         "aria-valuetext": c,
         role: "progressbar",
-        "data-state": Mt(d, o),
-        "data-value": d ?? void 0,
+        "data-state": Tt(h, o),
+        "data-value": h ?? void 0,
         "data-max": o,
         ...n,
         ref: e
@@ -1069,14 +1119,14 @@ var Le = "Progress", Me = 100, [Ms, Er] = xi(Le), [Hs, Bs] = Ms(Le), Tt = Oe.for
     ) });
   }
 );
-Tt.displayName = Le;
-var Ot = "ProgressIndicator", Lt = Oe.forwardRef(
+kt.displayName = Ae;
+var Pt = "ProgressIndicator", At = Pe.forwardRef(
   (a, e) => {
-    const { __scopeProgress: t, ...i } = a, s = Bs(Ot, t);
+    const { __scopeProgress: t, ...i } = a, s = ks(Pt, t);
     return /* @__PURE__ */ g(
-      ut.div,
+      lt.div,
       {
-        "data-state": Mt(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 Ot = "ProgressIndicator", Lt = Oe.forwardRef(
     );
   }
 );
-Lt.displayName = Ot;
-function Is(a, e) {
+At.displayName = Pt;
+function Ps(a, e) {
   return `${Math.round(a / e * 100)}%`;
 }
-function Mt(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 et(a) {
-  return me(a) && !isNaN(a) && a > 0;
+function Xe(a) {
+  return ge(a) && !isNaN(a) && a > 0;
 }
-function tt(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 Fs(a, e) {
-  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Me}\`.`;
+function 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 Gs(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 ${Me} 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 Ht = Tt, Ws = Lt;
-const Bt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ht, {
+var Ot = kt, Os = At;
+const Lt = Pe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
   ref: i,
-  className: B("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(Ws, {
+  children: g(Os, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: t.color,
@@ -1125,15 +1175,15 @@ const Bt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ht, {
     }
   })
 }));
-Bt.displayName = Ht.displayName;
-const $s = ({ value: a, max: e = 100, label: t, color: i }, s) => {
-  const r = i ? ee(i) : ee("categorical-1"), n = a / e * 100;
-  return z("div", {
+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(Bt, {
+      children: g(Lt, {
         color: r,
         value: n,
         className: "w-full",
@@ -1147,78 +1197,78 @@ const $s = ({ value: a, max: e = 100, label: t, color: i }, s) => {
       children: t
     })]
   });
-}, js = ct($s), Cr = F(
+}, Ms = at(Ls), pr = I(
   {
     name: "AreaChart",
     type: "info"
   },
-  Di
-), Rr = F(
+  Ci
+), mr = I(
   {
     name: "BarChart",
     type: "info"
   },
-  _i
-), Nr = F(
+  yi
+), vr = I(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  Ei
-), Dr = F(
+  bi
+), yr = I(
   {
     name: "LineChart",
     type: "info"
   },
-  Ci
-), Sr = F(
+  wi
+), br = I(
   {
     name: "PieChart",
     type: "info"
   },
-  Ri
-), zr = F(
+  xi
+), wr = I(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  Ni
-), kr = F(
+  _i
+), xr = I(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  js
-), Pr = F(
+  Ms
+), _r = I(
   {
     name: "ComboChart",
     type: "info"
   },
-  Ls
-), Ar = Si, Tr = ft, Or = ["default", "outline", "neutral"], Lr = ft, Mr = ["sm", "md", "lg"], Hr = zi, Ae = ({ count: a, list: e }) => {
-  const [t, i] = A(!1), s = g(fe, {
+  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(gt, {
+  return e != null && e.length ? R(dt, {
     open: t,
     onOpenChange: i,
-    children: [g(pt, {
+    children: [g(ct, {
       asChild: !0,
       children: g("button", {
-        className: ki("inline-flex flex-shrink-0 items-center"),
+        className: Ri("inline-flex flex-shrink-0 items-center"),
         children: s
       })
-    }), g(mt, {
+    }), g(ut, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
-      children: z(yt, {
+      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(vt, {
+        }, n)), g(gt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -1226,152 +1276,36 @@ const $s = ({ value: a, max: e = 100, label: t, color: i }, s) => {
     })]
   }) : s;
 };
-Ae.displayName = "ChipCounter";
-const It = ({ 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(Pi, {
+    return g(Di, {
       items: a,
-      renderListItem: (d) => g(fe, {
-        ...d
+      renderListItem: (h) => g(de, {
+        ...h
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (d) => g(Ae, {
-        count: (t ?? 0) + d,
-        list: t ? void 0 : a.slice(a.length - d)
+      renderOverflowIndicator: (h) => g(ke, {
+        count: (t ?? 0) + h,
+        list: t ? void 0 : a.slice(a.length - h)
       }),
       overflowIndicatorWithPopover: !1,
       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((d, c) => g(fe, {
-      ...d
-    }, c)), o && g(Ae, {
+    children: [s.map((h, c) => g(de, {
+      ...h
+    }, c)), o && g(ke, {
       count: n,
       list: t ? void 0 : r
     })]
   });
 };
-It.displayName = "F0ChipList";
-const Br = Te("F0ChipList", It), Ft = $(({ value: a, onDateChange: e, granularity: t, onOpenChange: i, minDate: s, maxDate: r, onClear: n, ...o }, d) => {
-  const [c, l] = A(""), [h, f] = A(!1), p = bt();
-  K(() => {
-    l(t.toString(a == null ? void 0 : a.value, p));
-  }, [a, t, p]);
-  const m = (_) => Oi(_, t, {
-    minDate: s,
-    maxDate: r
-  }), y = (_, C) => {
-    if (_ === "") {
-      e == null || e({
-        value: void 0,
-        granularity: C.key
-      }), f(o.required ?? !1);
-      return;
-    }
-    const D = C.toRange(C.fromString(_, p));
-    D && m(D == null ? void 0 : D.from) && m(D == null ? void 0 : D.to) ? (e == null || e({
-      value: D,
-      granularity: C.key
-    }), f(!1)) : f(!0);
-  }, b = () => {
-    y(c, t);
-  };
-  return g(oe, {
-    children: g(Ai, {
-      ...o,
-      icon: Ti,
-      ref: d,
-      onFocus: () => i == null ? void 0 : i(!0),
-      onClear: () => {
-        n == null || n(), l(""), y("", t);
-      },
-      onKeyDown: (_) => {
-        _.key === "Enter" && b();
-      },
-      type: "text",
-      onChange: (_) => {
-        l(_);
-      },
-      error: h || o.error,
-      onBlur: b,
-      value: c,
-      onClickContent: () => i == null ? void 0 : i(!0)
-    })
-  });
-});
-Ft.displayName = "DateInput";
-function Us({ onChange: a, value: e, presets: t = [], granularities: i = ["day"], minDate: s, maxDate: r, open: n = !1, ...o }) {
-  const [d, c] = A(), [l, h] = A(n);
-  K(() => {
-    h(n);
-  }, [n]);
-  const f = bt(), p = te(() => i[0] ?? "day", [i]), m = j((R) => {
-    const E = R || p;
-    if (!Ve[E])
-      throw new Error(`Invalid granularity ${E}`);
-    return {
-      ...Ve[E],
-      key: E
-    };
-  }, [p]), y = j((R) => {
-    var T;
-    if (!R)
-      return;
-    const E = m(R == null ? void 0 : R.granularity);
-    return R ? {
-      value: E.toRange(E.calendarMode === "range" ? R.value : ((T = R.value) == null ? void 0 : T.from) ?? void 0),
-      granularity: R.granularity
-    } : void 0;
-  }, [m]), b = te(() => m(d == null ? void 0 : d.granularity), [d == null ? void 0 : d.granularity, m]);
-  K(() => {
-    const R = y(e);
-    De(d, R) || c(R);
-  }, [e]);
-  const N = (R) => {
-    const E = y(R), L = m(E == null ? void 0 : E.granularity).calendarMode !== "range" && (E == null ? void 0 : E.granularity) === (d == null ? void 0 : d.granularity) && !De(E, d);
-    _(E), L && h(!1);
-  }, _ = (R) => {
-    const E = y(R);
-    if (c(E), !De(E, d)) {
-      const T = m(E == null ? void 0 : E.granularity);
-      a == null || a(E, T.toString(E == null ? void 0 : E.value, f));
-    }
-  }, C = (R) => {
-    var E;
-    h(R), (E = o.onOpenChange) == null || E.call(o, R);
-  }, D = te(() => t.filter((R) => i.includes(R.granularity)), [t, i]), S = Y(null);
-  return K(() => {
-    l && S.current && requestAnimationFrame(() => {
-      var R;
-      (R = S.current) == null || R.focus();
-    });
-  }, [l]), g(Li, {
-    hideCalendarInput: !0,
-    onSelect: N,
-    value: d,
-    presets: D,
-    granularities: i,
-    minDate: s,
-    maxDate: r,
-    open: l,
-    onOpenChange: C,
-    asChild: !0,
-    children: g(Ft, {
-      ref: S,
-      ...o,
-      value: d,
-      granularity: b,
-      onDateChange: _
-    })
-  });
-}
-const Ir = Mi, Fr = Te(
-  "F0DatePicker",
-  Us
-), Se = wt({
+Mt.displayName = "F0ChipList";
+const zr = pt("F0ChipList", Mt), kr = Si, Re = mt({
   base: "text-base text-f1-foreground",
   variants: {
     variant: {
@@ -1412,7 +1346,7 @@ const Ir = Mi, Fr = Te(
     variant: "body",
     align: "left"
   }
-}), qs = {
+}), Hs = {
   "heading-large": "h1",
   heading: "h2",
   body: "p",
@@ -1431,85 +1365,85 @@ const Ir = Mi, Fr = Te(
   "positive-strong": "p",
   "info-strong": "p",
   code: "code"
-}, He = $(({ content: a, variant: e, align: t, className: i, as: s, ellipsis: r, noEllipsisTooltip: n, markdown: o, ...d }, c) => {
-  const l = s ?? qs[e ?? "body"];
+}, 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(Hi, {
+    return g(zi, {
       ref: c,
       lines: typeof r == "number" ? r : 1,
       noTooltip: n,
       tag: l,
-      className: B(Se({
+      className: L(Re({
         variant: e,
         align: t
       }), i),
       markdown: o,
-      ...d,
+      ...h,
       children: a
     });
   if (o) {
-    const h = Bi(a);
-    return Xe(l, {
-      ...d,
-      className: B(Se({
+    const d = ki(a);
+    return qe(l, {
+      ...h,
+      className: L(Re({
         variant: e,
         align: t
       }), i),
       ref: c,
       dangerouslySetInnerHTML: {
-        __html: h
+        __html: d
       }
     });
   }
-  return Xe(l, {
-    ...d,
-    className: B(Se({
+  return qe(l, {
+    ...h,
+    className: L(Re({
       variant: e,
       align: t
     }), i),
     ref: c
   }, a);
 });
-He.displayName = "Text";
-const Ks = $((a, e) => g(He, {
+Oe.displayName = "Text";
+const Bs = j((a, e) => g(Oe, {
   ref: e,
   variant: "heading",
   ...a
 }));
-Ks.displayName = "F0Heading";
-const Vs = $((a, e) => g(He, {
+Bs.displayName = "F0Heading";
+const Is = j((a, e) => g(Oe, {
   ref: e,
   markdown: a.markdown ?? !0,
   ...a
 }));
-Vs.displayName = "F0Text";
-const Ys = {
+Is.displayName = "F0Text";
+const Fs = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, Xs = $(function({ widgets: e, children: t }, i) {
-  const s = Y(null);
-  Nt(i, () => s.current);
-  const r = hs.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(xt, {
+  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(Ii, {
-          columns: Ys,
+        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",
@@ -1524,78 +1458,78 @@ const Ys = {
       })]
     })
   });
-}), Js = $(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: B("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", s && "md:sticky md:top-0 md:max-h-full"),
+    children: 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: B("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", s ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
+        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(Zs, {
+      }), g($s, {
         sticky: s,
-        className: B("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        className: L("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), Zs = ({ children: a, className: e }) => g("aside", {
-  className: B("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
+}), $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
-}), Qs = wt({
+}), 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"
     }
   }
-}), Gt = P.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(xt, {
+}), Ht = z.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(vt, {
   layout: "standard",
   children: g("section", {
     ref: s,
-    className: B("relative flex-1 overflow-auto", t),
+    className: L("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: B(Qs({
+      className: L(js({
         variant: e
       })),
       children: a
     })
   })
 }));
-Gt.displayName = "StandardLayout";
-const Gr = F({
+Ht.displayName = "StandardLayout";
+const Pr = I({
   name: "StandardLayout",
   type: "layout"
-}, Gt), Wr = F({
+}, Ht), Ar = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, Js), $r = F({
+}, Ws), Tr = I({
   name: "HomeLayout",
   type: "layout"
-}, Xs), Wt = _e(null);
-function Be() {
-  const a = Dt(Wt);
+}, 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 er({ 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, _;
-      b.id && ((N = b.renderFn) != null && N.call(b)) && p.set(b.id, b), (_ = b.subGridOpts) != null && _.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;
-  }), d = j(() => {
+  }), h = q(() => {
     if (!s)
       return;
     const p = s.save();
@@ -1608,45 +1542,45 @@ function er({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
       y: m.y ?? 0
     }))));
   }, [s]);
-  K(() => {
+  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", d), () => {
+    return s.on("resizestop", p), s.on("change added removed", h), () => {
       s.off("resizestop"), s.off("change added removed");
     };
-  }, [s, t, d]), K(() => {
-    s && d();
+  }, [s, t, h]), ce(() => {
+    s && h();
   }, [s]);
-  const c = j((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 = j((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((_) => {
-        y.set(_.id, _);
-      }), 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]), h = j((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 = j(() => {
+  }, [s]), f = q(() => {
     s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
   }, [s]);
-  return g(Wt.Provider, {
+  return g(Bt.Provider, {
     value: {
       initialOptions: e,
       gridStack: s,
       addWidget: c,
-      removeWidget: h,
+      removeWidget: d,
       addSubGrid: l,
       removeAll: f,
       _gridStack: {
@@ -1661,34 +1595,34 @@ function er({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
     children: a
   });
 }
-const $t = _e(null);
-function tr() {
-  const a = Dt($t);
+const It = xe(null);
+function qs() {
+  const a = Ct(It);
   if (!a)
     throw new Error(
       "useGridStackRenderContext must be used within a GridStackProvider"
     );
   return a;
 }
-const ir = _e(null);
-function sr() {
-  const { _rawWidgetMetaMap: a } = Be(), { getWidgetContainer: e } = tr();
-  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(ir.Provider, {
+      return s ? g(Ks.Provider, {
         value: {
           widget: {
             id: t
           }
         },
-        children: cs((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 rr(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;
 }
@@ -2062,8 +1996,8 @@ class u {
     const s = u.getScrollElement(e);
     if (!s)
       return;
-    const r = e.getBoundingClientRect(), n = s.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight, d = r.bottom - Math.min(n.bottom, o), c = r.top - Math.max(n.top, 0), l = s.scrollTop;
-    c < 0 && i < 0 ? e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += Math.abs(c) > Math.abs(i) ? i : c : d > 0 && i > 0 && (e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += d > i ? i : d), t.top += s.scrollTop - l;
+    const r = e.getBoundingClientRect(), n = s.getBoundingClientRect(), o = window.innerHeight || document.documentElement.clientHeight, h = r.bottom - Math.min(n.bottom, o), c = r.top - Math.max(n.top, 0), l = s.scrollTop;
+    c < 0 && i < 0 ? e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += Math.abs(c) > Math.abs(i) ? i : c : h > 0 && i > 0 && (e.offsetHeight > n.height ? s.scrollTop += i : s.scrollTop += h > i ? i : h), t.top += s.scrollTop - l;
   }
   /**
    * @internal Function used to scroll the page.
@@ -2073,8 +2007,8 @@ class u {
    * @param distance Distance from the V edges to start scrolling
    */
   static updateScrollResize(e, t, i) {
-    const s = u.getScrollElement(t), r = s.clientHeight, n = s === u.getScrollElement() ? 0 : s.getBoundingClientRect().top, o = e.clientY - n, d = o < i, c = o > r - i;
-    d ? s.scrollBy({ behavior: "smooth", top: o - i }) : c && s.scrollBy({ behavior: "smooth", top: i - (r - o) });
+    const s = u.getScrollElement(t), r = s.clientHeight, n = s === u.getScrollElement() ? 0 : s.getBoundingClientRect().top, o = e.clientY - n, h = o < i, c = o > r - i;
+    h ? s.scrollBy({ behavior: "smooth", top: o - i }) : c && s.scrollBy({ behavior: "smooth", top: i - (r - o) });
   }
   /** single level clone, returning a new object with same top fields. This will share sub objects and arrays */
   static clone(e) {
@@ -2191,7 +2125,7 @@ class u {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class U {
+class $ {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -2228,9 +2162,9 @@ class U {
     !this._loading && this._useEntireRowArea(e, t) && (r = { x: 0, w: this.column, y: t.y, h: t.h }, i = this.collide(e, r, s.skip));
     let n = !1;
     const o = { nested: !0, pack: !1 };
-    let d = 0;
+    let h = 0;
     for (; i = i || this.collide(e, r, s.skip); ) {
-      if (d++ > this.nodes.length * 2)
+      if (h++ > this.nodes.length * 2)
         throw new Error("Infinite collide check");
       let c;
       if (i.locked || this._loading || e._moving && !e._skipDown && t.y > e.y && !this.float && // can take space we had, or before where we're going
@@ -2289,14 +2223,14 @@ class U {
     const s = e._rect, r = { ...t.rect };
     r.y > s.y ? (r.h += r.y - s.y, r.y = s.y) : r.h += s.y - r.y, r.x > s.x ? (r.w += r.x - s.x, r.x = s.x) : r.w += s.x - r.x;
     let n, o = 0.5;
-    for (let d of i) {
-      if (d.locked || !d._rect)
+    for (let h of i) {
+      if (h.locked || !h._rect)
         break;
-      const c = d._rect;
-      let l = Number.MAX_VALUE, h = Number.MAX_VALUE;
-      s.y < c.y ? l = (r.y + r.h - c.y) / c.h : s.y + s.h > c.y + c.h && (l = (c.y + c.h - r.y) / c.h), s.x < c.x ? h = (r.x + r.w - c.x) / c.w : s.x + s.w > c.x + c.w && (h = (c.x + c.w - r.x) / c.w);
-      const f = Math.min(h, l);
-      f > o && (o = f, n = d);
+      const c = h._rect;
+      let l = Number.MAX_VALUE, d = Number.MAX_VALUE;
+      s.y < c.y ? l = (r.y + r.h - c.y) / c.h : s.y + s.h > c.y + c.h && (l = (c.y + c.h - r.y) / c.h), s.x < c.x ? d = (r.x + r.w - c.x) / c.w : s.x + s.w > c.x + c.w && (d = (c.x + c.w - r.x) / c.w);
+      const f = Math.min(d, l);
+      f > o && (o = f, n = h);
     }
     return t.collide = n, n;
   }
@@ -2426,9 +2360,9 @@ class U {
     const s = this._inColumnResize;
     s || (this._inColumnResize = !0);
     const r = this.nodes;
-    return this.nodes = [], r.forEach((n, o, d) => {
+    return this.nodes = [], r.forEach((n, o, h) => {
       let c;
-      n.locked || (n.autoPosition = !0, e === "list" && o && (c = d[o - 1])), this.addNode(n, !1, c);
+      n.locked || (n.autoPosition = !0, e === "list" && o && (c = h[o - 1])), this.addNode(n, !1, c);
     }), s || delete this._inColumnResize, i || this.batchUpdate(!1), this;
   }
   /**
@@ -2503,7 +2437,7 @@ class U {
    * console.log('Node prepared at:', prepared.x, prepared.y);
    */
   prepareNode(e, t) {
-    e._id = e._id ?? U._idSeq++;
+    e._id = e._id ?? $._idSeq++;
     const i = e.id;
     if (i) {
       let r = 1;
@@ -2620,11 +2554,11 @@ class U {
     const r = s ? s.y * i + (s.x + s.w) : 0;
     let n = !1;
     for (let o = r; !n; ++o) {
-      const d = o % i, c = Math.floor(o / i);
-      if (d + e.w > i)
+      const h = o % i, c = Math.floor(o / i);
+      if (h + e.w > i)
         continue;
-      const l = { x: d, y: c, w: e.w, h: e.h };
-      t.find((h) => u.isIntercepted(l, h)) || ((e.x !== d || e.y !== c) && (e._dirty = !0), e.x = d, e.y = c, delete e.autoPosition, n = !0);
+      const l = { x: h, y: c, w: e.w, h: e.h };
+      t.find((d) => u.isIntercepted(l, d)) || ((e.x !== h || e.y !== c) && (e._dirty = !0), e.x = h, e.y = c, delete e.autoPosition, n = !0);
     }
     return n;
   }
@@ -2703,7 +2637,7 @@ class U {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const s = new U({
+    const s = new $({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((n) => n._id === e._id ? (i = { ...n }, i) : { ...n })
@@ -2717,7 +2651,7 @@ class U {
         return this._notify(), !0;
     }
     return r ? (s.nodes.filter((n) => n._dirty).forEach((n) => {
-      const o = this.nodes.find((d) => d._id === n._id);
+      const o = this.nodes.find((h) => h._id === n._id);
       o && (u.copyPos(o, n), o._dirty = !0);
     }), this._notify(), !0) : !1;
   }
@@ -2725,7 +2659,7 @@ class U {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new U({
+    const t = new $({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((s) => ({ ...s }))
@@ -2748,17 +2682,17 @@ class U {
     if (u.copyPos(r, t), this.nodeBoundFix(r, s), u.copyPos(t, r), !t.forceCollide && u.samePos(e, t))
       return !1;
     const n = u.copyPos({}, e), o = this.collideAll(e, r, t.skip);
-    let d = !0;
+    let h = !0;
     if (o.length) {
-      const h = e._moving && !t.nested;
-      let f = h ? this.directionCollideCoverage(e, t, o) : o[0];
-      if (h && f && ((l = (c = e.grid) == null ? void 0 : c.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
-        const p = u.areaIntercept(t.rect, f._rect), m = u.area(t.rect), y = u.area(f._rect);
-        p / (m < y ? m : y) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
+      const d = e._moving && !t.nested;
+      let f = d ? this.directionCollideCoverage(e, t, o) : o[0];
+      if (d && f && ((l = (c = e.grid) == null ? void 0 : c.opts) != null && l.subGridDynamic) && !e.grid._isTemp) {
+        const p = u.areaIntercept(t.rect, f._rect), m = u.area(t.rect), v = u.area(f._rect);
+        p / (m < v ? m : v) > 0.8 && (f.grid.makeSubGrid(f.el, void 0, e), f = void 0);
       }
-      f ? d = !this._fixCollisions(e, r, f, t) : (d = !1, i && delete t.pack);
+      f ? h = !this._fixCollisions(e, r, f, t) : (h = !1, i && delete t.pack);
     }
-    return d && !u.samePos(e, r) && (e._dirty = !0, u.copyPos(e, r)), t.pack && this._packNodes()._notify(), !u.samePos(e, n);
+    return h && !u.samePos(e, r) && (e._dirty = !0, u.copyPos(e, r)), t.pack && this._packNodes()._notify(), !u.samePos(e, n);
   }
   getRow() {
     return this.nodes.reduce((e, t) => Math.max(e, t.y + t.h), 0);
@@ -2783,9 +2717,9 @@ class U {
     let r;
     s && (i ? i !== this.column && (r = this._layouts[i]) : this.column !== s - 1 && (r = this._layouts[s - 1]));
     const n = [];
-    return this.sortNodes(), this.nodes.forEach((d) => {
-      const c = r == null ? void 0 : r.find((h) => h._id === d._id), l = { ...d, ...c || {} };
-      u.removeInternalForSave(l, !e), t && t(d, l), n.push(l);
+    return this.sortNodes(), this.nodes.forEach((h) => {
+      const c = r == null ? void 0 : r.find((d) => d._id === h._id), l = { ...h, ...c || {} };
+      u.removeInternalForSave(l, !e), t && t(h, l), n.push(l);
     }), n;
   }
   /** @internal called whenever a node is added or moved - updates the cached layouts */
@@ -2824,19 +2758,19 @@ class U {
     s && this.sortNodes(1), t < e && this.cacheLayout(this.nodes, e), this.batchUpdate();
     let r = [], n = s ? this.nodes : u.sort(this.nodes, -1);
     if (t > e && this._layouts) {
-      const d = this._layouts[t] || [], c = this._layouts.length - 1;
-      !d.length && e !== c && ((o = this._layouts[c]) != null && o.length) && (e = c, this._layouts[c].forEach((l) => {
-        const h = n.find((f) => f._id === l._id);
-        h && (!s && !l.autoPosition && (h.x = l.x ?? h.x, h.y = l.y ?? h.y), h.w = l.w ?? h.w, (l.x == null || l.y === void 0) && (h.autoPosition = !0));
-      })), d.forEach((l) => {
-        const h = n.findIndex((f) => f._id === l._id);
-        if (h !== -1) {
-          const f = n[h];
+      const h = this._layouts[t] || [], c = this._layouts.length - 1;
+      !h.length && e !== c && ((o = this._layouts[c]) != null && o.length) && (e = c, this._layouts[c].forEach((l) => {
+        const d = n.find((f) => f._id === l._id);
+        d && (!s && !l.autoPosition && (d.x = l.x ?? d.x, d.y = l.y ?? d.y), d.w = l.w ?? d.w, (l.x == null || l.y === void 0) && (d.autoPosition = !0));
+      })), h.forEach((l) => {
+        const d = n.findIndex((f) => f._id === l._id);
+        if (d !== -1) {
+          const f = n[d];
           if (s) {
             f.w = l.w;
             return;
           }
-          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (f.x = l.x ?? f.x, f.y = l.y ?? f.y, f.w = l.w ?? f.w, r.push(f)), n.splice(h, 1);
+          (l.autoPosition || isNaN(l.x) || isNaN(l.y)) && this.findEmptyPosition(l, r), l.autoPosition || (f.x = l.x ?? f.x, f.y = l.y ?? f.y, f.w = l.w ?? f.w, r.push(f)), n.splice(d, 1);
         }
       });
     }
@@ -2847,16 +2781,16 @@ class U {
         if (typeof i == "function")
           i(t, e, r, n);
         else {
-          const d = s || i === "none" ? 1 : t / e, c = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
-          n.forEach((h) => {
-            h.x = t === 1 ? 0 : c ? Math.round(h.x * d) : Math.min(h.x, t - 1), h.w = t === 1 || e === 1 ? 1 : l ? Math.round(h.w * d) || 1 : Math.min(h.w, t), r.push(h);
+          const h = s || i === "none" ? 1 : t / e, c = i === "move" || i === "moveScale", l = i === "scale" || i === "moveScale";
+          n.forEach((d) => {
+            d.x = t === 1 ? 0 : c ? Math.round(d.x * h) : Math.min(d.x, t - 1), d.w = t === 1 || e === 1 ? 1 : l ? Math.round(d.w * h) || 1 : Math.min(d.w, t), r.push(d);
           }), n = [];
         }
-      r = u.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((d) => {
-        this.addNode(d, !1), delete d._orig;
+      r = u.sort(r, -1), this._inColumnResize = !0, this.nodes = [], r.forEach((h) => {
+        this.addNode(h, !1), delete h._orig;
       });
     }
-    return this.nodes.forEach((d) => delete d._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
+    return this.nodes.forEach((h) => delete h._orig), this.batchUpdate(!1, !s), delete this._inColumnResize, this;
   }
   /**
    * call to cache the given layout internally to the given location so we can restore back when column changes size
@@ -2868,8 +2802,8 @@ class U {
     const s = [];
     return e.forEach((r, n) => {
       if (r._id === void 0) {
-        const o = r.id ? this.nodes.find((d) => d.id === r.id) : void 0;
-        r._id = (o == null ? void 0 : o._id) ?? U._idSeq++;
+        const o = r.id ? this.nodes.find((h) => h.id === r.id) : void 0;
+        r._id = (o == null ? void 0 : o._id) ?? $._idSeq++;
       }
       s[n] = { x: r.x, y: r.y, w: r.w, _id: r._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = s, this;
@@ -2880,7 +2814,7 @@ class U {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? U._idSeq++;
+    e._id = e._id ?? $._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const s = this.findCacheLayout(e, t);
@@ -2904,8 +2838,8 @@ class U {
     return this;
   }
 }
-U._idSeq = 0;
-const M = {
+$._idSeq = 0;
+const T = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
   auto: !0,
@@ -2936,37 +2870,37 @@ const M = {
 };
 class w {
 }
-const I = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class W {
+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 jt(a, e) {
+function Ft(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
-function ve(a) {
-  W.touchHandled || (W.touchHandled = !0, ye(a, "mousedown"));
+function me(a) {
+  G.touchHandled || (G.touchHandled = !0, pe(a, "mousedown"));
 }
-function be(a) {
-  W.touchHandled && ye(a, "mousemove");
+function ve(a) {
+  G.touchHandled && pe(a, "mousemove");
 }
-function we(a) {
-  if (!W.touchHandled)
+function ye(a) {
+  if (!G.touchHandled)
     return;
-  W.pointerLeaveTimeout && (window.clearTimeout(W.pointerLeaveTimeout), delete W.pointerLeaveTimeout);
+  G.pointerLeaveTimeout && (window.clearTimeout(G.pointerLeaveTimeout), delete G.pointerLeaveTimeout);
   const e = !!w.dragElement;
-  ye(a, "mouseup"), e || ye(a, "click"), W.touchHandled = !1;
+  pe(a, "mouseup"), e || pe(a, "click"), G.touchHandled = !1;
 }
-function xe(a) {
+function be(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
 }
-function it(a) {
-  w.dragElement && a.pointerType !== "mouse" && jt(a, "mouseenter");
+function Qe(a) {
+  w.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
 }
-function st(a) {
-  w.dragElement && a.pointerType !== "mouse" && (W.pointerLeaveTimeout = window.setTimeout(() => {
-    delete W.pointerLeaveTimeout, jt(a, "mouseleave");
+function Ze(a) {
+  w.dragElement && a.pointerType !== "mouse" && (G.pointerLeaveTimeout = window.setTimeout(() => {
+    delete G.pointerLeaveTimeout, Ft(a, "mouseleave");
   }, 10));
 }
 class Ce {
@@ -2976,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), I && (this.el.addEventListener("touchstart", ve), this.el.addEventListener("pointerdown", xe)), 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), I && (this.el.removeEventListener("touchstart", ve), this.el.removeEventListener("pointerdown", xe)), 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), I && (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) {
@@ -2993,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), I && (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) {
@@ -3006,7 +2940,7 @@ class Ce {
   }
 }
 Ce.prefix = "ui-resizable-";
-class Ie {
+class Me {
   constructor() {
     this._eventRegister = {};
   }
@@ -3067,7 +3001,7 @@ class Ie {
       return this._eventRegister[e](t);
   }
 }
-class re extends Ie {
+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 = () => {
@@ -3168,7 +3102,7 @@ class re extends Ie {
   }
   /** @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,
@@ -3177,7 +3111,7 @@ class re extends Ie {
   }
   /** @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;
   }
@@ -3189,15 +3123,15 @@ class re extends Ie {
       left: this.originalRect.left,
       top: this.originalRect.top - this.scrolled
     }, r = e.clientX - i.clientX, n = this.sizeToContent ? 0 : e.clientY - i.clientY;
-    let o, d;
-    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, o = !0), t.indexOf("s") > -1 ? s.height += n : t.indexOf("n") > -1 && (s.height -= n, s.top += n, d = !0);
-    const c = this._constrainSize(s.width, s.height, o, d);
+    let o, h;
+    t.indexOf("e") > -1 ? s.width += r : t.indexOf("w") > -1 && (s.width -= r, s.left += r, o = !0), t.indexOf("s") > -1 ? s.height += n : t.indexOf("n") > -1 && (s.height -= n, s.top += n, h = !0);
+    const c = this._constrainSize(s.width, s.height, o, h);
     return Math.round(s.width) !== Math.round(c.width) && (t.indexOf("w") > -1 && (s.left += s.width - c.width), s.width = c.width), Math.round(s.height) !== Math.round(c.height) && (t.indexOf("n") > -1 && (s.top += s.height - c.height), s.height = c.height), s;
   }
   /** @internal constrain the size to the set min/max values */
   _constrainSize(e, t, i, s) {
-    const r = this.option, n = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, o = r.minWidth / this.rectScale.x || e, d = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, c = r.minHeight / this.rectScale.y || t, l = Math.min(n, Math.max(o, e)), h = Math.min(d, Math.max(c, t));
-    return { width: l, height: h };
+    const r = this.option, n = (i ? r.maxWidthMoveLeft : r.maxWidth) || Number.MAX_SAFE_INTEGER, o = r.minWidth / this.rectScale.x || e, h = (s ? r.maxHeightMoveUp : r.maxHeight) || Number.MAX_SAFE_INTEGER, c = r.minHeight / this.rectScale.y || t, l = Math.min(n, Math.max(o, e)), d = Math.min(h, Math.max(c, t));
+    return { width: l, height: d };
   }
   /** @internal */
   _applyChange() {
@@ -3216,9 +3150,9 @@ class re extends Ie {
     return this.handlers.forEach((e) => e.destroy()), delete this.handlers, this;
   }
 }
-re._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const nr = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
-class ne extends Ie {
+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 = {
@@ -3238,12 +3172,12 @@ class ne extends Ie {
   }
   enable() {
     this.disabled !== !1 && (super.enable(), this.dragEls.forEach((e) => {
-      e.addEventListener("mousedown", this._mouseDown), I && (e.addEventListener("touchstart", ve), e.addEventListener("pointerdown", xe));
+      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), I && (t.removeEventListener("touchstart", ve), t.removeEventListener("pointerdown", xe));
+      t.removeEventListener("mousedown", this._mouseDown), B && (t.removeEventListener("touchstart", me), t.removeEventListener("pointerdown", be));
     }), e || this.el.classList.add("ui-draggable-disabled"));
   }
   destroy() {
@@ -3255,7 +3189,7 @@ class ne extends Ie {
   /** @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(nr) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), I && (e.currentTarget.addEventListener("touchmove", be), e.currentTarget.addEventListener("touchend", we)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
+      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) {
@@ -3286,7 +3220,7 @@ class ne extends Ie {
   /** @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), I && 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);
@@ -3308,7 +3242,7 @@ class ne extends Ie {
   /** @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) {
@@ -3326,7 +3260,7 @@ class ne extends Ie {
     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;
   }
@@ -3368,8 +3302,8 @@ class ne extends Ie {
     };
   }
 }
-ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class or extends Ie {
+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();
   }
@@ -3380,10 +3314,10 @@ class or extends Ie {
     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), I && (this.el.addEventListener("pointerenter", it), this.el.addEventListener("pointerleave", st)));
+    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), I && (this.el.removeEventListener("pointerenter", it), this.el.removeEventListener("pointerleave", st)));
+    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();
@@ -3435,9 +3369,9 @@ class or extends Ie {
     };
   }
 }
-class Fe {
+class He {
   static init(e) {
-    return e.ddElement || (e.ddElement = new Fe(e)), e.ddElement;
+    return e.ddElement || (e.ddElement = new He(e)), e.ddElement;
   }
   constructor(e) {
     this.el = e;
@@ -3449,25 +3383,25 @@ class Fe {
     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 or(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;
   }
 }
-class ar {
+class Qs {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -3491,12 +3425,12 @@ class ar {
         r.setupResizable({ [i]: s });
       else {
         const o = r.el.gridstackNode.grid;
-        let d = r.el.getAttribute("gs-resize-handles") || o.opts.resizable.handles || "e,s,se";
-        d === "all" && (d = "n,e,s,w,se,sw,ne,nw");
+        let h = r.el.getAttribute("gs-resize-handles") || o.opts.resizable.handles || "e,s,se";
+        h === "all" && (h = "n,e,s,w,se,sw,ne,nw");
         const c = !o.opts.alwaysShowResizeHandle;
         r.setupResizable({
           ...o.opts.resizable,
-          handles: d,
+          handles: h,
           autoHide: c,
           start: t.start,
           stop: t.stop,
@@ -3572,7 +3506,7 @@ class ar {
   /** @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 ? Fe.init(n) : null)).filter((n) => n) : [];
+    return s.length ? s.map((n) => n.ddElement || (i ? He.init(n) : null)).filter((n) => n) : [];
   }
 }
 /*!
@@ -3582,8 +3516,8 @@ class ar {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const O = new ar();
-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
@@ -3600,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);
   }
   /**
@@ -3615,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;
   }
@@ -3635,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
@@ -3650,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);
     }
@@ -3669,42 +3603,42 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const s = t.columnOpts;
     if (s) {
       const l = s.breakpoints;
-      !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((h, f) => (f.w || 0) - (h.w || 0)));
+      !s.columnWidth && !(l != null && l.length) ? delete t.columnOpts : (s.columnMax = s.columnMax || 12, (l == null ? void 0 : l.length) > 1 && l.sort((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 = I), this._setStaticClass();
-    const d = t.engineClass || v.engineClass || U;
-    if (this.engine = new d({
+    t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = B), this._setStaticClass();
+    const h = t.engineClass || y.engineClass || $;
+    if (this.engine = new h({
       column: this.getColumn(),
       float: t.float,
       maxRow: t.maxRow,
       onChange: (l) => {
-        l.forEach((h) => {
-          const f = h.el;
-          f && (h._removeDOM ? (f && f.remove(), delete h._removeDOM) : this._writePosAttr(f, h));
+        l.forEach((d) => {
+          const f = d.el;
+          f && (d._removeDOM ? (f && f.remove(), delete d._removeDOM) : this._writePosAttr(f, d));
         }), this._updateContainerHeight();
       }
     }), t.auto && (this.batchUpdate(), this.engine._loading = !0, this.getGridItems().forEach((l) => this._prepareElement(l)), delete this.engine._loading, this.batchUpdate(!1)), t.children) {
@@ -3739,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;
@@ -3759,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
@@ -3775,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,
@@ -3794,15 +3728,15 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       ...n || {},
       ...t || r.subGridOpts || {}
     }), r.subGridOpts = t;
-    let d;
-    t.column === "auto" && (d = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
-    let c = r.el.querySelector(".grid-stack-item-content"), l, h;
-    if (s && (this._removeDD(r.el), h = { ...r, x: 0, y: 0 }, u.removeInternalForSave(h), delete h.subGridOpts, r.content && (h.content = r.content, delete r.content), v.addRemoveCB ? l = v.addRemoveCB(this.el, h, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
-      const b = d ? t.column : r.w, N = r.h + i.h, _ = r.el.style;
-      _.transition = "none", this.update(r.el, { w: b, h: N }), setTimeout(() => _.transition = null);
+    let h;
+    t.column === "auto" && (h = !0, t.column = Math.max(r.w || 1, (i == null ? void 0 : i.w) || 1), delete t.columnOpts);
+    let c = r.el.querySelector(".grid-stack-item-content"), l, d;
+    if (s && (this._removeDD(r.el), d = { ...r, x: 0, y: 0 }, u.removeInternalForSave(d), delete d.subGridOpts, r.content && (d.content = r.content, delete r.content), y.addRemoveCB ? l = y.addRemoveCB(this.el, d, !0, !1) : (l = u.createDiv(["grid-stack-item"]), l.appendChild(c), c = u.createDiv(["grid-stack-item-content"], r.el)), this.prepareDragDrop(r.el)), i) {
+      const b = h ? t.column : r.w, _ = 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);
-    return i != null && i._moving && (f._isTemp = !0), d && (f._autoColumn = !0), s && f.makeWidget(l, h), i && (i._moving ? window.setTimeout(() => u.simulateMouseEvent(i._event, "mouseenter", f.el), 0) : f.makeWidget(r.el, r)), this.resizeToContentCheck(!1, r), f;
+    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;
   }
   /**
    * called when an item was converted into a nested grid to accommodate a dragged over item, but then item leaves - return back
@@ -3828,15 +3762,15 @@ 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;
       if (e && n.el && !n.subGrid && !i) {
-        const d = n.el.querySelector(".grid-stack-item-content");
-        n.content = d == null ? void 0 : d.innerHTML, n.content || delete n.content;
+        const h = n.el.querySelector(".grid-stack-item-content");
+        n.content = h == null ? void 0 : h.innerHTML, n.content || delete n.content;
       } else if (!e && !i && delete n.content, (o = n.subGrid) != null && o.el) {
-        const d = n.w || n.subGrid.getColumn(), c = n.subGrid.save(e, t, i, d);
+        const h = n.w || n.subGrid.getColumn(), c = n.subGrid.save(e, t, i, h);
         n.subGridOpts = t ? c : { children: c }, delete n.subGrid;
       }
       delete n.el;
@@ -3844,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;
   }
@@ -3883,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) => {
@@ -3893,27 +3827,27 @@ 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, d = o && this.opts.animate;
-    d && this.setAnimation(!1), !o && t && [...this.engine.nodes].forEach((h) => {
-      if (!h.id)
+    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, h.id) || (v.addRemoveCB && v.addRemoveCB(this.el, h, !1, !1), n.push(h), this.removeWidget(h.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) => {
       var f;
-      const h = u.find(c, l.id);
-      if (h) {
-        if (u.shouldSizeToContent(h) && (l.h = h.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || h.w, l.h = l.h || h.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(h), u.samePos(h, l) && this.engine.nodes.length > 1 && (this.moveNode(h, { ...l, forceCollide: !0 }), u.copyPos(l, h)), this.update(h.el, l), (f = l.subGridOpts) != null && f.children) {
-          const p = h.el.querySelector(".grid-stack");
+      const d = u.find(c, l.id);
+      if (d) {
+        if (u.shouldSizeToContent(d) && (l.h = d.h), this.engine.nodeBoundFix(l), (l.autoPosition || l.x === void 0 || l.y === void 0) && (l.w = l.w || d.w, l.h = l.h || d.h, this.engine.findEmptyPosition(l)), this.engine.nodes.push(d), u.samePos(d, l) && this.engine.nodes.length > 1 && (this.moveNode(d, { ...l, forceCollide: !0 }), u.copyPos(l, d)), this.update(d.el, l), (f = l.subGridOpts) != null && f.children) {
+          const p = d.el.querySelector(".grid-stack");
           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, d && 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)
@@ -4018,7 +3952,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         i = e.breakpoints[o++].c || t;
     }
     if (i !== t) {
-      const o = (n = e.breakpoints) == null ? void 0 : n.find((d) => d.c === i);
+      const o = (n = e.breakpoints) == null ? void 0 : n.find((h) => h.c === i);
       return this.column(i, (o == null ? void 0 : o.layout) || e.layout), !0;
     }
     return !1;
@@ -4170,8 +4104,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     const i = this.el.getBoundingClientRect();
     let s;
     t ? s = { top: i.top + document.documentElement.scrollTop, left: i.left } : s = { top: this.el.offsetTop, left: this.el.offsetLeft };
-    const r = e.left - s.left, n = e.top - s.top, o = i.width / this.getColumn(), d = i.height / parseInt(this.el.getAttribute("gs-current-row"));
-    return { x: Math.floor(r / o), y: Math.floor(n / d) };
+    const r = e.left - s.left, n = e.top - s.top, o = i.width / this.getColumn(), h = i.height / parseInt(this.el.getAttribute("gs-current-row"));
+    return { x: Math.floor(r / o), y: Math.floor(n / h) };
   }
   /**
    * Returns the current number of rows, which will be at least `minRow` if set.
@@ -4229,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);
@@ -4268,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);
   }
   /**
@@ -4282,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;
   }
   /**
@@ -4348,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)
@@ -4357,20 +4291,20 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       this.engine.nodeBoundFix(r), delete r.autoPosition;
       const n = ["x", "y", "w", "h"];
       let o;
-      if (n.some((h) => r[h] !== void 0 && r[h] !== s[h]) && (o = {}, n.forEach((h) => {
-        o[h] = r[h] !== void 0 ? r[h] : s[h], delete r[h];
+      if (n.some((d) => r[d] !== void 0 && r[d] !== s[d]) && (o = {}, n.forEach((d) => {
+        o[d] = r[d] !== void 0 ? r[d] : s[d], delete r[d];
       })), !o && (r.minW || r.minH || r.maxW || r.maxH) && (o = {}), r.content !== void 0) {
-        const h = i.querySelector(".grid-stack-item-content");
-        h && h.textContent !== r.content && (s.content = r.content, v.renderCB(h, r), (l = s.subGrid) != null && l.el && (h.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
+        const d = i.querySelector(".grid-stack-item-content");
+        d && d.textContent !== r.content && (s.content = r.content, y.renderCB(d, r), (l = s.subGrid) != null && l.el && (d.appendChild(s.subGrid.el), s.subGrid._updateContainerHeight())), delete r.content;
       }
-      let d = !1, c = !1;
-      for (const h in r)
-        h[0] !== "_" && s[h] !== r[h] && (s[h] = r[h], d = !0, c = c || !this.opts.staticGrid && (h === "noResize" || h === "noMove" || h === "locked"));
+      let h = !1, c = !1;
+      for (const d in r)
+        d[0] !== "_" && s[d] !== r[d] && (s[d] = r[d], h = !0, c = c || !this.opts.staticGrid && (d === "noResize" || d === "noMove" || d === "locked"));
       if (u.sanitizeMinMax(s), o) {
-        const h = o.w !== void 0 && o.w !== s.w;
-        this.moveNode(s, o), h && s.subGrid ? s.subGrid.onResize(this.hasAnimationCSS() ? s.w : void 0) : this.resizeToContentCheck(h, s), delete s._orig;
+        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 || d) && 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) {
@@ -4409,36 +4343,36 @@ 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, d = t.h ? t.h * s - o : n.clientHeight;
+    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 || d;
+        c = m.getBoundingClientRect().height || h;
       }
     }
-    if (d === c)
+    if (h === c)
       return;
-    r += c - d;
+    r += c - h;
     let l = Math.ceil(r / s);
-    const h = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
-    h && l > h && (l = h, e.classList.add("size-to-content-max")), t.minH && l < t.minH ? l = t.minH : t.maxH && l > t.maxH && (l = t.maxH), l !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: l }), delete i._ignoreLayoutsNodeChange);
+    const d = Number.isInteger(t.sizeToContent) ? t.sizeToContent : 0;
+    d && l > d && (l = d, e.classList.add("size-to-content-max")), t.minH && l < t.minH ? l = t.minH : t.maxH && l > t.maxH && (l = t.maxH), l !== t.h && (i._ignoreLayoutsNodeChange = !0, i.moveNode(t, { h: l }), delete i._ignoreLayoutsNodeChange);
   }
   /** 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.
@@ -4456,14 +4390,14 @@ 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;
       const r = { w: s.h, h: s.w, minH: s.minW, minW: s.minH, maxH: s.maxW, maxW: s.maxH };
       if (t) {
-        const o = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, d = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
-        r.x = s.x + o - (s.h - (d + 1)), r.y = s.y + d - o;
+        const o = t.left > 0 ? Math.floor(t.left / this.cellWidth()) : 0, h = t.top > 0 ? Math.floor(t.top / this.opts.cellHeight) : 0;
+        r.x = s.x + o - (s.h - (h + 1)), r.y = s.y + h - o;
       }
       Object.keys(r).forEach((o) => {
         r[o] === void 0 && delete r[o];
@@ -4593,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;
   }
@@ -4681,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) {
@@ -4712,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 O;
+    return k;
   }
   /**
    * call to setup dragging in from the outside (say toolbar), by specifying the class selection and options.
@@ -4725,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) => {
-      O.isDraggable(n) || O.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]);
     });
   }
   /**
@@ -4747,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);
@@ -4768,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);
@@ -4873,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 O.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 O.droppable(this.el, "destroy"), this;
+      return k.droppable(this.el, "destroy"), this;
     let e, t;
     const i = (s, r, n) => {
       var f;
@@ -4895,28 +4829,28 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         const p = n.getBoundingClientRect();
         n.style.left = p.x + (this.dragTransform.xScale - 1) * (s.clientX - p.x) / this.dragTransform.xScale + "px", n.style.top = p.y + (this.dragTransform.yScale - 1) * (s.clientY - p.y) / this.dragTransform.yScale + "px", n.style.transformOrigin = "0px 0px";
       }
-      let { top: d, left: c } = n.getBoundingClientRect();
+      let { top: h, left: c } = n.getBoundingClientRect();
       const l = this.el.getBoundingClientRect();
-      c -= l.left, d -= l.top;
-      const h = {
+      c -= l.left, h -= l.top;
+      const d = {
         position: {
-          top: d * this.dragTransform.xScale,
+          top: h * this.dragTransform.xScale,
           left: c * this.dragTransform.yScale
         }
       };
       if (o._temporaryRemoved) {
-        if (o.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(d / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
+        if (o.x = Math.max(0, Math.round(c / t)), o.y = Math.max(0, Math.round(h / e)), delete o.autoPosition, this.engine.nodeBoundFix(o), !this.engine.willItFit(o)) {
           if (o.autoPosition = !0, !this.engine.willItFit(o)) {
-            O.off(r, "drag");
+            k.off(r, "drag");
             return;
           }
           o._willFitPos && (u.copyPos(o, o._willFitPos), delete o._willFitPos);
         }
-        this._onStartMoving(n, s, h, o, t, e);
+        this._onStartMoving(n, s, d, o, t, e);
       } else
-        this._dragOrResize(n, s, h, o, t, e);
+        this._dragOrResize(n, s, d, o, t, e);
     };
-    return O.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)
@@ -4953,9 +4887,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         o || (o = this._readAttr(n)), o._sidebarOrig = { w: o.w, h: o.h };
       }
       o.grid || (o.el || (o = { ...o }), o._isExternal = !0, n.gridstackNode = o);
-      const d = o.w || Math.round(n.offsetWidth / t) || 1, c = o.h || Math.round(n.offsetHeight / e) || 1;
-      return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: d, h: c, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
-      o._temporaryRemoved = !0) : (o.w = d, o.h = c, o._temporaryRemoved = !0), v._itemRemoving(o.el, !1), O.on(r, "drag", i), i(s, r, n), !1;
+      const h = o.w || Math.round(n.offsetWidth / t) || 1, c = o.h || Math.round(n.offsetHeight / e) || 1;
+      return o.grid && o.grid !== this ? (r._gridstackNodeOrig || (r._gridstackNodeOrig = o), r.gridstackNode = o = { ...o, w: h, h: c, grid: this }, delete o.x, delete o.y, this.engine.cleanupNode(o).nodeBoundFix(o), o._initDD = o._isExternal = // DOM needs to be re-parented on a drop
+      o._temporaryRemoved = !0) : (o.w = h, o.h = c, o._temporaryRemoved = !0), y._itemRemoving(o.el, !1), 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;
@@ -4964,17 +4898,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       const o = (n == null ? void 0 : n.gridstackNode) || r.gridstackNode;
       if ((o == null ? void 0 : o.grid) === this && !o._isExternal)
         return !1;
-      const d = !!this.placeholder.parentElement, c = r !== n;
-      this.placeholder.remove(), delete this.placeholder.gridstackNode, d && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
+      const h = !!this.placeholder.parentElement, c = r !== n;
+      this.placeholder.remove(), delete this.placeholder.gridstackNode, h && this.opts.animate && (this.setAnimation(!1), this.setAnimation(!0, !0));
       const l = r._gridstackNodeOrig;
-      if (delete r._gridstackNodeOrig, d && (l != null && l.grid) && l.grid !== this) {
-        const y = l.grid;
-        y.engine.removeNodeFromLayoutCache(l), y.engine.removedNodes.push(l), y._triggerRemoveEvent()._triggerChangeEvent(), y.parentGridNode && !y.engine.nodes.length && y.opts.subGridDynamic && y.removeAsSubGrid();
+      if (delete r._gridstackNodeOrig, h && (l != null && l.grid) && l.grid !== this) {
+        const v = l.grid;
+        v.engine.removeNodeFromLayoutCache(l), v.engine.removedNodes.push(l), v._triggerRemoveEvent()._triggerChangeEvent(), v.parentGridNode && !v.engine.nodes.length && v.opts.subGridDynamic && v.removeAsSubGrid();
       }
-      if (!o || (d && (this.engine.cleanupNode(o), o.grid = this), (f = o.grid) == null || delete f._isTemp, O.off(r, "drag"), n !== r ? (n.remove(), r = n) : r.remove(), this._removeDD(r), !d))
+      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 h = (m = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : m.gridstack;
-      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || v.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), h && (h.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
+      const d = (m = (p = o.subGrid) == null ? void 0 : p.el) == null ? void 0 : m.gridstack;
+      return u.copyPos(o, this._readAttr(this.placeholder)), u.removePositioningStyles(r), c && (o.content || o.subGridOpts || y.addRemoveCB) ? (delete o.el, r = this.addWidget(o)) : (this._prepareElement(r, !0, o), this.el.appendChild(r), this.resizeToContentCheck(!1, o), d && (d.parentGridNode = o), this._updateContainerHeight()), this.engine.addedNodes.push(o), this._triggerAddEvent(), this._triggerChangeEvent(), this.engine.endUpdate(), this._gsEventHandler.dropped && this._gsEventHandler.dropped({ ...s, type: "dropped" }, l && l.grid ? l : void 0, o), !1;
     }), this;
   }
   /** @internal mark item for removal */
@@ -4989,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 && !O.isDroppable(e) && O.droppable(e, this.opts.removableOptions).on(e, "dropover", (t, i) => v._itemRemoving(i, !0)).on(e, "dropout", (t, i) => v._itemRemoving(i, !1)), this) : this;
+    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
@@ -5004,34 +4938,34 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if ((t || n) && (i._initDD && (this._removeDD(e), delete i._initDD), n && e.classList.add("ui-draggable-disabled", "ui-resizable-disabled"), !t))
       return this;
     if (!i._initDD) {
-      let o, d;
+      let o, h;
       const c = (f, p) => {
-        this.triggerEvent(f, f.target), o = this.cellWidth(), d = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, o, d);
+        this.triggerEvent(f, f.target), o = this.cellWidth(), h = this.getCellHeight(!0), this._onStartMoving(e, f, p, i, o, h);
       }, l = (f, p) => {
-        this._dragOrResize(e, f, p, i, o, d);
-      }, h = (f) => {
+        this._dragOrResize(e, f, p, i, o, h);
+      }, d = (f) => {
         this.placeholder.remove(), delete this.placeholder.gridstackNode, delete i._moving, delete i._resizing, delete i._event, delete i._lastTried;
         const p = i.w !== i._orig.w, m = f.target;
         if (!(!m.gridstackNode || m.gridstackNode.grid !== this)) {
           if (i.el = m, i._isAboutToRemove) {
-            const 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));
         }
       };
-      O.draggable(e, {
+      k.draggable(e, {
         start: c,
-        stop: h,
+        stop: d,
         drag: l
       }).resizable(e, {
         start: c,
-        stop: h,
+        stop: d,
         resize: l
       }), i._initDD = !0;
     }
-    return O.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) {
@@ -5039,8 +4973,8 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
     if (this.engine.cleanNodes().beginUpdate(s), this._writePosAttr(this.placeholder, s), this.el.appendChild(this.placeholder), this.placeholder.gridstackNode = s, (o = s.grid) != null && o.el)
       this.dragTransform = u.getValuesFromTransformedElement(e);
     else if (this.placeholder && this.placeholder.closest(".grid-stack")) {
-      const d = this.placeholder.closest(".grid-stack");
-      this.dragTransform = u.getValuesFromTransformedElement(d);
+      const h = this.placeholder.closest(".grid-stack");
+      this.dragTransform = u.getValuesFromTransformedElement(h);
     } else
       this.dragTransform = {
         xScale: 1,
@@ -5049,46 +4983,46 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
         yOffset: 0
       };
     if (s.el = this.placeholder, s._lastUiPosition = i.position, s._prevYPix = i.position.top, s._moving = t.type === "dragstart", s._resizing = t.type === "resizestart", delete s._lastTried, t.type === "dropover" && s._temporaryRemoved && (this.engine.addNode(s), s._moving = !0), this.engine.cacheRects(r, n, this.opts.marginTop, this.opts.marginRight, this.opts.marginBottom, this.opts.marginLeft), t.type === "resizestart") {
-      const d = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
-      O.resizable(e, "option", "minWidth", r * Math.min(s.minW || 1, d)).resizable(e, "option", "minHeight", n * Math.min(s.minH || 1, c)).resizable(e, "option", "maxWidth", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, d)).resizable(e, "option", "maxWidthMoveLeft", r * Math.min(s.maxW || Number.MAX_SAFE_INTEGER, s.x + s.w)).resizable(e, "option", "maxHeight", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, c)).resizable(e, "option", "maxHeightMoveUp", n * Math.min(s.maxH || Number.MAX_SAFE_INTEGER, s.y + s.h));
+      const h = this.getColumn() - s.x, c = (this.opts.maxRow || Number.MAX_SAFE_INTEGER) - s.y;
+      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 */
   _dragOrResize(e, t, i, s, r, n) {
     const o = { ...s._orig };
-    let d, c = this.opts.marginLeft, l = this.opts.marginRight, h = this.opts.marginTop, f = this.opts.marginBottom;
+    let h, c = this.opts.marginLeft, l = this.opts.marginRight, d = this.opts.marginTop, f = this.opts.marginBottom;
     const p = Math.round(n * 0.1), m = Math.round(r * 0.1);
-    if (c = Math.min(c, m), l = Math.min(l, m), h = Math.min(h, p), f = Math.min(f, p), t.type === "drag") {
+    if (c = Math.min(c, m), l = Math.min(l, m), d = Math.min(d, p), f = Math.min(f, p), t.type === "drag") {
       if (s._temporaryRemoved)
         return;
       const b = i.position.top - s._prevYPix;
       s._prevYPix = i.position.top, this.opts.draggable.scroll !== !1 && u.updateScrollPosition(e, i.position, b);
-      const N = i.position.left + (i.position.left > s._lastUiPosition.left ? -l : c), _ = i.position.top + (i.position.top > s._lastUiPosition.top ? -f : h);
-      o.x = Math.round(N / r), o.y = Math.round(_ / 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)
         return;
     } else if (t.type === "resize") {
-      if (o.x < 0 || (u.updateScrollResize(t, e, n), o.w = Math.round((i.size.width - c) / r), o.h = Math.round((i.size.height - h) / n), s.w === o.w && s.h === o.h) || s._lastTried && s._lastTried.w === o.w && s._lastTried.h === o.h)
+      if (o.x < 0 || (u.updateScrollResize(t, e, n), o.w = Math.round((i.size.width - c) / r), o.h = Math.round((i.size.height - 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 + h;
-      o.x = Math.round(b / r), o.y = Math.round(N / n), d = !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 + h,
+      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) - h - f
+      h: (i.size ? i.size.height : s.h * n) - d - f
     };
-    if (this.engine.moveNodeCheck(s, { ...o, cellWidth: r, cellHeight: n, rect: y, resizing: d })) {
-      s._lastUiPosition = i.position, this.engine.cacheRects(r, n, h, l, f, c), delete s._skipDown, d && s.subGrid && s.subGrid.onResize(), this._extraDragRow = 0, this._updateContainerHeight();
+    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);
     }
@@ -5107,51 +5041,51 @@ 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, O.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 rr(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 = U;
-v.GDRev = "12.3.2";
-const ce = /* @__PURE__ */ new WeakMap();
-function lr({ children: a }) {
-  const { _gridStack: { value: e, set: t }, initialOptions: i } = Be(), s = Y(/* @__PURE__ */ new Map()), r = Y(null), n = Y(i), o = j((c, l) => {
+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 h = ce.get(l.grid);
-      h || (h = /* @__PURE__ */ new Map(), ce.set(l.grid, h)), h.set(l.id, c), s.current.set(l.id, c);
+      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);
     }
-  }, []), d = j(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
-  return Je(() => {
-    if (!nt(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(d());
+        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, d, t]), Je(() => {
+  }, [i, e, h, t]), Ke(() => {
     if (!e)
       try {
-        t(d());
+        t(h());
       } catch (c) {
         console.error("Error initializing gridstack", c);
       }
-  }, [e, d, t]), g($t.Provider, {
-    value: te(() => ({
+  }, [e, h, t]), g(It.Provider, {
+    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;
         }
@@ -5164,72 +5098,72 @@ function lr({ children: a }) {
     })
   });
 }
-const Ut = $((a, e) => {
-  const t = Be();
-  return Nt(e, () => ({
+const Gt = j((a, e) => {
+  const t = Le();
+  return _t(e, () => ({
     addWidget: t.addWidget,
     removeWidget: t.removeWidget,
     addSubGrid: t.addSubGrid,
     removeAll: t.removeAll
   }), [t]), null;
 });
-Ut.displayName = "RefHandler";
-const qt = $(({ options: a, widgets: e, onChange: t }, i) => {
-  const s = te(() => ({
+Gt.displayName = "RefHandler";
+const Wt = j(({ options: a, widgets: e, onChange: t }, i) => {
+  const s = Et(() => ({
     ...a,
     children: e
-  }), [e]), r = (o, d, c) => {
-    let l = c[0], h = 1 / 0;
+  }), [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 - d, y = p * p + m * m;
-      y < h && (h = 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(er, {
+  return R(Us, {
     initialOptions: s,
-    onResizeStop: (o, d) => {
+    onResizeStop: (o, h) => {
       var f, p;
-      const c = d.gridstackNode;
+      const c = h.gridstackNode;
       if (!c) return;
-      const l = ((f = d.gridstackNode) == null ? void 0 : f.allowedSizes) ?? [];
+      const l = ((f = h.gridstackNode) == null ? void 0 : f.allowedSizes) ?? [];
       if (l.length === 0)
         return;
-      const h = r(c.w ?? 1, c.h ?? 1, l);
-      (c.w !== h.w || c.h !== h.h) && ((p = c.grid) == null || p.update(d, {
-        w: h.w,
-        h: h.h
+      const d = r(c.w ?? 1, c.h ?? 1, l);
+      (c.w !== d.w || c.h !== d.h) && ((p = c.grid) == null || p.update(h, {
+        w: d.w,
+        h: d.h
       }));
     },
     onChange: t,
-    children: [g(Ut, {
+    children: [g(Gt, {
       ref: i
-    }), g(lr, {
-      children: g(sr, {})
+    }), g(Zs, {
+      children: g(Vs, {})
     })]
   });
 });
-qt.displayName = "F0GridStack";
-const jr = Te(
+Wt.displayName = "F0GridStack";
+const Or = pt(
   "F0GridStack",
-  qt
-), dr = ({ benefits: a }) => g("div", {
+  Wt
+), er = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(hr, {
+  children: a.map((e, t) => g(tr, {
     text: e
   }, t))
-}), hr = ({ text: a }) => z("div", {
+}), tr = ({ text: a }) => R("div", {
   className: "flex flex-row items-start gap-2",
-  children: [g(Wi, {
-    icon: $i,
+  children: [g(Oi, {
+    icon: Li,
     size: "md",
     className: "text-f1-icon-positive"
   }), g("span", {
     children: a
   })]
-}), Kt = $(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: d }, 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: B("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", {
@@ -5237,34 +5171,34 @@ const jr = Te(
       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(_t, {
+          children: [r && g(yt, {
             module: r
           }), n && g("p", {
             className: "text-base font-medium text-f1-foreground",
             children: n
           })]
-        }), (o || d) && z("div", {
+        }), (o || h) && R("div", {
           className: "flex justify-start gap-2",
-          children: [o && g(Fi, {
+          children: [o && g(Ai, {
             icon: o.icon,
             text: o.label
-          }), d && g(Gi, {
-            variant: d.variant || "positive",
-            text: d.label
+          }), h && g(Ti, {
+            variant: h.variant || "positive",
+            text: h.label
           })]
         }), g("h2", {
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(dr, {
+      }), g(er, {
         benefits: t
       })]
     }), i && g("div", {
@@ -5273,38 +5207,38 @@ const jr = Te(
     })]
   })]
 }));
-Kt.displayName = "ProductBlankslate";
-function cr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
-  const [n, o] = A(a);
-  return K(() => {
+$t.displayName = "ProductBlankslate";
+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(ji, {
+  }, [a]), g(Mi, {
     open: n,
     onOpenChange: (c) => {
       o(c), c || e();
     },
     modal: !0,
-    children: z(Ui, {
+    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(qi, {
+        children: [R(Bi, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [s && g(_t, {
+          children: [s && g(yt, {
             module: s,
             size: "lg"
           }), t]
-        }), g(Ki, {
+        }), g(Ii, {
           variant: "outline",
-          icon: Et,
+          icon: bt,
           onClick: e,
           label: "Close modal",
           hideLabel: !0
         })]
-      }), z(yt, {
+      }), R(ft, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [i, g(vt, {
+        children: [i, g(gt, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -5312,47 +5246,47 @@ function cr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
     })
   });
 }
-function Ur({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: d, closeLabel: c, primaryAction: l, modalTitle: h, modalModule: f, secondaryAction: p, portalContainer: m, tag: y, promoTag: b, showResponseDialog: N = !0 }) {
-  const [_, C] = A(a), [D, S] = A(null), [R, E] = A(!1), T = async () => {
+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();
-  }, G = R;
-  return z(oe, {
-    children: [g(cr, {
-      isOpen: _,
-      onClose: L,
-      title: h,
+  }, F = P;
+  return R(we, {
+    children: [g(ir, {
+      isOpen: E,
+      onClose: H,
+      title: d,
       module: f,
       portalContainer: m,
       children: g("div", {
         className: "pb-4 pl-4",
-        children: g(Kt, {
+        children: g($t, {
           title: t,
           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: G ? o.label : l.label,
+              label: F ? o.label : l.label,
               icon: l.icon || void 0,
-              onClick: T,
+              onClick: W,
               loading: l.loading,
               size: l.size
-            }), p && g(X, {
+            }), p && g(V, {
               onClick: p.onClick,
               label: p.label,
               variant: p.variant,
@@ -5362,46 +5296,46 @@ function Ur({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), D && N && g(Ct, {
+    }), S && _ && g(wt, {
       open: !0,
       onClose: () => {
-        L(), S(null);
+        H(), N(null);
       },
-      success: D === "success",
+      success: S === "success",
       errorMessage: r,
       successMessage: n,
-      nextSteps: d,
+      nextSteps: h,
       closeLabel: c,
       portalContainer: m
     })]
   });
 }
-function ur({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: d = !0 }) {
-  const [c, l] = A(!1), h = () => {
+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();
   };
-  K(() => {
+  ce(() => {
     n && n(!c);
   }, [n, c]);
   const f = a == null ? void 0 : a.includes(".mp4");
-  return g(oe, {
-    children: c ? null : z(Vi, {
+  return g(we, {
+    children: c ? null : R(Fi, {
       style: {
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [z(Yi, {
+      children: [R(Gi, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
-          children: g(X, {
+          children: g(V, {
             variant: "ghost",
-            icon: Et,
+            icon: bt,
             size: "sm",
             hideLabel: !0,
-            onClick: h,
+            onClick: d,
             label: "Close"
           })
-        }), z("div", {
+        }), R("div", {
           children: [g("div", {
             children: a && (f ? g("video", {
               src: a,
@@ -5415,20 +5349,20 @@ function ur({ 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(Ye, {
+            children: [g(Ue, {
               className: "text-lg font-medium",
               children: e
-            }), g(Ye, {
+            }), g(Ue, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: t
             })]
           })]
         })]
-      }), o && g(Xi, {
+      }), o && g(Wi, {
         className: "p-3",
-        children: o.map((p) => p.type === "upsell" ? g(Rt, {
+        children: o.map((p) => p.type === "upsell" ? g(xt, {
           label: p.label,
           onRequest: p.onClick,
           errorMessage: p.errorMessage,
@@ -5436,9 +5370,9 @@ function ur({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
           loadingState: p.loadingState,
           nextSteps: p.nextSteps,
           closeLabel: p.closeLabel,
-          showConfirmation: d && p.showConfirmation,
+          showConfirmation: h && p.showConfirmation,
           variant: p.variant
-        }, p.label) : g(X, {
+        }, p.label) : g(V, {
           label: p.label,
           onClick: p.onClick,
           variant: p.variant
@@ -5447,28 +5381,28 @@ function ur({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     })
   });
 }
-const fr = $(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
-  const r = (d) => d.variant === "promote" ? g(Rt, {
-    label: d.label,
+const rr = j(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+  const r = (h) => h.variant === "promote" ? g(xt, {
+    label: h.label,
     onRequest: async () => {
-      await d.onClick();
+      await h.onClick();
     },
-    errorMessage: d.errorMessage,
-    successMessage: d.successMessage,
-    loadingState: d.loadingState,
-    nextSteps: d.nextSteps,
-    closeLabel: d.closeLabel,
-    showIcon: d.showIcon,
-    showConfirmation: d.showConfirmation,
-    variant: d.variant
-  }) : g(X, {
-    onClick: d.onClick,
-    label: d.label,
-    variant: d.variant || "default",
+    errorMessage: h.errorMessage,
+    successMessage: h.successMessage,
+    loadingState: h.loadingState,
+    nextSteps: h.nextSteps,
+    closeLabel: h.closeLabel,
+    showIcon: h.showIcon,
+    showConfirmation: h.showConfirmation,
+    variant: h.variant
+  }) : g(V, {
+    onClick: h.onClick,
+    label: h.label,
+    variant: h.variant || "default",
     size: "md",
-    icon: d.icon
+    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(Ji, {
+  return R($i, {
     ref: s,
     ...i,
     primaryAction: n,
@@ -5476,47 +5410,47 @@ const fr = $(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)]
   });
 });
-fr.displayName = "UpsellingBanner";
-function qr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: d = Zi, mediaUrl: c, title: l, description: h, width: f = "300px", trackVisibility: p, actions: m, onClick: y, hideLabel: b = !1 }) {
-  const [N, _] = A(!1), [C, D] = A(null), [S, R] = A(null), E = (k) => {
-    e(k), y && y();
-  }, T = 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 && (_(!0), D("success"));
+        await D.onClick(), D.showConfirmation && (E(!0), S("success"));
       } catch {
-        _(!0), D("error");
+        E(!0), S("error");
       }
     }
-  }, L = () => {
-    D(null), _(!1), R(null), e(!1);
-  }, G = a && !N, x = m == null ? void 0 : m.map((k) => k.type === "upsell" ? {
-    ...k,
-    onClick: () => T(k)
-  } : k);
-  return z(oe, {
-    children: [z(gt, {
-      open: G,
-      onOpenChange: E,
-      children: [g(pt, {
+  }, 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: A,
+      children: [g(ct, {
         asChild: !0,
-        children: g(X, {
+        children: g(V, {
           variant: i,
           label: t,
           size: s,
-          icon: r ? d : void 0,
+          icon: r ? h : void 0,
           onClick: () => e(a),
           hideLabel: b
         })
-      }), g(mt, {
+      }), g(ut, {
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(ur, {
+        children: g(sr, {
           mediaUrl: c,
           title: l,
-          description: h,
+          description: d,
           onClose: () => e(!1),
           dismissible: !1,
           width: f,
@@ -5525,57 +5459,57 @@ function qr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           showConfirmation: !1
         })
       })]
-    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && C && g(Ct, {
+    }), (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 gr = _e(null), pr = ({ children: a, fullScreen: e = !0 }) => {
-  const t = Y(null), [i, s] = A(t.current);
-  return ls(() => {
+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(gr.Provider, {
+  }, []), g(nr.Provider, {
     value: {
       element: i
     },
     children: g("div", {
       ref: t,
       id: "f0-layout",
-      className: B({
+      className: L({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: a
     })
   });
-}, mr = ({ children: a }) => g(as, {
+}, ar = ({ children: a }) => g(Zi, {
   reducedMotion: "user",
   children: a
-}), Kr = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: d, showExperimentalWarnings: c = !1 }) => g(mr, {
-  children: g(Qi, {
+}), 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(es, {
+    children: g(qi, {
       ...n,
-      children: g(ts, {
+      children: g(Ki, {
         ...r,
-        children: g(is, {
+        children: g(Vi, {
           ...t,
-          children: g(pr, {
+          children: g(or, {
             ...e,
-            children: g(ss, {
-              children: g(rs, {
+            children: g(Yi, {
+              children: g(Xi, {
                 initiallyEnabled: i,
-                children: g(ns, {
+                children: g(Ji, {
                   ...s,
-                  children: g(os, {
-                    handler: d,
+                  children: g(Qi, {
+                    handler: h,
                     children: a
                   })
                 })
@@ -5586,106 +5520,106 @@ const gr = _e(null), pr = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), rt = (a) => `datacollection-${a}`, Vr = {
+}), et = (a) => `datacollection-${a}`, Br = {
   get: async (a) => JSON.parse(
-    localStorage.getItem(rt(a)) ?? "{}"
+    localStorage.getItem(et(a)) ?? "{}"
   ),
   set: async (a, e) => {
-    localStorage.setItem(rt(a), JSON.stringify(e));
+    localStorage.setItem(et(a), JSON.stringify(e));
   }
 };
 export {
-  Cr as AreaChart,
-  Jr as Await,
-  Rr as BarChart,
-  Nr as CategoryBarChart,
-  Pr as ComboChart,
-  Zr as DndProvider,
-  Qr as EmojiImage,
-  en as F0Avatar,
-  tn as F0AvatarAlert,
-  sn as F0AvatarCompany,
-  rn as F0AvatarDate,
-  nn as F0AvatarEmoji,
-  on as F0AvatarFile,
-  an as F0AvatarIcon,
-  ln as F0AvatarList,
-  _t as F0AvatarModule,
-  dn as F0AvatarPerson,
-  hn as F0AvatarTeam,
-  X as F0Button,
-  cn as F0ButtonDropdown,
-  un as F0ButtonToggle,
-  fn as F0Card,
-  gn as F0Checkbox,
-  Br as F0ChipList,
-  Fr as F0DatePicker,
-  pn as F0EventCatcherProvider,
-  jr as F0GridStack,
-  Ks as F0Heading,
-  Wi as F0Icon,
-  mn as F0Link,
-  Kr as F0Provider,
-  yn as F0TagAlert,
-  vn as F0TagBalance,
-  bn as F0TagCompany,
-  wn as F0TagDot,
-  xn as F0TagList,
-  _n as F0TagPerson,
-  Fi as F0TagRaw,
-  Gi as F0TagStatus,
-  En as F0TagTeam,
-  Vs as F0Text,
-  Cn as GROUP_ID_SYMBOL,
-  $r as HomeLayout,
-  Dr as LineChart,
-  Rn as OneFilterPicker,
-  Sr as PieChart,
-  rs as PrivacyModeProvider,
-  Kt as ProductBlankslate,
-  Nn as ProductCard,
-  Ur as ProductModal,
-  ur as ProductWidget,
-  kr as ProgressBarChart,
-  Gr as StandardLayout,
-  Dn as TagCounter,
-  Wr as TwoColumnLayout,
-  Ct as UpsellRequestResponseDialog,
-  fr as UpsellingBanner,
-  Rt as UpsellingButton,
-  qr as UpsellingPopover,
-  zr as VerticalBarChart,
-  _r as avatarVariants,
-  Sn as buildTranslations,
-  Lr as buttonDropdownSizes,
-  Or as buttonDropdownVariants,
-  Tr as buttonSizes,
-  Mr as buttonToggleSizes,
-  Ar as buttonVariants,
-  zn as createAtlaskitDriver,
-  kn as createDataSourceDefinition,
-  Vr as dataCollectionLocalStorageHandler,
-  Ir as datepickerSizes,
-  xr as defaultTranslations,
-  Te as experimental,
-  Pn as getAnimationVariants,
-  An as getDataSourcePaginationType,
-  Tn as getEmojiLabel,
-  On as isInfiniteScrollPagination,
-  Ln as isPageBasedPagination,
-  Hr as linkVariants,
-  Mn as modules,
-  Hn as predefinedPresets,
-  Bn as tagDotColors,
-  In as useData,
-  Fn as useDataSource,
-  Gn as useDndEvents,
-  Wn as useDraggable,
-  $n as useDroppableList,
-  jn as useEmojiConfetti,
-  Un as useGroups,
-  qn as usePrivacyMode,
-  Kn as useReducedMotion,
-  Vn as useSelectable,
-  Yn as useXRay
+  pr as AreaChart,
+  Gr as Await,
+  mr as BarChart,
+  vr as CategoryBarChart,
+  _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,
+  Lr as ProductModal,
+  sr as ProductWidget,
+  xr as ProgressBarChart,
+  Pr as StandardLayout,
+  yn as TagCounter,
+  Ar as TwoColumnLayout,
+  wt as UpsellRequestResponseDialog,
+  rr as UpsellingBanner,
+  xt as UpsellingButton,
+  Mr as UpsellingPopover,
+  wr as VerticalBarChart,
+  fr as avatarVariants,
+  bn as buildTranslations,
+  Rr as buttonDropdownSizes,
+  Nr as buttonDropdownVariants,
+  Er as buttonSizes,
+  Dr as buttonToggleSizes,
+  Cr as buttonVariants,
+  wn as createAtlaskitDriver,
+  xn as createDataSourceDefinition,
+  Br as dataCollectionLocalStorageHandler,
+  kr as datepickerSizes,
+  ur as defaultTranslations,
+  pt as experimental,
+  _n as getAnimationVariants,
+  Cn as getDataSourcePaginationType,
+  En as getEmojiLabel,
+  Nn as isInfiniteScrollPagination,
+  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,
+  On as useDroppableList,
+  Ln as useEmojiConfetti,
+  Mn as useGroups,
+  Hn as usePrivacyMode,
+  Bn as useReducedMotion,
+  In as useSelectable,
+  Fn as useXRay
 };