@factorialco/f0-react 1.201.6 → 1.201.7

package/dist/f0.js

@@ -1,9 +1,9 @@
-import { C as v, L as me, c as ve, P as H, a as b, f as ge, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as U, i as G, j as Pe, k as W, S as Y, l as M, m as J, n as Se, O as Fe, o as X, p as ke, q as De, F as K, r as Me, s as Te, t as Be, D as Ie, u as Re, v as Oe, w as $e, x as Q, y as w, U as Z, z as Ee, E as _e, G as V, H as je, I as ee, J as Ve, K as ze, M as qe, N as Ae, Q as He, R as Ue, X as Ge, T as We, W as Ye, Y as Je, Z as Xe } from "./hooks-DmNAjFCl.js";
-import { ay as Ua, _ as Ga, aA as Wa, aJ as Ya, $ as Ja, a0 as Xa, a1 as Ka, a2 as Qa, a3 as Za, a4 as es, a5 as as, a6 as ss, a8 as rs, a9 as ts, aa as ls, ab as os, aF as ns, ad as is, ae as cs, af as ds, ag as us, aj as fs, ak as hs, al as ps, am as ms, ao as vs, ac as gs, an as bs, ai as xs, aG as Cs, az as ys, at as ws, aw as Ns, as as Ls, aK as Ps, ar as Ss, aq as Fs, a7 as ks, ah as Ds, ap as Ms, au as Ts, aB as Bs, aC as Is, aD as Rs, aL as Os, av as $s, aE as Es, aI as _s, ax as js, aH as Vs } from "./hooks-DmNAjFCl.js";
-import { jsx as e, jsxs as d, Fragment as $ } from "react/jsx-runtime";
+import { C as g, L as me, c as ge, P as H, a as b, f as ve, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as U, i as G, j as Pe, k as W, S as Y, l as M, m as J, n as Se, O as Fe, o as X, p as ke, q as De, F as K, r as Me, s as Te, t as Be, D as Ie, u as Re, v as Oe, w as $e, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as qe, N as Ae, Q as He, R as Ue, X as Ge, T as We, W as Ye, Y as Je, Z as Xe, _ as Ke } from "./hooks-Bg3-9LHc.js";
+import { az as Ga, $ as Wa, aB as Ya, aK as Ja, a0 as Xa, a1 as Ka, a2 as Qa, a3 as Za, a4 as es, a5 as as, a6 as ss, a7 as rs, a9 as ts, aa as ls, ab as os, ac as ns, aG as is, ae as ds, af as cs, ag as us, ah as fs, ak as hs, al as ps, am as ms, an as gs, ap as vs, ad as bs, ao as xs, aj as Cs, aH as ys, aA as ws, au as Ns, ax as Ls, at as Ps, aL as Ss, as as Fs, ar as ks, a8 as Ds, ai as Ms, aq as Ts, av as Bs, aC as Is, aD as Rs, aE as Os, aM as $s, aw as Es, aF as _s, aJ as js, ay as zs, aI as Vs } from "./hooks-Bg3-9LHc.js";
+import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
 import * as E from "react";
