@factorialco/f0-react 1.355.2 → 1.356.1

package/dist/f0.d.ts

@@ -2356,6 +2356,28 @@ export declare const defaultTranslations: {
             };
         };
         readonly ask: "Ask One";
+        readonly growth: {
+            readonly demoCard: {
+                readonly title: "See {{moduleName}} in action";
+                readonly actionLabel: "Start demo";
+            };
+            readonly bookAMeetingCard: {
+                readonly title: "Talk with an expert";
+                readonly schedule: "Mon-Fri · 09:00-21:00 (CEST)";
+                readonly actionLabel: "Book a meeting";
+            };
+            readonly questionCard: {
+                readonly actionLabel: "Next";
+                readonly skipLabel: "Skip";
+                readonly sendLabel: "Send";
+            };
+            readonly moduleCard: {
+                readonly actionLabel: "Learn more";
+            };
+            readonly faqCard: {
+                readonly title: "Questions before getting started";
+            };
+        };
     };
     readonly select: {
         readonly noResults: "No results found";
@@ -7329,11 +7351,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -7370,3 +7387,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/f0.js

@@ -1,11 +1,11 @@
-import { a6 as X, a7 as mt, aa as qi, ab as Nn, ac as Dn, ad as Io, ae as Po, af as Yi, ag as $e, u as Tn, ah as An, ai as Bo, aj as Fo, ak as Ho, al as jo, am as De, an as Te, ao as $o, ap as Wo, aq as Ki, ar as Go, as as _r, at as Xi, au as Ji, av as Qi, aw as es, ax as ts, ay as rs, az as Vo, aA as Zo, aB as Uo, aC as qo, aD as Yo, a8 as Ge, aE as ri, aF as Ko, aG as Xo, aH as Rt, aI as Jo, aJ as Qo, aK as ea, aL as ta, aM as ra, aN as na, aO as ia, aP as sa, aQ as oa, aR as aa, aS as la, aT as ca, aU as ns, aV as da, aW as ua, aX as ha, aY as fa, aZ as ma, a_ as is, a$ as pa, b0 as ga, b1 as va, I as ya, b2 as ba, b3 as xa, b4 as wa, b5 as _a } from "./F0AiChat-DSTFlRy-.js";
-import { A as Rm, bk as Nm, B as Dm, C as Tm, E as Am, bz as Om, h as Mm, F as Lm, a as zm, x as Im, i as Pm, b as Bm, b6 as Fm, b7 as Hm, b8 as jm, b9 as $m, bb as Wm, bc as Gm, bd as Vm, be as Zm, bf as Um, bg as qm, bh as Ym, bv as Km, s as Xm, t as Jm, v as Qm, w as ep, c as tp, bl as rp, n as np, o as ip, p as sp, H as op, k as ap, L as lp, O as cp, bj as dp, q as up, P as hp, S as fp, T as mp, l as pp, m as gp, U as vp, bw as yp, bq as bp, r as xp, j as wp, bt as _p, bp as Cp, bA as Ep, bo as kp, bn as Sp, ba as Rp, d as Np, bm as Dp, br as Tp, e as Ap, bB as Op, bi as Mp, bs as Lp, g as zp, f as Ip, by as Pp, bu as Bp, bx as Fp } from "./F0AiChat-DSTFlRy-.js";
+import { a6 as X, a7 as mt, aa as qi, ab as Nn, ac as Dn, ad as Io, ae as Po, af as Yi, ag as $e, u as Tn, ah as An, ai as Bo, aj as Fo, ak as Ho, al as jo, am as De, an as Te, ao as $o, ap as Wo, aq as Ki, ar as Go, as as _r, at as Xi, au as Ji, av as Qi, aw as es, ax as ts, ay as rs, az as Vo, aA as Zo, aB as Uo, aC as qo, aD as Yo, a8 as Ge, aE as ri, aF as Ko, aG as Xo, aH as Rt, aI as Jo, aJ as Qo, aK as ea, aL as ta, aM as ra, aN as na, aO as ia, aP as sa, aQ as oa, aR as aa, aS as la, aT as ca, aU as ns, aV as da, aW as ua, aX as ha, aY as fa, aZ as ma, a_ as is, a$ as pa, b0 as ga, b1 as va, b2 as ya, b3 as ba, b4 as xa, I as wa, b5 as _a, b6 as Ca, b7 as Ea, b8 as ka } from "./F0AiChat-CiIS6L-I.js";
+import { A as Rm, bn as Nm, B as Dm, C as Tm, E as Am, bC as Om, h as Mm, F as Lm, a as zm, x as Im, i as Pm, b as Bm, b9 as Fm, ba as Hm, bb as jm, bc as $m, be as Wm, bf as Gm, bg as Vm, bh as Zm, bi as Um, bj as qm, bk as Ym, by as Km, s as Xm, t as Jm, v as Qm, w as ep, c as tp, bo as rp, n as np, o as ip, p as sp, H as op, k as ap, L as lp, O as cp, bm as dp, q as up, P as hp, S as fp, T as mp, l as pp, m as gp, U as vp, bz as yp, bt as bp, r as xp, j as wp, bw as _p, bs as Cp, bD as Ep, br as kp, bq as Sp, bd as Rp, d as Np, bp as Dp, bu as Tp, e as Ap, bE as Op, bl as Mp, bv as Lp, g as zp, f as Ip, bB as Pp, bx as Bp, bA as Fp } from "./F0AiChat-CiIS6L-I.js";
 import { jsx as h, jsxs as I, Fragment as sr } from "react/jsx-runtime";
-import G, { forwardRef as ye, useRef as $, useImperativeHandle as Ca, Children as Cr, createContext as Ze, useContext as ze, useState as Z, useMemo as F, useEffect as V, useCallback as te, useLayoutEffect as mn, createElement as ni, isValidElement as ss, Fragment as Ea, memo as ka, useReducer as Sa, cloneElement as Ra, PureComponent as Na } from "react";
+import G, { forwardRef as ye, useRef as $, useImperativeHandle as Sa, Children as Cr, createContext as Ze, useContext as ze, useState as Z, useMemo as F, useEffect as V, useCallback as te, useLayoutEffect as mn, createElement as ni, isValidElement as ss, Fragment as Ra, memo as Na, useReducer as Da, cloneElement as Ta, PureComponent as Aa } from "react";
 import { createPortal as os, unstable_batchedUpdates as gr } from "react-dom";
-import { L as as, C as Da, i as ls, D as Ta, S as ii, a as Aa, f as sn, b as Wt, c as Oa, A as Ma, d as vr, e as cs, E as La, g as xr, h as za, j as Ia, k as Pa, l as Et, m as ds, u as Ba, G as Fa, n as Ha, o as si, p as ja, q as us, r as $a, B as hs, X as fs, Y as pn, s as Wa, t as ms, v as Ga, w as Va, x as Za, y as Ua, z as qa, F as Ya, H as Ka, I as Xa, J as oi, K as Ja, M as Vt, N as on, O as Qa, P as el, Q as tl, R as rl, T as nl, U as il, V as sl, W as ol, Z as al, _ as ll, $ as cl, a0 as ai, a1 as dl, a2 as ul, a3 as ps, a4 as hl, a5 as fl, a6 as ml, a7 as On, a8 as li, a9 as pl, aa as gl, ab as vl, ac as yl, ad as bl, ae as xl, af as wl, ag as _l, ah as Cl, ai as El, aj as kl, ak as Sl, al as gs, am as Rl, an as Nl, ao as ci, ap as Dl, aq as vs, ar as Tl, as as Al, at as Ol, au as Ml } from "./DataCollectionStorageProvider-D464tg7a.js";
-import { aM as jp, av as $p, aw as Wp, az as Gp, aD as Vp, aE as Zp, aF as Up, aH as qp, aI as Yp, aJ as Kp, aK as Xp, aC as Jp, aG as Qp, ax as eg, ay as tg, aL as rg, aA as ng, aB as ig, aN as sg, aO as og, aP as ag, aQ as lg } from "./DataCollectionStorageProvider-D464tg7a.js";
-import { A as dg, F as ug, c as hg, b as fg, a as mg, o as pg, u as gg } from "./F0HILActionConfirmation-CzSWycy_.js";
+import { L as as, C as Oa, i as ls, D as Ma, S as ii, a as La, f as sn, b as Wt, c as za, A as Ia, d as vr, e as cs, E as Pa, g as xr, h as Ba, j as Fa, k as Ha, l as Et, m as ds, u as ja, G as $a, n as Wa, o as si, p as Ga, q as us, r as Va, B as hs, X as fs, Y as pn, s as Za, t as ms, v as Ua, w as qa, x as Ya, y as Ka, z as Xa, F as Ja, H as Qa, I as el, J as oi, K as tl, M as Vt, N as on, O as rl, P as nl, Q as il, R as sl, T as ol, U as al, V as ll, W as cl, Z as dl, _ as ul, $ as hl, a0 as ai, a1 as fl, a2 as ml, a3 as ps, a4 as pl, a5 as gl, a6 as vl, a7 as On, a8 as li, a9 as yl, aa as bl, ab as xl, ac as wl, ad as _l, ae as Cl, af as El, ag as kl, ah as Sl, ai as Rl, aj as Nl, ak as Dl, al as gs, am as ci, an as vs, ao as Tl, ap as Al, aq as Ol, ar as Ml } from "./DataCollectionStorageProvider-CYjGlOJW.js";
+import { aJ as jp, as as $p, at as Wp, aw as Gp, aA as Vp, aB as Zp, aC as Up, aE as qp, aF as Yp, aG as Kp, aH as Xp, az as Jp, aD as Qp, au as eg, av as tg, aI as rg, ax as ng, ay as ig, aK as sg, aL as og, aM as ag, aN as lg } from "./DataCollectionStorageProvider-CYjGlOJW.js";
+import { A as dg, F as ug, c as hg, b as fg, a as mg, o as pg, u as gg } from "./F0HILActionConfirmation-DYjm5fCH.js";
 import { defaultTranslations as yg } from "./i18n-provider-defaults.js";
 import './f0.css';const Ll = {
   xs: 1,
@@ -14,7 +14,7 @@ import './f0.css';const Ll = {
   lg: 2
 }, zl = ye(function({ widgets: e, children: t }, n) {
   const i = $(null);
-  Ca(n, () => i.current);
+  Sa(n, () => i.current);
   const s = Cr.toArray(e).filter((o) => !!o).map((o, a) => h("div", {
     className: "h-full @5xl:h-auto [&>div]:h-full",
     children: o
@@ -26,7 +26,7 @@ import './f0.css';const Ll = {
       className: "@container",
       children: [I("div", {
         className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
-        children: [h(Da, {
+        children: [h(Oa, {
           columns: Ll,
           showArrows: !1,
           children: s
@@ -4389,7 +4389,7 @@ const oc = Ql("Dashboard", Rs), Wf = De("Dashboard", oc), ac = mt({
     ...d,
     children: [m && I("div", {
       className: "absolute right-0 top-0 flex items-center justify-end gap-2 p-4",
-      children: [!!l && l, f.length > 0 && h(Ta, {
+      children: [!!l && l, f.length > 0 && h(Ma, {
         items: lc(u)
       })]
     }), h("div", {
@@ -4443,7 +4443,7 @@ const dc = ({ title: r = "", description: e, titleLevel: t = "h2", children: n,
   }, [i, e]), h("div", {
     ref: n,
     ...t,
-    children: i.map((o, a) => h(Ea, {
+    children: i.map((o, a) => h(Ra, {
       children: o
     }, a))
   });
@@ -6482,7 +6482,7 @@ var at;
 (function(r) {
   r[r.Uninitialized = 0] = "Uninitialized", r[r.Initializing = 1] = "Initializing", r[r.Initialized = 2] = "Initialized";
 })(at || (at = {}));
-const Rd = /* @__PURE__ */ ka(function(e) {
+const Rd = /* @__PURE__ */ Na(function(e) {
   var t, n, i, s;
   let {
     id: o,
@@ -6495,7 +6495,7 @@ const Rd = /* @__PURE__ */ ka(function(e) {
     modifiers: m,
     ...x
   } = e;
-  const v = Sa(Cd, void 0, _d), [w, S] = v, [D, _] = Ec(), [R, y] = Z(at.Uninitialized), b = R === at.Initialized, {
+  const v = Da(Cd, void 0, _d), [w, S] = v, [D, _] = Ec(), [R, y] = Z(at.Uninitialized), b = R === at.Initialized, {
     draggable: {
       active: g,
       nodes: E,
@@ -7016,7 +7016,7 @@ function Ld(r) {
     Promise.resolve(e(d, s)).then(() => {
       i(null);
     });
-  }, [e, n, s]), G.createElement(G.Fragment, null, t, n ? Ra(n, {
+  }, [e, n, s]), G.createElement(G.Fragment, null, t, n ? Ta(n, {
     ref: o
   }) : null);
 }
@@ -7896,7 +7896,7 @@ function bu(r, e) {
 function xu(r) {
   var e = r.option, t = r.isActive, n = yu(r, vu);
   return typeof e == "string" ? /* @__PURE__ */ G.createElement(ii, Yt({
-    option: /* @__PURE__ */ G.createElement(Aa, Yt({
+    option: /* @__PURE__ */ G.createElement(La, Yt({
       type: e
     }, n)),
     isActive: t,
@@ -8032,7 +8032,7 @@ var dr = /* @__PURE__ */ (function(r) {
       t.setState({
         isAnimationFinished: !1
       });
-    }), ct(t, "id", Ba("recharts-scatter-")), t;
+    }), ct(t, "id", ja("recharts-scatter-")), t;
   }
   return Su(e, r), _u(e, [{
     key: "renderSymbolsStatically",
@@ -8043,7 +8043,7 @@ var dr = /* @__PURE__ */ (function(r) {
         return /* @__PURE__ */ G.createElement(Wt, Kt({
           className: "recharts-scatter-symbol",
           key: "symbol-".concat(c?.cx, "-").concat(c?.cy, "-").concat(c?.size, "-").concat(u)
-        }, Oa(i.props, c, u), {
+        }, za(i.props, c, u), {
           role: "img"
         }), /* @__PURE__ */ G.createElement(xu, Kt({
           option: m,
@@ -8056,7 +8056,7 @@ var dr = /* @__PURE__ */ (function(r) {
     key: "renderSymbolsWithAnimation",
     value: function() {
       var n = this, i = this.props, s = i.points, o = i.isAnimationActive, a = i.animationBegin, l = i.animationDuration, d = i.animationEasing, c = i.animationId, u = this.state.prevPoints;
-      return /* @__PURE__ */ G.createElement(Ma, {
+      return /* @__PURE__ */ G.createElement(Ia, {
         begin: a,
         duration: l,
         isActive: o,
@@ -8101,7 +8101,7 @@ var dr = /* @__PURE__ */ (function(r) {
       var n = this.props.isAnimationActive;
       if (n && !this.state.isAnimationFinished)
         return null;
-      var i = this.props, s = i.points, o = i.xAxis, a = i.yAxis, l = i.children, d = cs(l, La);
+      var i = this.props, s = i.points, o = i.xAxis, a = i.yAxis, l = i.children, d = cs(l, Pa);
       return d ? d.map(function(c, u) {
         var f = c.props, m = f.direction, x = f.dataKey;
         return /* @__PURE__ */ G.cloneElement(c, {
@@ -8133,7 +8133,7 @@ var dr = /* @__PURE__ */ (function(r) {
           };
         });
       else if (o === "fitting") {
-        var f = za(i), m = f.xmin, x = f.xmax, v = f.a, w = f.b, S = function(R) {
+        var f = Ba(i), m = f.xmin, x = f.xmax, v = f.a, w = f.b, S = function(R) {
           return v * R + w;
         };
         c = [{
@@ -8150,7 +8150,7 @@ var dr = /* @__PURE__ */ (function(r) {
       }, d), {}, {
         points: c
       });
-      return /* @__PURE__ */ G.isValidElement(s) ? u = /* @__PURE__ */ G.cloneElement(s, D) : Ia(s) ? u = s(D) : u = /* @__PURE__ */ G.createElement(Pa, Kt({}, D, {
+      return /* @__PURE__ */ G.isValidElement(s) ? u = /* @__PURE__ */ G.cloneElement(s, D) : Fa(s) ? u = s(D) : u = /* @__PURE__ */ G.createElement(Ha, Kt({}, D, {
         type: a
       })), /* @__PURE__ */ G.createElement(Wt, {
         className: "recharts-scatter-line",
@@ -8190,7 +8190,7 @@ var dr = /* @__PURE__ */ (function(r) {
       } : null;
     }
   }]);
-})(Na);
+})(Aa);
 ct(dr, "displayName", "Scatter");
 ct(dr, "defaultProps", {
   xAxisId: 0,
@@ -8202,13 +8202,13 @@ ct(dr, "defaultProps", {
   data: [],
   shape: "circle",
   hide: !1,
-  isAnimationActive: !Fa.isSsr,
+  isAnimationActive: !$a.isSsr,
   animationBegin: 0,
   animationDuration: 400,
   animationEasing: "linear"
 });
 ct(dr, "getComposedData", function(r) {
-  var e = r.xAxis, t = r.yAxis, n = r.zAxis, i = r.item, s = r.displayedData, o = r.xAxisTicks, a = r.yAxisTicks, l = r.offset, d = i.props.tooltipType, c = cs(i.props.children, Ha), u = Et(e.dataKey) ? i.props.dataKey : e.dataKey, f = Et(t.dataKey) ? i.props.dataKey : t.dataKey, m = n && n.dataKey, x = n ? n.range : Qr.defaultProps.range, v = x && x[0], w = e.scale.bandwidth ? e.scale.bandwidth() : 0, S = t.scale.bandwidth ? t.scale.bandwidth() : 0, D = s.map(function(_, R) {
+  var e = r.xAxis, t = r.yAxis, n = r.zAxis, i = r.item, s = r.displayedData, o = r.xAxisTicks, a = r.yAxisTicks, l = r.offset, d = i.props.tooltipType, c = cs(i.props.children, Wa), u = Et(e.dataKey) ? i.props.dataKey : e.dataKey, f = Et(t.dataKey) ? i.props.dataKey : t.dataKey, m = n && n.dataKey, x = n ? n.range : Qr.defaultProps.range, v = x && x[0], w = e.scale.bandwidth ? e.scale.bandwidth() : 0, S = t.scale.bandwidth ? t.scale.bandwidth() : 0, D = s.map(function(_, R) {
     var y = xr(_, u), b = xr(_, f), g = !Et(m) && xr(_, m) || "-", E = [{
       name: Et(e.dataKey) ? i.props.name : e.name || e.dataKey,
       unit: e.unit || "",
@@ -8275,9 +8275,9 @@ ct(dr, "getComposedData", function(r) {
     points: D
   }, l);
 });
-var Nu = ja({
+var Nu = Ga({
   chartName: "ComposedChart",
-  GraphicalChild: [us, $a, hs, dr],
+  GraphicalChild: [us, Va, hs, dr],
   axisComponents: [{
     axisType: "xAxis",
     AxisComp: fs
@@ -8288,7 +8288,7 @@ var Nu = ja({
     axisType: "zAxis",
     AxisComp: Qr
   }],
-  formatAxisMap: Wa
+  formatAxisMap: Za
 });
 const Du = (r) => {
   const e = (t) => {
@@ -8317,8 +8317,8 @@ const Du = (r) => {
 }, Tu = ({ dataConfig: r, data: e, xAxis: t, yAxis: n = {
   hide: !0
 }, label: i = !1, hideTooltip: s = !1, hideGrid: o = !1, aspect: a, legend: l, showValueUnderLabel: d = !1, bar: c, line: u, scatter: f, onClick: m }, x) => {
-  const v = Ga(e), w = c?.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], S = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], D = f?.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], _ = [...w, ...S, ...D], R = Math.max(...v.flatMap((g) => _.map((E) => Va(n?.tickFormatter ? n.tickFormatter(`${g[E]}`) : `${g[E]}`)))), y = [c, u, f].filter((g) => g?.axisPosition === "left"), b = [c, u, f].filter((g) => g?.axisPosition === "right");
-  return h(Za, {
+  const v = Ua(e), w = c?.categories ? Array.isArray(c.categories) ? c.categories : [c.categories] : [], S = u?.categories ? Array.isArray(u.categories) ? u.categories : [u.categories] : [], D = f?.categories ? Array.isArray(f.categories) ? f.categories : [f.categories] : [], _ = [...w, ...S, ...D], R = Math.max(...v.flatMap((g) => _.map((E) => qa(n?.tickFormatter ? n.tickFormatter(`${g[E]}`) : `${g[E]}`)))), y = [c, u, f].filter((g) => g?.axisPosition === "left"), b = [c, u, f].filter((g) => g?.axisPosition === "right");
+  return h(Ya, {
     config: r,
     ref: x,
     aspect: a,
@@ -8343,13 +8343,13 @@ const Du = (r) => {
           E.values[M.name] = M.value;
         m(E);
       },
-      children: [!s && h(Ua, {
-        ...qa(),
-        content: h(Ya, {
+      children: [!s && h(Ka, {
+        ...Xa(),
+        content: h(Ja, {
           yAxisFormatter: n.tickFormatter
         })
-      }), !o && h(Ka, {
-        ...Xa()
+      }), !o && h(Qa, {
+        ...el()
       }), y.length > 0 && h(pn, {
         ...oi(n),
         tick: !0,
@@ -8373,7 +8373,7 @@ const Du = (r) => {
           position: "insideRight"
         } : void 0
       }), h(fs, {
-        ...Ja(t),
+        ...tl(t),
         hide: t?.hide,
         tick: d ? (g) => {
           const { x: E, y: M, payload: T } = g, C = e.find((H) => H.label === T.value)?.values || "", N = Object.keys(C).length === 1 ? Object.values(C)?.[0] : void 0, A = N !== void 0 && n.tickFormatter ? n.tickFormatter(`${N}`) : N.toLocaleString();
@@ -8423,8 +8423,8 @@ const Du = (r) => {
         isAnimationActive: !1,
         yAxisId: f?.axisPosition === "right" ? "right" : void 0,
         shape: Du(String(g))
-      }, `scatter-${String(g)}`)), l && h(Qa, {
-        content: h(el, {
+      }, `scatter-${String(g)}`)), l && h(rl, {
+        content: h(nl, {
           nameKey: "label"
         }),
         align: "center",
@@ -8441,7 +8441,7 @@ const Du = (r) => {
     "aria-live": "polite",
     children: [h("div", {
       className: "flex-grow",
-      children: h(tl, {
+      children: h(il, {
         color: s,
         value: o,
         className: "w-full",
@@ -8460,37 +8460,37 @@ const Du = (r) => {
     name: "AreaChart",
     type: "info"
   },
-  rl
+  sl
 ), Yf = Te(
   {
     name: "BarChart",
     type: "info"
   },
-  nl
+  ol
 ), Kf = Te(
   {
     name: "CategoryBarChart",
     type: "info"
   },
-  il
+  al
 ), Xf = Te(
   {
     name: "LineChart",
     type: "info"
   },
-  sl
+  ll
 ), Jf = Te(
   {
     name: "PieChart",
     type: "info"
   },
-  ol
+  cl
 ), Qf = Te(
   {
     name: "VerticalBarChart",
     type: "info"
   },
-  al
+  dl
 ), em = Te(
   {
     name: "ProgressBarChart",
@@ -8510,11 +8510,11 @@ const Du = (r) => {
   show: r.show ?? !0,
   invertStatus: r.invertStatus ?? !1
 }, so = ({ label: r, ...e }) => {
-  const t = ll(), n = t(e.value, {
+  const t = ul(), n = t(e.value, {
     formatterOptions: {
       decimalPlaces: 2
     }
-  }), i = Lu(e.trend), s = t(e.comparison), o = cl(n.numericValue, n.formatterOptions), a = ai(s.numericValue), l = ai(n.numericValue), d = F(() => {
+  }), i = Lu(e.trend), s = t(e.comparison), o = hl(n.numericValue, n.formatterOptions), a = ai(s.numericValue), l = ai(n.numericValue), d = F(() => {
     if (!(!a || !i.show) && !(!a || !l))
       return (l - a) / a * 100;
   }, [l, a, i.show]);
@@ -8527,7 +8527,7 @@ const Du = (r) => {
       children: [h("span", {
         className: "font-bold text-2xl",
         children: o
-      }), a !== void 0 && h(dl, {
+      }), a !== void 0 && h(fl, {
         percentage: d,
         amount: s,
         invertStatus: i.invertStatus,
@@ -9604,7 +9604,7 @@ const hm = De("F0ChipList", yo), fm = Zo, eh = mt({
             children: s === "neutral" ? h(Uo, {
               icon: i || qo,
               size: "sm"
-            }) : h(ul, {
+            }) : h(ml, {
               type: s,
               size: "sm"
             })
@@ -9879,7 +9879,7 @@ function gh({ field: r, formField: e, error: t, loading: n }) {
   });
 }
 function vh({ field: r, formField: e, error: t, loading: n }) {
-  return h(hl, {
+  return h(pl, {
     label: r.label,
     placeholder: r.placeholder,
     disabled: r.disabled,
@@ -9898,7 +9898,7 @@ function vh({ field: r, formField: e, error: t, loading: n }) {
 }
 function yh({ field: r, formField: e }) {
   const t = e.value;
-  return h(fl, {
+  return h(gl, {
     title: r.label,
     placeholder: r.placeholder ?? "",
     maxCharacters: r.maxCharacters,
@@ -10030,7 +10030,7 @@ function Sh({ field: r, formField: e, error: t, loading: n }) {
   });
 }
 function Rh({ field: r, formField: e, error: t, loading: n }) {
-  return h(ml, {
+  return h(vl, {
     label: r.label,
     placeholder: r.placeholder,
     disabled: r.disabled,
@@ -10147,7 +10147,7 @@ function Kn({ field: r, sectionId: e }) {
   return o ? h(li, {
     control: t.control,
     name: r.id,
-    render: ({ field: c, fieldState: u }) => I(pl, {
+    render: ({ field: c, fieldState: u }) => I(yl, {
       id: d,
       className: "scroll-mt-4",
       children: [a && I("label", {
@@ -10157,16 +10157,16 @@ function Kn({ field: r, sectionId: e }) {
           className: "ml-0.5 text-f1-foreground-critical",
           children: "*"
         })]
-      }), h(gl, {
+      }), h(bl, {
         children: Nh({
           field: r,
           formField: c,
           fieldState: u,
           isSubmitting: i
         })
-      }), r.helpText && h(vl, {
+      }), r.helpText && h(xl, {
         children: r.helpText
-      }), h(yl, {})]
+      }), h(wl, {})]
     })
   }) : h(li, {
     control: t.control,
@@ -10198,7 +10198,7 @@ function Co({ fields: r }) {
     disabled: c.disabled || i,
     required: !!(c.validation && Dh(c.validation))
   })), [o, i]), l = F(() => o.filter((c) => s[c.id]).map((c) => c.id), [o, s]);
-  return o.length === 0 ? null : h(bl, {
+  return o.length === 0 ? null : h(_l, {
     multiple: !0,
     isToggle: !0,
     grouped: !0,
@@ -10247,7 +10247,7 @@ function Oh({ section: r }) {
     className: "flex flex-col scroll-mt-4",
     children: [h("div", {
       className: "[&>div]:px-0.5 [&>div]:mx-0 [&>div]:border-0 py-5",
-      children: h(xl, {
+      children: h(Cl, {
         title: i,
         description: s ?? ""
       })
@@ -12873,7 +12873,7 @@ Lt.create;
 function lf(r, e) {
   return async (t, n, i) => {
     const s = cf(r, t);
-    return wl(s, e)(t, n, i);
+    return El(s, e)(t, n, i);
   };
 }
 function cf(r, e) {
@@ -13323,7 +13323,7 @@ const bf = {
 function xf(r) {
   const e = Tn(), { forms: t } = e, { name: n, schema: i, sections: s, defaultValues: o, onSubmit: a, submitConfig: l, className: d, errorTriggerMode: c = "on-blur" } = r, u = l?.type === "action-bar", f = l?.label ?? "Submit", m = l?.icon === null ? void 0 : l?.icon ?? ra, x = !u, v = l?.type === "action-bar" && l?.discardable, w = u ? l?.discardConfig : void 0, S = w?.label ?? t.actionBar.discard, D = w?.icon === null ? void 0 : w?.icon ?? na, _ = u ? l?.actionBarLabel ?? t.actionBar.unsavedChanges : t.actionBar.unsavedChanges, R = u && !!l?.centerActionBarInFrameContent, y = gf(i, s), b = F(() => vf(e), [e]), g = bf[c], E = F(() => lf(i, {
     errorMap: b
-  }), [i, b]), M = _l({
+  }), [i, b]), M = kl({
     resolver: E,
     mode: g,
     defaultValues: o
@@ -13346,7 +13346,7 @@ function xf(r) {
   }), [n]);
   return h(bo.Provider, {
     value: le,
-    children: I(Cl, {
+    children: I(Sl, {
       ...M,
       children: [I("form", {
         onSubmit: M.handleSubmit(J),
@@ -13385,7 +13385,7 @@ function xf(r) {
           loading: N,
           disabled: H
         })]
-      }), u && h(El, {
+      }), u && h(Rl, {
         isOpen: C,
         variant: "light",
         centerInFrameContent: R,
@@ -13559,7 +13559,7 @@ function Nf({ title: r, items: e, className: t, activeItem: n, collapsible: i =
       className: X(Rf({
         size: a
       }), !r && "pt-2", "scrollbar-macos"),
-      children: h(kl, {
+      children: h(Nl, {
         title: r,
         items: e,
         activeItem: n,
@@ -13616,7 +13616,7 @@ const xm = De(
           children: [a && h(da, {
             icon: a.icon,
             text: a.label
-          }), l && h(Sl, {
+          }), l && h(Dl, {
             variant: l.variant || "positive",
             text: l.label
           })]
@@ -13745,12 +13745,12 @@ function Of({ mediaUrl: r, title: e, description: t, onClose: n, dismissible: i,
   }, [o, d]);
   const f = r?.includes(".mp4");
   return h(sr, {
-    children: d ? null : I(Rl, {
+    children: d ? null : I(pa, {
       style: {
         width: s
       },
       className: "relative bg-f1-background p-1",
-      children: [I(Nl, {
+      children: [I(ga, {
         children: [i && h("div", {
           className: "absolute right-2 top-2 z-10",
           children: h(Ge, {
@@ -13786,7 +13786,7 @@ function Of({ mediaUrl: r, title: e, description: t, onClose: n, dismissible: i,
             })]
           })]
         })]
-      }), a && h(Dl, {
+      }), a && h(va, {
         className: "p-3",
         children: a.map((m) => m.type === "upsell" ? h(vs, {
           label: m.label,
@@ -13837,7 +13837,7 @@ const Mf = ye(function({ primaryAction: e, secondaryAction: t, ...n }, i) {
   });
 });
 Mf.displayName = "UpsellingBanner";
-function _m({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: l = pa, mediaUrl: d, title: c, description: u, width: f = "300px", trackVisibility: m, actions: x, onClick: v, hideLabel: w = !1 }) {
+function _m({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i = "md", showIcon: s = !0, side: o = "right", align: a = "center", icon: l = ya, mediaUrl: d, title: c, description: u, width: f = "300px", trackVisibility: m, actions: x, onClick: v, hideLabel: w = !1 }) {
   const [S, D] = Z(!1), [_, R] = Z(null), [y, b] = Z(null), g = (N) => {
     e(N), v && v();
   }, E = async (N) => {
@@ -13899,7 +13899,7 @@ function _m({ isOpen: r, setIsOpen: e, label: t, variant: n = "promote", size: i
 }
 const Lf = Ze(null), zf = ({ children: r, fullScreen: e = !0 }) => {
   const t = $(null), [n, i] = Z(t.current);
-  return _a(() => {
+  return ka(() => {
     i(t.current);
   }, []), h(Lf.Provider, {
     value: {
@@ -13918,21 +13918,21 @@ const Lf = Ze(null), zf = ({ children: r, fullScreen: e = !0 }) => {
   reducedMotion: "user",
   children: r
 }), Cm = ({ children: r, layout: e, link: t, privacyModeInitiallyEnabled: n, image: i, i18n: s, l10n: o, isDev: a = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: d = !1 }) => h(If, {
-  children: h(ga, {
+  children: h(ba, {
     isDev: a,
     showExperimentalWarnings: d,
-    children: h(va, {
+    children: h(xa, {
       ...o,
-      children: h(ya, {
+      children: h(wa, {
         ...s,
-        children: h(ba, {
+        children: h(_a, {
           ...t,
           children: h(zf, {
             ...e,
-            children: h(xa, {
+            children: h(Ca, {
               children: h(Al, {
                 initiallyEnabled: n,
-                children: h(wa, {
+                children: h(Ea, {
                   ...i,
                   children: h(Ol, {
                     handler: l,
@@ -13977,7 +13977,7 @@ export {
   mm as F0Alert,
   ug as F0AuraVoiceAnimation,
   Fm as F0Avatar,
-  ul as F0AvatarAlert,
+  ml as F0AvatarAlert,
   Hm as F0AvatarCompany,
   $p as F0AvatarDate,
   jm as F0AvatarEmoji,
@@ -14014,13 +14014,13 @@ export {
   Rt as F0Select,
   xm as F0TableOfContentPopover,
   Vp as F0TagAlert,
-  dl as F0TagBalance,
+  fl as F0TagBalance,
   Zp as F0TagCompany,
   Up as F0TagDot,
   qp as F0TagList,
   Yp as F0TagPerson,
   da as F0TagRaw,
-  Sl as F0TagStatus,
+  Dl as F0TagStatus,
   Kp as F0TagTeam,
   ks as F0Text,
   ep as F0Thinking,

package/dist/i18n-provider-defaults.d.ts

@@ -378,6 +378,28 @@ export declare const defaultTranslations: {
             };
         };
         readonly ask: "Ask One";
+        readonly growth: {
+            readonly demoCard: {
+                readonly title: "See {{moduleName}} in action";
+                readonly actionLabel: "Start demo";
+            };
+            readonly bookAMeetingCard: {
+                readonly title: "Talk with an expert";
+                readonly schedule: "Mon-Fri · 09:00-21:00 (CEST)";
+                readonly actionLabel: "Book a meeting";
+            };
+            readonly questionCard: {
+                readonly actionLabel: "Next";
+                readonly skipLabel: "Skip";
+                readonly sendLabel: "Send";
+            };
+            readonly moduleCard: {
+                readonly actionLabel: "Learn more";
+            };
+            readonly faqCard: {
+                readonly title: "Questions before getting started";
+            };
+        };
     };
     readonly select: {
         readonly noResults: "No results found";
@@ -586,11 +608,6 @@ declare module "gridstack" {
 }
 
 
-declare namespace Calendar {
-    var displayName: string;
-}
-
-
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -627,3 +644,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/i18n-provider-defaults.js

@@ -377,7 +377,29 @@ const e = {
         placeholder: "Share what didn’t work"
       }
     },
-    ask: "Ask One"
+    ask: "Ask One",
+    growth: {
+      demoCard: {
+        title: "See {{moduleName}} in action",
+        actionLabel: "Start demo"
+      },
+      bookAMeetingCard: {
+        title: "Talk with an expert",
+        schedule: "Mon-Fri · 09:00-21:00 (CEST)",
+        actionLabel: "Book a meeting"
+      },
+      questionCard: {
+        actionLabel: "Next",
+        skipLabel: "Skip",
+        sendLabel: "Send"
+      },
+      moduleCard: {
+        actionLabel: "Learn more"
+      },
+      faqCard: {
+        title: "Questions before getting started"
+      }
+    }
   },
   select: {
     noResults: "No results found",