@factorialco/f0-react 1.250.0 → 1.251.1

package/dist/f0.js

@@ -1,8 +1,8 @@
-import { S as xe, a as mt, f as ne, L as K, b as ht, A as vt, i as U, c as yt, d as Fe, E as bt, g as X, e as gt, h as xt, C as wt, j as Pt, k as $, l as Te, 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 Dt, w as Ft, x as Tt, 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 Gt, Z as Vt, _ as qt, $ as Yt, a0 as Be, a1 as Ht, a2 as Z, a3 as Me, a4 as Re, a5 as Jt, a6 as ze, a7 as Ke, a8 as We, a9 as Ge, aa as Ut, ab as Ve, ac as Xt, ad as Zt, ae as Qt, af as Se, ag as ie, ah as ea, ai as ta, aj as qe, 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 Je, ay as fa, az as pa, aA as Ce, aB as ma, aC as Ue, 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-2T2V5slK.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 Dn, ba as Fn, bx as Tn, 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 Gn, bs as Vn, bt as qn, bu as Yn, bC as Hn, bm as Jn, bv as Un, bz as Xn, bo as Zn, by as Qn } from "./hooks-2T2V5slK.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 Te, 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 Dt, w as Tt, 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 Ut, a2 as Z, a3 as Me, a4 as Re, a5 as Ht, 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 Ue, aw as M, ax as He, 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-hFpbr-b4.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 Dn, ba as Tn, 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 Un, bm as Hn, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-hFpbr-b4.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 D, forwardRef as q, useEffect as B, useMemo as se, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Da } from "react";
+import k, { PureComponent as Oa, useState as D, forwardRef as V, useEffect as B, useMemo as se, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Da } from "react";
 const Ar = {
   approvals: {
     history: "Approval history",
@@ -58,7 +58,12 @@ const Ar = {
     applySelection: "Apply selection",
     cancel: "Cancel",
     failedToLoadOptions: "Failed to load options",
-    retry: "Retry"
+    retry: "Retry",
+    aboveOrEqual: "Above or equal to",
+    value: "Value",
+    belowOrEqual: "Below or equal to",
+    range_title: "Use range",
+    range: "Between {{min}} and {{max}}"
   },
   toc: {
     search: "Search..."
@@ -217,6 +222,11 @@ const Ar = {
   select: {
     noResults: "No results found",
     loadingMore: "Loading..."
+  },
+  numberInput: {
+    between: "Between {{min}} and {{max}}",
+    greaterThan: "Greater than {{min}}",
+    lessThan: "Less than {{max}}"
   }
 }, Or = [
   "person",
@@ -233,18 +243,18 @@ function R(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, R(e);
 }
-function Fa(e, t) {
+function Ta(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ta(e, t) {
+function Fa(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, Qe(a.key), a);
   }
 }
 function Ia(e, t, r) {
-  return t && Ta(e.prototype, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+  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));
@@ -305,7 +315,7 @@ function Ba(e, t) {
 }
 var re = /* @__PURE__ */ function(e) {
   function t() {
-    return Fa(this, t), _a(this, t, arguments);
+    return Ta(this, t), _a(this, t, arguments);
   }
   return $a(t, e), Ia(t, [{
     key: "render",
@@ -322,15 +332,15 @@ Ze(re, "defaultProps", {
   type: "number"
 });
 var Ma = ["option", "isActive"];
-function G() {
-  return G = Object.assign ? Object.assign.bind() : function(e) {
+function q() {
+  return q = 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;
-  }, G.apply(this, arguments);
+  }, q.apply(this, arguments);
 }
 function Ra(e, t) {
   if (e == null) return {};
@@ -354,13 +364,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, G({
-    option: /* @__PURE__ */ k.createElement(mt, G({
+  return typeof t == "string" ? /* @__PURE__ */ k.createElement(xe, q({
+    option: /* @__PURE__ */ k.createElement(mt, q({
       type: t
     }, a)),
     isActive: r,
     shapeType: "symbols"
-  }, a)) : /* @__PURE__ */ k.createElement(xe, G({
+  }, a)) : /* @__PURE__ */ k.createElement(xe, q({
     option: t,
     isActive: r,
     shapeType: "symbols"
@@ -374,15 +384,15 @@ function z(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, z(e);
 }
-function V() {
-  return V = Object.assign ? Object.assign.bind() : function(e) {
+function G() {
+  return G = 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;
-  }, V.apply(this, arguments);
+  }, G.apply(this, arguments);
 }
 function Ae(e, t) {
   var r = Object.keys(e);
@@ -394,7 +404,7 @@ function Ae(e, t) {
   }
   return r;
 }
-function T(e) {
+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) {
@@ -415,13 +425,13 @@ function Oe(e, t) {
     a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, tt(a.key), a);
   }
 }
-function Ga(e, t, r) {
+function qa(e, t, r) {
   return t && Oe(e.prototype, t), r && Oe(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-function Va(e, t, r) {
-  return t = ee(t), qa(e, et() ? Reflect.construct(t, r || [], ee(e).constructor) : t.apply(e, r));
+function Ga(e, t, r) {
+  return t = ee(t), Va(e, et() ? Reflect.construct(t, r || [], ee(e).constructor) : t.apply(e, r));
 }
-function qa(e, t) {
+function Va(e, t) {
   if (t && (z(t) === "object" || typeof t == "function"))
     return t;
   if (t !== void 0)
@@ -448,7 +458,7 @@ function ee(e) {
     return r.__proto__ || Object.getPrototypeOf(r);
   }, ee(e);
 }
-function Ha(e, t) {
+function Ua(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function");
   e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && ue(e, t);
@@ -462,10 +472,10 @@ function j(e, t, r) {
   return t = tt(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
 function tt(e) {
-  var t = Ja(e, "string");
+  var t = Ha(e, "string");
   return z(t) == "symbol" ? t : t + "";
 }
-function Ja(e, t) {
+function Ha(e, t) {
   if (z(e) != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -481,7 +491,7 @@ var Y = /* @__PURE__ */ function(e) {
     Wa(this, t);
     for (var a = arguments.length, o = new Array(a), s = 0; s < a; s++)
       o[s] = arguments[s];
-    return r = Va(this, t, [].concat(o)), j(r, "state", {
+    return r = Ga(this, t, [].concat(o)), j(r, "state", {
       isAnimationFinished: !1
     }), j(r, "handleAnimationEnd", function() {
       r.setState({
@@ -493,18 +503,18 @@ var Y = /* @__PURE__ */ function(e) {
       });
     }), j(r, "id", St("recharts-scatter-")), r;
   }
-  return Ha(t, e), Ga(t, [{
+  return Ua(t, e), qa(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);
       return a.map(function(c, f) {
-        var h = i === f, u = h ? d : l, g = T(T({}, m), c);
-        return /* @__PURE__ */ k.createElement(K, V({
+        var h = i === 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)
         }, ht(o.props, c, f), {
           role: "img"
-        }), /* @__PURE__ */ k.createElement(Ka, V({
+        }), /* @__PURE__ */ k.createElement(Ka, G({
           option: u,
           isActive: h,
           key: "symbol-".concat(f)
@@ -533,15 +543,15 @@ var Y = /* @__PURE__ */ function(e) {
         var u = h.t, g = s.map(function(N, A) {
           var O = f && f[A];
           if (O) {
-            var x = U(O.cx, N.cx), b = U(O.cy, N.cy), w = U(O.size, N.size);
-            return T(T({}, N), {}, {
+            var x = J(O.cx, N.cx), b = J(O.cy, N.cy), w = J(O.size, N.size);
+            return F(F({}, N), {}, {
               cx: x(u),
               cy: b(u),
               size: w(u)
             });
           }
-          var P = U(0, N.size);
-          return T(T({}, N), {}, {
+          var P = J(0, N.size);
+          return F(F({}, N), {}, {
             size: P(u)
           });
         });
@@ -560,7 +570,7 @@ 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 = Fe(i, bt);
+      var o = this.props, s = o.points, l = o.xAxis, d = o.yAxis, i = o.children, m = Te(i, bt);
       return m ? m.map(function(c, f) {
         var h = c.props, u = h.direction, g = h.dataKey;
         return /* @__PURE__ */ k.cloneElement(c, {
@@ -603,13 +613,13 @@ var Y = /* @__PURE__ */ function(e) {
           y: O(g)
         }];
       }
-      var x = T(T(T({}, i), {}, {
+      var x = F(F(F({}, i), {}, {
         fill: "none",
         stroke: i && i.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, V({}, x, {
+      return /* @__PURE__ */ k.isValidElement(s) ? f = /* @__PURE__ */ k.cloneElement(s, x) : xt(s) ? f = s(x) : f = /* @__PURE__ */ k.createElement(wt, G({}, x, {
         type: d
       })), /* @__PURE__ */ k.createElement(K, {
         className: "recharts-scatter-line",
@@ -635,7 +645,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) && Te.renderCallByParent(this.props, s));
+      }, this.renderSymbols()), (!N || A) && Fe.renderCallByParent(this.props, s));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -667,7 +677,7 @@ 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 = Fe(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 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 = Te(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 = [{
       name: $(t.dataKey) ? o.props.name : t.name || t.dataKey,
       unit: t.unit || "",
@@ -691,7 +701,7 @@ j(Y, "getComposedData", function(e) {
       dataKey: u,
       type: m
     });
-    var F = we({
+    var T = we({
       axis: t,
       ticks: l,
       bandSize: A,
@@ -706,10 +716,10 @@ j(Y, "getComposedData", function(e) {
       index: w,
       dataKey: h
     }), p = v !== "-" ? a.scale(v) : N, S = Math.sqrt(Math.max(p, 0) / Math.PI);
-    return T(T({}, b), {}, {
-      cx: F,
+    return F(F({}, b), {}, {
+      cx: T,
       cy: _,
-      x: F - S,
+      x: T - S,
       y: _ - S,
       xAxis: t,
       yAxis: r,
@@ -724,17 +734,17 @@ j(Y, "getComposedData", function(e) {
       },
       tooltipPayload: L,
       tooltipPosition: {
-        x: F,
+        x: T,
         y: _
       },
       payload: b
     }, c && c[w] && c[w].props);
   });
-  return T({
+  return F({
     points: x
   }, i);
 });
-var Ua = At({
+var Ja = At({
   chartName: "ComposedChart",
   GraphicalChild: [Ie, Ot, _e, Y],
   axisComponents: [{
@@ -776,13 +786,13 @@ const Xa = (e) => {
 }, 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, F, _;
+  var v, L, T, _;
   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) => Dt(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");
-  return n(Ft, {
+  return n(Tt, {
     config: e,
     ref: g,
     aspect: d,
-    children: C(Ua, {
+    children: C(Ja, {
       accessibilityLayer: !0,
       data: N,
       margin: {
@@ -799,11 +809,11 @@ const Xa = (e) => {
           label: p.activeLabel,
           values: {}
         };
-        for (const H of p.activePayload)
-          S.values[H.name] = H.value;
+        for (const U of p.activePayload)
+          S.values[U.name] = U.value;
         u(S);
       },
-      children: [!s && n(Tt, {
+      children: [!s && n(Ft, {
         ...It(),
         content: n(_t, {
           yAxisFormatter: a.tickFormatter
@@ -825,7 +835,7 @@ const Xa = (e) => {
         yAxisId: "right",
         orientation: "right",
         tick: !0,
-        width: a.width ?? w + 20 + (P.length > 0 && ((F = y[0]) != null && F.axisLabel) ? 20 : 0),
+        width: a.width ?? w + 20 + (P.length > 0 && ((T = y[0]) != null && T.axisLabel) ? 20 : 0),
         hide: a.hide || y.some((p) => p == null ? void 0 : p.hideAxis),
         label: (_ = y[0]) != null && _.axisLabel ? {
           value: y[0].axisLabel,
@@ -837,9 +847,9 @@ const Xa = (e) => {
         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) || "", J = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = J !== void 0 && a.tickFormatter ? a.tickFormatter(`${J}`) : J.toLocaleString();
+          const { x: S, y: U, payload: ve } = p, ye = ((be = t.find((pt) => pt.label === ve.value)) == null ? void 0 : be.values) || "", H = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = H !== void 0 && a.tickFormatter ? a.tickFormatter(`${H}`) : H.toLocaleString();
           return C("g", {
-            transform: `translate(${S},${H})`,
+            transform: `translate(${S},${U})`,
             children: [n("text", {
               x: 0,
               y: 0,
@@ -847,7 +857,7 @@ const Xa = (e) => {
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
               children: ve.value
-            }), !!J && n("text", {
+            }), !!H && n("text", {
               x: 0,
               y: 0,
               dy: 28,
@@ -863,7 +873,7 @@ const Xa = (e) => {
         fill: e[p].color ? W(e[p].color) : oe(S),
         radius: 4,
         maxBarSize: 32,
-        children: o && n(Te, {
+        children: o && n(Fe, {
           position: "top",
           offset: 10,
           className: "fill-f1-foreground",
@@ -1009,20 +1019,20 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     name: "AreaChart",
     type: "info"
   },
-  qt
+  Vt
 ), Dr = I(
   {
     name: "BarChart",
     type: "info"
   },
   zt
-), Fr = I(
+), Tr = I(
   {
     name: "CategoryBarChart",
     type: "info"
   },
   Kt
-), Tr = I(
+), Fr = I(
   {
     name: "LineChart",
     type: "info"
@@ -1033,13 +1043,13 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     name: "PieChart",
     type: "info"
   },
-  Gt
+  qt
 ), _r = I(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  Vt
+  Gt
 ), Er = I(
   {
     name: "ProgressBarChart",
@@ -1052,7 +1062,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     type: "info"
   },
   Qa
-), $r = Yt, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Ht, de = ({ count: e, list: t }) => {
+), $r = Yt, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Ut, de = ({ count: e, list: t }) => {
   const [r, a] = D(!1), o = n(Z, {
     label: `+${e}`
   });
@@ -1062,7 +1072,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     children: [n(Re, {
       asChild: !0,
       children: n("button", {
-        className: Jt("inline-flex flex-shrink-0 items-center"),
+        className: Ht("inline-flex flex-shrink-0 items-center"),
         children: o
       })
     }), n(ze, {
@@ -1086,7 +1096,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
 de.displayName = "ChipCounter";
 const lt = ({ chips: e, max: t = 4, remainingCount: r, layout: a = "compact" }) => {
   if (a === "fill")
-    return n(Ut, {
+    return n(Jt, {
       items: e,
       renderListItem: (i) => n(Z, {
         ...i
@@ -1112,8 +1122,8 @@ const lt = ({ chips: e, max: t = 4, remainingCount: r, layout: a = "compact" })
   });
 };
 lt.displayName = "F0ChipList";
-const Wr = Ge("F0ChipList", lt), ct = q(({ value: e, onDateChange: t, granularity: r, onOpenChange: a, minDate: o, maxDate: s, onClear: l, ...d }, i) => {
-  const [m, c] = D(""), [f, h] = D(!1), u = Ve();
+const Wr = qe("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularity: r, onOpenChange: a, minDate: o, maxDate: s, onClear: l, ...d }, i) => {
+  const [m, c] = D(""), [f, h] = D(!1), u = Ge();
   B(() => {
     c(r.toString(e == null ? void 0 : e.value, u));
   }, [e, r, u]);
@@ -1165,7 +1175,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
   B(() => {
     f(l);
   }, [l]);
-  const h = Ve(), u = se(() => a[0] ?? "day", [a]), g = Ne((y) => {
+  const h = Ge(), u = se(() => a[0] ?? "day", [a]), g = Ne((y) => {
     const v = y || u;
     if (!Se[v])
       throw new Error(`Invalid granularity ${v}`);
@@ -1188,8 +1198,8 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
     ie(i, y) || m(y);
   }, [t]);
   const O = (y) => {
-    const v = N(y), F = g(v == null ? void 0 : v.granularity).calendarMode !== "range" && (v == null ? void 0 : v.granularity) === (i == null ? void 0 : i.granularity) && !ie(v, i);
-    x(v), F && f(!1);
+    const v = N(y), T = g(v == null ? void 0 : v.granularity).calendarMode !== "range" && (v == null ? void 0 : v.granularity) === (i == null ? void 0 : i.granularity) && !ie(v, i);
+    x(v), T && f(!1);
   }, x = (y) => {
     const v = N(y);
     if (m(v), !ie(v, i)) {
@@ -1225,7 +1235,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
     })
   });
 }
-const Gr = ta, Vr = Ge(
+const qr = ta, Gr = qe(
   "F0DatePicker",
   cr
 ), ur = {
@@ -1233,14 +1243,14 @@ const Gr = ta, Vr = Ge(
   sm: 2,
   md: 2,
   lg: 2
-}, dr = q(function({ widgets: t, children: r }, a) {
+}, 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", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: l
   }, d));
-  return n(qe, {
+  return n(Ve, {
     layout: "home",
     children: C("div", {
       ref: o,
@@ -1269,7 +1279,7 @@ const Gr = ta, Vr = Ge(
       })]
     })
   });
-}), fr = q(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 }, s) {
   return n("div", {
     ref: s,
     className: "h-full",
@@ -1295,7 +1305,7 @@ const Gr = ta, Vr = Ge(
       narrow: "max-w-screen-lg"
     }
   }
-}), ut = k.forwardRef(({ children: e, variant: t, className: r, ...a }, o) => n(qe, {
+}), ut = k.forwardRef(({ children: e, variant: t, className: r, ...a }, o) => n(Ve, {
   layout: "standard",
   children: n("section", {
     ref: o,
@@ -1310,13 +1320,13 @@ const Gr = ta, Vr = Ge(
   })
 }));
 ut.displayName = "StandardLayout";
-const qr = I({
+const Vr = I({
   name: "StandardLayout",
   type: "layout"
 }, ut), Yr = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, fr), Hr = I({
+}, fr), Ur = I({
   name: "HomeLayout",
   type: "layout"
 }, dr), hr = ({ benefits: e }) => n("div", {
@@ -1333,7 +1343,7 @@ const qr = I({
   }), n("span", {
     children: e
   })]
-}), dt = q(({ 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: s, moduleName: l, tag: d, promoTag: i }, m) => C("div", {
   ref: m,
   className: E("bg-white flex flex-row rounded-xl border border-f1-border-secondary", o && "shadow-md"),
   children: [n("div", {
@@ -1403,7 +1413,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
           }), r]
         }), n(da, {
           variant: "outline",
-          icon: He,
+          icon: Ue,
           onClick: t,
           label: "Close modal",
           hideLabel: !0
@@ -1418,7 +1428,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
     })
   });
 }
-function Jr({ 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 }) {
+function Hr({ 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] = D(e), [w, P] = D(null), [y, v] = D(!1), L = async () => {
     if (c != null && c.onClick) {
       v(!0);
@@ -1430,13 +1440,13 @@ function Jr({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
         v(!1);
       }
     }
-  }, F = () => {
+  }, T = () => {
     b(!1), t == null || t();
   }, _ = y;
   return C(ae, {
     children: [n(yr, {
       isOpen: x,
-      onClose: F,
+      onClose: T,
       title: f,
       module: h,
       portalContainer: g,
@@ -1468,10 +1478,10 @@ function Jr({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           })
         })
       })
-    }), w && O && n(Je, {
+    }), w && O && n(He, {
       open: !0,
       onClose: () => {
-        F(), P(null);
+        T(), P(null);
       },
       success: w === "success",
       errorMessage: s,
@@ -1501,7 +1511,7 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
           className: "absolute right-2 top-2 z-10",
           children: n(M, {
             variant: "ghost",
-            icon: He,
+            icon: Ue,
             size: "sm",
             hideLabel: !0,
             onClick: f,
@@ -1534,7 +1544,7 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
         })]
       }), d && n(ma, {
         className: "p-3",
-        children: d.map((u) => u.type === "upsell" ? n(Ue, {
+        children: d.map((u) => u.type === "upsell" ? n(Je, {
           label: u.label,
           onRequest: u.onClick,
           errorMessage: u.errorMessage,
@@ -1553,8 +1563,8 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
     })
   });
 }
-const gr = q(function({ primaryAction: t, secondaryAction: r, ...a }, o) {
-  const s = (i) => i.variant === "promote" ? n(Ue, {
+const gr = V(function({ primaryAction: t, secondaryAction: r, ...a }, o) {
+  const s = (i) => i.variant === "promote" ? n(Je, {
     label: i.label,
     onRequest: async () => {
       await i.onClick();
@@ -1583,7 +1593,7 @@ const gr = q(function({ primaryAction: t, secondaryAction: r, ...a }, o) {
   });
 });
 gr.displayName = "UpsellingBanner";
-function Ur({ 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 }) {
+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] = D(!1), [b, w] = D(null), [P, y] = D(null), v = (S) => {
     t(S), N && N();
   }, L = async (S) => {
@@ -1595,7 +1605,7 @@ function Ur({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
         x(!0), w("error");
       }
     }
-  }, F = () => {
+  }, T = () => {
     w(null), x(!1), y(null), t(!1);
   }, _ = e && !O, p = g == null ? void 0 : g.map((S) => S.type === "upsell" ? {
     ...S,
@@ -1631,9 +1641,9 @@ function Ur({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
           showConfirmation: !1
         })
       })]
-    }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(Je, {
+    }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(He, {
       open: !0,
-      onClose: F,
+      onClose: T,
       success: b === "success",
       errorMessage: P.errorMessage,
       successMessage: P.successMessage,
@@ -1704,7 +1714,7 @@ export {
   Lr as AreaChart,
   tn as Await,
   Dr as BarChart,
-  Fr as CategoryBarChart,
+  Tr as CategoryBarChart,
   jr as ComboChart,
   an as DndProvider,
   rn as EmojiImage,
@@ -1725,7 +1735,7 @@ export {
   yn as F0Card,
   bn as F0Checkbox,
   Wr as F0ChipList,
-  Vr as F0DatePicker,
+  Gr as F0DatePicker,
   gn as F0EventCatcherProvider,
   ia as F0Icon,
   xn as F0Link,
@@ -1740,26 +1750,26 @@ export {
   oa as F0TagStatus,
   On as F0TagTeam,
   kn as GROUP_ID_SYMBOL,
-  Hr as HomeLayout,
-  Tr as LineChart,
+  Ur as HomeLayout,
+  Fr as LineChart,
   Ln as OneFilterPicker,
   Ir as PieChart,
   Pa as PrivacyModeProvider,
   dt as ProductBlankslate,
   Dn as ProductCard,
-  Jr as ProductModal,
+  Hr as ProductModal,
   br as ProductWidget,
   Er as ProgressBarChart,
-  qr as StandardLayout,
-  Fn as TagCounter,
+  Vr as StandardLayout,
+  Tn as TagCounter,
   Yr as TwoColumnLayout,
-  Je as UpsellRequestResponseDialog,
+  He as UpsellRequestResponseDialog,
   gr as UpsellingBanner,
-  Ue as UpsellingButton,
-  Ur as UpsellingPopover,
+  Je as UpsellingButton,
+  Jr as UpsellingPopover,
   _r as VerticalBarChart,
   Or as avatarVariants,
-  Tn as buildTranslations,
+  Fn as buildTranslations,
   Rr as buttonDropdownSizes,
   Mr as buttonDropdownVariants,
   Br as buttonSizes,
@@ -1768,9 +1778,9 @@ export {
   In as createAtlaskitDriver,
   _n as createDataSourceDefinition,
   Zr as dataCollectionLocalStorageHandler,
-  Gr as datepickerSizes,
+  qr as datepickerSizes,
   Ar as defaultTranslations,
-  Ge as experimental,
+  qe as experimental,
   En as getAnimationVariants,
   jn as getDataSourcePaginationType,
   $n as getEmojiLabel,
@@ -1781,13 +1791,13 @@ export {
   zn as predefinedPresets,
   Kn as tagDotColors,
   Wn as useData,
-  Gn as useDataSource,
-  Vn as useDndEvents,
-  qn as useDraggable,
+  qn as useDataSource,
+  Gn as useDndEvents,
+  Vn as useDraggable,
   Yn as useDroppableList,
-  Hn as useEmojiConfetti,
-  Jn as useGroups,
-  Un as usePrivacyMode,
+  Un as useEmojiConfetti,
+  Hn as useGroups,
+  Jn as usePrivacyMode,
   Xn as useReducedMotion,
   Zn as useSelectable,
   Qn as useXRay