@factorialco/f0-react 1.225.0 → 1.226.0

package/dist/f0.js

@@ -1,5 +1,5 @@
-import { C as g, L as pe, c as ge, P as G, 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 H, i as U, j as Pe, k as W, S as J, l as M, m as Y, n as Se, O as Fe, o as X, p as De, q as ke, F as K, r as Me, s as Te, t as Ie, D as Re, u as Be, 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 Ae, N as qe, Q as Ge, R as He, X as Ue, T as We, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks--wvilnRn.js";
-import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Lr, au as Pr, ax as Sr, at as Fr, aL as Dr, as as kr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks--wvilnRn.js";
+import { C as g, L as pe, c as ge, P as G, 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 M, i as H, j as U, k as Pe, l as W, S as J, m as Y, n as Se, O as Fe, o as X, p as De, q as ke, F as K, r as Me, s as Te, t as Ie, D as Re, u as Be, 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 Ae, N as qe, Q as Ge, R as He, X as Ue, T as We, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-CvdTIYxL.js";
+import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Lr, au as Pr, ax as Sr, at as Fr, aL as Dr, as as kr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks-CvdTIYxL.js";
 import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
 import * as E from "react";
 import Qe, { useState as v, forwardRef as I, useRef as ae, useImperativeHandle as Ze, Children as ea, useEffect as re, createContext as aa } from "react";
@@ -201,13 +201,10 @@ const Fa = {
     noResults: "No results found",
     loadingMore: "Loading..."
   }
-}, Da = g(
-  {
-    name: "Link",
-    type: "info"
-  },
-  pe
-), ka = [
+}, Da = g({
+  name: "Link",
+  type: "info"
+}, pe), ka = [
   "person",
   "team",
   "company",
@@ -288,34 +285,27 @@ function na(a, r) {
 Defaulting to \`null\`.`;
 }
 var ne = se, ia = le;
-const ie = E.forwardRef(({ className: a, value: r, ...s }, o) => /* @__PURE__ */ e(
-  ne,
-  {
-    ref: o,
-    className: b(
-      "relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary",
-      a
-    ),
-    ...s,
-    children: /* @__PURE__ */ e(
-      ia,
-      {
-        className: "h-full w-full flex-1 transition-all",
-        style: {
-          backgroundColor: s.color,
-          transform: `translateX(-${100 - (r || 0)}%)`
-        }
-      }
-    )
-  }
-));
+const ie = E.forwardRef(({ className: a, value: r, ...s }, o) => e(ne, {
+  ref: o,
+  className: b("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
+  ...s,
+  children: e(ia, {
+    className: "h-full w-full flex-1 transition-all",
+    style: {
+      backgroundColor: s.color,
+      transform: `translateX(-${100 - (r || 0)}%)`
+    }
+  })
+}));
 ie.displayName = ne.displayName;
 const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
   const i = o || be(0), n = a / r * 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,
-      {
+  return c("div", {
+    className: "flex items-center space-x-2",
+    "aria-live": "polite",
+    children: [e("div", {
+      className: "flex-grow",
+      children: e(ie, {
         color: i,
         value: n,
         className: "w-full",
@@ -323,10 +313,12 @@ const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
         "aria-valuemax": r,
         "aria-valuenow": a,
         "aria-label": `${n.toFixed(1)}%`
-      }
-    ) }),
-    s && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sm font-medium", children: s })
-  ] });
+      })
+    }), s && e("div", {
+      className: "flex-shrink-0 text-sm font-medium",
+      children: s
+    })]
+  });
 }, ca = ve(da), Ta = g(
   {
     name: "AreaChart",
@@ -370,78 +362,66 @@ const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
   },
   ca
 ), O = ({ count: a, list: r }) => {
-  const [s, o] = v(!1), t = /* @__PURE__ */ e(M, { label: `+${a}` });
-  return r != null && r.length ? /* @__PURE__ */ c(H, { open: s, onOpenChange: o, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("button", { className: Pe("inline-flex flex-shrink-0 items-center"), children: t }) }),
-    /* @__PURE__ */ e(
-      W,
-      {
-        className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
-        align: "end",
-        children: /* @__PURE__ */ c(J, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col", children: [
-          r.map((i, 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, { ...i })
-            },
-            n
-          )),
-          /* @__PURE__ */ e(
-            Y,
-            {
-              orientation: "vertical",
-              className: "[&_div]:bg-f1-background"
-            }
-          )
-        ] })
-      }
-    )
-  ] }) : t;
+  const [s, o] = v(!1), t = e(M, {
+    label: `+${a}`
+  });
+  return r != null && r.length ? c(H, {
+    open: s,
+    onOpenChange: o,
+    children: [e(U, {
+      asChild: !0,
+      children: e("button", {
+        className: Pe("inline-flex flex-shrink-0 items-center"),
+        children: t
+      })
+    }), e(W, {
+      className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
+      align: "end",
+      children: c(J, {
+        className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[172px] flex-col",
+        children: [r.map((i, n) => 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: e(M, {
+            ...i
+          })
+        }, n)), e(Y, {
+          orientation: "vertical",
+          className: "[&_div]:bg-f1-background"
+        })]
+      })
+    })]
+  }) : t;
 };
 O.displayName = "ChipCounter";
