@factorialco/f0-react 4.11.0 → 4.12.0

package/dist/f0.d.ts

@@ -5333,6 +5333,20 @@ export declare type DragPayload<T = unknown> = {
     data?: T;
 };
 
+export declare type DrawerControls = {
+    kind: "resource";
+    expand?: {
+        label: string;
+        url?: string;
+        onClick?: () => void;
+    };
+    navigation?: NavigationProps;
+} | {
+    kind: "back";
+    label: string;
+    onClick: () => void;
+};
+
 export declare type DrawerDefinition = {
     /** The size of the drawer. */
     size?: DrawerSize;

package/dist/f0.js

@@ -1,13 +1,13 @@
-import { a7 as rt, bs as K_, o as ae, q as Nn, gn as u2, p as Mn, eG as IG, gt as c2, ae as Jp, V as K, u as We, H as tt, cZ as hu, A as Xl, j as RG, L as xv, cJ as no, a8 as Gt, a4 as Wf, gu as PG, ad as kl, gk as cb, gv as kG, gw as OG, gx as uC, dQ as BG, gy as zG, gz as f2, ff as eg, gA as VG, gB as FG, gC as Al, gD as $f, gE as vu, gF as GG, gG as d2, gH as HG, gI as WG, bM as $G, bL as UG, v as Es, M as Uf, N as Yf, U as nt, S as Xf, fF as h2, Z as Zt, ac as qf, $ as ys, aP as Q_, al as J_, gJ as YG, b8 as XG, dL as cC, cD as v2, b9 as ql, ba as qG, aD as ew, aE as tw, aF as rw, ch as _v, gK as p2, gL as ZG, fj as jG, gm as fC, gM as KG, gN as QG, gO as JG, gP as e3, gQ as t3, dJ as nw, aC as g2, gR as dC, fd as r3, gS as n3, fM as pu, fN as Zf, fZ as i3, fD as m2, a9 as bn, aq as a3, cw as fb, cv as y2, gT as o3, fP as b2, fC as s3, gU as tg, d7 as iw, g8 as l3, a3 as x2, fc as u3, bO as c3, dC as f3, dD as d3, dE as h3, d as v3, eq as p3, G as _2, cC as Ls, dr as w2, d6 as S2, bR as aw, dt as C2, cn as ow, fH as Ol, fI as Bl, Q as zl, fJ as Vl, fG as Ga, cp as T2, as as g3, d4 as wv, bi as Zl, bc as Br, bZ as m3, a2 as D2, d8 as db, dM as sf, bY as y3, a0 as jf, aY as A2, g2 as qr, gV as b3, gW as x3, gX as M2, gY as rg, gZ as _3, g_ as w3, db as E2, d9 as L2, g$ as S3, aS as N2, f$ as I2, bt as gu, bx as mu, bE as Kf, du as C3, bu as T3, b7 as D3, K as R2, bb as A3, J as M3, d1 as hC, dq as lf, fg as E3, fh as L3, h0 as N3, aX as I3, by as R3, cH as P2, a5 as P3, cu as k3, gq as O3, h1 as hb, bG as k2, a$ as B3, y as O2, h2 as B2, h3 as z2, h4 as z3, h5 as V3, I as F3, h6 as G3, h7 as H3, h8 as W3, h9 as $3 } from "./F0CanvasPanel-BCgTx6V0.js";
-import { hp as mge, C as yge, D as bge, aQ as xge, c as _ge, F as wge, a as Sge, hi as Cge, f as Tge, bd as Dge, aR as Age, bH as Mge, dG as Ege, aI as Lge, bn as Nge, ak as Ige, dP as Rge, at as Pge, bV as kge, g as Oge, dF as Bge, hd as zge, hd as Vge, hu as Fge, ck as Gge, e as Hge, bX as Wge, av as $ge, bz as Uge, hk as Yge, b3 as Xge, hl as qge, hn as Zge, ho as jge, cl as Kge, hr as Qge, cd as Jge, ce as eme, P as tme, ci as rme, hm as nme, cf as ime, hq as ame, hv as ome, ha as sme, hb as lme, hc as ume, cg as cme, ht as fme, hj as dme, hg as hme, hf as vme, cj as pme, fA as gme, g9 as mme, hs as yme, aV as bme, cc as xme, c9 as _me, cb as wme, c8 as Sme, hh as Cme, gb as Tme, g5 as Dme, fQ as Ame, hy as Mme, c0 as Eme, ca as Lme, hx as Nme, bo as Ime, dH as Rme, fz as Pme, fR as kme, b as Ome, br as Bme, gs as zme, aT as Vme, dI as Fme, he as Gme, he as Hme, g7 as Wme, g6 as $me, hw as Ume } from "./F0CanvasPanel-BCgTx6V0.js";
+import { a8 as rt, bt as K_, o as ae, q as Nn, gr as u2, p as Mn, eH as IG, gx as c2, af as Jp, U as K, u as We, H as tt, c_ as hu, A as Xl, j as RG, L as xv, cK as no, a9 as Gt, a5 as Wf, gy as PG, ae as kl, go as cb, gz as kG, gA as OG, gB as uC, dR as BG, gC as zG, gD as f2, fg as eg, gE as VG, gF as FG, gG as Al, gH as $f, gI as vu, gJ as GG, gK as d2, gL as HG, gM as WG, bN as $G, bM as UG, v as Es, J as Uf, K as Yf, Q as nt, O as Xf, fG as h2, Y as Zt, ad as qf, _ as ys, aQ as Q_, am as J_, gN as YG, b9 as XG, dM as cC, cE as v2, ba as ql, bb as qG, aE as ew, aF as tw, aG as rw, ci as _v, gO as p2, gP as ZG, fk as jG, gq as fC, gQ as KG, gR as QG, gS as JG, gT as e3, gU as t3, dK as nw, aD as g2, gV as dC, fe as r3, gW as n3, fN as pu, fO as Zf, f_ as i3, fE as m2, aa as bn, ar as a3, cx as fb, cw as y2, gX as o3, fQ as b2, fD as s3, gY as tg, d8 as iw, gc as l3, a3 as x2, fd as u3, bP as c3, g1 as aw, dD as f3, dE as d3, dF as h3, d as v3, er as p3, G as _2, cD as Ls, ds as w2, d7 as S2, bS as ow, du as C2, co as sw, fI as Ol, fJ as Bl, N as zl, fK as Vl, fH as Ga, cq as T2, at as g3, d5 as wv, bj as Zl, bd as Br, b_ as m3, a2 as D2, d9 as db, dN as sf, bZ as y3, $ as jf, aZ as A2, g6 as qr, gZ as b3, g_ as x3, g$ as M2, h0 as rg, h1 as _3, h2 as w3, dc as E2, da as L2, h3 as S3, aT as N2, g0 as I2, bu as gu, by as mu, bF as Kf, dv as C3, bv as T3, b8 as D3, S as R2, bc as A3, a1 as M3, d2 as hC, dr as lf, fh as E3, fi as L3, h4 as N3, aY as I3, bz as R3, cI as P2, a6 as P3, cv as k3, gu as O3, h5 as hb, bH as k2, b0 as B3, y as O2, h6 as B2, h7 as z2, h8 as z3, h9 as V3, I as F3, ha as G3, hb as H3, hc as W3, hd as $3 } from "./F0CanvasPanel-CsVpTFqp.js";
+import { ht as mge, C as yge, D as bge, aR as xge, c as _ge, F as wge, a as Sge, hm as Cge, f as Tge, be as Dge, aS as Age, bI as Mge, dH as Ege, aJ as Lge, bo as Nge, al as Ige, dQ as Rge, au as Pge, bW as kge, g as Oge, dG as Bge, hh as zge, hh as Vge, hy as Fge, cl as Gge, e as Hge, bY as Wge, aw as $ge, bA as Uge, ho as Yge, b4 as Xge, hp as qge, hr as Zge, hs as jge, cm as Kge, hv as Qge, ce as Jge, cf as eme, P as tme, cj as rme, hq as nme, cg as ime, hu as ame, hz as ome, he as sme, hf as lme, hg as ume, ch as cme, hx as fme, hn as dme, hk as hme, hj as vme, ck as pme, fB as gme, gd as mme, hw as yme, aW as bme, cd as xme, ca as _me, cc as wme, c9 as Sme, hl as Cme, gf as Tme, g9 as Dme, fR as Ame, hC as Mme, c1 as Eme, cb as Lme, hB as Nme, bp as Ime, dI as Rme, fA as Pme, fS as kme, b as Ome, bs as Bme, gw as zme, aU as Vme, dJ as Fme, hi as Gme, hi as Hme, gb as Wme, ga as $me, hA as Ume } from "./F0CanvasPanel-CsVpTFqp.js";
 import { jsx as S, jsxs as B, Fragment as it } from "react/jsx-runtime";
 import * as wt from "react";
 import xt, { forwardRef as yr, useRef as ie, useImperativeHandle as U3, Children as Sv, createContext as nn, useContext as Lr, useState as re, useMemo as le, useEffect as de, useCallback as oe, useLayoutEffect as vb, isValidElement as V2, Fragment as yu, memo as F2, useReducer as Y3, cloneElement as X3, useId as Hc, useSyncExternalStore as jl } from "react";
-import { z as q3, B as Z3, C as j3, D as G2, E as Cv, G as sw, H as H2, I as W2, J as bi, K as K3, L as Q3, M as J3, N as eH, O as tH, F as rH } from "./F0AiProcessingOverlay-DuhmCpFU.js";
-import { A as Xme, s as qme, t as Zme, w as jme, l as Kme, i as Qme, q as Jme, x as eye, y as tye, p as rye, r as nye, j as iye, e as aye, g as oye, k as sye, h as lye, a as uye, n as cye, m as fye, o as dye, b as hye, f as vye, v as pye, c as gye, d as mye, u as yye } from "./F0AiProcessingOverlay-DuhmCpFU.js";
+import { z as q3, B as Z3, C as j3, D as G2, E as Cv, G as lw, H as H2, I as W2, J as bi, K as K3, L as Q3, M as J3, N as eH, O as tH, F as rH } from "./F0AiProcessingOverlay-BbAadqE5.js";
+import { A as Xme, s as qme, t as Zme, w as jme, l as Kme, i as Qme, q as Jme, x as eye, y as tye, p as rye, r as nye, j as iye, e as aye, g as oye, k as sye, h as lye, a as uye, n as cye, m as fye, o as dye, b as hye, f as vye, v as pye, c as gye, d as mye, u as yye } from "./F0AiProcessingOverlay-BbAadqE5.js";
 import { createPortal as Qf, unstable_batchedUpdates as Sd } from "react-dom";
-import { ah as $2, C as nH, F as U2, ai as Y2, aj as iH, ak as aH, al as oH, am as ng, an as ig, G as sH, ao as lH, ap as pa, aq as lw, Y as uH, a8 as cH, ar as fH, Q as dH, as as hH, at as vH, c as ag, R as uw, u as cw, W as X2, O as fw, au as pH, av as gH, aw as q2, ax as vC, ay as dw, o as mH, d as Z2, $ as j2, az as yH, aA as bH, aB as xH, aC as _H, aD as wH, M as SH } from "./useDataCollectionSource-BpmrIPJk.js";
-import { r as xye, s as _ye, H as wye, t as Sye, z as Cye, aU as Tye, aT as Dye, aP as Aye, aF as Mye, aE as Eye, aG as Lye, aH as Nye, aa as Iye, a9 as Rye, ad as Pye, U as kye, J as Oye, af as Bye, K as zye, v as Vye, aV as Fye, ab as Gye, ac as Hye, N as Wye, w as $ye, P as Uye, y as Yye, D as Xye, ae as qye, T as Zye, ag as jye, x as Kye, E as Qye, aX as Jye, m as e0e, n as t0e, aO as r0e, aK as n0e, aJ as i0e, aW as a0e, a6 as o0e, aM as s0e, aN as l0e, I as u0e, aY as c0e, aZ as f0e, e as d0e, aQ as h0e, aR as v0e, aS as p0e, aL as g0e, f as m0e, h as y0e, aI as b0e, a_ as x0e } from "./useDataCollectionSource-BpmrIPJk.js";
+import { ah as $2, C as nH, F as U2, ai as Y2, aj as iH, ak as aH, al as oH, am as ng, an as ig, G as sH, ao as lH, ap as pa, Y as uH, a8 as cH, aq as fH, Q as dH, ar as hH, as as vH, c as ag, R as uw, u as cw, W as X2, O as fw, at as pH, au as gH, av as q2, aw as vC, ax as dw, o as mH, d as Z2, $ as j2, ay as yH, az as bH, aA as xH, aB as _H, aC as wH, M as SH } from "./useDataCollectionSource-C257Ssnk.js";
+import { r as xye, s as _ye, H as wye, t as Sye, z as Cye, aT as Tye, aS as Dye, aO as Aye, aE as Mye, aD as Eye, aF as Lye, aG as Nye, aa as Iye, a9 as Rye, ad as Pye, U as kye, J as Oye, af as Bye, K as zye, v as Vye, aU as Fye, ab as Gye, ac as Hye, N as Wye, w as $ye, P as Uye, y as Yye, D as Xye, ae as qye, T as Zye, ag as jye, x as Kye, E as Qye, aW as Jye, m as e0e, n as t0e, aN as r0e, aJ as n0e, aI as i0e, aV as a0e, a6 as o0e, aL as s0e, aM as l0e, I as u0e, aX as c0e, aY as f0e, e as d0e, aP as h0e, aQ as v0e, aR as p0e, aK as g0e, f as m0e, h as y0e, aH as b0e, aZ as x0e } from "./useDataCollectionSource-C257Ssnk.js";
 import { utils as Fl, write as K2 } from "./xlsx-Bedf3nwD.js";
 import { defaultTranslations as w0e } from "./i18n-provider-defaults.js";
 import './f0.css';const CH = {
@@ -59192,18 +59192,21 @@ const Ipe = rt(
   description: u,
   module: c,
   otherActions: f,
-  tabs: d,
-  modal: h = !1,
-  activeTabId: v,
-  setActiveTabId: p,
-  disableContentPadding: g,
-  container: m
+  navigation: d,
+  resourceHeader: h,
+  controls: v,
+  tabs: p,
+  modal: g = !1,
+  activeTabId: m,
+  setActiveTabId: y,
+  disableContentPadding: b,
+  container: x
 }) => {
-  const [y, b] = re(t);
+  const [w, _] = re(t);
   de(() => {
-    b(t);
+    _(t);
   }, [t]);
-  const x = le(() => /* @__PURE__ */ B(it, { children: [
+  const C = le(() => /* @__PURE__ */ B(it, { children: [
     /* @__PURE__ */ S(
       KG,
       {
@@ -59211,19 +59214,22 @@ const Ipe = rt(
         description: u,
         module: c,
         otherActions: f,
-        tabs: d,
-        activeTabId: v,
-        setActiveTabId: p,
+        navigation: d,
+        resourceHeader: h,
+        controls: v,
+        tabs: p,
+        activeTabId: m,
+        setActiveTabId: y,
         disableClose: r
       }
     ),
-    /* @__PURE__ */ S(QG, { disableContentPadding: g ?? !1, children: n }),
+    /* @__PURE__ */ S(QG, { disableContentPadding: b ?? !1, children: n }),
     /* @__PURE__ */ S(
       JG,
       {
         primaryAction: o ?? [],
         secondaryAction: s ?? [],
-        onClose: () => b(!1)
+        onClose: () => _(!1)
       }
     )
   ] }), [
@@ -59232,10 +59238,13 @@ const Ipe = rt(
     c,
     f,
     d,
+    h,
     v,
     p,
+    m,
+    y,
     r,
-    g,
+    b,
     n,
     o,
     s
@@ -59243,16 +59252,16 @@ const Ipe = rt(
   return /* @__PURE__ */ S(
     e3,
     {
-      isOpen: y,
+      isOpen: w,
       onClose: e,
       position: i,
       size: a,
-      modal: h,
-      showOverlay: h,
+      modal: g,
+      showOverlay: g,
       fullHeight: !0,
-      onOpenChange: b,
-      container: m,
-      children: x
+      onOpenChange: _,
+      container: x,
+      children: C
     }
   );
 }, xfe = t3, P5 = (r) => {
@@ -59280,8 +59289,7 @@ const k5 = Gt("F0Drawer", P5), O5 = ({
   tabs: h,
   activeTabId: v,
   setActiveTabId: p,
-  // Deprecated props with no dialog-alike equivalent. Destructured so they are
-  // not forwarded; kept in the signature for backward compatibility.
+  // Accepted but ignored — mobile behaviour is handled internally.
   asBottomSheetInMobile: g,
   navigation: m,
   resourceHeader: y,
@@ -59300,7 +59308,17 @@ const k5 = Gt("F0Drawer", P5), O5 = ({
     container: d,
     ...h ? { tabs: h, activeTabId: v, setActiveTabId: p } : {}
   };
-  return t === "left" || t === "right" ? /* @__PURE__ */ S(k5, { position: t, ...x, children: c }) : /* @__PURE__ */ S(
+  return t === "left" || t === "right" ? /* @__PURE__ */ S(
+    k5,
+    {
+      position: t,
+      navigation: m,
+      resourceHeader: y,
+      controls: b,
+      ...x,
+      children: c
+    }
+  ) : /* @__PURE__ */ S(
     nw,
     {
       size: t === "fullscreen" ? "fullscreen" : n,
@@ -60965,7 +60983,7 @@ const tde = ({ hideLabel: r = !1 }) => /* @__PURE__ */ B(
   } = r, d = Hc(), h = a ? i : !0, v = l?.some(Boolean), p = u || c && c.length > 0 || f && f.length > 0;
   return /* @__PURE__ */ B(qS, { status: e, isLast: t, hideStatus: n, children: [
     /* @__PURE__ */ S("div", { className: "flex min-h-8 items-center gap-3", children: /* @__PURE__ */ S(nde, { props: r, contentId: d }) }),
-    l && v && /* @__PURE__ */ S("div", { className: "pl-9", children: /* @__PURE__ */ S(lw, { items: l }) }),
+    l && v && /* @__PURE__ */ S("div", { className: "pl-9", children: /* @__PURE__ */ S(aw, { items: l }) }),
     h && /* @__PURE__ */ S("div", { id: d, role: "region", className: "flex flex-col gap-0 pl-4", children: s !== void 0 ? s : o?.map((g, m) => /* @__PURE__ */ S(ode, { props: g }, `${g.title}-${m}`)) }),
     p && /* @__PURE__ */ S("div", { className: "pl-9", children: /* @__PURE__ */ S(
       X5,
@@ -60979,7 +60997,7 @@ const tde = ({ hideLabel: r = !1 }) => /* @__PURE__ */ B(
 }, sde = ({ props: r }) => {
   const { metadata: e, primaryAction: t, secondaryActions: n, otherActions: i } = r, a = e?.some(Boolean), o = t || n && n.length > 0 || i && i.length > 0;
   return /* @__PURE__ */ B("div", { className: "pl-9", children: [
-    e && a && /* @__PURE__ */ S("div", { className: "mb-3", children: /* @__PURE__ */ S(lw, { items: e }) }),
+    e && a && /* @__PURE__ */ S("div", { className: "mb-3", children: /* @__PURE__ */ S(aw, { items: e }) }),
     o && /* @__PURE__ */ S("div", { className: "mb-3", children: /* @__PURE__ */ S(
       X5,
       {
@@ -61006,7 +61024,7 @@ const tde = ({ hideLabel: r = !1 }) => /* @__PURE__ */ B(
       ),
       i && /* @__PURE__ */ S(ff, { content: i, variant: "description" })
     ] }),
-    /* @__PURE__ */ S("div", { className: "flex justify-end items-center gap-3 pl-9", children: e === "completed" && a && o && /* @__PURE__ */ S(lw, { items: a }) })
+    /* @__PURE__ */ S("div", { className: "flex justify-end items-center gap-3 pl-9", children: e === "completed" && a && o && /* @__PURE__ */ S(aw, { items: a }) })
   ] });
 }, Z5 = ({ props: r }) => {
   const { status: e, isLast: t = !1, hideStatus: n = !1 } = r;
@@ -61706,7 +61724,7 @@ const KS = () => {
     },
     {
       label: t("surveyFormBuilder.questionTypes.date"),
-      icon: aw,
+      icon: ow,
       questionType: "date"
     },
     {
@@ -61736,7 +61754,7 @@ const KS = () => {
   longText: iw,
   numeric: Cv,
   link: S2,
-  date: aw,
+  date: ow,
   "dropdown-single": ql,
   "dropdown-multi": ql,
   file: C2,
@@ -61755,7 +61773,7 @@ const KS = () => {
     /* @__PURE__ */ S(Yf, { asChild: !0, children: /* @__PURE__ */ S(
       nt,
       {
-        icon: ow,
+        icon: sw,
         label: s("surveyFormBuilder.actions.addQuestion"),
         size: "md",
         variant: "outline",
@@ -61764,7 +61782,7 @@ const KS = () => {
     ) }),
     /* @__PURE__ */ B(Xf, { align: "center", className: "w-80", children: [
       /* @__PURE__ */ S(Zt, { onClick: u, children: /* @__PURE__ */ B("div", { className: "flex w-full flex-row items-center gap-2", children: [
-        /* @__PURE__ */ S(tt, { icon: sw, color: "default" }),
+        /* @__PURE__ */ S(tt, { icon: lw, color: "default" }),
         /* @__PURE__ */ S("span", { className: "flex-1 text-base font-medium", children: s("surveyFormBuilder.questionTypes.section") })
       ] }) }),
       /* @__PURE__ */ S(ys, {}),
@@ -62419,7 +62437,7 @@ const zI = {
                   /* @__PURE__ */ S(Yf, { asChild: !0, children: /* @__PURE__ */ S(
                     nt,
                     {
-                      icon: ow,
+                      icon: sw,
                       label: T("surveyFormBuilder.actions.addQuestion"),
                       size: "sm",
                       variant: "outline",
@@ -62429,7 +62447,7 @@ const zI = {
                   /* @__PURE__ */ B(Xf, { align: "center", className: "w-80", children: [
                     !y && /* @__PURE__ */ B(it, { children: [
                       /* @__PURE__ */ S(Zt, { onClick: L, children: /* @__PURE__ */ B("div", { className: "flex w-full flex-row items-center gap-2", children: [
-                        /* @__PURE__ */ S(tt, { icon: sw, color: "default" }),
+                        /* @__PURE__ */ S(tt, { icon: lw, color: "default" }),
                         /* @__PURE__ */ S("span", { className: "flex-1 text-base font-medium", children: T("surveyFormBuilder.questionTypes.section") })
                       ] }) }),
                       /* @__PURE__ */ S(ys, {})
@@ -63154,7 +63172,7 @@ const Yde = {
       {
         label: u("surveyFormBuilder.selectQuestion.addOption"),
         variant: "ghost",
-        icon: ow,
+        icon: sw,
         onClick: v
       }
     ) })
@@ -63710,7 +63728,7 @@ const Yde = {
         return {
           id: T,
           label: C.title || t,
-          icon: sw,
+          icon: lw,
           onClick: b,
           ...!p && !g && !C.locked && {
             otherActions: [
@@ -66049,7 +66067,7 @@ const rge = rt(Rhe), nge = ({
   const n = We()?.ai?.growth?.bookAMeetingCard, i = n?.title ?? "Talk with an expert", a = n?.schedule ?? "Mon-Fri · 09:00-21:00 (CEST)", o = n?.actionLabel ?? "Book a meeting";
   return /* @__PURE__ */ B(gu, { className: "flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ B(mu, { className: "flex flex-col gap-3 p-0", children: [
-      /* @__PURE__ */ S(tt, { icon: aw, size: "lg" }),
+      /* @__PURE__ */ S(tt, { icon: ow, size: "lg" }),
       /* @__PURE__ */ B("div", { className: "flex flex-col gap-0.5", children: [
         /* @__PURE__ */ S("h3", { className: "text-base font-semibold text-f1-foreground", children: i }),
         /* @__PURE__ */ S("p", { className: "text-sm text-f1-foreground-secondary", children: a })