@factorialco/f0-react 1.274.0 → 1.275.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 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-d0sWj0ci.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-d0sWj0ci.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 At, n as we, o as Nt, p as Ie, q as Ot, 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 Ht, a0 as Be, a1 as Yt, 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 He, 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 Ye, 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 Aa, aO as Na } from "./hooks-BaU58qvY.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 An, bc as Nn, bd as On, 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 Hn, bC as Yn, bm as Un, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-BaU58qvY.js";
 import { jsx as n, jsxs as C, Fragment as ae } from "react/jsx-runtime";
 import * as fe from "react";
-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 = {
+import k, { PureComponent as Oa, useState as T, forwardRef as V, useEffect as B, useMemo as ie, useCallback as Ae, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Ta } from "react";
+const Nr = {
   approvals: {
     history: "Approval history",
     statuses: {
@@ -82,7 +82,9 @@ const Or = {
       lessThanOrEqualShort: "<= {{value}}",
       rangeTitle: "Use range",
       range: "Between {{min}} and {{max}}"
-    }
+    },
+    selectAll: "Select all",
+    clear: "Clear"
   },
   toc: {
     search: "Search..."
@@ -112,6 +114,12 @@ const Or = {
       settings: "{{visualizationName}} settings",
       reset: "Reset to default"
     },
+    table: {
+      settings: {
+        showAllColumns: "Show all",
+        hideAllColumns: "Hide all"
+      }
+    },
     itemsCount: "items",
     emptyStates: {
       noData: {
@@ -249,7 +257,7 @@ const Or = {
     greaterThan: "It should be greater than {{min}}",
     lessThan: "It should be less than {{max}}"
   }
-}, Ar = [
+}, Or = [
   "person",
   "team",
   "company",
@@ -415,7 +423,7 @@ function G() {
     return e;
   }, G.apply(this, arguments);
 }
-function Oe(e, t) {
+function Ne(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -428,9 +436,9 @@ function Oe(e, t) {
 function F(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Oe(Object(r), !0).forEach(function(a) {
+    t % 2 ? Ne(Object(r), !0).forEach(function(a) {
       j(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Oe(Object(r)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ne(Object(r)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
@@ -440,14 +448,14 @@ function qa(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Ae(e, t) {
+function Oe(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 Wa(e, t, r) {
-  return t && Ae(e.prototype, t), r && Ae(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+  return t && Oe(e.prototype, t), r && Oe(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));
@@ -457,9 +465,9 @@ function Va(e, t) {
     return t;
   if (t !== void 0)
     throw new TypeError("Derived constructors may only return object or undefined");
-  return Ya(e);
+  return Ha(e);
 }
-function Ya(e) {
+function Ha(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
@@ -479,7 +487,7 @@ function ee(e) {
     return r.__proto__ || Object.getPrototypeOf(r);
   }, ee(e);
 }
-function Ha(e, t) {
+function Ya(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);
@@ -506,7 +514,7 @@ function Ua(e, t) {
   }
   return String(e);
 }
-var Y = /* @__PURE__ */ function(e) {
+var H = /* @__PURE__ */ function(e) {
   function t() {
     var r;
     qa(this, t);
@@ -524,7 +532,7 @@ var Y = /* @__PURE__ */ function(e) {
       });
     }), j(r, "id", Pt("recharts-scatter-")), r;
   }
-  return Ha(t, e), Wa(t, [{
+  return Ya(t, e), Wa(t, [{
     key: "renderSymbolsStatically",
     value: function(a) {
       var o = this, i = this.props, l = i.shape, d = i.activeShape, s = i.activeIndex, m = ne(this.props, !1);
@@ -561,18 +569,18 @@ var Y = /* @__PURE__ */ function(e) {
         onAnimationEnd: this.handleAnimationEnd,
         onAnimationStart: this.handleAnimationStart
       }, function(h) {
-        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), {}, {
+        var u = h.t, g = i.map(function(A, N) {
+          var O = f && f[N];
+          if (O) {
+            var x = J(O.cx, A.cx), b = J(O.cy, A.cy), w = J(O.size, A.size);
+            return F(F({}, A), {}, {
               cx: x(u),
               cy: b(u),
               size: w(u)
             });
           }
-          var S = J(0, N.size);
-          return F(F({}, N), {}, {
+          var S = J(0, A.size);
+          return F(F({}, A), {}, {
             size: S(u)
           });
         });
@@ -600,12 +608,12 @@ var Y = /* @__PURE__ */ function(e) {
           xAxis: l,
           yAxis: d,
           layout: u === "x" ? "vertical" : "horizontal",
-          dataPointFormatter: function(O, A) {
+          dataPointFormatter: function(N, O) {
             return {
-              x: O.cx,
-              y: O.cy,
-              value: u === "x" ? +O.node.x : +O.node.y,
-              errorVal: X(O, A)
+              x: N.cx,
+              y: N.cy,
+              value: u === "x" ? +N.node.x : +N.node.y,
+              errorVal: X(N, O)
             };
           }
         });
@@ -623,15 +631,15 @@ var Y = /* @__PURE__ */ function(e) {
           };
         });
       else if (l === "fitting") {
-        var h = gt(o), u = h.xmin, g = h.xmax, N = h.a, O = h.b, A = function(w) {
-          return N * w + O;
+        var h = gt(o), u = h.xmin, g = h.xmax, A = h.a, N = h.b, O = function(w) {
+          return A * w + N;
         };
         c = [{
           x: u,
-          y: A(u)
+          y: O(u)
         }, {
           x: g,
-          y: A(g)
+          y: O(g)
         }];
       }
       var x = F(F(F({}, s), {}, {
@@ -650,12 +658,12 @@ var Y = /* @__PURE__ */ function(e) {
   }, {
     key: "render",
     value: function() {
-      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;
+      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, A = a.isAnimationActive;
       if (o || !i || !i.length)
         return null;
-      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;
+      var N = this.state.isAnimationFinished, O = 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: A,
+        className: O,
         clipPath: w ? "url(#clipPath-".concat(S, ")") : null
       }, x || b ? /* @__PURE__ */ k.createElement("defs", null, /* @__PURE__ */ k.createElement("clipPath", {
         id: "clipPath-".concat(S)
@@ -666,7 +674,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 || O) && Fe.renderCallByParent(this.props, i));
+      }, this.renderSymbols()), (!A || N) && Fe.renderCallByParent(this.props, i));
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -680,9 +688,9 @@ var Y = /* @__PURE__ */ function(e) {
       } : null;
     }
   }]);
-}(Aa);
-j(Y, "displayName", "Scatter");
-j(Y, "defaultProps", {
+}(Oa);
+j(H, "displayName", "Scatter");
+j(H, "defaultProps", {
   xAxisId: 0,
   yAxisId: 0,
   zAxisId: 0,
@@ -697,8 +705,8 @@ j(Y, "defaultProps", {
   animationDuration: 400,
   animationEasing: "linear"
 });
-j(Y, "getComposedData", function(e) {
-  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) {
+j(H, "getComposedData", function(e) {
+  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, At), 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, A = g && g[0], N = t.scale.bandwidth ? t.scale.bandwidth() : 0, O = 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 || "",
@@ -725,18 +733,18 @@ j(Y, "getComposedData", function(e) {
     var D = we({
       axis: t,
       ticks: l,
-      bandSize: O,
+      bandSize: N,
       entry: b,
       index: w,
       dataKey: f
     }), E = we({
       axis: r,
       ticks: d,
-      bandSize: A,
+      bandSize: O,
       entry: b,
       index: w,
       dataKey: h
-    }), p = v !== "-" ? a.scale(v) : N, P = Math.sqrt(Math.max(p, 0) / Math.PI);
+    }), p = v !== "-" ? a.scale(v) : A, P = Math.sqrt(Math.max(p, 0) / Math.PI);
     return F(F({}, b), {}, {
       cx: D,
       cy: E,
@@ -765,9 +773,9 @@ j(Y, "getComposedData", function(e) {
     points: x
   }, s);
 });
-var Ja = Ot({
+var Ja = Nt({
   chartName: "ComposedChart",
-  GraphicalChild: [Ie, At, Ee, Y],
+  GraphicalChild: [Ie, Ot, Ee, H],
   axisComponents: [{
     axisType: "xAxis",
     AxisComp: _e
@@ -808,14 +816,14 @@ const Xa = (e) => {
   hide: !0
 }, 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");
+  const A = Lt(t), N = 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 = [...N, ...O, ...x], w = Math.max(...A.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,
     aspect: d,
     children: C(Ja, {
       accessibilityLayer: !0,
-      data: N,
+      data: A,
       margin: {
         left: a && !a.hide ? 0 : 12,
         right: 12,
@@ -830,8 +838,8 @@ const Xa = (e) => {
           label: p.activeLabel,
           values: {}
         };
-        for (const H of p.activePayload)
-          P.values[H.name] = H.value;
+        for (const Y of p.activePayload)
+          P.values[Y.name] = Y.value;
         u(P);
       },
       children: [!i && n(Ft, {
@@ -868,9 +876,9 @@ const Xa = (e) => {
         hide: r == null ? void 0 : r.hide,
         tick: m ? (p) => {
           var be, ge;
-          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();
+          const { x: P, y: Y, 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(${P},${H})`,
+            transform: `translate(${P},${Y})`,
             children: [n("text", {
               x: 0,
               y: 0,
@@ -888,7 +896,7 @@ const Xa = (e) => {
             })]
           });
         } : void 0
-      }), O.map((p, P) => n(Ee, {
+      }), N.map((p, P) => n(Ee, {
         isAnimationActive: !1,
         dataKey: String(p),
         fill: e[p].color ? q(e[p].color) : oe(P),
@@ -900,17 +908,17 @@ const Xa = (e) => {
           className: "fill-f1-foreground",
           fontSize: 12
         }, `label-${String(p)}`)
-      }, `bar-${String(p)}`)), A.map((p, P) => n(Ie, {
+      }, `bar-${String(p)}`)), O.map((p, P) => n(Ie, {
         type: (f == null ? void 0 : f.lineType) ?? "natural",
         dataKey: String(p),
-        stroke: e[p].color ? q(e[p].color) : oe(O.length + P),
+        stroke: e[p].color ? q(e[p].color) : oe(N.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, P) => n(Y, {
+      }, `line-${String(p)}`)), x.map((p, P) => n(H, {
         dataKey: String(p),
-        fill: e[p].color ? q(e[p].color) : oe(O.length + A.length + P),
+        fill: e[p].color ? q(e[p].color) : oe(N.length + O.length + P),
         r: 4,
         isAnimationActive: !1,
         yAxisId: (h == null ? void 0 : h.axisPosition) === "right" ? "right" : void 0,
@@ -1083,7 +1091,7 @@ const ir = ({ 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 = Ht, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Yt, de = ({ count: e, list: t }) => {
   const [r, a] = T(!1), o = n(Z, {
     label: `+${e}`
   });
@@ -1151,7 +1159,7 @@ const qr = We("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularit
   const g = (x) => Qt(x, r, {
     minDate: o,
     maxDate: i
-  }), N = (x, b) => {
+  }), A = (x, b) => {
     if (x === "") {
       t == null || t({
         value: void 0,
@@ -1164,8 +1172,8 @@ const qr = We("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularit
       value: w,
       granularity: b.key
     }), h(!1)) : h(!0);
-  }, O = () => {
-    N(m, r);
+  }, N = () => {
+    A(m, r);
   };
   return n(ae, {
     children: n(Xt, {
@@ -1174,17 +1182,17 @@ const qr = We("F0ChipList", lt), ct = V(({ value: e, onDateChange: t, granularit
       ref: s,
       onFocus: () => a == null ? void 0 : a(!0),
       onClear: () => {
-        l == null || l(), c(""), N("", r);
+        l == null || l(), c(""), A("", r);
       },
       onKeyDown: (x) => {
-        x.key === "Enter" && O();
+        x.key === "Enter" && N();
       },
       type: "text",
       onChange: (x) => {
         c(x);
       },
       error: f || d.error,
-      onBlur: O,
+      onBlur: N,
       value: m,
       onClickContent: () => a == null ? void 0 : a(!0)
     })
@@ -1196,7 +1204,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
   B(() => {
     f(l);
   }, [l]);
-  const h = Ge(), u = ie(() => a[0] ?? "day", [a]), g = Ne((y) => {
+  const h = Ge(), u = ie(() => a[0] ?? "day", [a]), g = Ae((y) => {
     const v = y || u;
     if (!Pe[v])
       throw new Error(`Invalid granularity ${v}`);
@@ -1204,7 +1212,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
       ...Pe[v],
       key: v
     };
-  }, [u]), N = Ne((y) => {
+  }, [u]), A = Ae((y) => {
     var L;
     if (!y)
       return;
@@ -1213,16 +1221,16 @@ 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]), O = ie(() => g(s == null ? void 0 : s.granularity), [s == null ? void 0 : s.granularity, g]);
+  }, [g]), N = ie(() => g(s == null ? void 0 : s.granularity), [s == null ? void 0 : s.granularity, g]);
   B(() => {
-    const y = N(t);
+    const y = A(t);
     se(s, y) || m(y);
   }, [t]);
-  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);
+  const O = (y) => {
+    const v = A(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);
+    const v = A(y);
     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));
@@ -1238,7 +1246,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
     });
   }, [c]), n(ea, {
     hideCalendarInput: !0,
-    onSelect: A,
+    onSelect: O,
     value: s,
     presets: w,
     granularities: a,
@@ -1251,7 +1259,7 @@ function cr({ onChange: e, value: t, presets: r = [], granularities: a = ["day"]
       ref: S,
       ...d,
       value: s,
-      granularity: O,
+      granularity: N,
       onDateChange: x
     })
   });
@@ -1344,10 +1352,10 @@ ut.displayName = "StandardLayout";
 const Vr = I({
   name: "StandardLayout",
   type: "layout"
-}, ut), Yr = I({
+}, ut), Hr = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, fr), Hr = I({
+}, fr), Yr = I({
   name: "HomeLayout",
   type: "layout"
 }, dr), hr = ({ benefits: e }) => n("div", {
@@ -1382,7 +1390,7 @@ const Vr = I({
         className: "flex flex-col gap-2",
         children: [C("div", {
           className: "flex flex-row items-center gap-2",
-          children: [i && n(Ye, {
+          children: [i && n(He, {
             module: i
           }), l && n("p", {
             className: "text-base font-medium text-f1-foreground",
@@ -1428,13 +1436,13 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
         className: "flex flex-row items-center justify-between px-4 py-4",
         children: [C(ua, {
           className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
-          children: [o && n(Ye, {
+          children: [o && n(He, {
             module: o,
             size: "lg"
           }), r]
         }), n(da, {
           variant: "outline",
-          icon: He,
+          icon: Ye,
           onClick: t,
           label: "Close modal",
           hideLabel: !0
@@ -1449,14 +1457,14 @@ 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: 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 }) {
+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: A, promoTag: N, showResponseDialog: O = !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), A && S("success");
+        await c.onClick(), b(!1), O && S("success");
       } catch {
-        A && S("error");
+        O && S("error");
       } finally {
         v(!1);
       }
@@ -1478,8 +1486,8 @@ function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           image: a,
           benefits: o,
           withShadow: !1,
-          tag: N,
-          promoTag: O,
+          tag: A,
+          promoTag: N,
           actions: C("div", {
             className: "flex gap-3",
             children: [c && n(M, {
@@ -1499,7 +1507,7 @@ function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           })
         })
       })
-    }), w && A && n(Ue, {
+    }), w && O && n(Ue, {
       open: !0,
       onClose: () => {
         D(), S(null);
@@ -1532,7 +1540,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: Ye,
             size: "sm",
             hideLabel: !0,
             onClick: f,
@@ -1614,9 +1622,9 @@ const gr = V(function({ primaryAction: t, secondaryAction: r, ...a }, o) {
   });
 });
 gr.displayName = "UpsellingBanner";
-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();
+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: A, hideLabel: N = !1 }) {
+  const [O, x] = T(!1), [b, w] = T(null), [S, y] = T(null), v = (P) => {
+    t(P), A && A();
   }, L = async (P) => {
     if (P.type === "upsell") {
       y(P);
@@ -1628,7 +1636,7 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
     }
   }, D = () => {
     w(null), x(!1), y(null), t(!1);
-  }, E = e && !A, p = g == null ? void 0 : g.map((P) => P.type === "upsell" ? {
+  }, E = e && !O, p = g == null ? void 0 : g.map((P) => P.type === "upsell" ? {
     ...P,
     onClick: () => L(P)
   } : P);
@@ -1644,7 +1652,7 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
           size: o,
           icon: i ? s : void 0,
           onClick: () => t(e),
-          hideLabel: O
+          hideLabel: N
         })
       }), n(ze, {
         side: l,
@@ -1676,7 +1684,7 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
 }
 const xr = Ta(null), wr = ({ children: e, fullScreen: t = !0 }) => {
   const r = pe(null), [a, o] = T(r.current);
-  return Oa(() => {
+  return Na(() => {
     o(r.current);
   }, []), n(xr.Provider, {
     value: {
@@ -1691,7 +1699,7 @@ const xr = Ta(null), wr = ({ children: e, fullScreen: t = !0 }) => {
       children: e
     })
   });
-}, Sr = ({ children: e }) => n(Na, {
+}, Sr = ({ children: e }) => n(Aa, {
   reducedMotion: "user",
   children: e
 }), 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, {
@@ -1747,7 +1755,7 @@ export {
   un as F0AvatarFile,
   dn as F0AvatarIcon,
   fn as F0AvatarList,
-  Ye as F0AvatarModule,
+  He as F0AvatarModule,
   pn as F0AvatarPerson,
   mn as F0AvatarTeam,
   M as F0Button,
@@ -1765,13 +1773,13 @@ export {
   Sn as F0TagBalance,
   Pn as F0TagCompany,
   Cn as F0TagDot,
-  Nn as F0TagList,
-  On as F0TagPerson,
+  An as F0TagList,
+  Nn as F0TagPerson,
   na as F0TagRaw,
   oa as F0TagStatus,
-  An as F0TagTeam,
+  On as F0TagTeam,
   kn as GROUP_ID_SYMBOL,
-  Hr as HomeLayout,
+  Yr as HomeLayout,
   Fr as LineChart,
   Ln as OneFilterPicker,
   Ir as PieChart,
@@ -1783,13 +1791,13 @@ export {
   _r as ProgressBarChart,
   Vr as StandardLayout,
   Dn as TagCounter,
-  Yr as TwoColumnLayout,
+  Hr as TwoColumnLayout,
   Ue as UpsellRequestResponseDialog,
   gr as UpsellingBanner,
   Je as UpsellingButton,
   Jr as UpsellingPopover,
   Er as VerticalBarChart,
-  Ar as avatarVariants,
+  Or as avatarVariants,
   Fn as buildTranslations,
   Rr as buttonDropdownSizes,
   Mr as buttonDropdownVariants,
@@ -1800,7 +1808,7 @@ export {
   En as createDataSourceDefinition,
   Zr as dataCollectionLocalStorageHandler,
   Wr as datepickerSizes,
-  Or as defaultTranslations,
+  Nr as defaultTranslations,
   We as experimental,
   _n as getAnimationVariants,
   jn as getDataSourcePaginationType,
@@ -1815,8 +1823,8 @@ export {
   Wn as useDataSource,
   Gn as useDndEvents,
   Vn as useDraggable,
-  Yn as useDroppableList,
-  Hn as useEmojiConfetti,
+  Hn as useDroppableList,
+  Yn as useEmojiConfetti,
   Un as useGroups,
   Jn as usePrivacyMode,
   Xn as useReducedMotion,

package/dist/{hooks-d0sWj0ci.js → hooks-BaU58qvY.js}

@@ -96194,13 +96194,13 @@ function Hkt({ schema: e, value: t, onChange: n, isCompactMode: r }) {
       className: "sticky bottom-0 left-0 right-0 flex items-center justify-between gap-2 border border-solid border-transparent border-t-f1-border-secondary bg-f1-background/80 p-2 backdrop-blur-[8px]",
       children: [l(mn, {
         variant: "outline",
-        label: "Select all",
+        label: a.filters.selectAll,
         onClick: y,
         disabled: C.length === 0 || Array.isArray(t) && t.length === C.length,
         size: "sm"
       }), l(mn, {
         variant: "ghost",
-        label: "Clear",
+        label: a.filters.clear,
         onClick: w,
         disabled: !Array.isArray(t) || t.length === 0,
         size: "sm"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "1.274.0",
+  "version": "1.275.0",
   "main": "dist/f0.js",
   "typings": "dist/f0.d.ts",
   "private": false,