@factorialco/f0-react 1.257.0 → 1.259.0

package/dist/f0.d.ts

@@ -1375,6 +1375,12 @@ export declare const defaultTranslations: {
         readonly previous: "Previous";
         readonly next: "Next";
     };
+    readonly inputs: {
+        readonly password: {
+            readonly show: "Show password";
+            readonly hide: "Hide password";
+        };
+    };
     readonly actions: {
         readonly add: "Add";
         readonly edit: "Edit";
@@ -1953,7 +1959,7 @@ export declare interface F0ButtonToggleProps {
     /**
      * The accessible label for the button.
      */
-    label: string;
+    label: string | [string, string];
     /**
      * Whether the button is disabled.
      */

package/dist/f0.js

@@ -1,5 +1,5 @@
-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-Bj3h_byv.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-Bj3h_byv.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 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-nJDkwAyV.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 Hn, bm as Un, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-nJDkwAyV.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 V, useEffect as B, useMemo as se, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Da } from "react";
@@ -22,6 +22,12 @@ const Ar = {
     previous: "Previous",
     next: "Next"
   },
+  inputs: {
+    password: {
+      show: "Show password",
+      hide: "Hide password"
+    }
+  },
   actions: {
     add: "Add",
     edit: "Edit",
@@ -459,7 +465,7 @@ function ee(e) {
     return r.__proto__ || Object.getPrototypeOf(r);
   }, ee(e);
 }
-function Ua(e, t) {
+function Ha(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);
@@ -473,10 +479,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 = Ha(e, "string");
+  var t = Ua(e, "string");
   return z(t) == "symbol" ? t : t + "";
 }
-function Ha(e, t) {
+function Ua(e, t) {
   if (z(e) != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -504,7 +510,7 @@ var Y = /* @__PURE__ */ function(e) {
       });
     }), j(r, "id", St("recharts-scatter-")), r;
   }
