@factorialco/f0-react 1.276.3 → 1.277.1

package/dist/f0.js

@@ -1,10 +1,113 @@
-import { S as $e, a as qt, f as Re, L as Q, b as Kt, A as Yt, i as de, c as it, d as st, E as Vt, g as ue, e as Xt, h as Jt, C as Zt, j as Qt, k as Y, l as rt, u as ei, G as ti, m as ii, n as Ue, o as si, p as nt, q as ri, B as ot, X as at, Y as De, r as ni, s as lt, t as oi, v as ai, w as li, x as hi, y as di, z as ci, D as ui, F as fi, H as je, I as gi, J as ee, K as Ne, M as pi, N as mi, O as yi, P as ht, Q as U, R as I, T as vi, U as bi, V as wi, W as _i, Z as xi, _ as Ei, $ as Ci, a0 as dt, a1 as Ri, a2 as fe, a3 as ct, a4 as ut, a5 as Ni, a6 as ft, a7 as gt, a8 as pt, a9 as Ae, aa as Si, ab as mt, ac as Di, ad as zi, ae as Pi, af as qe, ag as Se, ah as ki, ai as Ai, aj as yt, ak as Oi, al as Ti, am as vt, an as Li, ao as Mi, ap as Hi, aq as Bi, ar as Ii, as as Fi, at as Wi, au as Gi, av as bt, aw as X, ax as wt, ay as $i, az as Ui, aA as Ke, aB as ji, aC as _t, aD as qi, aE as Ki, aF as Yi, aG as Vi, aH as Xi, aI as Ji, aJ as Zi, aK as Qi, aL as es, aM as ts, aN as is, aO as ss } from "./hooks-D4s6Agu-.js";
-import { be as Gr, br as $r, bA as Ur, aP as jr, aQ as qr, aR as Kr, aS as Yr, aT as Vr, aU as Xr, aV as Jr, aW as Zr, aY as Qr, aZ as en, a_ as tn, a$ as sn, b0 as rn, b1 as nn, bw as on, b3 as an, b5 as ln, b6 as hn, b7 as dn, b8 as cn, bb as un, bc as fn, bd as gn, bg as pn, b4 as mn, bf as yn, ba as vn, bx as bn, bq as wn, bl as _n, bo as xn, bk as En, bB as Cn, bj as Rn, bi as Nn, aX as Sn, b2 as Dn, b9 as zn, bh as Pn, bm as kn, bs as An, bt as On, bu as Tn, bC as Ln, bn as Mn, bv as Hn, bz as Bn, bp as In, by as Fn } from "./hooks-D4s6Agu-.js";
+import { S as $e, a as qt, f as Re, L as Q, b as Kt, A as Vt, i as de, c as it, d as st, E as Yt, g as ue, e as Xt, h as Jt, C as Zt, j as Qt, k as V, l as rt, u as ei, G as ti, m as ii, n as je, o as si, p as nt, q as ri, B as ot, X as at, Y as Se, r as ni, s as lt, t as oi, v as ai, w as li, x as hi, y as di, z as ci, D as ui, F as fi, H as Ue, I as gi, J as ee, K as Ne, M as pi, N as mi, O as yi, P as ht, Q as j, R as I, T as vi, U as bi, V as wi, W as _i, Z as xi, _ as Ei, $ as Ci, a0 as dt, a1 as Ri, a2 as fe, a3 as ct, a4 as ut, a5 as Ni, a6 as ft, a7 as gt, a8 as pt, a9 as Ae, aa as Di, ab as mt, ac as Si, ad as zi, ae as ki, af as qe, ag as De, ah as Pi, ai as Ai, aj as yt, ak as Oi, al as Ti, am as vt, an as Li, ao as Mi, ap as Hi, aq as Bi, ar as Ii, as as Fi, at as Gi, au as Wi, av as bt, aw as X, ax as wt, ay as $i, az as ji, aA as Ke, aB as Ui, aC as _t, aD as qi, aE as Ki, aF as Vi, aG as Yi, aH as Xi, aI as Ji, aJ as Zi, aK as Qi, aL as es, aM as ts, aN as is, aO as ss } from "./hooks-BPLedtdk.js";
+import { be as $r, br as jr, bA as Ur, aP as qr, aQ as Kr, aR as Vr, aS as Yr, aT as Xr, aU as Jr, aV as Zr, aW as Qr, aY as en, aZ as tn, a_ as sn, a$ as rn, b0 as nn, b1 as on, bw as an, b3 as ln, b5 as hn, b6 as dn, b7 as cn, b8 as un, bb as fn, bc as gn, bd as pn, bg as mn, b4 as yn, bf as vn, ba as bn, bx as wn, bq as _n, bl as xn, bo as En, bk as Cn, bB as Rn, bj as Nn, bi as Dn, aX as Sn, b2 as zn, b9 as kn, bh as Pn, bm as An, bs as On, bt as Tn, bu as Ln, bC as Mn, bn as Hn, bv as Bn, bz as In, bp as Fn, by as Gn } from "./hooks-BPLedtdk.js";
 import { jsx as g, jsxs as z, Fragment as oe } from "react/jsx-runtime";
 import * as Oe from "react";
-import k, { PureComponent as rs, useState as A, forwardRef as K, useEffect as q, useMemo as te, useCallback as G, useRef as V, useImperativeHandle as xt, Children as ns, createContext as xe, useContext as Et, useLayoutEffect as Ye } from "react";
+import P, { PureComponent as rs, useState as A, forwardRef as K, useEffect as q, useMemo as te, useCallback as W, useRef as Y, useImperativeHandle as xt, Children as ns, createContext as xe, useContext as Et, useLayoutEffect as Ve } from "react";
 import { createPortal as os } from "react-dom";
