@factorialco/f0-react 1.270.0 → 1.271.0

package/dist/f0.js

@@ -1,9 +1,9 @@
-import { S as xe, a as mt, f as ne, L as K, b as ht, A as vt, i as J, c as yt, d as De, E as bt, g as X, e as gt, h as xt, C as wt, j as Pt, k as $, l as Fe, u as St, G as Ct, m as Nt, n as we, o as At, p as Ie, q as Ot, B as _e, X as Ee, Y as le, r as kt, s as je, t as Lt, v as Tt, w as Dt, x as Ft, y as It, z as _t, D as Et, F as jt, H as Pe, I as $t, J as W, K as oe, M as Bt, N as Mt, O as Rt, P as $e, Q as E, R as I, T as zt, U as Kt, V as Wt, W as qt, Z as Gt, _ as Vt, $ as Yt, a0 as Be, a1 as Ht, a2 as Z, a3 as Me, a4 as Re, a5 as Ut, a6 as ze, a7 as Ke, a8 as We, a9 as qe, aa as Jt, ab as Ge, ac as Xt, ad as Zt, ae as Qt, af as Se, ag as ie, ah as ea, ai as ta, aj as Ve, ak as aa, al as ra, am as Ye, an as na, ao as oa, ap as ia, aq as sa, ar as la, as as ca, at as ua, au as da, av as He, aw as M, ax as Ue, ay as fa, az as pa, aA as Ce, aB as ma, aC as Je, aD as ha, aE as va, aF as ya, aG as ba, aH as ga, aI as xa, aJ as wa, aK as Pa, aL as Sa, aM as Ca, aN as Na, aO as Aa } from "./hooks-BrQJlUnU.js";
-import { bp as tn, br as an, bA as rn, aP as nn, aQ as on, aR as sn, aS as ln, aT as cn, aU as un, aV as dn, aW as fn, aY as pn, aZ as mn, a_ as hn, a$ as vn, b0 as yn, b1 as bn, bw as gn, b3 as xn, b5 as wn, b6 as Pn, b7 as Sn, b8 as Cn, bb as Nn, bc as An, bd as On, bf as kn, b4 as Ln, be as Tn, ba as Dn, bx as Fn, bq as In, bk as _n, bn as En, bj as jn, bB as $n, bi as Bn, bh as Mn, aX as Rn, b2 as zn, b9 as Kn, bg as Wn, bl as qn, bs as Gn, bt as Vn, bu as Yn, bC as Hn, bm as Un, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-BrQJlUnU.js";
+import { S as xe, a as mt, f as ne, L as K, b as ht, A as vt, i as J, c as yt, d as De, E as bt, g as X, e as gt, h as xt, C as wt, j as St, k as $, l as Fe, u as Pt, G as Ct, m as Nt, n as we, o as Ot, p as Ie, q as At, B as Ee, X as _e, Y as le, r as kt, s as je, t as Lt, v as Tt, w as Dt, x as Ft, y as It, z as Et, D as _t, F as jt, H as Se, I as $t, J as q, K as oe, M as Bt, N as Mt, O as Rt, P as $e, Q as _, R as I, T as zt, U as Kt, V as qt, W as Wt, Z as Gt, _ as Vt, $ as Yt, a0 as Be, a1 as Ht, a2 as Z, a3 as Me, a4 as Re, a5 as Ut, a6 as ze, a7 as Ke, a8 as qe, a9 as We, aa as Jt, ab as Ge, ac as Xt, ad as Zt, ae as Qt, af as Pe, ag as se, ah as ea, ai as ta, aj as Ve, ak as aa, al as ra, am as Ye, an as na, ao as oa, ap as sa, aq as ia, ar as la, as as ca, at as ua, au as da, av as He, aw as M, ax as Ue, ay as fa, az as pa, aA as Ce, aB as ma, aC as Je, aD as ha, aE as va, aF as ya, aG as ba, aH as ga, aI as xa, aJ as wa, aK as Sa, aL as Pa, aM as Ca, aN as Na, aO as Oa } from "./hooks-DhSyBRGu.js";
+import { bp as tn, br as an, bA as rn, aP as nn, aQ as on, aR as sn, aS as ln, aT as cn, aU as un, aV as dn, aW as fn, aY as pn, aZ as mn, a_ as hn, a$ as vn, b0 as yn, b1 as bn, bw as gn, b3 as xn, b5 as wn, b6 as Sn, b7 as Pn, b8 as Cn, bb as Nn, bc as On, bd as An, bf as kn, b4 as Ln, be as Tn, ba as Dn, bx as Fn, bq as In, bk as En, bn as _n, bj as jn, bB as $n, bi as Bn, bh as Mn, aX as Rn, b2 as zn, b9 as Kn, bg as qn, bl as Wn, bs as Gn, bt as Vn, bu as Yn, bC as Hn, bm as Un, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-DhSyBRGu.js";
 import { jsx as n, jsxs as C, Fragment as ae } from "react/jsx-runtime";
 import * as fe from "react";
-import k, { PureComponent as Oa, useState as T, forwardRef as V, useEffect as B, useMemo as se, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Ta } from "react";
-const Ar = {
+import k, { PureComponent as Aa, useState as T, forwardRef as V, useEffect as B, useMemo as ie, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Ta } from "react";
+const Or = {
   approvals: {
     history: "Approval history",
     statuses: {
@@ -71,11 +71,18 @@ const Ar = {
     cancel: "Cancel",
     failedToLoadOptions: "Failed to load options",
     retry: "Retry",
-    aboveOrEqual: "Above or equal to",
-    value: "Value",
-    belowOrEqual: "Below or equal to",
-    range_title: "Use range",
-    range: "Between {{min}} and {{max}}"
+    number: {
+      value: "Value",
+      equal: "Equal to",
+      equalTo: "Equal to {{value}}",
+      lessOrEqual: "Less or equal to",
+      greaterOrEqual: "Greater or equal to",
+      equalShort: "= {{value}}",
+      greaterThanOrEqualShort: ">= {{value}}",
+      lessThanOrEqualShort: "<= {{value}}",
+      rangeTitle: "Use range",
+      range: "Between {{min}} and {{max}}"
+    }
   },
   toc: {
     search: "Search..."
@@ -238,11 +245,11 @@ const Ar = {
     loadingMore: "Loading..."
   },
   numberInput: {
-    between: "Between {{min}} and {{max}}",
-    greaterThan: "Greater than {{min}}",
-    lessThan: "Less than {{max}}"
+    between: "It should be between {{min}} and {{max}}",
+    greaterThan: "It should be greater than {{min}}",
+    lessThan: "It should be less than {{max}}"
   }
-}, Or = [
+}, Ar = [
   "person",
   "team",
   "company",
@@ -270,10 +277,10 @@ function Fa(e, t) {
 function Ia(e, t, r) {
   return t && Fa(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-function _a(e, t, r) {
-  return t = Q(t), Ea(e, Xe() ? Reflect.construct(t, r || [], Q(e).constructor) : t.apply(e, r));
+function Ea(e, t, r) {
+  return t = Q(t), _a(e, Xe() ? Reflect.construct(t, r || [], Q(e).constructor) : t.apply(e, r));
 }
-function Ea(e, t) {
+function _a(e, t) {
   if (t && (R(t) === "object" || typeof t == "function"))
     return t;
   if (t !== void 0)
@@ -329,7 +336,7 @@ function Ba(e, t) {
 }
 var re = /* @__PURE__ */ function(e) {
   function t() {
-    return Da(this, t), _a(this, t, arguments);
+    return Da(this, t), Ea(this, t, arguments);
   }
   return $a(t, e), Ia(t, [{
     key: "render",
@@ -346,23 +353,23 @@ Ze(re, "defaultProps", {
   type: "number"
 });
 var Ma = ["option", "isActive"];
-function q() {
-  return q = Object.assign ? Object.assign.bind() : function(e) {
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var a in r)
         Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
     }
     return e;
-  }, q.apply(this, arguments);
+  }, W.apply(this, arguments);
 }
 function Ra(e, t) {
   if (e == null) return {};
   var r = za(e, t), a, o;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < s.length; o++)
-      a = s[o], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      a = i[o], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
   }
   return r;
 }
@@ -378,13 +385,13 @@ function za(e, t) {
 }
 function Ka(e) {
   var t = e.option, r = e.isActive, a = Ra(e, Ma);
-  return typeof t == "string" ? /* @__PURE__ */ k.createElement(xe, q({
-    option: /* @__PURE__ */ k.createElement(mt, q({
+  return typeof t == "string" ? /* @__PURE__ */ k.createElement(xe, W({
+    option: /* @__PURE__ */ k.createElement(mt, W({
       type: t
     }, a)),
     isActive: r,
     shapeType: "symbols"
-  }, a)) : /* @__PURE__ */ k.createElement(xe, q({
+  }, a)) : /* @__PURE__ */ k.createElement(xe, W({
     option: t,
     isActive: r,
     shapeType: "symbols"
@@ -408,7 +415,7 @@ function G() {
     return e;
   }, G.apply(this, arguments);
 }
-function Ae(e, t) {
+function Oe(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -421,26 +428,26 @@ function Ae(e, t) {
 function F(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ae(Object(r), !0).forEach(function(a) {
+    t % 2 ? Oe(Object(r), !0).forEach(function(a) {
       j(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ae(Object(r)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Oe(Object(r)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
   return e;
 }
-function Wa(e, t) {
+function qa(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Oe(e, t) {
+function Ae(e, t) {
   for (var r = 0; r < t.length; r++) {
     var a = t[r];
     a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, tt(a.key), a);
   }
 }
-function qa(e, t, r) {
-  return t && Oe(e.prototype, t), r && Oe(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+function Wa(e, t, r) {
+  return t && Ae(e.prototype, t), r && Ae(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
 function Ga(e, t, r) {
   return t = ee(t), Va(e, et() ? Reflect.construct(t, r || [], ee(e).constructor) : t.apply(e, r));
@@ -502,9 +509,9 @@ function Ua(e, t) {
 var Y = /* @__PURE__ */ function(e) {
   function t() {
     var r;
-    Wa(this, t);
-    for (var a = arguments.length, o = new Array(a), s = 0; s < a; s++)
-      o[s] = arguments[s];
+    qa(this, t);
+    for (var a = arguments.length, o = new Array(a), i = 0; i < a; i++)
+      o[i] = arguments[i];
     return r = Ga(this, t, [].concat(o)), j(r, "state", {
       isAnimationFinished: !1
     }), j(r, "handleAnimationEnd", function() {
@@ -515,14 +522,14 @@ var Y = /* @__PURE__ */ function(e) {
       r.setState({
         isAnimationFinished: !1
       });
-    }), j(r, "id", St("recharts-scatter-")), r;
+    }), j(r, "id", Pt("recharts-scatter-")), r;
   }
-  return Ha(t, e), qa(t, [{
+  return Ha(t, e), Wa(t, [{
     key: "renderSymbolsStatically",
     value: function(a) {
-      var o = this, s = this.props, l = s.shape, d = s.activeShape, i = s.activeIndex, m = ne(this.props, !1);
+      var o = this, i = this.props, l = i.shape, d = i.activeShape, s = i.activeIndex, m = ne(this.props, !1);
       return a.map(function(c, f) {
-        var h = i === f, u = h ? d : l, g = F(F({}, m), c);
+        var h = s === f, u = h ? d : l, g = F(F({}, m), c);
         return /* @__PURE__ */ k.createElement(K, G({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(c == null ? void 0 : c.cx, "-").concat(c == null ? void 0 : c.cy, "-").concat(c == null ? void 0 : c.size, "-").concat(f)
@@ -538,10 +545,10 @@ var Y = /* @__PURE__ */ function(e) {
   }, {
     key: "renderSymbolsWithAnimation",
     value: function() {
-      var a = this, o = this.props, s = o.points, l = o.isAnimationActive, d = o.animationBegin, i = o.animationDuration, m = o.animationEasing, c = o.animationId, f = this.state.prevPoints;
+      var a = this, o = this.props, i = o.points, l = o.isAnimationActive, d = o.animationBegin, s = o.animationDuration, m = o.animationEasing, c = o.animationId, f = this.state.prevPoints;
       return /* @__PURE__ */ k.createElement(vt, {
         begin: d,
-        duration: i,
+        duration: s,
         isActive: l,
         easing: m,
         from: {
@@ -554,19 +561,19 @@ var Y = /* @__PURE__ */ function(e) {
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
       }, function(h) {
-        var u = h.t, g = s.map(function(N, A) {
-          var O = f && f[A];
-          if (O) {
-            var x = J(O.cx, N.cx), b = J(O.cy, N.cy), w = J(O.size, N.size);
+        var u = h.t, g = i.map(function(N, O) {
+          var A = f && f[O];
+          if (A) {
+            var x = J(A.cx, N.cx), b = J(A.cy, N.cy), w = J(A.size, N.size);
             return F(F({}, N), {}, {
               cx: x(u),
               cy: b(u),
               size: w(u)
             });
           }
-          var P = J(0, N.size);
+          var S = J(0, N.size);
           return F(F({}, N), {}, {
-            size: P(u)
+            size: S(u)
           });
         });
         return /* @__PURE__ */ k.createElement(K, null, a.renderSymbolsStatically(g));
@@ -575,8 +582,8 @@ var Y = /* @__PURE__ */ function(e) {
   }, {
     key: "renderSymbols",
     value: function() {
-      var a = this.props, o = a.points, s = a.isAnimationActive, l = this.state.prevPoints;
-      return s && o && o.length && (!l || !yt(l, o)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(o);
+      var a = this.props, o = a.points, i = a.isAnimationActive, l = this.state.prevPoints;
+      return i && o && o.length && (!l || !yt(l, o)) ? this.renderSymbolsWithAnimation() : this.renderSymbolsStatically(o);
     }
   }, {
     key: "renderErrorBar",
@@ -584,21 +591,21 @@ var Y = /* @__PURE__ */ function(e) {
       var a = this.props.isAnimationActive;
       if (a && !this.state.isAnimationFinished)
         return null;
-      var o = this.props, s = o.points, l = o.xAxis, d = o.yAxis, i = o.children, m = De(i, bt);
+      var o = this.props, i = o.points, l = o.xAxis, d = o.yAxis, s = o.children, m = De(s, bt);
       return m ? m.map(function(c, f) {
         var h = c.props, u = h.direction, g = h.dataKey;
         return /* @__PURE__ */ k.cloneElement(c, {
-          key: "".concat(u, "-").concat(g, "-").concat(s[f]),
-          data: s,
+          key: "".concat(u, "-").concat(g, "-").concat(i[f]),
+          data: i,
           xAxis: l,
           yAxis: d,
           layout: u === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(A, O) {
+          dataPointFormatter: function(O, A) {
             return {
-              x: A.cx,
-              y: A.cy,
-              value: u === "x" ? +A.node.x : +A.node.y,
-              errorVal: X(A, O)
+              x: O.cx,
+              y: O.cy,
+              value: u === "x" ? +O.node.x : +O.node.y,
+              errorVal: X(O, A)
             };
           }
         });
@@ -607,7 +614,7 @@ var Y = /* @__PURE__ */ function(e) {
   }, {
     key: "renderLine",
     value: function() {
-      var a = this.props, o = a.points, s = a.line, l = a.lineType, d = a.lineJointType, i = ne(this.props, !1), m = ne(s, !1), c, f;
+      var a = this.props, o = a.points, i = a.line, l = a.lineType, d = a.lineJointType, s = ne(this.props, !1), m = ne(i, !1), c, f;
       if (l === "joint")
         c = o.map(function(b) {
           return {
@@ -616,24 +623,24 @@ var Y = /* @__PURE__ */ function(e) {
           };
         });
       else if (l === "fitting") {
-        var h = gt(o), u = h.xmin, g = h.xmax, N = h.a, A = h.b, O = function(w) {
-          return N * w + A;
+        var h = gt(o), u = h.xmin, g = h.xmax, N = h.a, O = h.b, A = function(w) {
+          return N * w + O;
         };
         c = [{
           x: u,
-          y: O(u)
+          y: A(u)
         }, {
           x: g,
-          y: O(g)
+          y: A(g)
         }];
       }
-      var x = F(F(F({}, i), {}, {
+      var x = F(F(F({}, s), {}, {
         fill: "none",
-        stroke: i && i.fill
+        stroke: s && s.fill
       }, m), {}, {
         points: c
       });
-      return /* @__PURE__ */ k.isValidElement(s) ? f = /* @__PURE__ */ k.cloneElement(s, x) : xt(s) ? f = s(x) : f = /* @__PURE__ */ k.createElement(wt, G({}, x, {
+      return /* @__PURE__ */ k.isValidElement(i) ? f = /* @__PURE__ */ k.cloneElement(i, x) : xt(i) ? f = i(x) : f = /* @__PURE__ */ k.createElement(wt, G({}, x, {
         type: d
       })), /* @__PURE__ */ k.createElement(K, {
         className: "recharts-scatter-line",
@@ -643,15 +650,15 @@ var Y = /* @__PURE__ */ function(e) {
   }, {
     key: "render",
     value: function() {
-      var a = this.props, o = a.hide, s = a.points, l = a.line, d = a.className, i = a.xAxis, m = a.yAxis, c = a.left, f = a.top, h = a.width, u = a.height, g = a.id, N = a.isAnimationActive;
-      if (o || !s || !s.length)
+      var a = this.props, o = a.hide, i = a.points, l = a.line, d = a.className, s = a.xAxis, m = a.yAxis, c = a.left, f = a.top, h = a.width, u = a.height, g = a.id, N = a.isAnimationActive;
+      if (o || !i || !i.length)
         return null;
-      var A = this.state.isAnimationFinished, O = Pt("recharts-scatter", d), x = i && i.allowDataOverflow, b = m && m.allowDataOverflow, w = x || b, P = $(g) ? this.id : g;
+      var O = this.state.isAnimationFinished, A = St("recharts-scatter", d), x = s && s.allowDataOverflow, b = m && m.allowDataOverflow, w = x || b, S = $(g) ? this.id : g;
       return /* @__PURE__ */ k.createElement(K, {
-        className: O,
-        clipPath: w ? "url(#clipPath-".concat(P, ")") : null
+        className: A,
+        clipPath: w ? "url(#clipPath-".concat(S, ")") : null
       }, x || b ? /* @__PURE__ */ k.createElement("defs", null, /* @__PURE__ */ k.createElement("clipPath", {
-        id: "clipPath-".concat(P)
+        id: "clipPath-".concat(S)
       }, /* @__PURE__ */ k.createElement("rect", {
         x: x ? c : c - h / 2,
         y: b ? f : f - u / 2,
@@ -659,7 +666,7 @@ var Y = /* @__PURE__ */ function(e) {
         height: b ? u : u * 2
       }))) : null, l && this.renderLine(), this.renderErrorBar(), /* @__PURE__ */ k.createElement(K, {
         key: "recharts-scatter-symbols"
-      }, this.renderSymbols()), (!N || A) && Fe.renderCallByParent(this.props, s));
+      }, this.renderSymbols()), (!N || O) && Fe.renderCallByParent(this.props, i));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -673,7 +680,7 @@ var Y = /* @__PURE__ */ function(e) {
       } : null;
     }
   }]);
-}(Oa);
+}(Aa);
 j(Y, "displayName", "Scatter");
 j(Y, "defaultProps", {
   xAxisId: 0,
@@ -691,11 +698,11 @@ j(Y, "defaultProps", {
   animationEasing: "linear"
 });
 j(Y, "getComposedData", function(e) {
-  var t = e.xAxis, r = e.yAxis, a = e.zAxis, o = e.item, s = e.displayedData, l = e.xAxisTicks, d = e.yAxisTicks, i = e.offset, m = o.props.tooltipType, c = De(o.props.children, Nt), f = $(t.dataKey) ? o.props.dataKey : t.dataKey, h = $(r.dataKey) ? o.props.dataKey : r.dataKey, u = a && a.dataKey, g = a ? a.range : re.defaultProps.range, N = g && g[0], A = t.scale.bandwidth ? t.scale.bandwidth() : 0, O = r.scale.bandwidth ? r.scale.bandwidth() : 0, x = s.map(function(b, w) {
-    var P = X(b, f), y = X(b, h), v = !$(u) && X(b, u) || "-", L = [{
+  var t = e.xAxis, r = e.yAxis, a = e.zAxis, o = e.item, i = e.displayedData, l = e.xAxisTicks, d = e.yAxisTicks, s = e.offset, m = o.props.tooltipType, c = De(o.props.children, Nt), f = $(t.dataKey) ? o.props.dataKey : t.dataKey, h = $(r.dataKey) ? o.props.dataKey : r.dataKey, u = a && a.dataKey, g = a ? a.range : re.defaultProps.range, N = g && g[0], O = t.scale.bandwidth ? t.scale.bandwidth() : 0, A = r.scale.bandwidth ? r.scale.bandwidth() : 0, x = i.map(function(b, w) {
+    var S = X(b, f), y = X(b, h), v = !$(u) && X(b, u) || "-", L = [{
       name: $(t.dataKey) ? o.props.name : t.name || t.dataKey,
       unit: t.unit || "",
-      value: P,
+      value: S,
       payload: b,
       dataKey: f,
       type: m
@@ -718,52 +725,52 @@ j(Y, "getComposedData", function(e) {
     var D = we({
       axis: t,
       ticks: l,
-      bandSize: A,
+      bandSize: O,
       entry: b,
       index: w,
       dataKey: f
-    }), _ = we({
+    }), E = we({
       axis: r,
       ticks: d,
-      bandSize: O,
+      bandSize: A,
       entry: b,
       index: w,
       dataKey: h
-    }), p = v !== "-" ? a.scale(v) : N, S = Math.sqrt(Math.max(p, 0) / Math.PI);
+    }), p = v !== "-" ? a.scale(v) : N, P = Math.sqrt(Math.max(p, 0) / Math.PI);
     return F(F({}, b), {}, {
       cx: D,
-      cy: _,
-      x: D - S,
-      y: _ - S,
+      cy: E,
+      x: D - P,
+      y: E - P,
       xAxis: t,
       yAxis: r,
       zAxis: a,
-      width: 2 * S,
-      height: 2 * S,
+      width: 2 * P,
+      height: 2 * P,
       size: p,
       node: {
-        x: P,
+        x: S,
         y,
         z: v
       },
       tooltipPayload: L,
       tooltipPosition: {
         x: D,
-        y: _
+        y: E
       },
       payload: b
     }, c && c[w] && c[w].props);
   });
   return F({
     points: x
-  }, i);
+  }, s);
 });
-var Ja = At({
+var Ja = Ot({
   chartName: "ComposedChart",
-  GraphicalChild: [Ie, Ot, _e, Y],
+  GraphicalChild: [Ie, At, Ee, Y],
   axisComponents: [{
     axisType: "xAxis",
-    AxisComp: Ee
+    AxisComp: _e
   }, {
     axisType: "yAxis",
     AxisComp: le
@@ -775,12 +782,12 @@ var Ja = At({
 });
 const Xa = (e) => {
   const t = (r) => {
-    const { cx: a, cy: o, fill: s, payload: l } = r, d = () => {
+    const { cx: a, cy: o, fill: i, payload: l } = r, d = () => {
       if (!l) return "-";
       if (l[e] !== void 0)
         return l[e];
-      for (const [i, m] of Object.entries(l))
-        if (typeof m == "number" && i !== "x")
+      for (const [s, m] of Object.entries(l))
+        if (typeof m == "number" && s !== "x")
           return m;
       return "-";
     };
@@ -788,20 +795,20 @@ const Xa = (e) => {
       cx: a,
       cy: o,
       r: 4,
-      fill: s,
+      fill: i,
       stroke: "white",
       strokeWidth: 2,
-      ref: (i) => {
-        i != null && i.parentElement && i.parentElement.setAttribute("aria-label", `Data point: ${d()}`);
+      ref: (s) => {
+        s != null && s.parentElement && s.parentElement.setAttribute("aria-label", `Data point: ${d()}`);
       }
     });
   };
   return t.displayName = `Scatter-${e}`, t;
 }, Za = ({ dataConfig: e, data: t, xAxis: r, yAxis: a = {
   hide: !0
-}, label: o = !1, hideTooltip: s = !1, hideGrid: l = !1, aspect: d, legend: i, showValueUnderLabel: m = !1, bar: c, line: f, scatter: h, onClick: u }, g) => {
-  var v, L, D, _;
-  const N = Lt(t), A = c != null && c.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], O = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], x = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], b = [...A, ...O, ...x], w = Math.max(...N.flatMap((p) => b.map((S) => Tt(a != null && a.tickFormatter ? a.tickFormatter(`${p[S]}`) : `${p[S]}`)))), P = [c, f, h].filter((p) => (p == null ? void 0 : p.axisPosition) === "left"), y = [c, f, h].filter((p) => (p == null ? void 0 : p.axisPosition) === "right");
+}, label: o = !1, hideTooltip: i = !1, hideGrid: l = !1, aspect: d, legend: s, showValueUnderLabel: m = !1, bar: c, line: f, scatter: h, onClick: u }, g) => {
+  var v, L, D, E;
+  const N = Lt(t), O = c != null && c.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], A = f != null && f.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], x = h != null && h.categories ? Array.isArray(h.categories) ? h.categories : [h.categories] : [], b = [...O, ...A, ...x], w = Math.max(...N.flatMap((p) => b.map((P) => Tt(a != null && a.tickFormatter ? a.tickFormatter(`${p[P]}`) : `${p[P]}`)))), S = [c, f, h].filter((p) => (p == null ? void 0 : p.axisPosition) === "left"), y = [c, f, h].filter((p) => (p == null ? void 0 : p.axisPosition) === "right");
   return n(Dt, {
     config: e,
     ref: g,
@@ -819,51 +826,51 @@ const Xa = (e) => {
       onClick: (p) => {
         if (!u || !p.activeLabel || !p.activePayload)
           return;
-        const S = {
+        const P = {
           label: p.activeLabel,
           values: {}
         };
         for (const H of p.activePayload)
-          S.values[H.name] = H.value;
-        u(S);
+          P.values[H.name] = H.value;
+        u(P);
       },
-      children: [!s && n(Ft, {
+      children: [!i && n(Ft, {
         ...It(),
-        content: n(_t, {
+        content: n(Et, {
           yAxisFormatter: a.tickFormatter
         })
-      }), !l && n(Et, {
+      }), !l && n(_t, {
         ...jt()
-      }), P.length > 0 && n(le, {
-        ...Pe(a),
+      }), S.length > 0 && n(le, {
+        ...Se(a),
         tick: !0,
-        width: a.width ?? w + 20 + (y.length > 0 && ((v = P[0]) != null && v.axisLabel) ? 20 : 0),
-        hide: a.hide || P.some((p) => p == null ? void 0 : p.hideAxis),
-        label: (L = P[0]) != null && L.axisLabel ? {
-          value: P[0].axisLabel,
+        width: a.width ?? w + 20 + (y.length > 0 && ((v = S[0]) != null && v.axisLabel) ? 20 : 0),
+        hide: a.hide || S.some((p) => p == null ? void 0 : p.hideAxis),
+        label: (L = S[0]) != null && L.axisLabel ? {
+          value: S[0].axisLabel,
           angle: -90,
           position: "insideLeft"
         } : void 0
       }), y.length > 0 && n(le, {
-        ...Pe(a),
+        ...Se(a),
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: a.width ?? w + 20 + (P.length > 0 && ((D = y[0]) != null && D.axisLabel) ? 20 : 0),
+        width: a.width ?? w + 20 + (S.length > 0 && ((D = y[0]) != null && D.axisLabel) ? 20 : 0),
         hide: a.hide || y.some((p) => p == null ? void 0 : p.hideAxis),
-        label: (_ = y[0]) != null && _.axisLabel ? {
+        label: (E = y[0]) != null && E.axisLabel ? {
           value: y[0].axisLabel,
           angle: 90,
           position: "insideRight"
         } : void 0
-      }), n(Ee, {
+      }), n(_e, {
         ...$t(r),
         hide: r == null ? void 0 : r.hide,
         tick: m ? (p) => {
           var be, ge;
-          const { x: S, y: H, payload: ve } = p, ye = ((be = t.find((pt) => pt.label === ve.value)) == null ? void 0 : be.values) || "", U = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = U !== void 0 && a.tickFormatter ? a.tickFormatter(`${U}`) : U.toLocaleString();
+          const { x: P, y: H, payload: ve } = p, ye = ((be = t.find((pt) => pt.label === ve.value)) == null ? void 0 : be.values) || "", U = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = U !== void 0 && a.tickFormatter ? a.tickFormatter(`${U}`) : U.toLocaleString();
           return C("g", {
-            transform: `translate(${S},${H})`,
+            transform: `translate(${P},${H})`,
             children: [n("text", {
               x: 0,
               y: 0,
@@ -881,10 +888,10 @@ const Xa = (e) => {
             })]
           });
         } : void 0
-      }), A.map((p, S) => n(_e, {
+      }), O.map((p, P) => n(Ee, {
         isAnimationActive: !1,
         dataKey: String(p),
-        fill: e[p].color ? W(e[p].color) : oe(S),
+        fill: e[p].color ? q(e[p].color) : oe(P),
         radius: 4,
         maxBarSize: 32,
         children: o && n(Fe, {
@@ -893,22 +900,22 @@ const Xa = (e) => {
           className: "fill-f1-foreground",
           fontSize: 12
         }, `label-${String(p)}`)
-      }, `bar-${String(p)}`)), O.map((p, S) => n(Ie, {
+      }, `bar-${String(p)}`)), A.map((p, P) => n(Ie, {
         type: (f == null ? void 0 : f.lineType) ?? "natural",
         dataKey: String(p),
-        stroke: e[p].color ? W(e[p].color) : oe(A.length + S),
+        stroke: e[p].color ? q(e[p].color) : oe(O.length + P),
         strokeWidth: 2,
         dot: (f == null ? void 0 : f.dot) ?? !1,
         isAnimationActive: !1,
         yAxisId: (f == null ? void 0 : f.axisPosition) === "right" ? "right" : void 0
-      }, `line-${String(p)}`)), x.map((p, S) => n(Y, {
+      }, `line-${String(p)}`)), x.map((p, P) => n(Y, {
         dataKey: String(p),
-        fill: e[p].color ? W(e[p].color) : oe(A.length + O.length + S),
+        fill: e[p].color ? q(e[p].color) : oe(O.length + A.length + P),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (h == null ? void 0 : h.axisPosition) === "right" ? "right" : void 0,
         shape: Xa(String(p))
-      }, `scatter-${String(p)}`)), i && n(Bt, {
+      }, `scatter-${String(p)}`)), s && n(Bt, {
         content: n(Mt, {
           nameKey: "label"
         }),
@@ -926,23 +933,23 @@ var me = "Progress", he = 100, [er, kr] = Rt(me), [tr, ar] = er(me), at = fe.for
       __scopeProgress: r,
       value: a = null,
       max: o,
-      getValueLabel: s = rr,
+      getValueLabel: i = rr,
       ...l
     } = e;
     (o || o === 0) && !ke(o) && console.error(nr(`${o}`, "Progress"));
     const d = ke(o) ? o : he;
     a !== null && !Le(a, d) && console.error(or(`${a}`, "Progress"));
-    const i = Le(a, d) ? a : null, m = te(i) ? s(i, d) : void 0;
-    return /* @__PURE__ */ n(tr, { scope: r, value: i, max: d, children: /* @__PURE__ */ n(
+    const s = Le(a, d) ? a : null, m = te(s) ? i(s, d) : void 0;
+    return /* @__PURE__ */ n(tr, { scope: r, value: s, max: d, children: /* @__PURE__ */ n(
       $e.div,
       {
         "aria-valuemax": d,
         "aria-valuemin": 0,
-        "aria-valuenow": te(i) ? i : void 0,
+        "aria-valuenow": te(s) ? s : void 0,
         "aria-valuetext": m,
         role: "progressbar",
-        "data-state": ot(i, d),
-        "data-value": i ?? void 0,
+        "data-state": ot(s, d),
+        "data-value": s ?? void 0,
         "data-max": d,
         ...l,
         ref: t
@@ -993,12 +1000,12 @@ function or(e, t) {
 
 Defaulting to \`null\`.`;
 }
-var it = at, ir = nt;
-const st = fe.forwardRef(({ className: e, value: t, ...r }, a) => n(it, {
+var st = at, sr = nt;
+const it = fe.forwardRef(({ className: e, value: t, ...r }, a) => n(st, {
   ref: a,
-  className: E("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", e),
+  className: _("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", e),
   ...r,
-  children: n(ir, {
+  children: n(sr, {
     className: "h-full w-full flex-1 transition-all",
     style: {
       backgroundColor: r.color,
@@ -1006,16 +1013,16 @@ const st = fe.forwardRef(({ className: e, value: t, ...r }, a) => n(it, {
     }
   })
 }));
-st.displayName = it.displayName;
-const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
-  const s = a ? W(a) : W("categorical-1"), l = e / t * 100;
+it.displayName = st.displayName;
+const ir = ({ value: e, max: t = 100, label: r, color: a }, o) => {
+  const i = a ? q(a) : q("categorical-1"), l = e / t * 100;
   return C("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
     children: [n("div", {
       className: "flex-grow",
-      children: n(st, {
-        color: s,
+      children: n(it, {
+        color: i,
         value: l,
         className: "w-full",
         "aria-valuemin": 0,
@@ -1028,7 +1035,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
       children: r
     })]
   });
-}, lr = je(sr), Lr = I(
+}, lr = je(ir), Lr = I(
   {
     name: "AreaChart",
     type: "info"
@@ -1051,20 +1058,20 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     name: "LineChart",
     type: "info"
   },
-  Wt
+  qt
 ), Ir = I(
   {
     name: "PieChart",
     type: "info"
   },
-  qt
-), _r = I(
+  Wt
+), Er = I(
   {
     name: "VerticalBarChart",
     type: "info"
   },
   Gt
-), Er = I(
+), _r = I(
   {
     name: "ProgressBarChart",
     type: "info"
@@ -1094,12 +1101,12 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
       align: "end",
       children: C(Ke, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col",
-        children: [t.map((s, l) => n("div", {
+        children: [t.map((i, l) => n("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: n(Z, {
-            ...s
+            ...i
           })
-        }, l)), n(We, {
+        }, l)), n(qe, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -1112,38 +1119,38 @@ const lt = ({ chips: e, max: t = 4, remainingCount: r, layout: a = "compact" })
   if (a === "fill")
     return n(Jt, {
       items: e,
-      renderListItem: (i) => n(Z, {
-        ...i
+      renderListItem: (s) => n(Z, {
+        ...s
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: r !== void 0,
-      renderOverflowIndicator: (i) => n(de, {
-        count: (r ?? 0) + i,
-        list: r ? void 0 : e.slice(e.length - i)
+      renderOverflowIndicator: (s) => n(de, {
+        count: (r ?? 0) + s,
+        list: r ? void 0 : e.slice(e.length - s)
       }),
       overflowIndicatorWithPopover: !1,
       className: "flex-1"
     });
-  const o = e.slice(0, t), s = e.slice(t), l = r ?? e.length - t, d = l > 0;
+  const o = e.slice(0, t), i = e.slice(t), l = r ?? e.length - t, d = l > 0;
   return C("div", {
     className: "flex items-center gap-2",
-    children: [o.map((i, m) => n(Z, {
-      ...i
+    children: [o.map((s, m) => n(Z, {
+      ...s
     }, m)), d && n(de, {
       count: l,
-      list: r ? void 0 : s
+      list: r ? void 0 : i
     })]
   });
 };
 lt.displayName = "F0ChipList";
-const Wr = qe("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularity: r, onOpenChange: a, minDate: o, maxDate: s, onClear: l, ...d }, i) => {
+const qr = We("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularity: r, onOpenChange: a, minDate: o, maxDate: i, onClear: l, ...d }, s) => {
   const [m, c] = T(""), [f, h] = T(!1), u = Ge();
   B(() => {
     c(r.toString(e == null ? void 0 : e.value, u));
   }, [e, r, u]);
   const g = (x) => Qt(x, r, {
     minDate: o,
-    maxDate: s
+    maxDate: i
   }), N = (x, b) => {
     if (x === "") {
       t == null || t({
@@ -1157,44 +1164,44 @@ const Wr = qe("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularit
       value: w,
       granularity: b.key
     }), h(!1)) : h(!0);
-  }, A = () => {
+  }, O = () => {
     N(m, r);
   };
   return n(ae, {
     children: n(Xt, {
       ...d,
       icon: Zt,
-      ref: i,
+      ref: s,
       onFocus: () => a == null ? void 0 : a(!0),
       onClear: () => {
         l == null || l(), c(""), N("", r);
       },
       onKeyDown: (x) => {
-        x.key === "Enter" && A();
+        x.key === "Enter" && O();
       },
       type: "text",
       onChange: (x) => {
         c(x);
       },
       error: f || d.error,
-      onBlur: A,
+      onBlur: O,
       value: m,
       onClickContent: () => a == null ? void 0 : a(!0)
     })
   });
 });
 ct.displayName = "DateInput";
-function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"], minDate: o, maxDate: s, open: l = !1, ...d }) {
-  const [i, m] = T(), [c, f] = T(l);
+function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"], minDate: o, maxDate: i, open: l = !1, ...d }) {
+  const [s, m] = T(), [c, f] = T(l);
   B(() => {
     f(l);
   }, [l]);
-  const h = Ge(), u = se(() => a[0] ?? "day", [a]), g = Ne((y) => {
+  const h = Ge(), u = ie(() => a[0] ?? "day", [a]), g = Ne((y) => {
     const v = y || u;
-    if (!Se[v])
+    if (!Pe[v])
       throw new Error(`Invalid granularity ${v}`);
     return {
-      ...Se[v],
+      ...Pe[v],
       key: v
     };
   }, [u]), N = Ne((y) => {
@@ -1206,50 +1213,50 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
       value: v.toRange(v.calendarMode === "range" ? y.value : ((L = y.value) == null ? void 0 : L.from) ?? void 0),
       granularity: y.granularity
     } : void 0;
-  }, [g]), A = se(() => g(i == null ? void 0 : i.granularity), [i == null ? void 0 : i.granularity, g]);
+  }, [g]), O = ie(() => g(s == null ? void 0 : s.granularity), [s == null ? void 0 : s.granularity, g]);
   B(() => {
     const y = N(t);
-    ie(i, y) || m(y);
+    se(s, y) || m(y);
   }, [t]);
-  const O = (y) => {
-    const v = N(y), D = g(v == null ? void 0 : v.granularity).calendarMode !== "range" && (v == null ? void 0 : v.granularity) === (i == null ? void 0 : i.granularity) && !ie(v, i);
+  const A = (y) => {
+    const v = N(y), D = g(v == null ? void 0 : v.granularity).calendarMode !== "range" && (v == null ? void 0 : v.granularity) === (s == null ? void 0 : s.granularity) && !se(v, s);
     x(v), D && f(!1);
   }, x = (y) => {
     const v = N(y);
-    if (m(v), !ie(v, i)) {
+    if (m(v), !se(v, s)) {
       const L = g(v == null ? void 0 : v.granularity);
       e == null || e(v, L.toString(v == null ? void 0 : v.value, h));
     }
   }, b = (y) => {
     var v;
     f(y), (v = d.onOpenChange) == null || v.call(d, y);
-  }, w = se(() => r.filter((y) => a.includes(y.granularity)), [r, a]), P = pe(null);
+  }, w = ie(() => r.filter((y) => a.includes(y.granularity)), [r, a]), S = pe(null);
   return B(() => {
-    c && P.current && requestAnimationFrame(() => {
+    c && S.current && requestAnimationFrame(() => {
       var y;
-      (y = P.current) == null || y.focus();
+      (y = S.current) == null || y.focus();
     });
   }, [c]), n(ea, {
     hideCalendarInput: !0,
-    onSelect: O,
-    value: i,
+    onSelect: A,
+    value: s,
     presets: w,
     granularities: a,
     minDate: o,
-    maxDate: s,
+    maxDate: i,
     open: c,
     onOpenChange: b,
     asChild: !0,
     children: n(ct, {
-      ref: P,
+      ref: S,
       ...d,
-      value: i,
-      granularity: A,
+      value: s,
+      granularity: O,
       onDateChange: x
     })
   });
 }
-const qr = ta, Gr = qe(
+const Wr = ta, Gr = We(
   "F0DatePicker",
   cr
 ), ur = {
@@ -1260,7 +1267,7 @@ const qr = ta, Gr = qe(
 }, dr = V(function({ widgets: t, children: r }, a) {
   const o = pe(null);
   ka(a, () => o.current);
-  const s = La.toArray(t).filter((l) => !!l).map((l, d) => n("div", {
+  const i = La.toArray(t).filter((l) => !!l).map((l, d) => n("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: l
   }, d));
@@ -1274,7 +1281,7 @@ const qr = ta, Gr = qe(
         children: [n(aa, {
           columns: ur,
           showArrows: !1,
-          children: s
+          children: i
         }), n("main", {
           children: r
         })]
@@ -1282,35 +1289,35 @@ const qr = ta, Gr = qe(
         className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
         children: [n("div", {
           className: "col-span-3 flex flex-row gap-5 *:flex-1",
-          children: s.slice(0, 3)
+          children: i.slice(0, 3)
         }), n("main", {
           className: "col-span-2",
           children: r
         }), n("div", {
           className: "flex flex-1 flex-col gap-5",
-          children: s.slice(3)
+          children: i.slice(3)
         })]
       })]
     })
   });
-}), fr = V(function({ children: t, sideContent: r, mainColumnPosition: a = "left", sticky: o = !1 }, s) {
+}), fr = V(function({ children: t, sideContent: r, mainColumnPosition: a = "left", sticky: o = !1 }, i) {
   return n("div", {
-    ref: s,
+    ref: i,
     className: "h-full",
     children: C("div", {
-      className: E("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", o && "md:sticky md:top-0 md:max-h-full"),
+      className: _("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", o && "md:sticky md:top-0 md:max-h-full"),
       children: [n("main", {
-        className: E("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", o ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", a === "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: _("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", o ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", a === "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: t
       }), n(pr, {
         sticky: o,
-        className: E("order-1", a === "right" ? "md:order-1" : "md:order-3"),
+        className: _("order-1", a === "right" ? "md:order-1" : "md:order-3"),
         children: r
       })]
     })
   });
 }), pr = ({ children: e, className: t }) => n("aside", {
-  className: E("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", t),
+  className: _("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", t),
   children: e
 }), mr = ra({
   base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
@@ -1323,10 +1330,10 @@ const qr = ta, Gr = qe(
   layout: "standard",
   children: n("section", {
     ref: o,
-    className: E("relative flex-1 overflow-auto", r),
+    className: _("relative flex-1 overflow-auto", r),
     ...a,
     children: n("div", {
-      className: E(mr({
+      className: _(mr({
         variant: t
       })),
       children: e
@@ -1350,16 +1357,16 @@ const Vr = I({
   }, r))
 }), vr = ({ text: e }) => C("div", {
   className: "flex flex-row items-start gap-2",
-  children: [n(ia, {
-    icon: sa,
+  children: [n(sa, {
+    icon: ia,
     size: "md",
     className: "text-f1-icon-positive"
   }), n("span", {
     children: e
   })]
-}), dt = V(({ title: e, image: t, benefits: r, actions: a, withShadow: o = !0, module: s, moduleName: l, tag: d, promoTag: i }, m) => C("div", {
+}), dt = V(({ title: e, image: t, benefits: r, actions: a, withShadow: o = !0, module: i, moduleName: l, tag: d, promoTag: s }, m) => C("div", {
   ref: m,
-  className: E("bg-white flex flex-row rounded-xl border border-f1-border-secondary", o && "shadow-md"),
+  className: _("bg-white flex flex-row rounded-xl border border-f1-border-secondary", o && "shadow-md"),
   children: [n("div", {
     className: "aspect-auto flex-shrink-0 overflow-hidden rounded-xl py-1 pl-1",
     children: n("img", {
@@ -1375,20 +1382,20 @@ const Vr = I({
         className: "flex flex-col gap-2",
         children: [C("div", {
           className: "flex flex-row items-center gap-2",
-          children: [s && n(Ye, {
-            module: s
+          children: [i && n(Ye, {
+            module: i
           }), l && n("p", {
             className: "text-base font-medium text-f1-foreground",
             children: l
           })]
-        }), (d || i) && C("div", {
+        }), (d || s) && C("div", {
           className: "flex justify-start gap-2",
           children: [d && n(na, {
             icon: d.icon,
             text: d.label
-          }), i && n(oa, {
-            variant: i.variant || "positive",
-            text: i.label
+          }), s && n(oa, {
+            variant: s.variant || "positive",
+            text: s.label
           })]
         }), n("h2", {
           className: "font-bold text-xl text-f1-foreground",
@@ -1404,7 +1411,7 @@ const Vr = I({
   })]
 }));
 dt.displayName = "ProductBlankslate";
-function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalContainer: s }) {
+function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalContainer: i }) {
   const [l, d] = T(e);
   return B(() => {
     d(e);
@@ -1416,7 +1423,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
     modal: !0,
     children: C(ca, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
-      container: s,
+      container: i,
       children: [C("div", {
         className: "flex flex-row items-center justify-between px-4 py-4",
         children: [C(ua, {
@@ -1434,7 +1441,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
         })]
       }), C(Ke, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [a, n(We, {
+        children: [a, n(qe, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -1442,21 +1449,21 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
     })
   });
 }
-function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessage: s, successMessage: l, loadingState: d, nextSteps: i, closeLabel: m, primaryAction: c, modalTitle: f, modalModule: h, secondaryAction: u, portalContainer: g, tag: N, promoTag: A, showResponseDialog: O = !0 }) {
-  const [x, b] = T(e), [w, P] = T(null), [y, v] = T(!1), L = async () => {
+function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessage: i, successMessage: l, loadingState: d, nextSteps: s, closeLabel: m, primaryAction: c, modalTitle: f, modalModule: h, secondaryAction: u, portalContainer: g, tag: N, promoTag: O, showResponseDialog: A = !0 }) {
+  const [x, b] = T(e), [w, S] = T(null), [y, v] = T(!1), L = async () => {
     if (c != null && c.onClick) {
       v(!0);
       try {
-        await c.onClick(), b(!1), O && P("success");
+        await c.onClick(), b(!1), A && S("success");
       } catch {
-        O && P("error");
+        A && S("error");
       } finally {
         v(!1);
       }
     }
   }, D = () => {
     b(!1), t == null || t();
-  }, _ = y;
+  }, E = y;
   return C(ae, {
     children: [n(yr, {
       isOpen: x,
@@ -1472,12 +1479,12 @@ function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           benefits: o,
           withShadow: !1,
           tag: N,
-          promoTag: A,
+          promoTag: O,
           actions: C("div", {
             className: "flex gap-3",
             children: [c && n(M, {
               variant: c.variant,
-              label: _ ? d.label : c.label,
+              label: E ? d.label : c.label,
               icon: c.icon || void 0,
               onClick: L,
               loading: c.loading,
@@ -1492,21 +1499,21 @@ function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           })
         })
       })
-    }), w && O && n(Ue, {
+    }), w && A && n(Ue, {
       open: !0,
       onClose: () => {
-        D(), P(null);
+        D(), S(null);
       },
       success: w === "success",
-      errorMessage: s,
+      errorMessage: i,
       successMessage: l,
-      nextSteps: i,
+      nextSteps: s,
       closeLabel: m,
       portalContainer: g
     })]
   });
 }
-function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o, width: s, trackVisibility: l, actions: d, showConfirmation: i = !0 }) {
+function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o, width: i, trackVisibility: l, actions: d, showConfirmation: s = !0 }) {
   const [m, c] = T(!1), f = () => {
     c(!0), a && a();
   };
@@ -1517,7 +1524,7 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
   return n(ae, {
     children: m ? null : C(fa, {
       style: {
-        width: s
+        width: i
       },
       className: "relative bg-f1-background p-1",
       children: [C(pa, {
@@ -1566,7 +1573,7 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
           loadingState: u.loadingState,
           nextSteps: u.nextSteps,
           closeLabel: u.closeLabel,
-          showConfirmation: i && u.showConfirmation,
+          showConfirmation: s && u.showConfirmation,
           variant: u.variant
         }, u.label) : n(M, {
           label: u.label,
@@ -1578,56 +1585,56 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
   });
 }
 const gr = V(function({ primaryAction: t, secondaryAction: r, ...a }, o) {
-  const s = (i) => i.variant === "promote" ? n(Je, {
-    label: i.label,
+  const i = (s) => s.variant === "promote" ? n(Je, {
+    label: s.label,
     onRequest: async () => {
-      await i.onClick();
+      await s.onClick();
     },
-    errorMessage: i.errorMessage,
-    successMessage: i.successMessage,
-    loadingState: i.loadingState,
-    nextSteps: i.nextSteps,
-    closeLabel: i.closeLabel,
-    showIcon: i.showIcon,
-    showConfirmation: i.showConfirmation,
-    variant: i.variant
+    errorMessage: s.errorMessage,
+    successMessage: s.successMessage,
+    loadingState: s.loadingState,
+    nextSteps: s.nextSteps,
+    closeLabel: s.closeLabel,
+    showIcon: s.showIcon,
+    showConfirmation: s.showConfirmation,
+    variant: s.variant
   }) : n(M, {
-    onClick: i.onClick,
-    label: i.label,
-    variant: i.variant || "default",
+    onClick: s.onClick,
+    label: s.label,
+    variant: s.variant || "default",
     size: "md",
-    icon: i.icon
+    icon: s.icon
   }), l = (t == null ? void 0 : t.variant) !== "promote" ? t : void 0, d = (r == null ? void 0 : r.variant) !== "promote" ? r : void 0;
   return C(ha, {
     ref: o,
     ...a,
     primaryAction: l,
     secondaryAction: d,
-    children: [(t == null ? void 0 : t.variant) === "promote" && s(t), (r == null ? void 0 : r.variant) === "promote" && s(r)]
+    children: [(t == null ? void 0 : t.variant) === "promote" && i(t), (r == null ? void 0 : r.variant) === "promote" && i(r)]
   });
 });
 gr.displayName = "UpsellingBanner";
-function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o = "md", showIcon: s = !0, side: l = "right", align: d = "center", icon: i = va, mediaUrl: m, title: c, description: f, width: h = "300px", trackVisibility: u, actions: g, onClick: N, hideLabel: A = !1 }) {
-  const [O, x] = T(!1), [b, w] = T(null), [P, y] = T(null), v = (S) => {
-    t(S), N && N();
-  }, L = async (S) => {
-    if (S.type === "upsell") {
-      y(S);
+function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o = "md", showIcon: i = !0, side: l = "right", align: d = "center", icon: s = va, mediaUrl: m, title: c, description: f, width: h = "300px", trackVisibility: u, actions: g, onClick: N, hideLabel: O = !1 }) {
+  const [A, x] = T(!1), [b, w] = T(null), [S, y] = T(null), v = (P) => {
+    t(P), N && N();
+  }, L = async (P) => {
+    if (P.type === "upsell") {
+      y(P);
       try {
-        await S.onClick(), S.showConfirmation && (x(!0), w("success"));
+        await P.onClick(), P.showConfirmation && (x(!0), w("success"));
       } catch {
         x(!0), w("error");
       }
     }
   }, D = () => {
     w(null), x(!1), y(null), t(!1);
-  }, _ = e && !O, p = g == null ? void 0 : g.map((S) => S.type === "upsell" ? {
-    ...S,
-    onClick: () => L(S)
-  } : S);
+  }, E = e && !A, p = g == null ? void 0 : g.map((P) => P.type === "upsell" ? {
+    ...P,
+    onClick: () => L(P)
+  } : P);
   return C(ae, {
     children: [C(Me, {
-      open: _,
+      open: E,
       onOpenChange: v,
       children: [n(Re, {
         asChild: !0,
@@ -1635,9 +1642,9 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
           variant: a,
           label: r,
           size: o,
-          icon: s ? i : void 0,
+          icon: i ? s : void 0,
           onClick: () => t(e),
-          hideLabel: A
+          hideLabel: O
         })
       }), n(ze, {
         side: l,
@@ -1655,21 +1662,21 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
           showConfirmation: !1
         })
       })]
-    }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(Ue, {
+    }), (S == null ? void 0 : S.type) === "upsell" && S.showConfirmation && b && n(Ue, {
       open: !0,
       onClose: D,
       success: b === "success",
-      errorMessage: P.errorMessage,
-      successMessage: P.successMessage,
-      nextSteps: P.nextSteps,
-      closeLabel: P.closeLabel,
+      errorMessage: S.errorMessage,
+      successMessage: S.successMessage,
+      nextSteps: S.nextSteps,
+      closeLabel: S.closeLabel,
       portalContainer: null
     })]
   });
 }
 const xr = Ta(null), wr = ({ children: e, fullScreen: t = !0 }) => {
   const r = pe(null), [a, o] = T(r.current);
-  return Aa(() => {
+  return Oa(() => {
     o(r.current);
   }, []), n(xr.Provider, {
     value: {
@@ -1678,34 +1685,34 @@ const xr = Ta(null), wr = ({ children: e, fullScreen: t = !0 }) => {
     children: n("div", {
       ref: r,
       id: "f0-layout",
-      className: E({
+      className: _({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": t
       }),
       children: e
     })
   });
-}, Pr = ({ children: e }) => n(Na, {
+}, Sr = ({ children: e }) => n(Na, {
   reducedMotion: "user",
   children: e
-}), Xr = ({ children: e, layout: t, link: r, privacyModeInitiallyEnabled: a, image: o, i18n: s, l10n: l, isDev: d = !1, dataCollectionStorageHandler: i, showExperimentalWarnings: m = !1 }) => n(Pr, {
+}), Xr = ({ children: e, layout: t, link: r, privacyModeInitiallyEnabled: a, image: o, i18n: i, l10n: l, isDev: d = !1, dataCollectionStorageHandler: s, showExperimentalWarnings: m = !1 }) => n(Sr, {
   children: n(ya, {
     isDev: d,
     showExperimentalWarnings: m,
     children: n(ba, {
       ...l,
       children: n(ga, {
-        ...s,
+        ...i,
         children: n(xa, {
           ...r,
           children: n(wr, {
             ...t,
             children: n(wa, {
-              children: n(Pa, {
+              children: n(Sa, {
                 initiallyEnabled: a,
-                children: n(Sa, {
+                children: n(Pa, {
                   ...o,
                   children: n(Ca, {
-                    handler: i,
+                    handler: s,
                     children: e
                   })
                 })
@@ -1748,32 +1755,32 @@ export {
   vn as F0ButtonToggle,
   yn as F0Card,
   bn as F0Checkbox,
-  Wr as F0ChipList,
+  qr as F0ChipList,
   Gr as F0DatePicker,
   gn as F0EventCatcherProvider,
-  ia as F0Icon,
+  sa as F0Icon,
   xn as F0Link,
   Xr as F0Provider,
   wn as F0TagAlert,
-  Pn as F0TagBalance,
-  Sn as F0TagCompany,
+  Sn as F0TagBalance,
+  Pn as F0TagCompany,
   Cn as F0TagDot,
   Nn as F0TagList,
-  An as F0TagPerson,
+  On as F0TagPerson,
   na as F0TagRaw,
   oa as F0TagStatus,
-  On as F0TagTeam,
+  An as F0TagTeam,
   kn as GROUP_ID_SYMBOL,
   Hr as HomeLayout,
   Fr as LineChart,
   Ln as OneFilterPicker,
   Ir as PieChart,
-  Pa as PrivacyModeProvider,
+  Sa as PrivacyModeProvider,
   dt as ProductBlankslate,
   Tn as ProductCard,
   Ur as ProductModal,
   br as ProductWidget,
-  Er as ProgressBarChart,
+  _r as ProgressBarChart,
   Vr as StandardLayout,
   Dn as TagCounter,
   Yr as TwoColumnLayout,
@@ -1781,8 +1788,8 @@ export {
   gr as UpsellingBanner,
   Je as UpsellingButton,
   Jr as UpsellingPopover,
-  _r as VerticalBarChart,
-  Or as avatarVariants,
+  Er as VerticalBarChart,
+  Ar as avatarVariants,
   Fn as buildTranslations,
   Rr as buttonDropdownSizes,
   Mr as buttonDropdownVariants,
@@ -1790,12 +1797,12 @@ export {
   zr as buttonToggleSizes,
   $r as buttonVariants,
   In as createAtlaskitDriver,
-  _n as createDataSourceDefinition,
+  En as createDataSourceDefinition,
   Zr as dataCollectionLocalStorageHandler,
-  qr as datepickerSizes,
-  Ar as defaultTranslations,
-  qe as experimental,
-  En as getAnimationVariants,
+  Wr as datepickerSizes,
+  Or as defaultTranslations,
+  We as experimental,
+  _n as getAnimationVariants,
   jn as getDataSourcePaginationType,
   $n as getEmojiLabel,
   Bn as isInfiniteScrollPagination,
@@ -1804,8 +1811,8 @@ export {
   Rn as modules,
   zn as predefinedPresets,
   Kn as tagDotColors,
-  Wn as useData,
-  qn as useDataSource,
+  qn as useData,
+  Wn as useDataSource,
   Gn as useDndEvents,
   Vn as useDraggable,
   Yn as useDroppableList,