@factorialco/f0-react 1.241.1 → 1.242.0

package/dist/f0.js

@@ -1,9 +1,9 @@
-import { C as p, L as ge, c as ve, P as H, a as b, f as be, g as A, A as xe, B as Ce, b as ye, d as we, e as Ne, V as Pe, h as D, i as U, j as J, k as Le, l as Y, S as X, m as K, n as Se, O as Fe, o as Q, p as ke, q as Me, F as Z, r as De, s as Te, t as Ie, D as Be, u as Re, v as Oe, w as $e, x as ee, y as w, U as ae, z as Ee, E as _e, G as V, H as je, I as re, J as ze, K as Ae, M as Ve, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-BrsvJQsa.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 Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Mr, ar as Dr, a8 as Tr, ai as Ir, aq as Br, av as Rr, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Ar, ay as Vr, aI as qr } from "./hooks-BrsvJQsa.js";
+import { C as p, L as ge, c as ve, P as G, a as b, f as be, g as W, A as xe, B as ye, b as Ce, d as we, e as Ne, V as Pe, h as D, i as U, j as Y, k as Le, l as J, S as X, m as K, n as Se, O as ke, o as Q, p as Fe, q as Me, F as Z, r as De, s as Te, t as Ie, D as Be, u as Re, v as Oe, w as $e, x as ee, y as w, U as ae, z as Ee, E as _e, G as z, H as Ae, I as re, J as je, K as We, M as ze, N as Ve, Q as He, R as qe, X as Ge, T as Ue, W as Ye, Y as Je, Z as Xe, _ as Ke } from "./hooks-VZh3f1RF.js";
+import { az as Ya, $ as Ja, 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 or, a9 as lr, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as hr, ah as mr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as yr, ao as Cr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as kr, aL as Fr, as as Mr, ar as Dr, a8 as Tr, ai as Ir, aq as Br, av as Rr, aC as Or, aD as $r, aE as Er, aM as _r, aw as Ar, aF as jr, aJ as Wr, ay as zr, aI as Vr } from "./hooks-VZh3f1RF.js";
 import { jsx as e, jsxs as c, Fragment as E } from "react/jsx-runtime";
 import * as _ from "react";
 import Qe, { useState as v, forwardRef as I, useRef as se, useImperativeHandle as Ze, Children as ea, useEffect as te, createContext as aa } from "react";