-const de = ({
-  chips: a,
-  max: r = 4,
-  remainingCount: s,
-  layout: o = "compact"
-}) => {
+const de = ({ chips: a, max: r = 4, remainingCount: s, layout: o = "compact" }) => {
   if (o === "fill")
-    return /* @__PURE__ */ e(
-      Fe,
-      {
-        items: a,
-        renderListItem: (l) => /* @__PURE__ */ e(M, { ...l }),
-        renderDropdownItem: () => null,
-        forceShowingOverflowIndicator: s !== void 0,
-        renderOverflowIndicator: (l) => /* @__PURE__ */ e(
-          O,
-          {
-            count: (s ?? 0) + l,
-            list: s ? void 0 : a.slice(a.length - l)
-          }
-        ),
-        overflowIndicatorWithPopover: !1,
-        className: "flex-1"
-      }
-    );
+    return e(Fe, {
+      items: a,
+      renderListItem: (l) => e(M, {
+        ...l
+      }),
+      renderDropdownItem: () => null,
+      forceShowingOverflowIndicator: s !== void 0,
+      renderOverflowIndicator: (l) => e(O, {
+        count: (s ?? 0) + l,
+        list: s ? void 0 : a.slice(a.length - l)
+      }),
+      overflowIndicatorWithPopover: !1,
+      className: "flex-1"
+    });
   const t = a.slice(0, r), i = a.slice(r), n = s ?? a.length - r, d = n > 0;
-  return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-    t.map((l, f) => /* @__PURE__ */ e(M, { ...l }, f)),
-    d && /* @__PURE__ */ e(
-      O,
-      {
-        count: n,
-        list: s ? void 0 : i
-      }
-    )
-  ] });
+  return c("div", {
+    className: "flex items-center gap-2",
+    children: [t.map((l, f) => e(M, {
+      ...l
+    }, f)), d && e(O, {
+      count: n,
+      list: s ? void 0 : i
+    })]
+  });
 };
 de.displayName = "F0ChipList";