-import Ke, { useState as g, forwardRef as B, useRef as ae, useImperativeHandle as Qe, Children as Ze, useEffect as se, createContext as ea } from "react";
-const Pa = {
+import Qe, { useState as v, forwardRef as B, useRef as ae, useImperativeHandle as Ze, Children as ea, useEffect as se, createContext as aa } from "react";
+const Sa = {
   approvals: {
     history: "Approval history",
     statuses: {
@@ -78,7 +78,8 @@ const Pa = {
       kanban: "Kanban view",
       pagination: {
         of: "of"
-      }
+      },
+      settings: "{%visualizationName} settings"
     },
     itemsCount: "items",
     emptyStates: {
@@ -192,27 +193,27 @@ const Pa = {
     noResults: "No results found",
     loadingMore: "Loading..."
   }
-}, Sa = v(
+}, Fa = g(
   {
     name: "Link",
     type: "info"
   },
   me
-), Fa = ["person", "team", "company", "file"];
-var _ = "Progress", j = 100, [aa, ka] = ve(_), [sa, ra] = aa(_), re = E.forwardRef(
+), ka = ["person", "team", "company", "file"];
+var _ = "Progress", j = 100, [sa, Da] = ge(_), [ra, ta] = sa(_), re = E.forwardRef(
   (a, s) => {
     const {
       __scopeProgress: r,
       value: t = null,
       max: l,
-      getValueLabel: c = ta,
+      getValueLabel: d = la,
       ...n
     } = a;
-    (l || l === 0) && !z(l) && console.error(la(`${l}`, "Progress"));
-    const i = z(l) ? l : j;
-    t !== null && !q(t, i) && console.error(oa(`${t}`, "Progress"));
-    const o = q(t, i) ? t : null, f = T(o) ? c(o, i) : void 0;
-    return /* @__PURE__ */ e(sa, { scope: r, value: o, max: i, children: /* @__PURE__ */ e(
+    (l || l === 0) && !V(l) && console.error(oa(`${l}`, "Progress"));
+    const i = V(l) ? l : j;
+    t !== null && !q(t, i) && console.error(na(`${t}`, "Progress"));
+    const o = q(t, i) ? t : null, f = T(o) ? d(o, i) : void 0;
+    return /* @__PURE__ */ e(ra, { scope: r, value: o, max: i, children: /* @__PURE__ */ e(
       H.div,
       {
         "aria-valuemax": i,
@@ -232,7 +233,7 @@ var _ = "Progress", j = 100, [aa, ka] = ve(_), [sa, ra] = aa(_), re = E.forwardR
 re.displayName = _;
 var te = "ProgressIndicator", le = E.forwardRef(
   (a, s) => {
-    const { __scopeProgress: r, ...t } = a, l = ra(te, r);
+    const { __scopeProgress: r, ...t } = a, l = ta(te, r);
     return /* @__PURE__ */ e(
       H.div,
       {
@@ -246,7 +247,7 @@ var te = "ProgressIndicator", le = E.forwardRef(
   }
 );
 le.displayName = te;
-function ta(a, s) {
+function la(a, s) {
   return `${Math.round(a / s * 100)}%`;
 }
 function oe(a, s) {
@@ -255,16 +256,16 @@ function oe(a, s) {
 function T(a) {
   return typeof a == "number";
 }
-function z(a) {
+function V(a) {
   return T(a) && !isNaN(a) && a > 0;
 }
 function q(a, s) {
   return T(a) && !isNaN(a) && a <= s && a >= 0;
 }
-function la(a, s) {
+function oa(a, s) {
   return `Invalid prop \`max\` of value \`${a}\` supplied to \`${s}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${j}\`.`;
 }
-function oa(a, s) {
+function na(a, s) {
   return `Invalid prop \`value\` of value \`${a}\` supplied to \`${s}\`. The \`value\` prop must be:
   - a positive number
   - less than the value passed to \`max\` (or ${j} if no \`max\` prop is set)
@@ -272,7 +273,7 @@ function oa(a, s) {
 
 Defaulting to \`null\`.`;
 }
-var ne = re, na = le;
+var ne = re, ia = le;
 const ie = E.forwardRef(({ className: a, value: s, ...r }, t) => /* @__PURE__ */ e(
   ne,
   {
@@ -283,7 +284,7 @@ const ie = E.forwardRef(({ className: a, value: s, ...r }, t) => /* @__PURE__ */
     ),
     ...r,
     children: /* @__PURE__ */ e(
-      na,
+      ia,
       {
         className: "h-full w-full flex-1 transition-all",
         style: {
@@ -295,13 +296,13 @@ const ie = E.forwardRef(({ className: a, value: s, ...r }, t) => /* @__PURE__ */
   }
 ));
 ie.displayName = ne.displayName;
-const ia = ({ value: a, max: s = 100, label: r, color: t }, l) => {
-  const c = t || be(0), n = a / s * 100;
-  return /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", "aria-live": "polite", children: [
+const da = ({ value: a, max: s = 100, label: r, color: t }, l) => {
+  const d = t || be(0), n = a / s * 100;
+  return /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", "aria-live": "polite", children: [
     /* @__PURE__ */ e("div", { className: "flex-grow", children: /* @__PURE__ */ e(
       ie,
       {
-        color: c,
+        color: d,
         value: n,
         className: "w-full",
         "aria-valuemin": 0,
@@ -312,63 +313,63 @@ const ia = ({ value: a, max: s = 100, label: r, color: t }, l) => {
     ) }),
     r && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sm font-medium", children: r })
   ] });
-}, ca = ge(ia), Da = v(
+}, ca = ve(da), Ma = g(
   {
     name: "AreaChart",
     type: "info"
   },
   xe
-), Ma = v(
+), Ta = g(
   {
     name: "BarChart",
     type: "info"
   },
   Ce
-), Ta = v(
+), Ba = g(
   {
     name: "CategoryBarChart",
     type: "info"
   },
   ye
-), Ba = v(
+), Ia = g(
   {
     name: "LineChart",
     type: "info"
   },
   we
-), Ia = v(
+), Ra = g(
   {
     name: "PieChart",
     type: "info"
   },
   Ne
-), Ra = v(
+), Oa = g(
   {
     name: "VerticalBarChart",
     type: "info"
   },
   Le
-), Oa = v(
+), $a = g(
   {
     name: "ProgressBarChart",
     type: "info"
   },
   ca
 ), O = ({ count: a, list: s }) => {
-  const [r, t] = g(!1), l = /* @__PURE__ */ e(M, { label: `+${a}` });
-  return s != null && s.length ? /* @__PURE__ */ d(U, { open: r, onOpenChange: t, children: [
+  const [r, t] = v(!1), l = /* @__PURE__ */ e(M, { label: `+${a}` });
+  return s != null && s.length ? /* @__PURE__ */ c(U, { open: r, onOpenChange: t, children: [
     /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e("button", { className: Pe("inline-flex flex-shrink-0 items-center"), children: l }) }),
     /* @__PURE__ */ e(
       W,
       {
         className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
         align: "end",
-        children: /* @__PURE__ */ d(Y, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col", children: [
-          s.map((c, n) => /* @__PURE__ */ e(
+        children: /* @__PURE__ */ c(Y, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col", children: [
+          s.map((d, n) => /* @__PURE__ */ e(
             "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: /* @__PURE__ */ e(M, { ...c })
+              children: /* @__PURE__ */ e(M, { ...d })
             },
             n
           )),
@@ -385,7 +386,7 @@ const ia = ({ value: a, max: s = 100, label: r, color: t }, l) => {
   ] }) : l;
 };
 O.displayName = "ChipCounter";
-const ce = ({
+const de = ({
   chips: a,
   max: s = 4,
   remainingCount: r,
@@ -410,45 +411,45 @@ const ce = ({
         className: "flex-1"
       }
     );
-  const l = a.slice(0, s), c = a.slice(s), n = r ?? a.length - s, i = n > 0;
-  return /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  const l = a.slice(0, s), d = a.slice(s), n = r ?? a.length - s, i = n > 0;
+  return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
     l.map((o, f) => /* @__PURE__ */ e(M, { ...o }, f)),
     i && /* @__PURE__ */ e(
       O,
       {
         count: n,
-        list: r ? void 0 : c
+        list: r ? void 0 : d
       }
     )
   ] });
 };
-ce.displayName = "F0ChipList";
-const $a = Se(
+de.displayName = "F0ChipList";
+const Ea = Se(
   "F0ChipList",
-  ce
-), da = {
+  de
+), ua = {
   xs: 1,
   sm: 2,
   md: 2,
   lg: 2
-}, ua = B(function({ widgets: s, children: r }, t) {
+}, fa = B(function({ widgets: s, children: r }, t) {
   const l = ae(null);
-  Qe(t, () => l.current);
-  const c = Ze.toArray(s).filter((n) => !!n).map((n, i) => /* @__PURE__ */ e("div", { className: "h-full @5xl:h-auto [&>div]:h-full", children: n }, i));
-  return /* @__PURE__ */ e(X, { layout: "home", children: /* @__PURE__ */ d("div", { ref: l, className: "@container", children: [
-    /* @__PURE__ */ d("div", { className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden", children: [
-      /* @__PURE__ */ e(ke, { columns: da, showArrows: !1, children: c }),
+  Ze(t, () => l.current);
+  const d = ea.toArray(s).filter((n) => !!n).map((n, i) => /* @__PURE__ */ e("div", { className: "h-full @5xl:h-auto [&>div]:h-full", children: n }, i));
+  return /* @__PURE__ */ e(X, { layout: "home", children: /* @__PURE__ */ c("div", { ref: l, className: "@container", children: [
+    /* @__PURE__ */ c("div", { className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden", children: [
+      /* @__PURE__ */ e(ke, { columns: ua, showArrows: !1, children: d }),
       /* @__PURE__ */ e("main", { children: r })
     ] }),
-    /* @__PURE__ */ d("div", { className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid", children: [
-      /* @__PURE__ */ e("div", { className: "col-span-3 flex flex-row gap-5 *:flex-1", children: c.slice(0, 3) }),
+    /* @__PURE__ */ c("div", { className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid", children: [
+      /* @__PURE__ */ e("div", { className: "col-span-3 flex flex-row gap-5 *:flex-1", children: d.slice(0, 3) }),
       /* @__PURE__ */ e("main", { className: "col-span-2", children: r }),
-      /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5", children: c.slice(3) })
+      /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5", children: d.slice(3) })
     ] })
   ] }) });
-}), fa = B(
+}), ha = B(
   function({ children: s, sideContent: r, mainColumnPosition: t = "left" }, l) {
-    return /* @__PURE__ */ e("div", { ref: l, className: "h-full overflow-auto", children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ e("div", { ref: l, className: "h-full overflow-auto", children: /* @__PURE__ */ c(
       "div",
       {
         className: b(
@@ -472,42 +473,42 @@ const $a = Se(
       }
     ) });
   }
-), A = ({ children: a }) => /* @__PURE__ */ e("aside", { className: "py-5 pl-2 pr-4 sm:basis-1/4 sm:pb-6", children: a }), ha = De({
+), A = ({ children: a }) => /* @__PURE__ */ e("aside", { className: "py-5 pl-2 pr-4 sm:basis-1/4 sm:pb-6", children: a }), pa = De({
   base: "relative flex min-h-full w-full flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
   variants: {
     variant: {
       narrow: "max-w-screen-lg"
     }
   }
-}), de = Ke.forwardRef(({ children: a, variant: s, className: r, ...t }, l) => /* @__PURE__ */ e(X, { layout: "standard", children: /* @__PURE__ */ e(
+}), ce = Qe.forwardRef(({ children: a, variant: s, className: r, ...t }, l) => /* @__PURE__ */ e(X, { layout: "standard", children: /* @__PURE__ */ e(
   "section",
   {
     ref: l,
     className: b("relative flex-1 overflow-auto", r),
     ...t,
-    children: /* @__PURE__ */ e("div", { className: b(ha({ variant: s })), children: a })
+    children: /* @__PURE__ */ e("div", { className: b(pa({ variant: s })), children: a })
   }
 ) }));
-de.displayName = "StandardLayout";
-const Ea = v(
+ce.displayName = "StandardLayout";
+const _a = g(
   {
     name: "StandardLayout",
     type: "layout"
   },
-  de
-), _a = v(
+  ce
+), ja = g(
   {
     name: "TwoColumnLayout",
     type: "layout"
   },
-  fa
-), ja = v(
+  ha
+), za = g(
   {
     name: "HomeLayout",
     type: "layout"
   },
-  ua
-), pa = ({ benefits: a }) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a.map((s, r) => /* @__PURE__ */ e(ma, { text: s }, r)) }), ma = ({ text: a }) => /* @__PURE__ */ d("div", { className: "flex flex-row items-start gap-2", children: [
+  fa
+), ma = ({ benefits: a }) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a.map((s, r) => /* @__PURE__ */ e(ga, { text: s }, r)) }), ga = ({ text: a }) => /* @__PURE__ */ c("div", { className: "flex flex-row items-start gap-2", children: [
   /* @__PURE__ */ e(Te, { icon: Be, size: "md", className: "text-f1-icon-positive" }),
   /* @__PURE__ */ e("span", { children: a })
 ] }), ue = B(
@@ -517,10 +518,10 @@ const Ea = v(
     benefits: r,
     actions: t,
     withShadow: l = !0,
-    module: c,
+    module: d,
     moduleName: n,
     tag: i
-  }, o) => /* @__PURE__ */ d(
+  }, o) => /* @__PURE__ */ c(
     "div",
     {
       ref: o,
@@ -537,17 +538,17 @@ const Ea = v(
             className: "h-full w-full rounded-lg object-cover"
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col justify-center gap-8 px-8 py-5", children: [
-          /* @__PURE__ */ d("div", { className: "flex flex-col gap-5", children: [
-            /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ d("div", { className: "flex flex-row items-center gap-2", children: [
-                c && /* @__PURE__ */ e(K, { module: c }),
+        /* @__PURE__ */ c("div", { className: "flex flex-col justify-center gap-8 px-8 py-5", children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-col gap-5", children: [
+            /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ c("div", { className: "flex flex-row items-center gap-2", children: [
+                d && /* @__PURE__ */ e(K, { module: d }),
                 n && /* @__PURE__ */ e("p", { className: "text-base font-medium text-f1-foreground", children: n })
               ] }),
               i && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(Me, { icon: i.icon, text: i.label }) }),
               /* @__PURE__ */ e("h2", { className: "font-bold text-xl text-f1-foreground", children: a })
             ] }),
-            /* @__PURE__ */ e(pa, { benefits: r })
+            /* @__PURE__ */ e(ma, { benefits: r })
           ] }),
           t && /* @__PURE__ */ e("div", { className: "flex gap-3", children: t })
         ] })
@@ -562,21 +563,21 @@ function va({
   title: r,
   children: t,
   module: l,
-  portalContainer: c
+  portalContainer: d
 }) {
-  const [n, i] = g(a);
+  const [n, i] = v(a);
   return se(() => {
     i(a);
   }, [a]), /* @__PURE__ */ e(Ie, { open: n, onOpenChange: (f) => {
     i(f), f || s();
-  }, modal: !0, children: /* @__PURE__ */ d(
+  }, modal: !0, children: /* @__PURE__ */ c(
     Re,
     {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
-      container: c,
+      container: d,
       children: [
-        /* @__PURE__ */ d("div", { className: "flex flex-row items-center justify-between px-4 py-4", children: [
-          /* @__PURE__ */ d(Oe, { className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground", children: [
+        /* @__PURE__ */ c("div", { className: "flex flex-row items-center justify-between px-4 py-4", children: [
+          /* @__PURE__ */ c(Oe, { className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground", children: [
             l && /* @__PURE__ */ e(K, { module: l, size: "lg" }),
             r
           ] }),
@@ -591,7 +592,7 @@ function va({
             }
           )
         ] }),
-        /* @__PURE__ */ d(Y, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col", children: [
+        /* @__PURE__ */ c(Y, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col", children: [
           t,
           /* @__PURE__ */ e(
             J,
@@ -611,7 +612,7 @@ function Va({
   title: r,
   image: t,
   benefits: l,
-  errorMessage: c,
+  errorMessage: d,
   successMessage: n,
   loadingState: i,
   nextSteps: o,
@@ -623,7 +624,7 @@ function Va({
   portalContainer: x,
   tag: S
 }) {
-  const [I, F] = g(a), [C, y] = g(null), [P, p] = g(!1), k = async () => {
+  const [I, F] = v(a), [C, y] = v(null), [P, p] = v(!1), k = async () => {
     if (h != null && h.onClick) {
       p(!0);
       try {
@@ -637,7 +638,7 @@ function Va({
   }, D = () => {
     F(!1), s == null || s();
   }, R = P;
-  return /* @__PURE__ */ d($, { children: [
+  return /* @__PURE__ */ c($, { children: [
     /* @__PURE__ */ e(
       va,
       {
@@ -654,7 +655,7 @@ function Va({
             benefits: l,
             withShadow: !1,
             tag: S,
-            actions: /* @__PURE__ */ d("div", { className: "flex gap-3", children: [
+            actions: /* @__PURE__ */ c("div", { className: "flex gap-3", children: [
               h && /* @__PURE__ */ e(
                 w,
                 {
@@ -689,7 +690,7 @@ function Va({
           D(), y(null);
         },
         success: C === "success",
-        errorMessage: c,
+        errorMessage: d,
         successMessage: n,
         nextSteps: o,
         closeLabel: f,
@@ -698,26 +699,26 @@ function Va({
     )
   ] });
 }
-function ga({
+function ba({
   mediaUrl: a,
   title: s,
   description: r,
   onClose: t,
   dismissible: l,
-  width: c,
+  width: d,
   trackVisibility: n,
   actions: i,
   showConfirmation: o = !0
 }) {
-  const [f, h] = g(!1), N = () => {
+  const [f, h] = v(!1), N = () => {
     h(!0), t && t();
   };
   se(() => {
     n && n(!f);
   }, [n, f]);
   const L = a == null ? void 0 : a.includes(".mp4");
-  return /* @__PURE__ */ e($, { children: f ? null : /* @__PURE__ */ d(Ee, { style: { width: c }, className: "relative bg-f1-background p-1", children: [
-    /* @__PURE__ */ d(_e, { children: [
+  return /* @__PURE__ */ e($, { children: f ? null : /* @__PURE__ */ c(Ee, { style: { width: d }, className: "relative bg-f1-background p-1", children: [
+    /* @__PURE__ */ c(_e, { children: [
       l && /* @__PURE__ */ e("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ e(
         w,
         {
@@ -729,7 +730,7 @@ function ga({
           label: "Close"
         }
       ) }),
-      /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ c("div", { children: [
         /* @__PURE__ */ e("div", { children: a && (L ? /* @__PURE__ */ e(
           "video",
           {
@@ -748,9 +749,9 @@ function ga({
             className: "h-full w-full rounded-md"
           }
         )) }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col gap-[2px] p-3", children: [
-          /* @__PURE__ */ e(V, { className: "text-lg font-medium", children: s }),
-          /* @__PURE__ */ e(V, { className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary", children: r })
+        /* @__PURE__ */ c("div", { className: "flex flex-col gap-[2px] p-3", children: [
+          /* @__PURE__ */ e(z, { className: "text-lg font-medium", children: s }),
+          /* @__PURE__ */ e(z, { className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary", children: r })
         ] })
       ] })
     ] }),
@@ -781,9 +782,9 @@ function ga({
     ) })
   ] }) });
 }
-const ba = B(
+const xa = B(
   function({ primaryAction: s, secondaryAction: r, ...t }, l) {
-    const c = (o) => o.variant === "promote" ? /* @__PURE__ */ e(
+    const d = (o) => o.variant === "promote" ? /* @__PURE__ */ e(
       ee,
       {
         label: o.label,
@@ -809,32 +810,32 @@ const ba = B(
         icon: o.icon
       }
     ), n = (s == null ? void 0 : s.variant) !== "promote" ? s : void 0, i = (r == null ? void 0 : r.variant) !== "promote" ? r : void 0;
-    return /* @__PURE__ */ d(
-      Ve,
+    return /* @__PURE__ */ c(
+      ze,
       {
         ref: l,
         ...t,
         primaryAction: n,
         secondaryAction: i,
         children: [
-          (s == null ? void 0 : s.variant) === "promote" && c(s),
-          (r == null ? void 0 : r.variant) === "promote" && c(r)
+          (s == null ? void 0 : s.variant) === "promote" && d(s),
+          (r == null ? void 0 : r.variant) === "promote" && d(r)
         ]
       }
     );
   }
 );
-ba.displayName = "UpsellingBanner";
-function za({
+xa.displayName = "UpsellingBanner";
+function qa({
   isOpen: a,
   setIsOpen: s,
   label: r,
   variant: t = "promote",
   size: l = "md",
-  showIcon: c = !0,
+  showIcon: d = !0,
   side: n = "right",
   align: i = "center",
-  icon: o = ze,
+  icon: o = Ve,
   mediaUrl: f,
   title: h,
   description: N,
@@ -844,7 +845,7 @@ function za({
   onClick: S,
   hideLabel: I = !1
 }) {
-  const [F, C] = g(!1), [y, P] = g(null), [p, k] = g(null), D = (m) => {
+  const [F, C] = v(!1), [y, P] = v(null), [p, k] = v(null), D = (m) => {
     s(m), S && S();
   }, R = async (m) => {
     if (m.type === "upsell") {
@@ -861,15 +862,15 @@ function za({
     ...m,
     onClick: () => R(m)
   } : m);
-  return /* @__PURE__ */ d($, { children: [
-    /* @__PURE__ */ d(U, { open: he, onOpenChange: D, children: [
+  return /* @__PURE__ */ c($, { children: [
+    /* @__PURE__ */ c(U, { open: he, onOpenChange: D, children: [
       /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
         w,
         {
           variant: t,
           label: r,
           size: l,
-          icon: c ? o : void 0,
+          icon: d ? o : void 0,
           onClick: () => s(a),
           hideLabel: I
         }
@@ -881,7 +882,7 @@ function za({
           align: i,
           className: "w-fit border-none bg-transparent p-2 shadow-none",
           children: /* @__PURE__ */ e(
-            ga,
+            ba,
             {
               mediaUrl: f,
               title: h,
@@ -912,13 +913,13 @@ function za({
     )
   ] });
 }
-const xa = ea(
+const Ca = aa(
   null
-), Ca = ({ children: a, fullScreen: s = !0 }) => {
-  const r = ae(null), [t, l] = g(r.current);
-  return Xe(() => {
+), ya = ({ children: a, fullScreen: s = !0 }) => {
+  const r = ae(null), [t, l] = v(r.current);
+  return Ke(() => {
     l(r.current);
-  }, []), /* @__PURE__ */ e(xa.Provider, { value: { element: t }, children: /* @__PURE__ */ e(
+  }, []), /* @__PURE__ */ e(Ca.Provider, { value: { element: t }, children: /* @__PURE__ */ e(
     "div",
     {
       ref: r,
@@ -929,109 +930,116 @@ const xa = ea(
       children: a
     }
   ) });
-}, ya = ({
+}, wa = ({
   children: a
-}) => /* @__PURE__ */ e(Je, { reducedMotion: "user", children: a }), qa = ({
+}) => /* @__PURE__ */ e(Xe, { reducedMotion: "user", children: a }), Aa = ({
   children: a,
   layout: s,
   link: r,
   privacyModeInitiallyEnabled: t,
   image: l,
-  i18n: c,
+  i18n: d,
   l10n: n,
   isDev: i = !1,
-  showExperimentalWarnings: o = !1
-}) => /* @__PURE__ */ e(ya, { children: /* @__PURE__ */ e(
+  dataCollectionStorageHandler: o,
+  showExperimentalWarnings: f = !1
+}) => /* @__PURE__ */ e(wa, { children: /* @__PURE__ */ e(
   qe,
   {
     isDev: i,
-    showExperimentalWarnings: o,
-    children: /* @__PURE__ */ e(Ae, { ...n, children: /* @__PURE__ */ e(He, { ...c, children: /* @__PURE__ */ e(Ue, { ...r, children: /* @__PURE__ */ e(Ca, { ...s, children: /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
+    showExperimentalWarnings: f,
+    children: /* @__PURE__ */ e(Ae, { ...n, children: /* @__PURE__ */ e(He, { ...d, children: /* @__PURE__ */ e(Ue, { ...r, children: /* @__PURE__ */ e(ya, { ...s, children: /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(
       We,
       {
         initiallyEnabled: t,
-        children: /* @__PURE__ */ e(Ye, { ...l, children: a })
+        children: /* @__PURE__ */ e(Ye, { ...l, children: /* @__PURE__ */ e(
+          Je,
+          {
+            handler: o,
+            children: a
+          }
+        ) })
       }
     ) }) }) }) }) })
   }
 ) });
 export {
-  Da as AreaChart,
-  Ua as Await,
-  Ma as BarChart,
+  Ma as AreaChart,
+  Ga as Await,
+  Ta as BarChart,
   w as Button,
-  Ta as CategoryBarChart,
-  Ga as CopyButton,
-  Wa as DndProvider,
-  Ya as EmojiImage,
-  Ja as F0Avatar,
-  Xa as F0AvatarAlert,
-  Ka as F0AvatarCompany,
-  Qa as F0AvatarDate,
-  Za as F0AvatarEmoji,
-  es as F0AvatarFile,
-  as as F0AvatarIcon,
-  ss as F0AvatarList,
+  Ba as CategoryBarChart,
+  Wa as CopyButton,
+  Ya as DndProvider,
+  Ja as EmojiImage,
+  Xa as F0Avatar,
+  Ka as F0AvatarAlert,
+  Qa as F0AvatarCompany,
+  Za as F0AvatarDate,
+  es as F0AvatarEmoji,
+  as as F0AvatarFile,
+  ss as F0AvatarIcon,
+  rs as F0AvatarList,
   K as F0AvatarModule,
-  rs as F0AvatarPerson,
-  ts as F0AvatarTeam,
-  ls as F0Card,
-  os as F0Checkbox,
-  $a as F0ChipList,
-  ns as F0EventCatcherProvider,
+  ts as F0AvatarPerson,
+  ls as F0AvatarTeam,
+  os as F0Card,
+  ns as F0Checkbox,
+  Ea as F0ChipList,
+  is as F0EventCatcherProvider,
   Te as F0Icon,
-  is as F0TagAlert,
+  Aa as F0Provider,
+  ds as F0TagAlert,
   cs as F0TagBalance,
-  ds as F0TagCompany,
-  us as F0TagDot,
-  fs as F0TagList,
-  hs as F0TagPerson,
+  us as F0TagCompany,
+  fs as F0TagDot,
+  hs as F0TagList,
+  ps as F0TagPerson,
   Me as F0TagRaw,
-  ps as F0TagStatus,
-  ms as F0TagTeam,
-  qa as FactorialOneProvider,
+  ms as F0TagStatus,
+  gs as F0TagTeam,
   vs as GROUP_ID_SYMBOL,
-  ja as HomeLayout,
-  Ba as LineChart,
-  Sa as Link,
-  gs as OneFilterPicker,
-  Ia as PieChart,
+  za as HomeLayout,
+  Ia as LineChart,
+  Fa as Link,
+  bs as OneFilterPicker,
+  Ra as PieChart,
   We as PrivacyModeProvider,
   ue as ProductBlankslate,
-  bs as ProductCard,
+  xs as ProductCard,
   Va as ProductModal,
-  ga as ProductWidget,
-  Oa as ProgressBarChart,
-  Ea as StandardLayout,
-  xs as TagCounter,
-  _a as TwoColumnLayout,
+  ba as ProductWidget,
+  $a as ProgressBarChart,
+  _a as StandardLayout,
+  Cs as TagCounter,
+  ja as TwoColumnLayout,
   Z as UpsellRequestResponseDialog,
-  ba as UpsellingBanner,
+  xa as UpsellingBanner,
   ee as UpsellingButton,
-  za as UpsellingPopover,
-  Ra as VerticalBarChart,
-  Fa as avatarVariants,
-  Cs as buildTranslations,
-  ys as createAtlaskitDriver,
-  ws as createDataSourceDefinition,
-  Pa as defaultTranslations,
+  qa as UpsellingPopover,
+  Oa as VerticalBarChart,
+  ka as avatarVariants,
+  ys as buildTranslations,
+  ws as createAtlaskitDriver,
+  Ns as createDataSourceDefinition,
+  Sa as defaultTranslations,
   Se as experimental,
-  Ns as getAnimationVariants,
-  Ls as getDataSourcePaginationType,
-  Ps as getEmojiLabel,
-  Ss as isInfiniteScrollPagination,
-  Fs as isPageBasedPagination,
-  ks as modules,
-  Ds as tagDotColors,
-  Ms as useData,
-  Ts as useDataSource,
-  Bs as useDndEvents,
-  Is as useDraggable,
-  Rs as useDroppableList,
-  Os as useEmojiConfetti,
-  $s as useGroups,
-  Es as usePrivacyMode,
-  _s as useReducedMotion,
-  js as useSelectable,
+  Ls as getAnimationVariants,
+  Ps as getDataSourcePaginationType,
+  Ss as getEmojiLabel,
+  Fs as isInfiniteScrollPagination,
+  ks as isPageBasedPagination,
+  Ds as modules,
+  Ms as tagDotColors,
+  Ts as useData,
+  Bs as useDataSource,
+  Is as useDndEvents,
+  Rs as useDraggable,
+  Os as useDroppableList,
+  $s as useEmojiConfetti,
+  Es as useGroups,
+  _s as usePrivacyMode,
+  js as useReducedMotion,
+  zs as useSelectable,
   Vs as useXRay
 };