-const Fa = {
+const ka = {
   approvals: {
     history: "Approval history",
     statuses: {
@@ -26,6 +26,7 @@ const Fa = {
     add: "Add",
     edit: "Edit",
     save: "Save",
+    send: "Send",
     cancel: "Cancel",
     copy: "Copy",
     close: "Close",
@@ -195,16 +196,28 @@ const Fa = {
     scrollToBottom: "Scroll to bottom",
     welcome: "Ask or create with One",
     defaultInitialMessage: "How can I help you today?",
-    inputPlaceholder: "Write something here...",
+    inputPlaceholder: "Ask about time, people, or company info…",
     stopAnswerGeneration: "Stop generating",
     sendMessage: "Send message",
-    thoughtsGroupTitle: "Reflection"
+    thoughtsGroupTitle: "Reflection",
+    feedbackModal: {
+      positive: {
+        title: "What did you like about this response?",
+        placeholder: "What did you like about this response? How could it be even better?",
+        description: "Your feedback helps Factorial Al improve. The messages from your chat, the search results, and your feedback will be sent to Factorial to help improve Factorial Al."
+      },
+      negative: {
+        title: "What could have been better in this response?",
+        placeholder: "What could have been better in this response? How could it be even better?",
+        description: "Your feedback helps Factorial Al improve. The messages from your chat, the search results, and your feedback will be sent to Factorial to help improve Factorial Al."
+      }
+    }
   },
   select: {
     noResults: "No results found",
     loadingMore: "Loading..."
   }
-}, ka = p({
+}, Fa = p({
   name: "Link",
   type: "info"
 }, ge), Ma = [
@@ -214,29 +227,29 @@ const Fa = {
   "file",
   "flag"
 ];
-var j = "Progress", z = 100, [ra, Da] = ve(j), [sa, ta] = ra(j), le = _.forwardRef(
+var A = "Progress", j = 100, [ra, Da] = ve(A), [sa, ta] = ra(A), oe = _.forwardRef(
   (a, r) => {
     const {
       __scopeProgress: s,
-      value: l = null,
+      value: o = null,
       max: t,
-      getValueLabel: i = la,
+      getValueLabel: i = oa,
       ...n
     } = a;
-    (t || t === 0) && !q(t) && console.error(oa(`${t}`, "Progress"));
-    const d = q(t) ? t : z;
-    l !== null && !W(l, d) && console.error(na(`${l}`, "Progress"));
-    const o = W(l, d) ? l : null, f = T(o) ? i(o, d) : void 0;
-    return /* @__PURE__ */ e(sa, { scope: s, value: o, max: d, children: /* @__PURE__ */ e(
-      H.div,
+    (t || t === 0) && !V(t) && console.error(la(`${t}`, "Progress"));
+    const d = V(t) ? t : j;
+    o !== null && !H(o, d) && console.error(na(`${o}`, "Progress"));
+    const l = H(o, d) ? o : null, f = T(l) ? i(l, d) : void 0;
+    return /* @__PURE__ */ e(sa, { scope: s, value: l, max: d, children: /* @__PURE__ */ e(
+      G.div,
       {
         "aria-valuemax": d,
         "aria-valuemin": 0,
-        "aria-valuenow": T(o) ? o : void 0,
+        "aria-valuenow": T(l) ? l : void 0,
         "aria-valuetext": f,
         role: "progressbar",
-        "data-state": ie(o, d),
-        "data-value": o ?? void 0,
+        "data-state": ie(l, d),
+        "data-value": l ?? void 0,
         "data-max": d,
         ...n,
         ref: r
@@ -244,24 +257,24 @@ var j = "Progress", z = 100, [ra, Da] = ve(j), [sa, ta] = ra(j), le = _.forwardR
     ) });
   }
 );
-le.displayName = j;
-var oe = "ProgressIndicator", ne = _.forwardRef(
+oe.displayName = A;
+var le = "ProgressIndicator", ne = _.forwardRef(
   (a, r) => {
-    const { __scopeProgress: s, ...l } = a, t = ta(oe, s);
+    const { __scopeProgress: s, ...o } = a, t = ta(le, s);
     return /* @__PURE__ */ e(
-      H.div,
+      G.div,
       {
         "data-state": ie(t.value, t.max),
         "data-value": t.value ?? void 0,
         "data-max": t.max,
-        ...l,
+        ...o,
         ref: r
       }
     );
   }
 );
-ne.displayName = oe;
-function la(a, r) {
+ne.displayName = le;
+function oa(a, r) {
   return `${Math.round(a / r * 100)}%`;
 }
 function ie(a, r) {
@@ -270,26 +283,26 @@ function ie(a, r) {
 function T(a) {
   return typeof a == "number";
 }
-function q(a) {
+function V(a) {
   return T(a) && !isNaN(a) && a > 0;
 }
-function W(a, r) {
+function H(a, r) {
   return T(a) && !isNaN(a) && a <= r && a >= 0;
 }
-function oa(a, r) {
-  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${z}\`.`;
+function la(a, r) {
+  return `Invalid prop \`max\` of value \`${a}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${j}\`.`;
 }
 function na(a, r) {
   return `Invalid prop \`value\` of value \`${a}\` supplied to \`${r}\`. The \`value\` prop must be:
   - a positive number
-  - less than the value passed to \`max\` (or ${z} if no \`max\` prop is set)
+  - less than the value passed to \`max\` (or ${j} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.
 
 Defaulting to \`null\`.`;
 }
-var de = le, ia = ne;
-const ce = _.forwardRef(({ className: a, value: r, ...s }, l) => e(de, {
-  ref: l,
+var de = oe, ia = ne;
+const ce = _.forwardRef(({ className: a, value: r, ...s }, o) => e(de, {
+  ref: o,
   className: b("relative h-2 w-full overflow-hidden rounded-full bg-f1-background-secondary", a),
   ...s,
   children: e(ia, {
@@ -301,8 +314,8 @@ const ce = _.forwardRef(({ className: a, value: r, ...s }, l) => e(de, {
   })
 }));
 ce.displayName = de.displayName;
-const da = ({ value: a, max: r = 100, label: s, color: l }, t) => {
-  const i = l ? A(l) : A("categorical-1"), n = a / r * 100;
+const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
+  const i = o ? W(o) : W("categorical-1"), n = a / r * 100;
   return c("div", {
     className: "flex items-center space-x-2",
     "aria-live": "polite",
@@ -333,13 +346,13 @@ const da = ({ value: a, max: r = 100, label: s, color: l }, t) => {
     name: "BarChart",
     type: "info"
   },
-  Ce
+  ye
 ), Ba = p(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  ye
+  Ce
 ), Ra = p(
   {
     name: "LineChart",
@@ -365,19 +378,19 @@ const da = ({ value: a, max: r = 100, label: s, color: l }, t) => {
   },
   ca
 ), $ = ({ count: a, list: r }) => {
-  const [s, l] = v(!1), t = e(D, {
+  const [s, o] = v(!1), t = e(D, {
     label: `+${a}`
   });
   return r != null && r.length ? c(U, {
     open: s,
-    onOpenChange: l,
-    children: [e(J, {
+    onOpenChange: o,
+    children: [e(Y, {
       asChild: !0,
       children: e("button", {
         className: Le("inline-flex flex-shrink-0 items-center"),
         children: t
       })
-    }), e(Y, {
+    }), e(J, {
       className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
       align: "end",
       children: c(X, {
@@ -396,18 +409,18 @@ const da = ({ value: a, max: r = 100, label: s, color: l }, t) => {
   }) : t;
 };
 $.displayName = "ChipCounter";
-const ue = ({ chips: a, max: r = 4, remainingCount: s, layout: l = "compact" }) => {
-  if (l === "fill")
-    return e(Fe, {
+const ue = ({ chips: a, max: r = 4, remainingCount: s, layout: o = "compact" }) => {
+  if (o === "fill")
+    return e(ke, {
       items: a,
-      renderListItem: (o) => e(D, {
-        ...o
+      renderListItem: (l) => e(D, {
+        ...l
       }),
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: s !== void 0,
-      renderOverflowIndicator: (o) => e($, {
-        count: (s ?? 0) + o,
-        list: s ? void 0 : a.slice(a.length - o)
+      renderOverflowIndicator: (l) => e($, {
+        count: (s ?? 0) + l,
+        list: s ? void 0 : a.slice(a.length - l)
       }),
       overflowIndicatorWithPopover: !1,
       className: "flex-1"
@@ -415,8 +428,8 @@ const ue = ({ chips: a, max: r = 4, remainingCount: s, layout: l = "compact" })
   const t = a.slice(0, r), i = a.slice(r), n = s ?? a.length - r, d = n > 0;
   return c("div", {
     className: "flex items-center gap-2",
-    children: [t.map((o, f) => e(D, {
-      ...o
+    children: [t.map((l, f) => e(D, {
+      ...l
     }, f)), d && e($, {
       count: n,
       list: s ? void 0 : i
@@ -429,9 +442,9 @@ const _a = Se("F0ChipList", ue), ua = {
   sm: 2,
   md: 2,
   lg: 2
-}, fa = I(function({ widgets: r, children: s }, l) {
+}, fa = I(function({ widgets: r, children: s }, o) {
   const t = se(null);
-  Ze(l, () => t.current);
+  Ze(o, () => t.current);
   const i = ea.toArray(r).filter((n) => !!n).map((n, d) => e("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: n
@@ -443,7 +456,7 @@ const _a = Se("F0ChipList", ue), ua = {
       className: "@container",
       children: [c("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [e(ke, {
+        children: [e(Fe, {
           columns: ua,
           showArrows: !1,
           children: i
@@ -465,23 +478,23 @@ const _a = Se("F0ChipList", ue), ua = {
       })]
     })
   });
-}), ma = I(function({ children: r, sideContent: s, mainColumnPosition: l = "left", sticky: t = !1 }, i) {
+}), ha = 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", l === "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"),
+        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, {
+      }), e(ma, {
         sticky: t,
-        className: b("order-1", l === "right" ? "md:order-1" : "md:order-3"),
+        className: b("order-1", o === "right" ? "md:order-1" : "md:order-3"),
         children: s
       })]
     })
   });
-}), ha = ({ children: a, className: r }) => e("aside", {
+}), ma = ({ 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 = Me({
@@ -491,12 +504,12 @@ const _a = Se("F0ChipList", ue), ua = {
       narrow: "max-w-screen-lg"
     }
   }
-}), fe = Qe.forwardRef(({ children: a, variant: r, className: s, ...l }, t) => e(Q, {
+}), fe = Qe.forwardRef(({ children: a, variant: r, className: s, ...o }, t) => e(Q, {
   layout: "standard",
   children: e("section", {
     ref: t,
     className: b("relative flex-1 overflow-auto", s),
-    ...l,
+    ...o,
     children: e("div", {
       className: b(pa({
         variant: r
@@ -506,13 +519,13 @@ const _a = Se("F0ChipList", ue), ua = {
   })
 }));
 fe.displayName = "StandardLayout";
-const ja = p({
+const Aa = p({
   name: "StandardLayout",
   type: "layout"
-}, fe), za = p({
+}, fe), ja = p({
   name: "TwoColumnLayout",
   type: "layout"
-}, ma), Aa = p({
+}, ha), Wa = p({
   name: "HomeLayout",
   type: "layout"
 }, fa), ga = ({ benefits: a }) => e("div", {
@@ -529,8 +542,8 @@ const ja = p({
   }), e("span", {
     children: a
   })]
-}), me = I(({ title: a, image: r, benefits: s, actions: l, withShadow: t = !0, module: i, moduleName: n, tag: d }, o) => c("div", {
-  ref: o,
+}), he = 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",
@@ -566,14 +579,14 @@ const ja = p({
       }), e(ga, {
         benefits: s
       })]
-    }), l && e("div", {
+    }), o && e("div", {
       className: "flex gap-3",
-      children: l
+      children: o
     })]
   })]
 }));
-me.displayName = "ProductBlankslate";
-function ba({ isOpen: a, onClose: r, title: s, children: l, module: t, portalContainer: i }) {
+he.displayName = "ProductBlankslate";
+function ba({ isOpen: a, onClose: r, title: s, children: o, module: t, portalContainer: i }) {
   const [n, d] = v(a);
   return te(() => {
     d(a);
@@ -603,7 +616,7 @@ function ba({ isOpen: a, onClose: r, title: s, children: l, module: t, portalCon
         })]
       }), c(X, {
         className: "[*[data-state=visible]_div]:bg-f1-background flex max-h-[512px] flex-col",
-        children: [l, e(K, {
+        children: [o, e(K, {
           orientation: "vertical",
           className: "[&_div]:bg-f1-background"
         })]
@@ -611,20 +624,20 @@ function ba({ isOpen: a, onClose: r, title: s, children: l, module: t, portalCon
     })
   });
 }
-function Va({ isOpen: a, onClose: r, title: s, image: l, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: o, closeLabel: f, primaryAction: m, modalTitle: N, modalModule: P, secondaryAction: u, portalContainer: C, tag: k, showResponseDialog: L = !0 }) {
-  const [B, y] = v(a), [S, x] = v(null), [g, F] = v(!1), R = async () => {
-    if (m != null && m.onClick) {
-      F(!0);
+function za({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: l, closeLabel: f, primaryAction: h, modalTitle: N, modalModule: P, secondaryAction: u, portalContainer: y, tag: F, showResponseDialog: L = !0 }) {
+  const [B, C] = v(a), [S, x] = v(null), [g, k] = v(!1), R = async () => {
+    if (h != null && h.onClick) {
+      k(!0);
       try {
-        await m.onClick(), y(!1), L && x("success");
+        await h.onClick(), C(!1), L && x("success");
       } catch {
         L && x("error");
       } finally {
-        F(!1);
+        k(!1);
       }
     }
   }, M = () => {
-    y(!1), r == null || r();
+    C(!1), r == null || r();
   }, O = g;
   return c(E, {
     children: [e(ba, {
@@ -632,24 +645,24 @@ function Va({ isOpen: a, onClose: r, title: s, image: l, benefits: t, errorMessa
       onClose: M,
       title: N,
       module: P,
-      portalContainer: C,
+      portalContainer: y,
       children: e("div", {
         className: "pb-4 pl-4",
-        children: e(me, {
+        children: e(he, {
           title: s,
-          image: l,
+          image: o,
           benefits: t,
           withShadow: !1,
-          tag: k,
+          tag: F,
           actions: c("div", {
             className: "flex gap-3",
-            children: [m && e(w, {
-              variant: m.variant,
-              label: O ? d.label : m.label,
-              icon: m.icon || void 0,
+            children: [h && e(w, {
+              variant: h.variant,
+              label: O ? d.label : h.label,
+              icon: h.icon || void 0,
               onClick: R,
-              loading: m.loading,
-              size: m.size
+              loading: h.loading,
+              size: h.size
             }), u && e(w, {
               onClick: u.onClick,
               label: u.label,
@@ -668,15 +681,15 @@ function Va({ isOpen: a, onClose: r, title: s, image: l, benefits: t, errorMessa
       success: S === "success",
       errorMessage: i,
       successMessage: n,
-      nextSteps: o,
+      nextSteps: l,
       closeLabel: f,
-      portalContainer: C
+      portalContainer: y
     })]
   });
 }
-function xa({ mediaUrl: a, title: r, description: s, onClose: l, dismissible: t, width: i, trackVisibility: n, actions: d, showConfirmation: o = !0 }) {
-  const [f, m] = v(!1), N = () => {
-    m(!0), l && l();
+function xa({ mediaUrl: a, title: r, description: s, onClose: o, dismissible: t, width: i, trackVisibility: n, actions: d, showConfirmation: l = !0 }) {
+  const [f, h] = v(!1), N = () => {
+    h(!0), o && o();
   };
   te(() => {
     n && n(!f);
@@ -715,16 +728,16 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: l, dismissible: t,
             }))
           }), c("div", {
             className: "flex flex-col gap-[2px] p-3",
-            children: [e(V, {
+            children: [e(z, {
               className: "text-lg font-medium",
               children: r
-            }), e(V, {
+            }), e(z, {
               className: "line-clamp-3 text-base font-normal text-f1-foreground-secondary",
               children: s
             })]
           })]
         })]
-      }), d && e(je, {
+      }), d && e(Ae, {
         className: "p-3",
         children: d.map((u) => u.type === "upsell" ? e(re, {
           label: u.label,
@@ -734,7 +747,7 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: l, dismissible: t,
           loadingState: u.loadingState,
           nextSteps: u.nextSteps,
           closeLabel: u.closeLabel,
-          showConfirmation: o && u.showConfirmation,
+          showConfirmation: l && u.showConfirmation,
           variant: u.variant
         }, u.label) : e(w, {
           label: u.label,
@@ -745,75 +758,75 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: l, dismissible: t,
     })
   });
 }
-const Ca = I(function({ primaryAction: r, secondaryAction: s, ...l }, t) {
-  const i = (o) => o.variant === "promote" ? e(re, {
-    label: o.label,
+const ya = I(function({ primaryAction: r, secondaryAction: s, ...o }, t) {
+  const i = (l) => l.variant === "promote" ? e(re, {
+    label: l.label,
     onRequest: async () => {
-      await o.onClick();
+      await l.onClick();
     },
-    errorMessage: o.errorMessage,
-    successMessage: o.successMessage,
-    loadingState: o.loadingState,
-    nextSteps: o.nextSteps,
-    closeLabel: o.closeLabel,
-    showIcon: o.showIcon,
-    showConfirmation: o.showConfirmation,
-    variant: o.variant
+    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: o.onClick,
-    label: o.label,
-    variant: o.variant || "default",
+    onClick: l.onClick,
+    label: l.label,
+    variant: l.variant || "default",
     size: "md",
-    icon: o.icon
+    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, {
+  return c(je, {
     ref: t,
-    ...l,
+    ...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: l = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: o = Ae, mediaUrl: f, title: m, description: N, width: P = "300px", trackVisibility: u, actions: C, onClick: k, hideLabel: L = !1 }) {
-  const [B, y] = v(!1), [S, x] = v(null), [g, F] = v(null), R = (h) => {
-    r(h), k && k();
-  }, M = async (h) => {
-    if (h.type === "upsell") {
-      F(h);
+ya.displayName = "UpsellingBanner";
+function Va({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: l = We, mediaUrl: f, title: h, description: N, width: P = "300px", trackVisibility: u, actions: y, onClick: F, hideLabel: L = !1 }) {
+  const [B, C] = v(!1), [S, x] = v(null), [g, k] = v(null), R = (m) => {
+    r(m), F && F();
+  }, M = async (m) => {
+    if (m.type === "upsell") {
+      k(m);
       try {
-        await h.onClick(), h.showConfirmation && (y(!0), x("success"));
+        await m.onClick(), m.showConfirmation && (C(!0), x("success"));
       } catch {
-        y(!0), x("error");
+        C(!0), x("error");
       }
     }
   }, O = () => {
-    x(null), y(!1), F(null), r(!1);
-  }, he = a && !B, pe = C == null ? void 0 : C.map((h) => h.type === "upsell" ? {
-    ...h,
-    onClick: () => M(h)
-  } : h);
+    x(null), C(!1), k(null), r(!1);
+  }, me = a && !B, pe = y == null ? void 0 : y.map((m) => m.type === "upsell" ? {
+    ...m,
+    onClick: () => M(m)
+  } : m);
   return c(E, {
     children: [c(U, {
-      open: he,
+      open: me,
       onOpenChange: R,
-      children: [e(J, {
+      children: [e(Y, {
         asChild: !0,
         children: e(w, {
-          variant: l,
+          variant: o,
           label: s,
           size: t,
-          icon: i ? o : void 0,
+          icon: i ? l : void 0,
           onClick: () => r(a),
           hideLabel: L
         })
-      }), e(Y, {
+      }), e(J, {
         side: n,
         align: d,
         className: "w-fit border-none bg-transparent p-2 shadow-none",
         children: e(xa, {
           mediaUrl: f,
-          title: m,
+          title: h,
           description: N,
           onClose: () => r(!1),
           dismissible: !1,
@@ -835,13 +848,13 @@ function qa({ isOpen: a, setIsOpen: r, label: s, variant: l = "promote", size: t
     })]
   });
 }
-const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
-  const s = se(null), [l, t] = v(s.current);
+const Ca = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
+  const s = se(null), [o, t] = v(s.current);
   return Ke(() => {
     t(s.current);
-  }, []), e(ya.Provider, {
+  }, []), e(Ca.Provider, {
     value: {
-      element: l
+      element: o
     },
     children: e("div", {
       ref: s,
@@ -855,25 +868,25 @@ const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
 }, Na = ({ children: a }) => e(Xe, {
   reducedMotion: "user",
   children: a
-}), Wa = ({ children: a, layout: r, link: s, privacyModeInitiallyEnabled: l, image: t, i18n: i, l10n: n, isDev: d = !1, dataCollectionStorageHandler: o, showExperimentalWarnings: f = !1 }) => e(Na, {
-  children: e(Ve, {
+}), Ha = ({ 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(ze, {
     isDev: d,
     showExperimentalWarnings: f,
-    children: e(qe, {
+    children: e(Ve, {
       ...n,
-      children: e(We, {
+      children: e(He, {
         ...i,
-        children: e(Ge, {
+        children: e(qe, {
           ...s,
           children: e(wa, {
             ...r,
-            children: e(He, {
+            children: e(Ge, {
               children: e(Ue, {
-                initiallyEnabled: l,
-                children: e(Je, {
+                initiallyEnabled: o,
+                children: e(Ye, {
                   ...t,
-                  children: e(Ye, {
-                    handler: o,
+                  children: e(Je, {
+                    handler: l,
                     children: a
                   })
                 })
@@ -884,21 +897,21 @@ const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
       })
     })
   })
-}), G = (a) => `datacollection-${a}`, Ga = {
+}), q = (a) => `datacollection-${a}`, qa = {
   get: async (a) => JSON.parse(
-    localStorage.getItem(G(a)) ?? "{}"
+    localStorage.getItem(q(a)) ?? "{}"
   ),
   set: async (a, r) => {
-    localStorage.setItem(G(a), JSON.stringify(r));
+    localStorage.setItem(q(a), JSON.stringify(r));
   }
 };
 export {
   Ta as AreaChart,
-  Ja as Await,
+  Ya as Await,
   Ia as BarChart,
   w as Button,
   Ba as CategoryBarChart,
-  Ya as CopyButton,
+  Ja as CopyButton,
   Xa as DndProvider,
   Ka as EmojiImage,
   Qa as F0Avatar,
@@ -908,55 +921,55 @@ export {
   rr as F0AvatarEmoji,
   sr as F0AvatarFile,
   tr as F0AvatarIcon,
-  lr as F0AvatarList,
+  or as F0AvatarList,
   Z as F0AvatarModule,
-  or as F0AvatarPerson,
+  lr as F0AvatarPerson,
   nr as F0AvatarTeam,
   ir as F0Card,
   dr as F0Checkbox,
   _a as F0ChipList,
   cr as F0EventCatcherProvider,
   Te as F0Icon,
-  Wa as F0Provider,
+  Ha as F0Provider,
   ur as F0TagAlert,
   fr as F0TagBalance,
-  mr as F0TagCompany,
-  hr as F0TagDot,
+  hr as F0TagCompany,
+  mr as F0TagDot,
   pr as F0TagList,
   gr as F0TagPerson,
   De as F0TagRaw,
   vr as F0TagStatus,
   br as F0TagTeam,
   xr as GROUP_ID_SYMBOL,
-  Aa as HomeLayout,
+  Wa as HomeLayout,
   Ra as LineChart,
-  ka as Link,
-  Cr as OneFilterPicker,
+  Fa as Link,
+  yr as OneFilterPicker,
   Oa as PieChart,
   Ue as PrivacyModeProvider,
-  me as ProductBlankslate,
-  yr as ProductCard,
-  Va as ProductModal,
+  he as ProductBlankslate,
+  Cr as ProductCard,
+  za as ProductModal,
   xa as ProductWidget,
   Ea as ProgressBarChart,
-  ja as StandardLayout,
+  Aa as StandardLayout,
   wr as TagCounter,
-  za as TwoColumnLayout,
+  ja as TwoColumnLayout,
   ae as UpsellRequestResponseDialog,
-  Ca as UpsellingBanner,
+  ya as UpsellingBanner,
   re as UpsellingButton,
-  qa as UpsellingPopover,
+  Va as UpsellingPopover,
   $a as VerticalBarChart,
   Ma as avatarVariants,
   Nr as buildTranslations,
   Pr as createAtlaskitDriver,
   Lr as createDataSourceDefinition,
-  Ga as dataCollectionLocalStorageHandler,
-  Fa as defaultTranslations,
+  qa as dataCollectionLocalStorageHandler,
+  ka as defaultTranslations,
   Se as experimental,
   Sr as getAnimationVariants,
-  Fr as getDataSourcePaginationType,
-  kr as getEmojiLabel,
+  kr as getDataSourcePaginationType,
+  Fr as getEmojiLabel,
   Mr as isInfiniteScrollPagination,
   Dr as isPageBasedPagination,
   Tr as modules,
@@ -967,9 +980,9 @@ export {
   $r as useDraggable,
   Er as useDroppableList,
   _r as useEmojiConfetti,
-  jr as useGroups,
-  zr as usePrivacyMode,
-  Ar as useReducedMotion,
-  Vr as useSelectable,
-  qr as useXRay
+  Ar as useGroups,
+  jr as usePrivacyMode,
+  Wr as useReducedMotion,
+  zr as useSelectable,
+  Vr as useXRay
 };