-const _a = Se(
-  "F0ChipList",
-  de
-), ua = {
+const _a = Se("F0ChipList", de), ua = {
   xs: 1,
   sm: 2,
   md: 2,
@@ -449,225 +429,186 @@ const _a = Se(
 }, fa = I(function({ widgets: r, children: s }, o) {
   const t = ae(null);
   Ze(o, () => t.current);
-  const i = ea.toArray(r).filter((n) => !!n).map((n, d) => /* @__PURE__ */ e("div", { className: "h-full @5xl:h-auto [&>div]:h-full", children: n }, d));
-  return /* @__PURE__ */ e(X, { layout: "home", children: /* @__PURE__ */ c("div", { ref: t, className: "@container", children: [
-    /* @__PURE__ */ c("div", { className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden", children: [
-      /* @__PURE__ */ e(De, { columns: ua, showArrows: !1, children: i }),
-      /* @__PURE__ */ e("main", { children: s })
-    ] }),
-    /* @__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: i.slice(0, 3) }),
-      /* @__PURE__ */ e("main", { className: "col-span-2", children: s }),
-      /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-5", children: i.slice(3) })
-    ] })
-  ] }) });
-}), ma = I(
-  function({
-    children: r,
-    sideContent: s,
-    mainColumnPosition: o = "left",
-    sticky: t = !1
-  }, i) {
-    return /* @__PURE__ */ e("div", { ref: i, className: "h-full", children: /* @__PURE__ */ c(
-      "div",
-      {
-        className: b(
-          "flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row",
-          "flex-col",
-          "overflow-y-auto",
-          t && "md:sticky md:top-0 md:max-h-full"
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            "main",
-            {
-              className: b(
-                "sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6",
-                t ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full",
-                o === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary",
-                "border-t border-solid border-t-f1-border-secondary sm:border-t-0"
-              ),
-              children: r
-            }
-          ),
-          /* @__PURE__ */ e(
-            ha,
-            {
-              sticky: t,
-              className: b(
-                "order-1",
-                o === "right" ? "md:order-1" : "md:order-3"
-              ),
-              children: s
-            }
-          )
-        ]
-      }
-    ) });
-  }
-), ha = ({
-  children: a,
-  className: r
-}) => /* @__PURE__ */ e(
-  "aside",
-  {
-    className: b(
-      "min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2",
-      r
-    ),
-    children: a
-  }
-), pa = ke({
+  const i = ea.toArray(r).filter((n) => !!n).map((n, d) => e("div", {
+    className: "h-full @5xl:h-auto [&>div]:h-full",
+    children: n
+  }, d));
+  return e(X, {
+    layout: "home",
+    children: c("div", {
+      ref: t,
+      className: "@container",
+      children: [c("div", {
+        className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
+        children: [e(De, {
+          columns: ua,
+          showArrows: !1,
+          children: i
+        }), e("main", {
+          children: s
+        })]
+      }), c("div", {
+        className: "hidden grid-cols-3 gap-5 px-6 pb-6 pt-2 @5xl:grid",
+        children: [e("div", {
+          className: "col-span-3 flex flex-row gap-5 *:flex-1",
+          children: i.slice(0, 3)
+        }), e("main", {
+          className: "col-span-2",
+          children: s
+        }), e("div", {
+          className: "flex flex-1 flex-col gap-5",
+          children: i.slice(3)
+        })]
+      })]
+    })
+  });
+}), ma = I(function({ children: r, sideContent: s, mainColumnPosition: o = "left", sticky: t = !1 }, i) {
+  return e("div", {
+    ref: i,
+    className: "h-full",
+    children: c("div", {
+      className: b("flex h-full max-w-full overflow-auto text-f1-foreground md:flex-row", "flex-col", "overflow-y-auto", t && "md:sticky md:top-0 md:max-h-full"),
+      children: [e("main", {
+        className: b("sm:min-h-xs order-2 h-fit border-0 px-4 py-5 sm:flex-1 sm:border-solid md:order-2 md:px-6", t ? "md:h-full md:max-h-full md:overflow-y-auto" : "min-h-full", o === "right" ? "sm:border-l sm:border-l-f1-border-secondary" : "sm:border-r sm:border-r-f1-border-secondary", "border-t border-solid border-t-f1-border-secondary sm:border-t-0"),
+        children: r
+      }), e(ha, {
+        sticky: t,
+        className: b("order-1", o === "right" ? "md:order-1" : "md:order-3"),
+        children: s
+      })]
+    })
+  });
+}), ha = ({ children: a, className: r }) => e("aside", {
+  className: b("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", r),
+  children: a
+}), pa = ke({
   base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
   variants: {
     variant: {
       narrow: "max-w-screen-lg"
     }
   }
-}), ce = Qe.forwardRef(({ children: a, variant: r, className: s, ...o }, t) => /* @__PURE__ */ e(X, { layout: "standard", children: /* @__PURE__ */ e(
-  "section",
-  {
+}), ce = Qe.forwardRef(({ children: a, variant: r, className: s, ...o }, t) => e(X, {
+  layout: "standard",
+  children: e("section", {
     ref: t,
     className: b("relative flex-1 overflow-auto", s),
     ...o,
-    children: /* @__PURE__ */ e("div", { className: b(pa({ variant: r })), children: a })
-  }
-) }));
+    children: e("div", {
+      className: b(pa({
+        variant: r
+      })),
+      children: a
+    })
+  })
+}));
 ce.displayName = "StandardLayout";