-  return Ua(t, e), qa(t, [{
+  return Ha(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);
@@ -810,8 +816,8 @@ const Xa = (e) => {
           label: p.activeLabel,
           values: {}
         };
-        for (const U of p.activePayload)
-          S.values[U.name] = U.value;
+        for (const H of p.activePayload)
+          S.values[H.name] = H.value;
         u(S);
       },
       children: [!s && n(Ft, {
@@ -848,9 +854,9 @@ const Xa = (e) => {
         hide: r == null ? void 0 : r.hide,
         tick: m ? (p) => {
           var be, ge;
-          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();
+          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();
           return C("g", {
-            transform: `translate(${S},${U})`,
+            transform: `translate(${S},${H})`,
             children: [n("text", {
               x: 0,
               y: 0,
@@ -858,7 +864,7 @@ const Xa = (e) => {
               textAnchor: "middle",
               className: "text-sm font-medium !text-f1-foreground-secondary",
               children: ve.value
-            }), !!H && n("text", {
+            }), !!U && n("text", {
               x: 0,
               y: 0,
               dy: 28,
@@ -1063,7 +1069,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 = Ut, de = ({ count: e, list: t }) => {
+), $r = Yt, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Ht, de = ({ count: e, list: t }) => {
   const [r, a] = D(!1), o = n(Z, {
     label: `+${e}`
   });
@@ -1073,7 +1079,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
     children: [n(Re, {
       asChild: !0,
       children: n("button", {
-        className: Ht("inline-flex flex-shrink-0 items-center"),
+        className: Ut("inline-flex flex-shrink-0 items-center"),
         children: o
       })
     }), n(ze, {
@@ -1327,7 +1333,7 @@ const Vr = I({
 }, ut), Yr = I({
   name: "TwoColumnLayout",
   type: "layout"
-}, fr), Ur = I({
+}, fr), Hr = I({
   name: "HomeLayout",
   type: "layout"
 }, dr), hr = ({ benefits: e }) => n("div", {
@@ -1414,7 +1420,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
           }), r]
         }), n(da, {
           variant: "outline",
-          icon: Ue,
+          icon: He,
           onClick: t,
           label: "Close modal",
           hideLabel: !0
@@ -1429,7 +1435,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
     })
   });
 }
-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 }) {
+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] = D(e), [w, P] = D(null), [y, v] = D(!1), L = async () => {
     if (c != null && c.onClick) {
       v(!0);
@@ -1479,7 +1485,7 @@ function Hr({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
           })
         })
       })
-    }), w && O && n(He, {
+    }), w && O && n(Ue, {
       open: !0,
       onClose: () => {
         T(), P(null);
@@ -1512,7 +1518,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: Ue,
+            icon: He,
             size: "sm",
             hideLabel: !0,
             onClick: f,
@@ -1642,7 +1648,7 @@ 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(He, {
+    }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(Ue, {
       open: !0,
       onClose: T,
       success: b === "success",
@@ -1751,20 +1757,20 @@ export {
   oa as F0TagStatus,
   On as F0TagTeam,
   kn as GROUP_ID_SYMBOL,
-  Ur as HomeLayout,
+  Hr as HomeLayout,
   Fr as LineChart,
   Ln as OneFilterPicker,
   Ir as PieChart,
   Pa as PrivacyModeProvider,
   dt as ProductBlankslate,
   Dn as ProductCard,
-  Hr as ProductModal,
+  Ur as ProductModal,
   br as ProductWidget,
   Er as ProgressBarChart,
   Vr as StandardLayout,
   Tn as TagCounter,
   Yr as TwoColumnLayout,
-  He as UpsellRequestResponseDialog,
+  Ue as UpsellRequestResponseDialog,
   gr as UpsellingBanner,
   Je as UpsellingButton,
   Jr as UpsellingPopover,
@@ -1796,8 +1802,8 @@ export {
   Gn as useDndEvents,
   Vn as useDraggable,
   Yn as useDroppableList,
-  Un as useEmojiConfetti,
-  Hn as useGroups,
+  Hn as useEmojiConfetti,
+  Un as useGroups,
   Jn as usePrivacyMode,
   Xn as useReducedMotion,
   Zn as useSelectable,

package/dist/{hooks-Bj3h_byv.js → hooks-nJDkwAyV.js}

@@ -51257,11 +51257,11 @@ ZX.displayName = QTe;
 var JTe = ZX;
 const eHe = re(({ onSelectedChange: e = () => {
 }, selected: t = !1, label: n, disabled: r = !1, icon: a, size: i = "md", ...o }, s) => {
-  const l = !Array.isArray(a), [u, d] = l ? [a, a] : a, f = {
+  const l = !Array.isArray(a), [u, d] = l ? [a, a] : a, f = !Array.isArray(n), [m, g] = f ? [n, n] : n, C = {
     sm: "h-6",
     md: "h-8",
     lg: "h-10"
-  }, m = We(() => l ? void 0 : {
+  }, v = We(() => l ? void 0 : {
     initial: {
       opacity: 0,
       scale: 0.8
@@ -51278,36 +51278,38 @@ const eHe = re(({ onSelectedChange: e = () => {
       duration: 0.25,
       ease: "easeOut"
     }
-  }, [l]), [g, C] = Pe(t), v = (y) => {
-    C(y), e == null || e(y);
+  }, [l]), [y, b] = Pe(t), w = (L) => {
+    b(L), e == null || e(L);
   };
-  return Ae(() => {
-    g !== t && C(t);
-  }, [t]), c(JTe, {
+  Ae(() => {
+    y !== t && b(t);
+  }, [t]);
+  const x = y ? g : m;
+  return c(JTe, {
     ref: s,
-    pressed: g,
-    onPressedChange: v,
+    pressed: y,
+    onPressedChange: w,
     disabled: r,
-    "aria-label": n,
-    title: n,
+    "aria-label": x,
+    title: x,
     className: oe("aspect-square px-0", "flex items-center justify-center", ir(), SM({
       size: i
     }), EM({
-      variant: g ? "selected" : "ghost"
-    }), f[i]),
+      variant: y ? "selected" : "ghost"
+    }), C[i]),
     ...o,
     children: c(Yr, {
       initial: !1,
-      children: g ? c(Rn.div, {
+      children: y ? c(Rn.div, {
         className: "absolute flex items-center justify-center",
-        ...m,
+        ...v,
         children: c(ft, {
           icon: d,
           size: i
         })
       }, "icon-on") : c(Rn.div, {
         className: "absolute flex items-center justify-center",
-        ...m,
+        ...v,
         children: c(ft, {
           icon: u,
           size: i

package/package.json

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