-import './f0.css';const ur = {
+import './f0.css';const as = {
+  ad: "Andorra",
+  ae: "United Arab Emirates",
+  af: "Afghanistan",
+  ag: "Antigua and Barbuda",
+  ai: "Anguilla",
+  al: "Albania",
+  am: "Armenia",
+  ao: "Angola",
+  ar: "Argentina",
+  as: "American Samoa",
+  at: "Austria",
+  au: "Australia",
+  aw: "Aruba",
+  ax: "Åland Islands",
+  az: "Azerbaijan",
+  ba: "Bosnia and Herzegovina",
+  bb: "Barbados",
+  bd: "Bangladesh",
+  be: "Belgium",
+  bf: "Burkina Faso",
+  bg: "Bulgaria",
+  bh: "Bahrain",
+  bi: "Burundi",
+  bj: "Benin",
+  bm: "Bermuda",
+  bo: "Bolivia",
+  br: "Brazil",
+  bt: "Bhutan",
+  bw: "Botswana",
+  by: "Belarus",
+  bz: "Belize",
+  ca: "Canada",
+  cd: "Democratic Republic of the Congo",
+  cf: "Central African Republic",
+  cg: "Republic of the Congo",
+  ch: "Switzerland",
+  ci: "Côte d'Ivoire",
+  ck: "Cook Islands",
+  cl: "Chile",
+  cm: "Cameroon",
+  cn: "China",
+  co: "Colombia",
+  cr: "Costa Rica",
+  cu: "Cuba",
+  cv: "Cape Verde",
+  cw: "Curaçao",
+  cy: "Cyprus",
+  cz: "Czech Republic",
+  de: "Germany",
+  dj: "Djibouti",
+  dk: "Denmark",
+  dm: "Dominica",
+  do: "Dominican Republic",
+  dz: "Algeria",
+  ec: "Ecuador",
+  ee: "Estonia",
+  eg: "Egypt",
+  er: "Eritrea",
+  es: "Spain",
+  et: "Ethiopia",
+  fi: "Finland",
+  fj: "Fiji",
+  fk: "Falkland Islands",
+  fm: "Micronesia",
+  fo: "Faroe Islands",
+  fr: "France",
+  ga: "Gabon",
+  gb: "United Kingdom",
+  gd: "Grenada",
+  ge: "Georgia",
+  gg: "Guernsey",
+  gh: "Ghana",
+  gi: "Gibraltar",
+  gl: "Greenland",
+  gm: "Gambia",
+  gn: "Guinea",
+  gq: "Equatorial Guinea",
+  gr: "Greece",
+  gt: "Guatemala",
+  gu: "Guam",
+  gw: "Guinea-Bissau",
+  hk: "Hong Kong",
+  hn: "Honduras",
+  hr: "Croatia",
+  ht: "Haiti",
+  hu: "Hungary",
+  id: "Indonesia",
+  ie: "Ireland",
+  il: "Israel",
+  im: "Isle of Man",
+  in: "India",
+  io: "British Indian Ocean Territory",
+  iq: "Iraq",
+  ir: "Iran",
+  is: "Iceland",
+  it: "Italy",
+  je: "Jersey",
+  jm: "Jamaica",
+  jo: "Jordan",
+  jp: "Japan",
+  ke: "Kenya"
+}, fr = {
+  countries: as,
   approvals: {
     history: "Approval history",
     statuses: {
@@ -258,7 +361,7 @@ import './f0.css';const ur = {
     greaterThan: "It should be greater than {{min}}",
     lessThan: "It should be less than {{max}}"
   }
-}, fr = [
+}, gr = [
   "person",
   "team",
   "company",
@@ -273,30 +376,30 @@ function J(a) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, J(a);
 }
-function as(a, e) {
+function ls(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-function ls(a, e) {
+function hs(a, e) {
   for (var t = 0; t < e.length; t++) {
     var i = e[t];
     i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, Nt(i.key), i);
   }
 }
-function hs(a, e, t) {
-  return e && ls(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
-}
 function ds(a, e, t) {
-  return e = ge(e), cs(a, Ct() ? Reflect.construct(e, t || [], ge(a).constructor) : e.apply(a, t));
+  return e && hs(a.prototype, e), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function cs(a, e) {
+function cs(a, e, t) {
+  return e = ge(e), us(a, Ct() ? Reflect.construct(e, t || [], ge(a).constructor) : e.apply(a, t));
+}
+function us(a, e) {
   if (e && (J(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return us(a);
+  return fs(a);
 }
-function us(a) {
+function fs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
@@ -316,7 +419,7 @@ function ge(a) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, ge(a);
 }
-function fs(a, e) {
+function gs(a, e) {
   if (typeof e != "function" && e !== null)
     throw new TypeError("Super expression must either be null or a function");
   a.prototype = Object.create(e && e.prototype, { constructor: { value: a, writable: !0, configurable: !0 } }), Object.defineProperty(a, "prototype", { writable: !1 }), e && ze(a, e);
@@ -330,10 +433,10 @@ function Rt(a, e, t) {
   return e = Nt(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
 function Nt(a) {
-  var e = gs(a, "string");
+  var e = ps(a, "string");
   return J(e) == "symbol" ? e : e + "";
 }
-function gs(a, e) {
+function ps(a, e) {
   if (J(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -345,15 +448,15 @@ function gs(a, e) {
 }
 var Ee = /* @__PURE__ */ function(a) {
   function e() {
-    return as(this, e), ds(this, e, arguments);
+    return ls(this, e), cs(this, e, arguments);
   }
-  return fs(e, a), hs(e, [{
+  return gs(e, a), ds(e, [{
     key: "render",
     value: function() {
       return null;
     }
   }]);
-}(k.Component);
+}(P.Component);
 Rt(Ee, "displayName", "ZAxis");
 Rt(Ee, "defaultProps", {
   zAxisId: 0,
@@ -361,7 +464,7 @@ Rt(Ee, "defaultProps", {
   scale: "auto",
   type: "number"
 });
-var ps = ["option", "isActive"];
+var ms = ["option", "isActive"];
 function ie() {
   return ie = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
@@ -372,9 +475,9 @@ function ie() {
     return a;
   }, ie.apply(this, arguments);
 }
-function ms(a, e) {
+function ys(a, e) {
   if (a == null) return {};
-  var t = ys(a, e), i, s;
+  var t = vs(a, e), i, s;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(a);
     for (s = 0; s < r.length; s++)
@@ -382,7 +485,7 @@ function ms(a, e) {
   }
   return t;
 }
-function ys(a, e) {
+function vs(a, e) {
   if (a == null) return {};
   var t = {};
   for (var i in a)
@@ -392,15 +495,15 @@ function ys(a, e) {
     }
   return t;
 }
-function vs(a) {
-  var e = a.option, t = a.isActive, i = ms(a, ps);
-  return typeof e == "string" ? /* @__PURE__ */ k.createElement($e, ie({
-    option: /* @__PURE__ */ k.createElement(qt, ie({
+function bs(a) {
+  var e = a.option, t = a.isActive, i = ys(a, ms);
+  return typeof e == "string" ? /* @__PURE__ */ P.createElement($e, ie({
+    option: /* @__PURE__ */ P.createElement(qt, ie({
       type: e
     }, i)),
     isActive: t,
     shapeType: "symbols"
-  }, i)) : /* @__PURE__ */ k.createElement($e, ie({
+  }, i)) : /* @__PURE__ */ P.createElement($e, ie({
     option: e,
     isActive: t,
     shapeType: "symbols"
@@ -424,7 +527,7 @@ function se() {
     return a;
   }, se.apply(this, arguments);
 }
-function Ve(a, e) {
+function Ye(a, e) {
   var t = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(a);
@@ -437,49 +540,49 @@ function Ve(a, e) {
 function H(a) {
   for (var e = 1; e < arguments.length; e++) {
     var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ve(Object(t), !0).forEach(function(i) {
-      j(a, i, t[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ve(Object(t)).forEach(function(i) {
+    e % 2 ? Ye(Object(t), !0).forEach(function(i) {
+      U(a, i, t[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : Ye(Object(t)).forEach(function(i) {
       Object.defineProperty(a, i, Object.getOwnPropertyDescriptor(t, i));
     });
   }
   return a;
 }
-function bs(a, e) {
+function ws(a, e) {
   if (!(a instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
 function Xe(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, Dt(i.key), i);
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(a, St(i.key), i);
   }
 }
-function ws(a, e, t) {
+function _s(a, e, t) {
   return e && Xe(a.prototype, e), t && Xe(a, t), Object.defineProperty(a, "prototype", { writable: !1 }), a;
 }
-function _s(a, e, t) {
-  return e = pe(e), xs(a, St() ? Reflect.construct(e, t || [], pe(a).constructor) : e.apply(a, t));
+function xs(a, e, t) {
+  return e = pe(e), Es(a, Dt() ? Reflect.construct(e, t || [], pe(a).constructor) : e.apply(a, t));
 }
-function xs(a, e) {
+function Es(a, e) {
   if (e && (Z(e) === "object" || typeof e == "function"))
     return e;
   if (e !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Es(a);
+  return Cs(a);
 }
-function Es(a) {
+function Cs(a) {
   if (a === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return a;
 }
-function St() {
+function Dt() {
   try {
     var a = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (St = function() {
+  return (Dt = function() {
     return !!a;
   })();
 }
@@ -488,24 +591,24 @@ function pe(a) {
     return t.__proto__ || Object.getPrototypeOf(t);
   }, pe(a);
 }
-function Cs(a, e) {
+function Rs(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 && ke(a, e);
 }
-function Pe(a, e) {
-  return Pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+function ke(a, e) {
+  return ke = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, Pe(a, e);
+  }, ke(a, e);
 }
-function j(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 U(a, e, t) {
+  return e = St(e), e in a ? Object.defineProperty(a, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : a[e] = t, a;
 }
-function Dt(a) {
-  var e = Rs(a, "string");
+function St(a) {
+  var e = Ns(a, "string");
   return Z(e) == "symbol" ? e : e + "";
 }
-function Rs(a, e) {
+function Ns(a, e) {
   if (Z(a) != "object" || !a) return a;
   var t = a[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -518,33 +621,33 @@ function Rs(a, e) {
 var ae = /* @__PURE__ */ function(a) {
   function e() {
     var t;
-    bs(this, e);
+    ws(this, e);
     for (var i = arguments.length, s = new Array(i), r = 0; r < i; r++)
       s[r] = arguments[r];
-    return t = _s(this, e, [].concat(s)), j(t, "state", {
+    return t = xs(this, e, [].concat(s)), U(t, "state", {
       isAnimationFinished: !1
-    }), j(t, "handleAnimationEnd", function() {
+    }), U(t, "handleAnimationEnd", function() {
       t.setState({
         isAnimationFinished: !0
       });
-    }), j(t, "handleAnimationStart", function() {
+    }), U(t, "handleAnimationStart", function() {
       t.setState({
         isAnimationFinished: !1
       });
-    }), j(t, "id", ei("recharts-scatter-")), t;
+    }), U(t, "id", ei("recharts-scatter-")), t;
   }
-  return Cs(e, a), ws(e, [{
+  return Rs(e, a), _s(e, [{
     key: "renderSymbolsStatically",
     value: function(i) {
       var s = this, r = this.props, n = r.shape, o = r.activeShape, h = r.activeIndex, c = Re(this.props, !1);
       return i.map(function(l, d) {
         var f = h === d, p = f ? o : n, m = H(H({}, c), l);
-        return /* @__PURE__ */ k.createElement(Q, se({
+        return /* @__PURE__ */ P.createElement(Q, se({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(l == null ? void 0 : l.cx, "-").concat(l == null ? void 0 : l.cy, "-").concat(l == null ? void 0 : l.size, "-").concat(d)
         }, Kt(s.props, l, d), {
           role: "img"
-        }), /* @__PURE__ */ k.createElement(vs, se({
+        }), /* @__PURE__ */ P.createElement(bs, se({
           option: p,
           isActive: f,
           key: "symbol-".concat(d)
@@ -555,7 +658,7 @@ var ae = /* @__PURE__ */ function(a) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var i = this, s = this.props, r = s.points, n = s.isAnimationActive, o = s.animationBegin, h = s.animationDuration, c = s.animationEasing, l = s.animationId, d = this.state.prevPoints;
-      return /* @__PURE__ */ k.createElement(Yt, {
+      return /* @__PURE__ */ P.createElement(Vt, {
         begin: o,
         duration: h,
         isActive: n,
@@ -573,19 +676,19 @@ var ae = /* @__PURE__ */ function(a) {
         var p = f.t, m = r.map(function(y, b) {
           var N = d && d[b];
           if (N) {
-            var x = de(N.cx, y.cx), C = de(N.cy, y.cy), S = de(N.size, y.size);
+            var x = de(N.cx, y.cx), C = de(N.cy, y.cy), D = de(N.size, y.size);
             return H(H({}, y), {}, {
               cx: x(p),
               cy: C(p),
-              size: S(p)
+              size: D(p)
             });
           }
-          var D = de(0, y.size);
+          var S = de(0, y.size);
           return H(H({}, y), {}, {
-            size: D(p)
+            size: S(p)
           });
         });
-        return /* @__PURE__ */ k.createElement(Q, null, i.renderSymbolsStatically(m));
+        return /* @__PURE__ */ P.createElement(Q, null, i.renderSymbolsStatically(m));
       });
     }
   }, {
@@ -600,10 +703,10 @@ var ae = /* @__PURE__ */ function(a) {
       var i = this.props.isAnimationActive;
       if (i && !this.state.isAnimationFinished)
         return null;
-      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = st(h, Vt);
+      var s = this.props, r = s.points, n = s.xAxis, o = s.yAxis, h = s.children, c = st(h, Yt);
       return c ? c.map(function(l, d) {
         var f = l.props, p = f.direction, m = f.dataKey;
-        return /* @__PURE__ */ k.cloneElement(l, {
+        return /* @__PURE__ */ P.cloneElement(l, {
           key: "".concat(p, "-").concat(m, "-").concat(r[d]),
           data: r,
           xAxis: n,
@@ -632,8 +735,8 @@ var ae = /* @__PURE__ */ function(a) {
           };
         });
       else if (n === "fitting") {
-        var f = Xt(s), p = f.xmin, m = f.xmax, y = f.a, b = f.b, N = function(S) {
-          return y * S + b;
+        var f = Xt(s), p = f.xmin, m = f.xmax, y = f.a, b = f.b, N = function(D) {
+          return y * D + b;
         };
         l = [{
           x: p,
@@ -649,9 +752,9 @@ var ae = /* @__PURE__ */ function(a) {
       }, c), {}, {
         points: l
       });
-      return /* @__PURE__ */ k.isValidElement(r) ? d = /* @__PURE__ */ k.cloneElement(r, x) : Jt(r) ? d = r(x) : d = /* @__PURE__ */ k.createElement(Zt, se({}, x, {
+      return /* @__PURE__ */ P.isValidElement(r) ? d = /* @__PURE__ */ P.cloneElement(r, x) : Jt(r) ? d = r(x) : d = /* @__PURE__ */ P.createElement(Zt, se({}, x, {
         type: o
-      })), /* @__PURE__ */ k.createElement(Q, {
+      })), /* @__PURE__ */ P.createElement(Q, {
         className: "recharts-scatter-line",
         key: "recharts-scatter-line"
       }, d);
@@ -662,18 +765,18 @@ var ae = /* @__PURE__ */ function(a) {
       var i = this.props, s = i.hide, r = i.points, n = i.line, o = i.className, h = i.xAxis, c = i.yAxis, l = i.left, d = i.top, f = i.width, p = i.height, m = i.id, y = i.isAnimationActive;
       if (s || !r || !r.length)
         return null;
-      var b = this.state.isAnimationFinished, N = Qt("recharts-scatter", o), x = h && h.allowDataOverflow, C = c && c.allowDataOverflow, S = x || C, D = Y(m) ? this.id : m;
-      return /* @__PURE__ */ k.createElement(Q, {
+      var b = this.state.isAnimationFinished, N = Qt("recharts-scatter", o), x = h && h.allowDataOverflow, C = c && c.allowDataOverflow, D = x || C, S = V(m) ? this.id : m;
+      return /* @__PURE__ */ P.createElement(Q, {
         className: N,
-        clipPath: S ? "url(#clipPath-".concat(D, ")") : null
-      }, x || C ? /* @__PURE__ */ k.createElement("defs", null, /* @__PURE__ */ k.createElement("clipPath", {
-        id: "clipPath-".concat(D)
-      }, /* @__PURE__ */ k.createElement("rect", {
+        clipPath: D ? "url(#clipPath-".concat(S, ")") : null
+      }, x || C ? /* @__PURE__ */ P.createElement("defs", null, /* @__PURE__ */ P.createElement("clipPath", {
+        id: "clipPath-".concat(S)
+      }, /* @__PURE__ */ P.createElement("rect", {
         x: x ? l : l - f / 2,
         y: C ? d : d - p / 2,
         width: x ? f : f * 2,
         height: C ? p : p * 2
-      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ k.createElement(Q, {
+      }))) : null, n && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ P.createElement(Q, {
         key: "recharts-scatter-symbols"
       }, this.renderSymbols()), (!y || b) && rt.renderCallByParent(this.props, r));
     }
@@ -690,8 +793,8 @@ var ae = /* @__PURE__ */ function(a) {
     }
   }]);
 }(rs);
-j(ae, "displayName", "Scatter");
-j(ae, "defaultProps", {
+U(ae, "displayName", "Scatter");
+U(ae, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -706,17 +809,17 @@ j(ae, "defaultProps", {
   animationDuration: 400,
   animationEasing: "linear"
 });
-j(ae, "getComposedData", function(a) {
-  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = st(s.props.children, ii), d = Y(e.dataKey) ? s.props.dataKey : e.dataKey, f = Y(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : Ee.defaultProps.range, y = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, N = t.scale.bandwidth ? t.scale.bandwidth() : 0, x = r.map(function(C, S) {
-    var D = ue(C, d), R = ue(C, f), E = !Y(p) && ue(C, p) || "-", O = [{
-      name: Y(e.dataKey) ? s.props.name : e.name || e.dataKey,
+U(ae, "getComposedData", function(a) {
+  var e = a.xAxis, t = a.yAxis, i = a.zAxis, s = a.item, r = a.displayedData, n = a.xAxisTicks, o = a.yAxisTicks, h = a.offset, c = s.props.tooltipType, l = st(s.props.children, ii), d = V(e.dataKey) ? s.props.dataKey : e.dataKey, f = V(t.dataKey) ? s.props.dataKey : t.dataKey, p = i && i.dataKey, m = i ? i.range : Ee.defaultProps.range, y = m && m[0], b = e.scale.bandwidth ? e.scale.bandwidth() : 0, N = t.scale.bandwidth ? t.scale.bandwidth() : 0, x = r.map(function(C, D) {
+    var S = ue(C, d), R = ue(C, f), E = !V(p) && ue(C, p) || "-", O = [{
+      name: V(e.dataKey) ? s.props.name : e.name || e.dataKey,
       unit: e.unit || "",
-      value: D,
+      value: S,
       payload: C,
       dataKey: d,
       type: c
     }, {
-      name: Y(t.dataKey) ? s.props.name : t.name || t.dataKey,
+      name: V(t.dataKey) ? s.props.name : t.name || t.dataKey,
       unit: t.unit || "",
       value: R,
       payload: C,
@@ -731,34 +834,34 @@ j(ae, "getComposedData", function(a) {
       dataKey: p,
       type: c
     });
-    var L = Ue({
+    var L = je({
       axis: e,
       ticks: n,
       bandSize: b,
       entry: C,
-      index: S,
+      index: D,
       dataKey: d
-    }), F = Ue({
+    }), F = je({
       axis: t,
       ticks: o,
       bandSize: N,
       entry: C,
-      index: S,
+      index: D,
       dataKey: f
-    }), _ = E !== "-" ? i.scale(E) : y, P = Math.sqrt(Math.max(_, 0) / Math.PI);
+    }), _ = E !== "-" ? i.scale(E) : y, k = Math.sqrt(Math.max(_, 0) / Math.PI);
     return H(H({}, C), {}, {
       cx: L,
       cy: F,
-      x: L - P,
-      y: F - P,
+      x: L - k,
+      y: F - k,
       xAxis: e,
       yAxis: t,
       zAxis: i,
-      width: 2 * P,
-      height: 2 * P,
+      width: 2 * k,
+      height: 2 * k,
       size: _,
       node: {
-        x: D,
+        x: S,
         y: R,
         z: E
       },
@@ -768,13 +871,13 @@ j(ae, "getComposedData", function(a) {
         y: F
       },
       payload: C
-    }, l && l[S] && l[S].props);
+    }, l && l[D] && l[D].props);
   });
   return H({
     points: x
   }, h);
 });
-var Ns = si({
+var Ds = si({
   chartName: "ComposedChart",
   GraphicalChild: [nt, ri, ot, ae],
   axisComponents: [{
@@ -782,7 +885,7 @@ var Ns = si({
     AxisComp: at
   }, {
     axisType: "yAxis",
-    AxisComp: De
+    AxisComp: Se
   }, {
     axisType: "zAxis",
     AxisComp: Ee
@@ -813,16 +916,16 @@ const Ss = (a) => {
     });
   };
   return e.displayName = `Scatter-${a}`, e;
-}, Ds = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
+}, zs = ({ dataConfig: a, data: e, xAxis: t, yAxis: i = {
   hide: !0
 }, label: s = !1, hideTooltip: r = !1, hideGrid: n = !1, aspect: o, legend: h, showValueUnderLabel: c = !1, bar: l, line: d, scatter: f, onClick: p }, m) => {
   var E, O, L, F;
-  const y = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], N = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], x = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ...N, ...x], S = Math.max(...y.flatMap((_) => C.map((P) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${_[P]}`) : `${_[P]}`)))), D = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "left"), R = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "right");
+  const y = oi(e), b = l != null && l.categories ? Array.isArray(l.categories) ? l.categories : [l.categories] : [], N = d != null && d.categories ? Array.isArray(d.categories) ? d.categories : [d.categories] : [], x = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], C = [...b, ...N, ...x], D = Math.max(...y.flatMap((_) => C.map((k) => ai(i != null && i.tickFormatter ? i.tickFormatter(`${_[k]}`) : `${_[k]}`)))), S = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "left"), R = [l, d, f].filter((_) => (_ == null ? void 0 : _.axisPosition) === "right");
   return g(li, {
     config: a,
     ref: m,
     aspect: o,
-    children: z(Ns, {
+    children: z(Ds, {
       accessibilityLayer: !0,
       data: y,
       margin: {
@@ -835,13 +938,13 @@ const Ss = (a) => {
       onClick: (_) => {
         if (!p || !_.activeLabel || !_.activePayload)
           return;
-        const P = {
+        const k = {
           label: _.activeLabel,
           values: {}
         };
         for (const le of _.activePayload)
-          P.values[le.name] = le.value;
-        p(P);
+          k.values[le.name] = le.value;
+        p(k);
       },
       children: [!r && g(hi, {
         ...di(),
@@ -850,22 +953,22 @@ const Ss = (a) => {
         })
       }), !n && g(ui, {
         ...fi()
-      }), D.length > 0 && g(De, {
-        ...je(i),
+      }), S.length > 0 && g(Se, {
+        ...Ue(i),
         tick: !0,
-        width: i.width ?? S + 20 + (R.length > 0 && ((E = D[0]) != null && E.axisLabel) ? 20 : 0),
-        hide: i.hide || D.some((_) => _ == null ? void 0 : _.hideAxis),
-        label: (O = D[0]) != null && O.axisLabel ? {
-          value: D[0].axisLabel,
+        width: i.width ?? D + 20 + (R.length > 0 && ((E = S[0]) != null && E.axisLabel) ? 20 : 0),
+        hide: i.hide || S.some((_) => _ == null ? void 0 : _.hideAxis),
+        label: (O = S[0]) != null && O.axisLabel ? {
+          value: S[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
-      }), R.length > 0 && g(De, {
-        ...je(i),
+      }), R.length > 0 && g(Se, {
+        ...Ue(i),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: i.width ?? S + 20 + (D.length > 0 && ((L = R[0]) != null && L.axisLabel) ? 20 : 0),
+        width: i.width ?? D + 20 + (S.length > 0 && ((L = R[0]) != null && L.axisLabel) ? 20 : 0),
         hide: i.hide || R.some((_) => _ == null ? void 0 : _.hideAxis),
         label: (F = R[0]) != null && F.axisLabel ? {
           value: R[0].axisLabel,
@@ -876,10 +979,10 @@ const Ss = (a) => {
         ...gi(t),
         hide: t == null ? void 0 : t.hide,
         tick: c ? (_) => {
-          var We, Ge;
-          const { x: P, y: le, payload: Ie } = _, Fe = ((We = e.find((jt) => jt.label === Ie.value)) == null ? void 0 : We.values) || "", he = Object.keys(Fe).length === 1 ? (Ge = Object.values(Fe)) == null ? void 0 : Ge[0] : void 0, Ut = he !== void 0 && i.tickFormatter ? i.tickFormatter(`${he}`) : he.toLocaleString();
+          var Ge, We;
+          const { x: k, y: le, payload: Ie } = _, Fe = ((Ge = e.find((Ut) => Ut.label === Ie.value)) == null ? void 0 : Ge.values) || "", he = Object.keys(Fe).length === 1 ? (We = Object.values(Fe)) == null ? void 0 : We[0] : void 0, jt = he !== void 0 && i.tickFormatter ? i.tickFormatter(`${he}`) : he.toLocaleString();
           return z("g", {
-            transform: `translate(${P},${le})`,
+            transform: `translate(${k},${le})`,
             children: [g("text", {
               x: 0,
               y: 0,
@@ -893,14 +996,14 @@ const Ss = (a) => {
               dy: 28,
               textAnchor: "middle",
               className: "!fill-f1-foreground text-sm font-medium",
-              children: Ut
+              children: jt
             })]
           });
         } : void 0
-      }), b.map((_, P) => g(ot, {
+      }), b.map((_, k) => g(ot, {
         isAnimationActive: !1,
         dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(P),
+        fill: a[_].color ? ee(a[_].color) : Ne(k),
         radius: 4,
         maxBarSize: 32,
         children: s && g(rt, {
@@ -909,17 +1012,17 @@ const Ss = (a) => {
           className: "fill-f1-foreground",
           fontSize: 12
         }, `label-${String(_)}`)
-      }, `bar-${String(_)}`)), N.map((_, P) => g(nt, {
+      }, `bar-${String(_)}`)), N.map((_, k) => g(nt, {
         type: (d == null ? void 0 : d.lineType) ?? "natural",
         dataKey: String(_),
-        stroke: a[_].color ? ee(a[_].color) : Ne(b.length + P),
+        stroke: a[_].color ? ee(a[_].color) : Ne(b.length + k),
         strokeWidth: 2,
         dot: (d == null ? void 0 : d.dot) ?? !1,
         isAnimationActive: !1,
         yAxisId: (d == null ? void 0 : d.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(_)}`)), x.map((_, P) => g(ae, {
+      }, `line-${String(_)}`)), x.map((_, k) => g(ae, {
         dataKey: String(_),
-        fill: a[_].color ? ee(a[_].color) : Ne(b.length + N.length + P),
+        fill: a[_].color ? ee(a[_].color) : Ne(b.length + N.length + k),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0,
@@ -935,21 +1038,21 @@ const Ss = (a) => {
       })]
     })
   });
-}, zs = lt(Ds);
-var Te = "Progress", Le = 100, [Ps, gr] = yi(Te), [ks, As] = Ps(Te), zt = Oe.forwardRef(
+}, ks = lt(zs);
+var Te = "Progress", Le = 100, [Ps, pr] = yi(Te), [As, Os] = Ps(Te), zt = Oe.forwardRef(
   (a, e) => {
     const {
       __scopeProgress: t,
       value: i = null,
       max: s,
-      getValueLabel: r = Os,
+      getValueLabel: r = Ts,
       ...n
     } = a;
-    (s || s === 0) && !Je(s) && console.error(Ts(`${s}`, "Progress"));
+    (s || s === 0) && !Je(s) && console.error(Ls(`${s}`, "Progress"));
     const o = Je(s) ? s : Le;
-    i !== null && !Ze(i, o) && console.error(Ls(`${i}`, "Progress"));
+    i !== null && !Ze(i, o) && console.error(Ms(`${i}`, "Progress"));
     const h = Ze(i, o) ? i : null, c = me(h) ? r(h, o) : void 0;
-    return /* @__PURE__ */ g(ks, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
+    return /* @__PURE__ */ g(As, { scope: t, value: h, max: o, children: /* @__PURE__ */ g(
       ht.div,
       {
         "aria-valuemax": o,
@@ -967,9 +1070,9 @@ var Te = "Progress", Le = 100, [Ps, gr] = yi(Te), [ks, As] = Ps(Te), zt = Oe.for
   }
 );
 zt.displayName = Te;
-var Pt = "ProgressIndicator", kt = Oe.forwardRef(
+var kt = "ProgressIndicator", Pt = Oe.forwardRef(
   (a, e) => {
-    const { __scopeProgress: t, ...i } = a, s = As(Pt, t);
+    const { __scopeProgress: t, ...i } = a, s = Os(kt, t);
     return /* @__PURE__ */ g(
       ht.div,
       {
@@ -982,8 +1085,8 @@ var Pt = "ProgressIndicator", kt = Oe.forwardRef(
     );
   }
 );
-kt.displayName = Pt;
-function Os(a, e) {
+Pt.displayName = kt;
+function Ts(a, e) {
   return `${Math.round(a / e * 100)}%`;
 }
 function At(a, e) {
@@ -998,10 +1101,10 @@ function Je(a) {
 function Ze(a, e) {
   return me(a) && !isNaN(a) && a <= e && a >= 0;
 }
-function Ts(a, e) {
+function Ls(a, e) {
   return `Invalid prop \`max\` of value \`${a}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${Le}\`.`;
 }
-function Ls(a, e) {
+function Ms(a, e) {
   return `Invalid prop \`value\` of value \`${a}\` supplied to \`${e}\`. The \`value\` prop must be:
   - a positive number
   - less than the value passed to \`max\` (or ${Le} if no \`max\` prop is set)
@@ -1009,12 +1112,12 @@ function Ls(a, e) {
 
 Defaulting to \`null\`.`;
 }
-var Ot = zt, Ms = kt;
+var Ot = zt, Hs = Pt;
 const Tt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
   ref: i,
-  className: U("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
+  className: j("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
   ...t,
-  children: g(Ms, {
+  children: g(Hs, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: t.color,
@@ -1023,7 +1126,7 @@ const Tt = Oe.forwardRef(({ className: a, value: e, ...t }, i) => g(Ot, {
   })
 }));
 Tt.displayName = Ot.displayName;
-const Hs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
+const Bs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
   const r = i ? ee(i) : ee("categorical-1"), n = a / e * 100;
   return z("div", {
     className: "flex items-center space-x-2",
@@ -1044,55 +1147,55 @@ const Hs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
       children: t
     })]
   });
-}, Bs = lt(Hs), pr = I(
+}, Is = lt(Bs), mr = I(
   {
     name: "AreaChart",
     type: "info"
   },
   Ei
-), mr = I(
+), yr = I(
   {
     name: "BarChart",
     type: "info"
   },
   vi
-), yr = I(
+), vr = I(
   {
     name: "CategoryBarChart",
     type: "info"
   },
   bi
-), vr = I(
+), br = I(
   {
     name: "LineChart",
     type: "info"
   },
   wi
-), br = I(
+), wr = I(
   {
     name: "PieChart",
     type: "info"
   },
   _i
-), wr = I(
+), _r = I(
   {
     name: "VerticalBarChart",
     type: "info"
   },
   xi
-), _r = I(
+), xr = I(
   {
     name: "ProgressBarChart",
     type: "info"
   },
-  Bs
-), xr = I(
+  Is
+), Er = I(
   {
     name: "ComboChart",
     type: "info"
   },
-  zs
-), Er = Ci, Cr = dt, Rr = ["default", "outline", "neutral"], Nr = dt, Sr = ["sm", "md", "lg"], Dr = Ri, ke = ({ count: a, list: e }) => {
+  ks
+), Cr = Ci, Rr = dt, Nr = ["default", "outline", "neutral"], Dr = dt, Sr = ["sm", "md", "lg"], zr = Ri, Pe = ({ count: a, list: e }) => {
   const [t, i] = A(!1), s = g(fe, {
     label: `+${a}`
   });
@@ -1123,17 +1226,17 @@ const Hs = ({ value: a, max: e = 100, label: t, color: i }, s) => {
     })]
   }) : s;
 };
-ke.displayName = "ChipCounter";
+Pe.displayName = "ChipCounter";
 const Lt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" }) => {
   if (i === "fill")
-    return g(Si, {
+    return g(Di, {
       items: a,
       renderListItem: (h) => g(fe, {
         ...h
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: t !== void 0,
-      renderOverflowIndicator: (h) => g(ke, {
+      renderOverflowIndicator: (h) => g(Pe, {
         count: (t ?? 0) + h,
         list: t ? void 0 : a.slice(a.length - h)
       }),
@@ -1145,19 +1248,19 @@ const Lt = ({ chips: a, max: e = 4, remainingCount: t, layout: i = "compact" })
     className: "flex items-center gap-2",
     children: [s.map((h, c) => g(fe, {
       ...h
-    }, c)), o && g(ke, {
+    }, c)), o && g(Pe, {
       count: n,
       list: t ? void 0 : r
     })]
   });
 };
 Lt.displayName = "F0ChipList";
-const zr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularity: t, onOpenChange: i, minDate: s, maxDate: r, onClear: n, ...o }, h) => {
+const kr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularity: t, onOpenChange: i, minDate: s, maxDate: r, onClear: n, ...o }, h) => {
   const [c, l] = A(""), [d, f] = A(!1), p = mt();
   q(() => {
     l(t.toString(a == null ? void 0 : a.value, p));
   }, [a, t, p]);
-  const m = (x) => Pi(x, t, {
+  const m = (x) => ki(x, t, {
     minDate: s,
     maxDate: r
   }), y = (x, C) => {
@@ -1168,16 +1271,16 @@ const zr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularit
       }), f(o.required ?? !1);
       return;
     }
-    const S = C.toRange(C.fromString(x, p));
-    S && m(S == null ? void 0 : S.from) && m(S == null ? void 0 : S.to) ? (e == null || e({
-      value: S,
+    const D = C.toRange(C.fromString(x, p));
+    D && m(D == null ? void 0 : D.from) && m(D == null ? void 0 : D.to) ? (e == null || e({
+      value: D,
       granularity: C.key
     }), f(!1)) : f(!0);
   }, b = () => {
     y(c, t);
   };
   return g(oe, {
-    children: g(Di, {
+    children: g(Si, {
       ...o,
       icon: zi,
       ref: h,
@@ -1200,12 +1303,12 @@ const zr = Ae("F0ChipList", Lt), Mt = K(({ value: a, onDateChange: e, granularit
   });
 });
 Mt.displayName = "DateInput";
-function Is({ onChange: a, value: e, presets: t = [], granularities: i = ["day"], minDate: s, maxDate: r, open: n = !1, ...o }) {
+function Fs({ onChange: a, value: e, presets: t = [], granularities: i = ["day"], minDate: s, maxDate: r, open: n = !1, ...o }) {
   const [h, c] = A(), [l, d] = A(n);
   q(() => {
     d(n);
   }, [n]);
-  const f = mt(), p = te(() => i[0] ?? "day", [i]), m = G((R) => {
+  const f = mt(), p = te(() => i[0] ?? "day", [i]), m = W((R) => {
     const E = R || p;
     if (!qe[E])
       throw new Error(`Invalid granularity ${E}`);
@@ -1213,7 +1316,7 @@ function Is({ onChange: a, value: e, presets: t = [], granularities: i = ["day"]
       ...qe[E],
       key: E
     };
-  }, [p]), y = G((R) => {
+  }, [p]), y = W((R) => {
     var O;
     if (!R)
       return;
@@ -1225,31 +1328,31 @@ function Is({ onChange: a, value: e, presets: t = [], granularities: i = ["day"]
   }, [m]), b = te(() => m(h == null ? void 0 : h.granularity), [h == null ? void 0 : h.granularity, m]);
   q(() => {
     const R = y(e);
-    Se(h, R) || c(R);
+    De(h, R) || c(R);
   }, [e]);
   const N = (R) => {
-    const E = y(R), L = m(E == null ? void 0 : E.granularity).calendarMode !== "range" && (E == null ? void 0 : E.granularity) === (h == null ? void 0 : h.granularity) && !Se(E, h);
+    const E = y(R), L = m(E == null ? void 0 : E.granularity).calendarMode !== "range" && (E == null ? void 0 : E.granularity) === (h == null ? void 0 : h.granularity) && !De(E, h);
     x(E), L && d(!1);
   }, x = (R) => {
     const E = y(R);
-    if (c(E), !Se(E, h)) {
+    if (c(E), !De(E, h)) {
       const O = m(E == null ? void 0 : E.granularity);
       a == null || a(E, O.toString(E == null ? void 0 : E.value, f));
     }
   }, C = (R) => {
     var E;
     d(R), (E = o.onOpenChange) == null || E.call(o, R);
-  }, S = te(() => t.filter((R) => i.includes(R.granularity)), [t, i]), D = V(null);
+  }, D = te(() => t.filter((R) => i.includes(R.granularity)), [t, i]), S = Y(null);
   return q(() => {
-    l && D.current && requestAnimationFrame(() => {
+    l && S.current && requestAnimationFrame(() => {
       var R;
-      (R = D.current) == null || R.focus();
+      (R = S.current) == null || R.focus();
     });
-  }, [l]), g(ki, {
+  }, [l]), g(Pi, {
     hideCalendarInput: !0,
     onSelect: N,
     value: h,
-    presets: S,
+    presets: D,
     granularities: i,
     minDate: s,
     maxDate: r,
@@ -1257,7 +1360,7 @@ function Is({ onChange: a, value: e, presets: t = [], granularities: i = ["day"]
     onOpenChange: C,
     asChild: !0,
     children: g(Mt, {
-      ref: D,
+      ref: S,
       ...o,
       value: h,
       granularity: b,
@@ -1265,16 +1368,16 @@ function Is({ onChange: a, value: e, presets: t = [], granularities: i = ["day"]
     })
   });
 }
-const Pr = Ai, kr = Ae(
+const Pr = Ai, Ar = Ae(
   "F0DatePicker",
-  Is
-), Fs = {
+  Fs
+), Gs = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
 }, Ws = K(function({ widgets: e, children: t }, i) {
-  const s = V(null);
+  const s = Y(null);
   xt(i, () => s.current);
   const r = ns.toArray(e).filter((n) => !!n).map((n, o) => g("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
@@ -1288,7 +1391,7 @@ const Pr = Ai, kr = Ae(
       children: [z("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
         children: [g(Oi, {
-          columns: Fs,
+          columns: Gs,
           showArrows: !1,
           children: r
         }), g("main", {
@@ -1309,24 +1412,24 @@ const Pr = Ai, kr = Ae(
       })]
     })
   });
-}), Gs = K(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
+}), $s = K(function({ children: e, sideContent: t, mainColumnPosition: i = "left", sticky: s = !1 }, r) {
   return g("div", {
     ref: r,
     className: "h-full",
     children: z("div", {
-      className: U("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", s && "md:sticky md:top-0 md:max-h-full"),
+      className: j("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", s && "md:sticky md:top-0 md:max-h-full"),
       children: [g("main", {
-        className: U("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: j("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", s ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", i === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
         children: e
-      }), g($s, {
+      }), g(js, {
         sticky: s,
-        className: U("order-1", i === "right" ? "md:order-1" : "md:order-3"),
+        className: j("order-1", i === "right" ? "md:order-1" : "md:order-3"),
         children: t
       })]
     })
   });
-}), $s = ({ children: a, className: e }) => g("aside", {
-  className: U("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
+}), js = ({ children: a, className: e }) => g("aside", {
+  className: j("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", e),
   children: a
 }), Us = Ti({
   base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
@@ -1335,14 +1438,14 @@ const Pr = Ai, kr = Ae(
       narrow: "max-w-screen-lg"
     }
   }
-}), Ht = k.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(yt, {
+}), Ht = P.forwardRef(({ children: a, variant: e, className: t, ...i }, s) => g(yt, {
   layout: "standard",
   children: g("section", {
     ref: s,
-    className: U("relative flex-1 overflow-auto", t),
+    className: j("relative flex-1 overflow-auto", t),
     ...i,
     children: g("div", {
-      className: U(Us({
+      className: j(Us({
         variant: e
       })),
       children: a
@@ -1350,13 +1453,13 @@ const Pr = Ai, kr = Ae(
   })
 }));
 Ht.displayName = "StandardLayout";
-const Ar = I({
+const Or = I({
   name: "StandardLayout",
   type: "layout"
-}, Ht), Or = I({
+}, Ht), Tr = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, Gs), Tr = I({
+}, $s), Lr = I({
   name: "HomeLayout",
   type: "layout"
 }, Ws), Bt = xe(null);
@@ -1368,7 +1471,7 @@ function Me() {
     );
   return a;
 }
-function js({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
+function qs({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   const [s, r] = A(null), [n, o] = A(() => {
     var y;
     const p = /* @__PURE__ */ new Map(), m = (b) => {
@@ -1380,7 +1483,7 @@ function js({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
     return (y = e.children) == null || y.forEach((b) => {
       m(b);
     }), p;
-  }), h = G(() => {
+  }), h = W(() => {
     if (!s)
       return;
     const p = s.save();
@@ -1404,12 +1507,12 @@ function js({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   }, [s, t, h]), q(() => {
     s && h();
   }, [s]);
-  const c = G((p) => {
+  const c = W((p) => {
     s == null || s.addWidget(p), o((m) => {
       const y = new Map(m);
       return y.set(p.id, p), y;
     });
-  }, [s]), l = G((p) => {
+  }, [s]), l = W((p) => {
     s == null || s.addWidget(p), o((m) => {
       var b, N;
       const y = new Map(m);
@@ -1417,13 +1520,13 @@ function js({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
         y.set(x.id, x);
       }), y;
     });
-  }, [s]), d = G((p) => {
+  }, [s]), d = W((p) => {
     const m = document.body.querySelector(`[gs-id="${p}"]`);
     m && (s == null || s.removeWidget(m)), o((y) => {
       const b = new Map(y);
       return b.delete(p), b;
     });
-  }, [s]), f = G(() => {
+  }, [s]), f = W(() => {
     s == null || s.removeAll(), o(/* @__PURE__ */ new Map());
   }, [s]);
   return g(Bt.Provider, {
@@ -1447,7 +1550,7 @@ function js({ children: a, initialOptions: e, onResizeStop: t, onChange: i }) {
   });
 }
 const It = xe(null);
-function qs() {
+function Ks() {
   const a = Et(It);
   if (!a)
     throw new Error(
@@ -1455,14 +1558,14 @@ function qs() {
     );
   return a;
 }
-const Ks = xe(null);
+const Vs = xe(null);
 function Ys() {
-  const { _rawWidgetMetaMap: a } = Me(), { getWidgetContainer: e } = qs();
+  const { _rawWidgetMetaMap: a } = Me(), { getWidgetContainer: e } = Ks();
   return g(oe, {
     children: Array.from(a.value.entries()).map(([t, i]) => {
       var r;
       const s = e(t);
-      return s ? g(Ks.Provider, {
+      return s ? g(Vs.Provider, {
         value: {
           widget: {
             id: t
@@ -1473,7 +1576,7 @@ function Ys() {
     })
   });
 }
-function Vs(a, e, t, i, s) {
+function Xs(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;
 }
@@ -2722,7 +2825,7 @@ const M = {
 class w {
 }
 const B = typeof window < "u" && typeof document < "u" && ("ontouchstart" in document || "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
-class W {
+class G {
 }
 function ye(a, e) {
   a.touches.length > 1 || (a.cancelable && a.preventDefault(), u.simulateMouseEvent(a.changedTouches[0], e));
@@ -2731,17 +2834,17 @@ function Ft(a, e) {
   a.cancelable && a.preventDefault(), u.simulateMouseEvent(a, e);
 }
 function ve(a) {
-  W.touchHandled || (W.touchHandled = !0, ye(a, "mousedown"));
+  G.touchHandled || (G.touchHandled = !0, ye(a, "mousedown"));
 }
 function be(a) {
-  W.touchHandled && ye(a, "mousemove");
+  G.touchHandled && ye(a, "mousemove");
 }
 function we(a) {
-  if (!W.touchHandled)
+  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;
+  ye(a, "mouseup"), e || ye(a, "click"), G.touchHandled = !1;
 }
 function _e(a) {
   a.pointerType !== "mouse" && a.target.releasePointerCapture(a.pointerId);
@@ -2750,8 +2853,8 @@ function Qe(a) {
   w.dragElement && a.pointerType !== "mouse" && Ft(a, "mouseenter");
 }
 function et(a) {
-  w.dragElement && a.pointerType !== "mouse" && (W.pointerLeaveTimeout = window.setTimeout(() => {
-    delete W.pointerLeaveTimeout, Ft(a, "mouseleave");
+  w.dragElement && a.pointerType !== "mouse" && (G.pointerLeaveTimeout = window.setTimeout(() => {
+    delete G.pointerLeaveTimeout, Ft(a, "mouseleave");
   }, 10));
 }
 class Ce {
@@ -3002,7 +3105,7 @@ class re extends He {
   }
 }
 re._originStyleProp = ["width", "height", "position", "left", "top", "opacity", "zIndex"];
-const Xs = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
+const Js = 'input,textarea,button,select,option,[contenteditable="true"],.ui-resizable-handle';
 class ne extends He {
   constructor(e, t = {}) {
     var r;
@@ -3040,7 +3143,7 @@ class ne extends He {
   /** @internal call when mouse goes down before a dragstart happens */
   _mouseDown(e) {
     if (!w.mouseHandled)
-      return e.button !== 0 || !this.dragEls.find((t) => t === e.target) && e.target.closest(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", 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(Js) || this.option.cancel && e.target.closest(this.option.cancel) || (this.mouseDownEvent = e, delete this.dragging, delete w.dragElement, delete w.dropElement, document.addEventListener("mousemove", this._mouseMove, { capture: !0, passive: !0 }), document.addEventListener("mouseup", this._mouseUp, !0), B && (e.currentTarget.addEventListener("touchmove", be), e.currentTarget.addEventListener("touchend", we)), e.preventDefault(), document.activeElement && document.activeElement.blur(), w.mouseHandled = !0), !0;
   }
   /** @internal method to call actual drag event */
   _callDrag(e) {
@@ -3154,7 +3257,7 @@ class ne extends He {
   }
 }
 ne.originStyleProp = ["width", "height", "transform", "transform-origin", "transition", "pointerEvents", "position", "left", "top", "minWidth", "willChange"];
-class Js extends He {
+class Zs extends He {
   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();
   }
@@ -3246,13 +3349,13 @@ class Be {
     return this.ddResizable && (this.ddResizable.destroy(), delete this.ddResizable), this;
   }
   setupDroppable(e) {
-    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Js(this.el, e), this;
+    return this.ddDroppable ? this.ddDroppable.updateOption(e) : this.ddDroppable = new Zs(this.el, e), this;
   }
   cleanDroppable() {
     return this.ddDroppable && (this.ddDroppable.destroy(), delete this.ddDroppable), this;
   }
 }
-class Zs {
+class Qs {
   /**
    * Enable/disable/configure resizing for grid elements.
    *
@@ -3367,7 +3470,7 @@ class Zs {
  * Copyright (c) 2021-2025  Alain Dumesny
  * see root license https://github.com/gridstack/gridstack.js/tree/master/LICENSE
  */
-const T = new Zs();
+const T = new Qs();
 class v {
   /**
    * initializing the HTML element, or selector string, into a grid will return the grid. Calling it again will
@@ -4852,9 +4955,9 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       o.x = Math.round(N / r), o.y = Math.round(x / n);
       const C = this._extraDragRow;
       if (this.engine.collide(s, o)) {
-        const S = this.getRow();
-        let D = Math.max(0, o.y + s.h - S);
-        this.opts.maxRow && S + D > this.opts.maxRow && (D = Math.max(0, this.opts.maxRow - S)), this._extraDragRow = D;
+        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;
       } else
         this._extraDragRow = 0;
       if (this._extraDragRow !== C && this._updateContainerHeight(), s.x === o.x && s.y === o.y)
@@ -4900,7 +5003,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
   }
   // legacy method removed
   commit() {
-    return Vs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
+    return Xs(this, this.batchUpdate(!1), "commit", "batchUpdate", "5.2"), this;
   }
 }
 v.renderCB = (a, e) => {
@@ -4911,21 +5014,21 @@ v.Utils = u;
 v.Engine = $;
 v.GDRev = "12.3.2";
 const ce = /* @__PURE__ */ new WeakMap();
-function Qs({ children: a }) {
-  const { _gridStack: { value: e, set: t }, initialOptions: i } = Me(), s = V(/* @__PURE__ */ new Map()), r = V(null), n = V(i), o = G((c, l) => {
+function er({ children: a }) {
+  const { _gridStack: { value: e, set: t }, initialOptions: i } = Me(), s = Y(/* @__PURE__ */ new Map()), r = Y(null), n = Y(i), o = W((c, l) => {
     if (l.id && l.grid) {
       let d = ce.get(l.grid);
       d || (d = /* @__PURE__ */ new Map(), ce.set(l.grid, d)), d.set(l.id, c), s.current.set(l.id, c);
     }
-  }, []), h = G(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
-  return Ye(() => {
+  }, []), h = W(() => r.current ? (v.renderCB = o, v.init(n.current, r.current)) : null, [o]);
+  return Ve(() => {
     if (!it(i, n.current) && e)
       try {
         e.removeAll(!1), e.destroy(!1), s.current.clear(), ce.delete(e), n.current = i, t(h());
       } catch (c) {
         console.error("Error reinitializing gridstack", c);
       }
-  }, [i, e, h, t]), Ye(() => {
+  }, [i, e, h, t]), Ve(() => {
     if (!e)
       try {
         t(h());
@@ -4949,7 +5052,7 @@ function Qs({ children: a }) {
     })
   });
 }
-const Wt = K((a, e) => {
+const Gt = K((a, e) => {
   const t = Me();
   return xt(e, () => ({
     addWidget: t.addWidget,
@@ -4958,8 +5061,8 @@ const Wt = K((a, e) => {
     removeAll: t.removeAll
   }), [t]), null;
 });
-Wt.displayName = "RefHandler";
-const Gt = K(({ options: a, widgets: e, onChange: t }, i) => {
+Gt.displayName = "RefHandler";
+const Wt = K(({ options: a, widgets: e, onChange: t }, i) => {
   const s = te(() => ({
     ...a,
     children: e
@@ -4971,7 +5074,7 @@ const Gt = K(({ options: a, widgets: e, onChange: t }, i) => {
     }
     return l;
   };
-  return z(js, {
+  return z(qs, {
     initialOptions: s,
     onResizeStop: (o, h) => {
       var f, p;
@@ -4987,23 +5090,23 @@ const Gt = K(({ options: a, widgets: e, onChange: t }, i) => {
       }));
     },
     onChange: t,
-    children: [g(Wt, {
+    children: [g(Gt, {
       ref: i
-    }), g(Qs, {
+    }), g(er, {
       children: g(Ys, {})
     })]
   });
 });
-Gt.displayName = "F0GridStack";
-const Lr = Ae(
+Wt.displayName = "F0GridStack";
+const Mr = Ae(
   "F0GridStack",
-  Gt
-), er = ({ benefits: a }) => g("div", {
+  Wt
+), tr = ({ benefits: a }) => g("div", {
   className: "flex flex-col gap-2",
-  children: a.map((e, t) => g(tr, {
+  children: a.map((e, t) => g(ir, {
     text: e
   }, t))
-}), tr = ({ text: a }) => z("div", {
+}), ir = ({ text: a }) => z("div", {
   className: "flex flex-row items-start gap-2",
   children: [g(Hi, {
     icon: Bi,
@@ -5014,7 +5117,7 @@ const Lr = Ae(
   })]
 }), $t = K(({ title: a, image: e, benefits: t, actions: i, withShadow: s = !0, module: r, moduleName: n, tag: o, promoTag: h }, c) => z("div", {
   ref: c,
-  className: U("bg-white flex flex-row rounded-xl border border-f1-border-secondary", s && "shadow-md"),
+  className: j("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", {
@@ -5049,7 +5152,7 @@ const Lr = Ae(
           className: "font-bold text-xl text-f1-foreground",
           children: a
         })]
-      }), g(er, {
+      }), g(tr, {
         benefits: t
       })]
     }), i && g("div", {
@@ -5059,7 +5162,7 @@ const Lr = Ae(
   })]
 }));
 $t.displayName = "ProductBlankslate";
-function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
+function sr({ isOpen: a, onClose: e, title: t, children: i, module: s, portalContainer: r }) {
   const [n, o] = A(a);
   return q(() => {
     o(a);
@@ -5074,13 +5177,13 @@ function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
       container: r,
       children: [z("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
-        children: [z(Wi, {
+        children: [z(Gi, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
           children: [s && g(vt, {
             module: s,
             size: "lg"
           }), t]
-        }), g(Gi, {
+        }), g(Wi, {
           variant: "outline",
           icon: bt,
           onClick: e,
@@ -5097,14 +5200,14 @@ function ir({ isOpen: a, onClose: e, title: t, children: i, module: s, portalCon
     })
   });
 }
-function Mr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: y, promoTag: b, showResponseDialog: N = !0 }) {
-  const [x, C] = A(a), [S, D] = A(null), [R, E] = A(!1), O = async () => {
+function Hr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessage: r, successMessage: n, loadingState: o, nextSteps: h, closeLabel: c, primaryAction: l, modalTitle: d, modalModule: f, secondaryAction: p, portalContainer: m, tag: y, promoTag: b, showResponseDialog: N = !0 }) {
+  const [x, C] = A(a), [D, S] = A(null), [R, E] = A(!1), O = async () => {
     if (l != null && l.onClick) {
       E(!0);
       try {
-        await l.onClick(), C(!1), N && D("success");
+        await l.onClick(), C(!1), N && S("success");
       } catch {
-        N && D("error");
+        N && S("error");
       } finally {
         E(!1);
       }
@@ -5113,7 +5216,7 @@ function Mr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
     C(!1), e == null || e();
   }, F = R;
   return z(oe, {
-    children: [g(ir, {
+    children: [g(sr, {
       isOpen: x,
       onClose: L,
       title: d,
@@ -5147,12 +5250,12 @@ function Mr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
           })
         })
       })
-    }), S && N && g(wt, {
+    }), D && N && g(wt, {
       open: !0,
       onClose: () => {
-        L(), D(null);
+        L(), S(null);
       },
-      success: S === "success",
+      success: D === "success",
       errorMessage: r,
       successMessage: n,
       nextSteps: h,
@@ -5161,7 +5264,7 @@ function Mr({ isOpen: a, onClose: e, title: t, image: i, benefits: s, errorMessa
     })]
   });
 }
-function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
+function rr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s, width: r, trackVisibility: n, actions: o, showConfirmation: h = !0 }) {
   const [c, l] = A(!1), d = () => {
     l(!0), i && i();
   };
@@ -5175,7 +5278,7 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
         width: r
       },
       className: "relative bg-f1-background p-1",
-      children: [z(Ui, {
+      children: [z(ji, {
         children: [s && g("div", {
           className: "absolute right-2 top-2 z-10",
           children: g(X, {
@@ -5211,7 +5314,7 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
             })]
           })]
         })]
-      }), o && g(ji, {
+      }), o && g(Ui, {
         className: "p-3",
         children: o.map((p) => p.type === "upsell" ? g(_t, {
           label: p.label,
@@ -5232,7 +5335,7 @@ function sr({ mediaUrl: a, title: e, description: t, onClose: i, dismissible: s,
     })
   });
 }
-const rr = K(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
+const nr = K(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
   const r = (h) => h.variant === "promote" ? g(_t, {
     label: h.label,
     onRequest: async () => {
@@ -5261,25 +5364,25 @@ const rr = K(function({ primaryAction: e, secondaryAction: t, ...i }, s) {
     children: [(e == null ? void 0 : e.variant) === "promote" && r(e), (t == null ? void 0 : t.variant) === "promote" && r(t)]
   });
 });
-rr.displayName = "UpsellingBanner";
-function Hr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = Ki, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: y, hideLabel: b = !1 }) {
-  const [N, x] = A(!1), [C, S] = A(null), [D, R] = A(null), E = (P) => {
-    e(P), y && y();
-  }, O = async (P) => {
-    if (P.type === "upsell") {
-      R(P);
+nr.displayName = "UpsellingBanner";
+function Br({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s = "md", showIcon: r = !0, side: n = "right", align: o = "center", icon: h = Ki, mediaUrl: c, title: l, description: d, width: f = "300px", trackVisibility: p, actions: m, onClick: y, hideLabel: b = !1 }) {
+  const [N, x] = A(!1), [C, D] = A(null), [S, R] = A(null), E = (k) => {
+    e(k), y && y();
+  }, O = async (k) => {
+    if (k.type === "upsell") {
+      R(k);
       try {
-        await P.onClick(), P.showConfirmation && (x(!0), S("success"));
+        await k.onClick(), k.showConfirmation && (x(!0), D("success"));
       } catch {
-        x(!0), S("error");
+        x(!0), D("error");
       }
     }
   }, L = () => {
-    S(null), x(!1), R(null), e(!1);
-  }, F = a && !N, _ = m == null ? void 0 : m.map((P) => P.type === "upsell" ? {
-    ...P,
-    onClick: () => O(P)
-  } : P);
+    D(null), x(!1), R(null), e(!1);
+  }, F = a && !N, _ = m == null ? void 0 : m.map((k) => k.type === "upsell" ? {
+    ...k,
+    onClick: () => O(k)
+  } : k);
   return z(oe, {
     children: [z(ct, {
       open: F,
@@ -5298,7 +5401,7 @@ function Hr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
         side: n,
         align: o,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
-        children: g(sr, {
+        children: g(rr, {
           mediaUrl: c,
           title: l,
           description: d,
@@ -5310,49 +5413,49 @@ function Hr({ isOpen: a, setIsOpen: e, label: t, variant: i = "promote", size: s
           showConfirmation: !1
         })
       })]
-    }), (D == null ? void 0 : D.type) === "upsell" && D.showConfirmation && C && g(wt, {
+    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && C && g(wt, {
       open: !0,
       onClose: L,
       success: C === "success",
-      errorMessage: D.errorMessage,
-      successMessage: D.successMessage,
-      nextSteps: D.nextSteps,
-      closeLabel: D.closeLabel,
+      errorMessage: S.errorMessage,
+      successMessage: S.successMessage,
+      nextSteps: S.nextSteps,
+      closeLabel: S.closeLabel,
       portalContainer: null
     })]
   });
 }
-const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
-  const t = V(null), [i, s] = A(t.current);
+const or = xe(null), ar = ({ children: a, fullScreen: e = !0 }) => {
+  const t = Y(null), [i, s] = A(t.current);
   return ss(() => {
     s(t.current);
-  }, []), g(nr.Provider, {
+  }, []), g(or.Provider, {
     value: {
       element: i
     },
     children: g("div", {
       ref: t,
       id: "f0-layout",
-      className: U({
+      className: j({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": e
       }),
       children: a
     })
   });
-}, ar = ({ children: a }) => g(is, {
+}, lr = ({ children: a }) => g(is, {
   reducedMotion: "user",
   children: a
-}), Br = ({ 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(Yi, {
+}), Ir = ({ children: a, layout: e, link: t, privacyModeInitiallyEnabled: i, image: s, i18n: r, l10n: n, isDev: o = !1, dataCollectionStorageHandler: h, showExperimentalWarnings: c = !1 }) => g(lr, {
+  children: g(Vi, {
     isDev: o,
     showExperimentalWarnings: c,
-    children: g(Vi, {
+    children: g(Yi, {
       ...n,
       children: g(Xi, {
         ...r,
         children: g(Ji, {
           ...t,
-          children: g(or, {
+          children: g(ar, {
             ...e,
             children: g(Zi, {
               children: g(Qi, {
@@ -5371,7 +5474,7 @@ const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
       })
     })
   })
-}), tt = (a) => `datacollection-${a}`, Ir = {
+}), tt = (a) => `datacollection-${a}`, Fr = {
   get: async (a) => JSON.parse(
     localStorage.getItem(tt(a)) ?? "{}"
   ),
@@ -5380,95 +5483,95 @@ const nr = xe(null), or = ({ children: a, fullScreen: e = !0 }) => {
   }
 };
 export {
-  pr as AreaChart,
-  Gr as Await,
-  mr as BarChart,
-  yr as CategoryBarChart,
-  xr as ComboChart,
-  $r as DndProvider,
+  mr as AreaChart,
+  $r as Await,
+  yr as BarChart,
+  vr as CategoryBarChart,
+  Er as ComboChart,
+  jr as DndProvider,
   Ur as EmojiImage,
-  jr as F0Avatar,
-  qr as F0AvatarAlert,
-  Kr as F0AvatarCompany,
+  qr as F0Avatar,
+  Kr as F0AvatarAlert,
+  Vr as F0AvatarCompany,
   Yr as F0AvatarDate,
-  Vr as F0AvatarEmoji,
-  Xr as F0AvatarFile,
-  Jr as F0AvatarIcon,
-  Zr as F0AvatarList,
+  Xr as F0AvatarEmoji,
+  Jr as F0AvatarFile,
+  Zr as F0AvatarIcon,
+  Qr as F0AvatarList,
   vt as F0AvatarModule,
-  Qr as F0AvatarPerson,
-  en as F0AvatarTeam,
+  en as F0AvatarPerson,
+  tn as F0AvatarTeam,
   X as F0Button,
-  tn as F0ButtonDropdown,
-  sn as F0ButtonToggle,
-  rn as F0Card,
-  nn as F0Checkbox,
-  zr as F0ChipList,
-  kr as F0DatePicker,
-  on as F0EventCatcherProvider,
-  Lr as F0GridStack,
+  sn as F0ButtonDropdown,
+  rn as F0ButtonToggle,
+  nn as F0Card,
+  on as F0Checkbox,
+  kr as F0ChipList,
+  Ar as F0DatePicker,
+  an as F0EventCatcherProvider,
+  Mr as F0GridStack,
   Hi as F0Icon,
-  an as F0Link,
-  Br as F0Provider,
-  ln as F0TagAlert,
-  hn as F0TagBalance,
-  dn as F0TagCompany,
-  cn as F0TagDot,
-  un as F0TagList,
-  fn as F0TagPerson,
+  ln as F0Link,
+  Ir as F0Provider,
+  hn as F0TagAlert,
+  dn as F0TagBalance,
+  cn as F0TagCompany,
+  un as F0TagDot,
+  fn as F0TagList,
+  gn as F0TagPerson,
   Li as F0TagRaw,
   Mi as F0TagStatus,
-  gn as F0TagTeam,
-  pn as GROUP_ID_SYMBOL,
-  Tr as HomeLayout,
-  vr as LineChart,
-  mn as OneFilterPicker,
-  br as PieChart,
+  pn as F0TagTeam,
+  mn as GROUP_ID_SYMBOL,
+  Lr as HomeLayout,
+  br as LineChart,
+  yn as OneFilterPicker,
+  wr as PieChart,
   Qi as PrivacyModeProvider,
   $t as ProductBlankslate,
-  yn as ProductCard,
-  Mr as ProductModal,
-  sr as ProductWidget,
-  _r as ProgressBarChart,
-  Ar as StandardLayout,
-  vn as TagCounter,
-  Or as TwoColumnLayout,
+  vn as ProductCard,
+  Hr as ProductModal,
+  rr as ProductWidget,
+  xr as ProgressBarChart,
+  Or as StandardLayout,
+  bn as TagCounter,
+  Tr as TwoColumnLayout,
   wt as UpsellRequestResponseDialog,
-  rr as UpsellingBanner,
+  nr as UpsellingBanner,
   _t as UpsellingButton,
-  Hr as UpsellingPopover,
-  wr as VerticalBarChart,
-  fr as avatarVariants,
-  bn as buildTranslations,
-  Nr as buttonDropdownSizes,
-  Rr as buttonDropdownVariants,
-  Cr as buttonSizes,
+  Br as UpsellingPopover,
+  _r as VerticalBarChart,
+  gr as avatarVariants,
+  wn as buildTranslations,
+  Dr as buttonDropdownSizes,
+  Nr as buttonDropdownVariants,
+  Rr as buttonSizes,
   Sr as buttonToggleSizes,
-  Er as buttonVariants,
-  wn as createAtlaskitDriver,
-  _n as createDataSourceDefinition,
-  Ir as dataCollectionLocalStorageHandler,
+  Cr as buttonVariants,
+  _n as createAtlaskitDriver,
+  xn as createDataSourceDefinition,
+  Fr as dataCollectionLocalStorageHandler,
   Pr as datepickerSizes,
-  ur as defaultTranslations,
+  fr as defaultTranslations,
   Ae as experimental,
-  xn as getAnimationVariants,
-  En as getDataSourcePaginationType,
-  Cn as getEmojiLabel,
-  Rn as isInfiniteScrollPagination,
-  Nn as isPageBasedPagination,
-  Dr as linkVariants,
+  En as getAnimationVariants,
+  Cn as getDataSourcePaginationType,
+  Rn as getEmojiLabel,
+  Nn as isInfiniteScrollPagination,
+  Dn as isPageBasedPagination,
+  zr as linkVariants,
   Sn as modules,
-  Dn as predefinedPresets,
-  zn as tagDotColors,
+  zn as predefinedPresets,
+  kn as tagDotColors,
   Pn as useData,
-  kn as useDataSource,
-  An as useDndEvents,
-  On as useDraggable,
-  Tn as useDroppableList,
-  Ln as useEmojiConfetti,
-  Mn as useGroups,
-  Hn as usePrivacyMode,
-  Bn as useReducedMotion,
-  In as useSelectable,
-  Fn as useXRay
+  An as useDataSource,
+  On as useDndEvents,
+  Tn as useDraggable,
+  Ln as useDroppableList,
+  Mn as useEmojiConfetti,
+  Hn as useGroups,
+  Bn as usePrivacyMode,
+  In as useReducedMotion,
+  Fn as useSelectable,
+  Gn as useXRay
 };