-const ja = g(
-  {
-    name: "StandardLayout",
-    type: "layout"
-  },
-  ce
-), za = g(
-  {
-    name: "TwoColumnLayout",
-    type: "layout"
-  },
-  ma
-), Va = g(
-  {
-    name: "HomeLayout",
-    type: "layout"
-  },
-  fa
-), ga = ({ benefits: a }) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: a.map((r, s) => /* @__PURE__ */ e(va, { text: r }, s)) }), va = ({ text: a }) => /* @__PURE__ */ c("div", { className: "flex flex-row items-start gap-2", children: [
-  /* @__PURE__ */ e(Te, { icon: Ie, size: "md", className: "text-f1-icon-positive" }),
-  /* @__PURE__ */ e("span", { children: a })
-] }), ue = I(
-  ({
-    title: a,
-    image: r,
-    benefits: s,
-    actions: o,
-    withShadow: t = !0,
-    module: i,
-    moduleName: n,
-    tag: d
-  }, l) => /* @__PURE__ */ c(
-    "div",
-    {
-      ref: l,
-      className: b(
-        "bg-white flex flex-row rounded-xl border border-f1-border-secondary",
-        t && "shadow-md"
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: "aspect-auto flex-shrink-0 overflow-hidden rounded-xl py-1 pl-1", children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: r,
-            alt: "",
-            className: "h-full w-full rounded-lg object-cover"
-          }
-        ) }),
-        /* @__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: [
-                i && /* @__PURE__ */ e(K, { module: i }),
-                n && /* @__PURE__ */ e("p", { className: "text-base font-medium text-f1-foreground", children: n })
-              ] }),
-              d && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(Me, { icon: d.icon, text: d.label }) }),
-              /* @__PURE__ */ e("h2", { className: "font-bold text-xl text-f1-foreground", children: a })
-            ] }),
-            /* @__PURE__ */ e(ga, { benefits: s })
-          ] }),
-          o && /* @__PURE__ */ e("div", { className: "flex gap-3", children: o })
-        ] })
-      ]
-    }
-  )
-);
+const ja = g({
+  name: "StandardLayout",
+  type: "layout"
+}, ce), za = g({
+  name: "TwoColumnLayout",
+  type: "layout"
+}, ma), Va = g({
+  name: "HomeLayout",
+  type: "layout"
+}, fa), ga = ({ benefits: a }) => e("div", {
+  className: "flex flex-col gap-2",
+  children: a.map((r, s) => e(va, {
+    text: r
+  }, s))
+}), va = ({ text: a }) => c("div", {
+  className: "flex flex-row items-start gap-2",
+  children: [e(Te, {
+    icon: Ie,
+    size: "md",
+    className: "text-f1-icon-positive"
+  }), e("span", {
+    children: a
+  })]
+}), ue = I(({ title: a, image: r, benefits: s, actions: o, withShadow: t = !0, module: i, moduleName: n, tag: d }, l) => c("div", {
+  ref: l,
+  className: b("bg-white flex flex-row rounded-xl border border-f1-border-secondary", t && "shadow-md"),
+  children: [e("div", {
+    className: "aspect-auto flex-shrink-0 overflow-hidden rounded-xl py-1 pl-1",
+    children: e("img", {
+      src: r,
+      alt: "",
+      className: "h-full w-full rounded-lg object-cover"
+    })
+  }), c("div", {
+    className: "flex flex-col justify-center gap-8 px-8 py-5",
+    children: [c("div", {
+      className: "flex flex-col gap-5",
+      children: [c("div", {
+        className: "flex flex-col gap-2",
+        children: [c("div", {
+          className: "flex flex-row items-center gap-2",
+          children: [i && e(K, {
+            module: i
+          }), n && e("p", {
+            className: "text-base font-medium text-f1-foreground",
+            children: n
+          })]
+        }), d && e("div", {
+          className: "flex justify-start",
+          children: e(Me, {
+            icon: d.icon,
+            text: d.label
+          })
+        }), e("h2", {
+          className: "font-bold text-xl text-f1-foreground",
+          children: a
+        })]
+      }), e(ga, {
+        benefits: s
+      })]
+    }), o && e("div", {
+      className: "flex gap-3",
+      children: o
+    })]
+  })]
+}));
 ue.displayName = "ProductBlankslate";
-function ba({
-  isOpen: a,
-  onClose: r,
-  title: s,
-  children: o,
-  module: t,
-  portalContainer: i
-}) {
+function ba({ isOpen: a, onClose: r, title: s, children: o, module: t, portalContainer: i }) {
   const [n, d] = v(a);
   return re(() => {
     d(a);
-  }, [a]), /* @__PURE__ */ e(Re, { open: n, onOpenChange: (f) => {
-    d(f), f || r();
-  }, modal: !0, children: /* @__PURE__ */ c(
-    Be,
-    {
+  }, [a]), e(Re, {
+    open: n,
+    onOpenChange: (f) => {
+      d(f), f || r();
+    },
+    modal: !0,
+    children: c(Be, {
       className: "max-h-[620px] w-[760px] overflow-y-auto overflow-x-hidden bg-f1-background",
       container: i,
-      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: [
-            t && /* @__PURE__ */ e(K, { module: t, size: "lg" }),
-            s
-          ] }),
-          /* @__PURE__ */ e(
-            $e,
-            {
-              variant: "outline",
-              icon: Q,
-              onClick: r,
-              label: "Close modal",
-              hideLabel: !0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c(J, { className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col", children: [
-          o,
-          /* @__PURE__ */ e(
-            Y,
-            {
-              orientation: "vertical",
-              className: "[&_div]:bg-f1-background"
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
+      children: [c("div", {
+        className: "flex flex-row items-center justify-between px-4 py-4",
+        children: [c(Oe, {
+          className: "flex flex-row items-center gap-2 text-lg font-semibold text-f1-foreground",
+          children: [t && e(K, {
+            module: t,
+            size: "lg"
+          }), s]
+        }), e($e, {
+          variant: "outline",
+          icon: Q,
+          onClick: r,
+          label: "Close modal",
+          hideLabel: !0
+        })]
+      }), c(J, {
+        className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
+        children: [o, e(Y, {
+          orientation: "vertical",
+          className: "[&_div]:bg-f1-background"
+        })]
+      })]
+    })
+  });
 }
-function Aa({
-  isOpen: a,
-  onClose: r,
-  title: s,
-  image: o,
-  benefits: t,
-  errorMessage: i,
-  successMessage: n,
-  loadingState: d,
-  nextSteps: l,
-  closeLabel: f,
-  primaryAction: m,
-  modalTitle: N,
-  modalModule: L,
-  secondaryAction: u,
-  portalContainer: x,
-  tag: S
-}) {
+function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: l, closeLabel: f, primaryAction: m, modalTitle: N, modalModule: L, secondaryAction: u, portalContainer: x, tag: S }) {
   const [R, F] = v(a), [C, y] = v(null), [P, h] = v(!1), D = async () => {
     if (m != null && m.onClick) {
       h(!0);
@@ -682,78 +623,55 @@ function Aa({
   }, k = () => {
     F(!1), r == null || r();
   }, B = P;
-  return /* @__PURE__ */ c($, { children: [
-    /* @__PURE__ */ e(
-      ba,
-      {
-        isOpen: R,
-        onClose: k,
-        title: N,
-        module: L,
-        portalContainer: x,
-        children: /* @__PURE__ */ e("div", { className: "pb-4 pl-4", children: /* @__PURE__ */ e(
-          ue,
-          {
-            title: s,
-            image: o,
-            benefits: t,
-            withShadow: !1,
-            tag: S,
-            actions: /* @__PURE__ */ c("div", { className: "flex gap-3", children: [
-              m && /* @__PURE__ */ e(
-                w,
-                {
-                  variant: m.variant,
-                  label: B ? d.label : m.label,
-                  icon: m.icon || void 0,
-                  onClick: D,
-                  loading: m.loading,
-                  size: m.size
-                }
-              ),
-              u && /* @__PURE__ */ e(
-                w,
-                {
-                  onClick: u.onClick,
-                  label: u.label,
-                  variant: u.variant,
-                  size: u.size,
-                  icon: u.icon
-                }
-              )
-            ] })
-          }
-        ) })
-      }
-    ),
-    C && /* @__PURE__ */ e(
-      Z,
-      {
-        open: !0,
-        onClose: () => {
-          k(), y(null);
-        },
-        success: C === "success",
-        errorMessage: i,
-        successMessage: n,
-        nextSteps: l,
-        closeLabel: f,
-        portalContainer: x
-      }
-    )
-  ] });
+  return c($, {
+    children: [e(ba, {
+      isOpen: R,
+      onClose: k,
+      title: N,
+      module: L,
+      portalContainer: x,
+      children: e("div", {
+        className: "pb-4 pl-4",
+        children: e(ue, {
+          title: s,
+          image: o,
+          benefits: t,
+          withShadow: !1,
+          tag: S,
+          actions: c("div", {
+            className: "flex gap-3",
+            children: [m && e(w, {
+              variant: m.variant,
+              label: B ? d.label : m.label,
+              icon: m.icon || void 0,
+              onClick: D,
+              loading: m.loading,
+              size: m.size
+            }), u && e(w, {
+              onClick: u.onClick,
+              label: u.label,
+              variant: u.variant,
+              size: u.size,
+              icon: u.icon
+            })]
+          })
+        })
+      })
+    }), C && e(Z, {
+      open: !0,
+      onClose: () => {
+        k(), y(null);
+      },
+      success: C === "success",
+      errorMessage: i,
+      successMessage: n,
+      nextSteps: l,
+      closeLabel: f,
+      portalContainer: x
+    })]
+  });
 }
-function xa({
-  mediaUrl: a,
-  title: r,
-  description: s,
-  onClose: o,
-  dismissible: t,
-  width: i,
-  trackVisibility: n,
-  actions: d,
-  showConfirmation: l = !0
-}) {
+function xa({ mediaUrl: a, title: r, description: s, onClose: o, dismissible: t, width: i, trackVisibility: n, actions: d, showConfirmation: l = !0 }) {
   const [f, m] = v(!1), N = () => {
     m(!0), o && o();
   };
@@ -761,48 +679,51 @@ function xa({
     n && n(!f);
   }, [n, f]);
   const L = a == null ? void 0 : a.includes(".mp4");
-  return /* @__PURE__ */ e($, { children: f ? null : /* @__PURE__ */ c(Ee, { style: { width: i }, className: "relative bg-f1-background p-1", children: [
-    /* @__PURE__ */ c(_e, { children: [
-      t && /* @__PURE__ */ e("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ e(
-        w,
-        {
-          variant: "ghost",
-          icon: Q,
-          size: "sm",
-          hideLabel: !0,
-          onClick: N,
-          label: "Close"
-        }
-      ) }),
-      /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ e("div", { children: a && (L ? /* @__PURE__ */ e(
-          "video",
-          {
-            src: a,
-            autoPlay: !0,
-            muted: !0,
-            loop: !0,
-            playsInline: !0,
-            className: "h-full w-full rounded-md"
-          }
-        ) : /* @__PURE__ */ e(
-          "img",
-          {
-            src: a,
-            alt: r,
-            className: "h-full w-full rounded-md"
-          }
-        )) }),
-        /* @__PURE__ */ c("div", { className: "flex flex-col gap-[2px] p-3", children: [
-          /* @__PURE__ */ e(z, { className: "text-lg font-medium", children: r }),
-          /* @__PURE__ */ e(z, { className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary", children: s })
-        ] })
-      ] })
-    ] }),
-    d && /* @__PURE__ */ e(je, { className: "p-3", children: d.map(
-      (u) => u.type === "upsell" ? /* @__PURE__ */ e(
-        ee,
-        {
+  return e($, {
+    children: f ? null : c(Ee, {
+      style: {
+        width: i
+      },
+      className: "relative bg-f1-background p-1",
+      children: [c(_e, {
+        children: [t && e("div", {
+          className: "absolute right-2 top-2 z-10",
+          children: e(w, {
+            variant: "ghost",
+            icon: Q,
+            size: "sm",
+            hideLabel: !0,
+            onClick: N,
+            label: "Close"
+          })
+        }), c("div", {
+          children: [e("div", {
+            children: a && (L ? e("video", {
+              src: a,
+              autoPlay: !0,
+              muted: !0,
+              loop: !0,
+              playsInline: !0,
+              className: "h-full w-full rounded-md"
+            }) : e("img", {
+              src: a,
+              alt: r,
+              className: "h-full w-full rounded-md"
+            }))
+          }), c("div", {
+            className: "flex flex-col gap-[2px] p-3",
+            children: [e(z, {
+              className: "text-lg font-medium",
+              children: r
+            }), e(z, {
+              className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
+              children: s
+            })]
+          })]
+        })]
+      }), d && e(je, {
+        className: "p-3",
+        children: d.map((u) => u.type === "upsell" ? e(ee, {
           label: u.label,
           onRequest: u.onClick,
           errorMessage: u.errorMessage,
@@ -812,83 +733,46 @@ function xa({
           closeLabel: u.closeLabel,
           showConfirmation: l && u.showConfirmation,
           variant: u.variant
-        },
-        u.label
-      ) : /* @__PURE__ */ e(
-        w,
-        {
+        }, u.label) : e(w, {
           label: u.label,
           onClick: u.onClick,
           variant: u.variant
-        },
-        u.label
-      )
-    ) })
-  ] }) });
+        }, u.label))
+      })]
+    })
+  });
 }
-const Ca = I(
-  function({ primaryAction: r, secondaryAction: s, ...o }, t) {
-    const i = (l) => l.variant === "promote" ? /* @__PURE__ */ e(
-      ee,
-      {
-        label: l.label,
-        onRequest: async () => {
-          await l.onClick();
-        },
-        errorMessage: l.errorMessage,
-        successMessage: l.successMessage,
-        loadingState: l.loadingState,
-        nextSteps: l.nextSteps,
-        closeLabel: l.closeLabel,
-        showIcon: l.showIcon,
-        showConfirmation: l.showConfirmation,
-        variant: l.variant
-      }
-    ) : /* @__PURE__ */ e(
-      w,
-      {
-        onClick: l.onClick,
-        label: l.label,
-        variant: l.variant || "default",
-        size: "md",
-        icon: l.icon
-      }
-    ), n = (r == null ? void 0 : r.variant) !== "promote" ? r : void 0, d = (s == null ? void 0 : s.variant) !== "promote" ? s : void 0;
-    return /* @__PURE__ */ c(
-      ze,
-      {
-        ref: t,
-        ...o,
-        primaryAction: n,
-        secondaryAction: d,
-        children: [
-          (r == null ? void 0 : r.variant) === "promote" && i(r),
-          (s == null ? void 0 : s.variant) === "promote" && i(s)
-        ]
-      }
-    );
-  }
-);
+const Ca = I(function({ primaryAction: r, secondaryAction: s, ...o }, t) {
+  const i = (l) => l.variant === "promote" ? e(ee, {
+    label: l.label,
+    onRequest: async () => {
+      await l.onClick();
+    },
+    errorMessage: l.errorMessage,
+    successMessage: l.successMessage,
+    loadingState: l.loadingState,
+    nextSteps: l.nextSteps,
+    closeLabel: l.closeLabel,
+    showIcon: l.showIcon,
+    showConfirmation: l.showConfirmation,
+    variant: l.variant
+  }) : e(w, {
+    onClick: l.onClick,
+    label: l.label,
+    variant: l.variant || "default",
+    size: "md",
+    icon: l.icon
+  }), n = (r == null ? void 0 : r.variant) !== "promote" ? r : void 0, d = (s == null ? void 0 : s.variant) !== "promote" ? s : void 0;
+  return c(ze, {
+    ref: t,
+    ...o,
+    primaryAction: n,
+    secondaryAction: d,
+    children: [(r == null ? void 0 : r.variant) === "promote" && i(r), (s == null ? void 0 : s.variant) === "promote" && i(s)]
+  });
+});
 Ca.displayName = "UpsellingBanner";
-function qa({
-  isOpen: a,
-  setIsOpen: r,
-  label: s,
-  variant: o = "promote",
-  size: t = "md",
-  showIcon: i = !0,
-  side: n = "right",
-  align: d = "center",
-  icon: l = Ve,
-  mediaUrl: f,
-  title: m,
-  description: N,
-  width: L = "300px",
-  trackVisibility: u,
-  actions: x,
-  onClick: S,
-  hideLabel: R = !1
-}) {
+function qa({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: l = Ve, mediaUrl: f, title: m, description: N, width: L = "300px", trackVisibility: u, actions: x, onClick: S, hideLabel: R = !1 }) {
   const [F, C] = v(!1), [y, P] = v(null), [h, D] = v(null), k = (p) => {
     r(p), S && S();
   }, B = async (p) => {
@@ -906,107 +790,98 @@ function qa({
     ...p,
     onClick: () => B(p)
   } : p);
-  return /* @__PURE__ */ c($, { children: [
-    /* @__PURE__ */ c(H, { open: me, onOpenChange: k, children: [
-      /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(
-        w,
-        {
+  return c($, {
+    children: [c(H, {
+      open: me,
+      onOpenChange: k,
+      children: [e(U, {
+        asChild: !0,
+        children: e(w, {
           variant: o,
           label: s,
           size: t,
           icon: i ? l : void 0,
           onClick: () => r(a),
           hideLabel: R
-        }
-      ) }),
-      /* @__PURE__ */ e(
-        W,
-        {
-          side: n,
-          align: d,
-          className: "w-fit border-none bg-transparent p-2 shadow-none",
-          children: /* @__PURE__ */ e(
-            xa,
-            {
-              mediaUrl: f,
-              title: m,
-              description: N,
-              onClose: () => r(!1),
-              dismissible: !1,
-              width: L,
-              trackVisibility: u,
-              actions: he,
-              showConfirmation: !1
-            }
-          )
-        }
-      )
-    ] }),
-    (h == null ? void 0 : h.type) === "upsell" && h.showConfirmation && y && /* @__PURE__ */ e(
-      Z,
-      {
-        open: !0,
-        onClose: fe,
-        success: y === "success",
-        errorMessage: h.errorMessage,
-        successMessage: h.successMessage,
-        nextSteps: h.nextSteps,
-        closeLabel: h.closeLabel,
-        portalContainer: null
-      }
-    )
-  ] });
+        })
+      }), e(W, {
+        side: n,
+        align: d,
+        className: "w-fit border-none bg-transparent p-2 shadow-none",
+        children: e(xa, {
+          mediaUrl: f,
+          title: m,
+          description: N,
+          onClose: () => r(!1),
+          dismissible: !1,
+          width: L,
+          trackVisibility: u,
+          actions: he,
+          showConfirmation: !1
+        })
+      })]
+    }), (h == null ? void 0 : h.type) === "upsell" && h.showConfirmation && y && e(Z, {
+      open: !0,
+      onClose: fe,
+      success: y === "success",
+      errorMessage: h.errorMessage,
+      successMessage: h.successMessage,
+      nextSteps: h.nextSteps,
+      closeLabel: h.closeLabel,
+      portalContainer: null
+    })]
+  });
 }
-const ya = aa(
-  null
-), wa = ({ children: a, fullScreen: r = !0 }) => {
+const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
   const s = ae(null), [o, t] = v(s.current);
   return Ke(() => {
     t(s.current);
-  }, []), /* @__PURE__ */ e(ya.Provider, { value: { element: o }, children: /* @__PURE__ */ e(
-    "div",
-    {
+  }, []), e(ya.Provider, {
+    value: {
+      element: o
+    },
+    children: e("div", {
       ref: s,
       id: "f0-layout",
       className: b({
         "flex h-screen w-screen flex-col bg-[#F5F6F8] dark:bg-[#0D1625]": r
       }),
       children: a
-    }
-  ) });
-}, Na = ({
+    })
+  });
+}, Na = ({ children: a }) => e(Xe, {
+  reducedMotion: "user",
   children: a
-}) => /* @__PURE__ */ e(Xe, { reducedMotion: "user", children: a }), Ga = ({
-  children: a,
-  layout: r,
-  link: s,
-  privacyModeInitiallyEnabled: o,
-  image: t,
-  i18n: i,
-  l10n: n,
-  isDev: d = !1,
-  dataCollectionStorageHandler: l,
-  showExperimentalWarnings: f = !1
-}) => /* @__PURE__ */ e(Na, { children: /* @__PURE__ */ e(
-  Ae,
-  {
+}), Ga = ({ children: a, layout: r, link: s, privacyModeInitiallyEnabled: o, image: t, i18n: i, l10n: n, isDev: d = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: f = !1 }) => e(Na, {
+  children: e(Ae, {
     isDev: d,
     showExperimentalWarnings: f,
-    children: /* @__PURE__ */ e(qe, { ...n, children: /* @__PURE__ */ e(Ge, { ...i, children: /* @__PURE__ */ e(He, { ...s, children: /* @__PURE__ */ e(wa, { ...r, children: /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e(
-      We,
-      {
-        initiallyEnabled: o,
-        children: /* @__PURE__ */ e(Je, { ...t, children: /* @__PURE__ */ e(
-          Ye,
-          {
-            handler: l,
-            children: a
-          }
-        ) })
-      }
-    ) }) }) }) }) })
-  }
-) }), q = (a) => `datacollection-${a}`, Ha = {
+    children: e(qe, {
+      ...n,
+      children: e(Ge, {
+        ...i,
+        children: e(He, {
+          ...s,
+          children: e(wa, {
+            ...r,
+            children: e(Ue, {
+              children: e(We, {
+                initiallyEnabled: o,
+                children: e(Je, {
+                  ...t,
+                  children: e(Ye, {
+                    handler: l,
+                    children: a
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  })
+}), q = (a) => `datacollection-${a}`, Ha = {
   get: async (a) => JSON.parse(
     localStorage.getItem(q(a)) ?? "{}"
   ),