@factorialco/f0-react 4.21.1 → 4.22.1

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as h } from "./F0CanvasPanel-CYNMjtyH.js";
+import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as h } from "./F0CanvasPanel-DF45vIGH.js";
 import { defaultTranslations as c } from "./i18n-provider-defaults.js";
-import { A as P, C as T, t as p, s as v, v as g, y as f, l as y, i as S, q as x, z as b, B as k, p as H, r as O, j as V, e as w, g as B, k as M, F as z, T as D, w as L, h as j, a as q, n as E, m as G, o as R, b as J, f as K, x as N, c as Q, d as U, u as W } from "./F0AiProcessingOverlay-htLfak8d.js";
+import { A as P, C as T, t as p, s as v, v as g, y as f, l as y, i as S, q as x, z as b, B as k, p as H, r as O, j as V, e as w, g as B, k as M, F as z, T as D, w as L, h as j, a as q, n as E, m as G, o as R, b as J, f as K, x as N, c as Q, d as U, u as W } from "./F0AiProcessingOverlay-BK03Le0T.js";
 export {
   P as AiChatTranslationsProvider,
   e as ChatSpinner,

package/dist/experimental.d.ts

@@ -1071,7 +1071,7 @@ declare type BaseFilterDefinition<T extends FilterTypeKey> = {
     hideSelector?: boolean;
 };
 
-declare function BaseHeader({ title, avatar, deactivated, description, primaryAction, secondaryActions, otherActions, status, metadata, metadataRowGap, showBottomBorder, }: BaseHeaderProps_2): JSX_2.Element;
+declare function BaseHeader({ title, avatar, deactivated, description, primaryAction, secondaryActions, otherActions, status, metadata, metadataRowGap, showBottomBorder, onClose, }: BaseHeaderProps_2): JSX_2.Element;
 
 declare type BaseHeaderProps = ComponentProps<typeof BaseHeader>;
 
@@ -1099,6 +1099,8 @@ declare interface BaseHeaderProps_2 {
     metadataRowGap?: MetadataProps["rowGap"];
     /** Renders a 1px bottom border at the very bottom of the header. */
     showBottomBorder?: boolean;
+    /** When set, renders a close button in the header actions that calls this on click. */
+    onClose?: () => void;
 }
 
 /**
@@ -8225,7 +8227,7 @@ declare type PropertyDefinition_2<T> = {
     hide?: (item: T) => boolean;
 };
 
-declare type Props = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status" | "deactivated" | "metadataRowGap" | "showBottomBorder">;
+declare type Props = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status" | "deactivated" | "metadataRowGap" | "showBottomBorder" | "onClose">;
 
 declare type Props_10<Id extends string | number = string | number> = {
     items: Omit<WidgetSimpleListItemProps<Id>, "onClick">[];
@@ -8421,7 +8423,7 @@ export declare type ResolvedRecordType<R> = R extends RecordType ? R : RecordTyp
 /**
  * @experimental This is an experimental component use it at your own risk
  */
-export declare const ResourceHeader: ({ avatar, title, description, primaryAction, secondaryActions, otherActions, status, metadata, deactivated, metadataRowGap, showBottomBorder, }: Props) => JSX_2.Element;
+export declare const ResourceHeader: ({ avatar, title, description, primaryAction, secondaryActions, otherActions, status, metadata, deactivated, metadataRowGap, showBottomBorder, onClose, }: Props) => JSX_2.Element;
 
 export declare type ResourceHeaderProps = Props;
 

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { h as Ua, B as Va, i as Ga, j as Ka, k as wn, l as lt, m as et, n as qa, o as g, p as ae, q as $e, u as te, T as Ya, r as Qa, s as Ja, R as Xa, t as Za, v as ye, w as es, x as nn, y as bt, z as at, A as Ee, E as ts, G as ns, H as Z, J as rs, K as as, L as ce, M as ir, N as ss, O as is, Q as ue, S as St, U as Q, V as He, W as os, X as ls, Y as cs, Z as ds, _ as us, $ as Se, a0 as or, a1 as lr, a2 as Be, a3 as xt, a4 as fs, e as cr, a5 as We, a6 as dr, a7 as Ft, a8 as Ne, a9 as pe, aa as vt, ab as ur, ac as ms, ad as fr, ae as ve, af as we, ag as hs, ah as ps, ai as gs, aj as bs, ak as xs, al as ze, am as Tt, an as mr, ao as vs, ap as ys, aq as ws, ar as At, as as hr, at as pr, au as Ns, av as Cs, aw as yt, ax as ks, ay as gr, az as Is, aA as Ss, aB as Fs, aC as Ts, aD as As, aE as br, aF as xr, aG as vr, aH as Gt, aI as yr, aJ as Kt, aK as wr, aL as Es, aM as Rs, aN as Ds, aO as Nr, aP as Ps, aQ as De, aR as Je, aS as qt, aT as Cr, aU as Ls, aV as rn, aW as Os, aX as _s, aY as zs, aZ as Ye, a_ as $s, a$ as Bs, b0 as ct, b1 as Nn, b2 as Yt, b3 as Ms, b4 as js, a as Ws, b as Hs, b5 as Et, b6 as Us, g as Vs, F as Gs, b7 as Ks, b8 as kr, b9 as qs, ba as an, bb as Ys, bc as sn, bd as Xe, be as Qs, bf as Ir, bg as Sr, bh as Js, bi as Fr, bj as Xs, bk as Zs, bl as ei, bm as Tr, bn as ti, bo as ni, bp as ri, bq as on, br as ai, bs as si, bt as ii, bu as oi, bv as li, bw as ci, bx as Ar, by as Er, bz as di, bA as ui, bB as fi, bC as mi, bD as hi, bE as Rr, bF as pi, bG as gi, bH as Dr, bI as Pr, bJ as bi, bK as xi, bL as vi, bM as yi, bN as wi, bO as Ni, bP as Lr, bQ as Ci, bR as ki, bS as Ii, bT as Or, bU as Si, bV as Fi, bW as Ti, bX as Ai, bY as Ei, bZ as Ri, b_ as Pe, b$ as ln, c0 as cn, c1 as dn, c2 as _r, c3 as un, c4 as zr, c5 as $r, c6 as Di, c7 as Pi, c8 as Li, c9 as Oi, ca as _i, cb as zi, cc as $i, cd as Cn, ce as Bi, cf as Mi, cg as kn, ch as In, ci as Sn, cj as ji, ck as Wi, cl as Hi, cm as Ui, cn as Br, co as Vi, cp as Gi } from "./F0CanvasPanel-CYNMjtyH.js";
-import { cB as xm, cA as vm, cN as ym, cx as wm, cy as Nm, cq as Cm, cr as km, cr as Im, cs as Sm, cQ as Fm, cz as Tm, cJ as Am, cK as Em, cO as Rm, ct as Dm, cD as Pm, cC as Lm, cu as Om, cv as _m, cL as zm, cR as $m, cM as Bm, cP as Mm, cI as jm, cF as Wm, cH as Hm, cE as Um, cw as Vm, cG as Gm } from "./F0CanvasPanel-CYNMjtyH.js";
+import { h as Ua, B as Va, i as Ga, j as Ka, k as wn, l as lt, m as et, n as qa, o as g, p as ae, q as $e, u as te, T as Ya, r as Qa, s as Ja, R as Xa, t as Za, v as ye, w as es, x as nn, y as bt, z as at, A as Ee, E as ts, G as ns, H as Z, J as rs, K as as, L as ce, M as ir, N as ss, O as is, Q as ue, S as St, U as Q, V as He, W as os, X as ls, Y as cs, Z as ds, _ as us, $ as Se, a0 as or, a1 as lr, a2 as Be, a3 as xt, a4 as fs, e as cr, a5 as We, a6 as dr, a7 as Ft, a8 as Ne, a9 as pe, aa as vt, ab as ur, ac as ms, ad as fr, ae as ve, af as we, ag as hs, ah as ps, ai as gs, aj as bs, ak as xs, al as ze, am as Tt, an as mr, ao as vs, ap as ys, aq as ws, ar as At, as as hr, at as pr, au as Ns, av as Cs, aw as yt, ax as ks, ay as gr, az as Is, aA as Ss, aB as Fs, aC as Ts, aD as As, aE as br, aF as xr, aG as vr, aH as Gt, aI as yr, aJ as Kt, aK as wr, aL as Es, aM as Rs, aN as Ds, aO as Nr, aP as Ps, aQ as De, aR as Je, aS as qt, aT as Cr, aU as Ls, aV as rn, aW as Os, aX as _s, aY as zs, aZ as Ye, a_ as $s, a$ as Bs, b0 as ct, b1 as Nn, b2 as Yt, b3 as Ms, b4 as js, a as Ws, b as Hs, b5 as Et, b6 as Us, g as Vs, F as Gs, b7 as Ks, b8 as kr, b9 as qs, ba as an, bb as Ys, bc as sn, bd as Xe, be as Qs, bf as Ir, bg as Sr, bh as Js, bi as Fr, bj as Xs, bk as Zs, bl as ei, bm as Tr, bn as ti, bo as ni, bp as ri, bq as on, br as ai, bs as si, bt as ii, bu as oi, bv as li, bw as ci, bx as Ar, by as Er, bz as di, bA as ui, bB as fi, bC as mi, bD as hi, bE as Rr, bF as pi, bG as gi, bH as Dr, bI as Pr, bJ as bi, bK as xi, bL as vi, bM as yi, bN as wi, bO as Ni, bP as Lr, bQ as Ci, bR as ki, bS as Ii, bT as Si, bU as Fi, bV as Or, bW as Ti, bX as Ai, bY as Ei, bZ as Ri, b_ as Di, b$ as Pi, c0 as Pe, c1 as ln, c2 as cn, c3 as dn, c4 as _r, c5 as un, c6 as zr, c7 as $r, c8 as Li, c9 as Oi, ca as _i, cb as zi, cc as $i, cd as Bi, ce as Mi, cf as Cn, cg as ji, ch as Wi, ci as kn, cj as In, ck as Sn, cl as Hi, cm as Ui, cn as Vi, co as Gi, cp as Br, cq as Ki, cr as qi } from "./F0CanvasPanel-DF45vIGH.js";
+import { cD as xm, cC as vm, cP as ym, cz as wm, cA as Nm, cs as Cm, ct as km, ct as Im, cu as Sm, cS as Fm, cB as Tm, cL as Am, cM as Em, cQ as Rm, cv as Dm, cF as Pm, cE as Lm, cw as Om, cx as _m, cN as zm, cT as $m, cO as Bm, cR as Mm, cK as jm, cH as Wm, cJ as Hm, cG as Um, cy as Vm, cI as Gm } from "./F0CanvasPanel-DF45vIGH.js";
 import { jsx as t, jsxs as d, Fragment as fe } from "react/jsx-runtime";
-import Te, { forwardRef as de, useRef as O, useTransition as Ki, useState as A, useLayoutEffect as Qe, useId as Qt, useContext as Le, createContext as Ie, useEffect as G, useCallback as H, useMemo as X, Fragment as Ke, isValidElement as qi, cloneElement as Mr, memo as jr, Children as Wr } from "react";
-import { C as Yi, P as Qi, a as st, M as Ji, p as Xi, b as Zi, R as Fn, c as Hr, u as eo, d as to, e as no, f as ro, g as ao, D as so, h as io, O as Ur, i as Vr, S as oo, A as lo, B as co, L as uo, j as fo, V as mo, k as ho, l as po, m as go } from "./useDataCollectionSource-BjNnBDSn.js";
-import { s as qm, t as Ym, q as Qm, J as Jm, v as Xm, E as Zm, aa as eh, I as th, r as nh, ac as rh, ab as ah, U as sh, af as ih, F as oh, _ as lh, X as ch, N as dh, ah as uh, Q as fh, $ as mh, a0 as hh, w as ph, ad as gh, ae as bh, T as xh, a1 as vh, a7 as yh, a9 as wh, x as Nh, z as Ch, G as kh, Y as Ih, ag as Sh, Z as Fh, W as Th, ai as Ah, y as Eh, H as Rh, n as Dh, o as Ph, a3 as Lh, a4 as Oh, a8 as _h, K as zh, a5 as $h, a2 as Bh, a6 as Mh } from "./useDataCollectionSource-BjNnBDSn.js";
+import Te, { forwardRef as de, useRef as O, useTransition as Yi, useState as A, useLayoutEffect as Qe, useId as Qt, useContext as Le, createContext as Ie, useEffect as G, useCallback as H, useMemo as X, Fragment as Ke, isValidElement as Qi, cloneElement as Mr, memo as jr, Children as Wr } from "react";
+import { C as Ji, P as Xi, a as st, M as Zi, p as eo, b as to, R as Fn, c as Hr, u as no, d as ro, e as ao, f as so, g as io, O as Ur, h as Vr, S as oo, A as lo, B as co, L as uo, i as fo, V as mo, j as ho, k as po, l as go } from "./useDataCollectionSource-CmbJocMQ.js";
+import { r as qm, s as Ym, o as Qm, H as Jm, t as Xm, z as Zm, a8 as eh, G as th, q as nh, aa as rh, a9 as ah, Q as sh, ad as ih, F as oh, Y as lh, U as ch, J as dh, af as uh, K as fh, Z as mh, _ as hh, v as ph, ab as gh, ac as bh, N as xh, $ as vh, a5 as yh, a7 as wh, w as Nh, y as Ch, D as kh, W as Ih, ae as Sh, X as Fh, T as Th, ag as Ah, x as Eh, E as Rh, m as Dh, n as Ph, a1 as Lh, a2 as Oh, a6 as _h, I as zh, a3 as $h, a0 as Bh, a4 as Mh } from "./useDataCollectionSource-CmbJocMQ.js";
 const bo = Ua("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -83,7 +83,7 @@ function wo(e, n, r = []) {
   };
 }
 function No({ breadcrumbs: e, append: n }) {
-  const r = O(null), a = O(null), [, s] = Ki(), [i, o] = A(null), c = (i?.collapsedItems || []).length > 0;
+  const r = O(null), a = O(null), [, s] = Yi(), [i, o] = A(null), c = (i?.collapsedItems || []).length > 0;
   return Qe(() => {
     const l = r.current, f = a.current;
     if (!l || !f || f.children.length < e.length) return;
@@ -887,7 +887,7 @@ const Rn = ae.create(Z), Dn = {
         ) })
       ] }),
       /* @__PURE__ */ t(
-        Yi,
+        Ji,
         {
           columns: {
             default: 1
@@ -895,7 +895,7 @@ const Rn = ae.create(Z), Dn = {
           showDots: !0,
           showArrows: !1,
           children: r?.products.map((l) => /* @__PURE__ */ t(
-            Qi,
+            Xi,
             {
               ...l,
               isVisible: !0,
@@ -4236,7 +4236,7 @@ function Ml({
   }, [y, l]), G(() => {
     l(P);
   }, [P, l]), Bl(y, C), /* @__PURE__ */ t(
-    Ji,
+    Zi,
     {
       reducedMotion: f ? "always" : "never",
       transition: {
@@ -4493,8 +4493,8 @@ const da = ({
             children: /* @__PURE__ */ t(
               Z,
               {
-                icon: Zi[i],
-                color: Xi[i],
+                icon: to[i],
+                color: eo[i],
                 size: "sm"
               }
             )
@@ -5718,7 +5718,7 @@ const dc = ({
   onDragEnd: s,
   currentOrder: i
 }) => {
-  const { isDragging: o, setIsDragging: c } = gn(), l = O(!1), f = eo(), u = () => {
+  const { isDragging: o, setIsDragging: c } = gn(), l = O(!1), f = no(), u = () => {
     c(!0), l.current = !0;
   }, m = () => {
     c(!1), setTimeout(() => {
@@ -6034,7 +6034,7 @@ function pc({
     top: { duration: o ? 0 : 0.1 },
     left: { duration: o ? 0 : 0.1 },
     default: { duration: o ? 0 : 0.2 }
-  }, p = () => r ? qi(r) && a ? Mr(
+  }, p = () => r ? Qi(r) && a ? Mr(
     r,
     {
       onDropdownClick: a
@@ -6352,7 +6352,7 @@ function jf(e) {
     currentFilters: m,
     navigationMode: h = "url",
     deps: p = []
-  } = e, b = si(), x = to(n, p), [v, F] = A(null), w = v?.key === r && v.settled, R = O(x);
+  } = e, b = si(), x = ro(n, p), [v, F] = A(null), w = v?.key === r && v.settled, R = O(x);
   R.current = x;
   const P = O(b);
   P.current = b;
@@ -6436,7 +6436,7 @@ function jf(e) {
       (K) => K && K.key === r && !K.settled ? { ...K, settled: !0 } : K
     );
   }, [v, r]);
-  const y = c ?? n.itemUrl, I = no({
+  const y = c ?? n.itemUrl, I = ao({
     dataSource: x,
     data: N,
     paginationInfo: T,
@@ -6461,7 +6461,7 @@ function jf(e) {
         order: x.currentGrouping.order ?? "asc"
       }
     ] : []
-  ], { neighbors: ne, isSupported: he } = ro({
+  ], { neighbors: ne, isSupported: he } = so({
     dataAdapter: x.dataAdapter,
     id: B,
     filters: x.currentFilters,
@@ -6474,7 +6474,7 @@ function jf(e) {
       ...K,
       navigationFilters: x.currentNavigationFilters
     })
-  }), le = X(() => o || (x.idProvider ? (K, ie) => x.idProvider(K, ie) : ao), [o, x.idProvider]), z = X(() => {
+  }), le = X(() => o || (x.idProvider ? (K, ie) => x.idProvider(K, ie) : io), [o, x.idProvider]), z = X(() => {
     if (!W || ne === null) return I;
     const K = I.previousItem ?? ne.previous, ie = I.nextItem ?? ne.next, be = (xe) => xe && y ? y(xe) ?? null : null;
     return {
@@ -7960,21 +7960,21 @@ const Wc = {
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [o, m, h]), /* @__PURE__ */ t(
-    so,
+    Ii,
     {
       open: o,
       onOpenChange: (p) => {
         p || r();
       },
       children: u && /* @__PURE__ */ d(
-        io,
+        Si,
         {
           container: s,
           className: "h-full w-full max-w-none rounded-none bg-transparent p-0 shadow-none",
           withTranslateAnimation: !1,
           "aria-describedby": void 0,
           children: [
-            /* @__PURE__ */ t(Ii, { className: "sr-only", children: u.name || e.chat.imagePreview }),
+            /* @__PURE__ */ t(Fi, { className: "sr-only", children: u.name || e.chat.imagePreview }),
             /* @__PURE__ */ t(
               "button",
               {
@@ -8394,7 +8394,7 @@ const od = ({
       /* @__PURE__ */ t(
         ce,
         {
-          icon: Si,
+          icon: Ti,
           onClick: n,
           label: r.chat.back,
           variant: "ghost",
@@ -8511,7 +8511,7 @@ const od = ({
             /* @__PURE__ */ t(
               nt,
               {
-                icon: Fi,
+                icon: Ai,
                 label: s.chat.info,
                 onClick: () => h("info"),
                 trailing: /* @__PURE__ */ t(
@@ -8527,7 +8527,7 @@ const od = ({
             /* @__PURE__ */ t(
               nt,
               {
-                icon: Ti,
+                icon: Ei,
                 label: s.chat.reply,
                 onClick: F(() => {
                   u(null), f(e);
@@ -8537,7 +8537,7 @@ const od = ({
             /* @__PURE__ */ t(
               nt,
               {
-                icon: Ai,
+                icon: Ri,
                 label: s.actions.copy,
                 onClick: F(() => {
                   navigator.clipboard?.writeText(e.body);
@@ -9130,7 +9130,7 @@ const od = ({
             )
           }
         ),
-        /* @__PURE__ */ t(Ee, { children: !V && /* @__PURE__ */ t(Ei, { position: "top" }, "chat-header-shadow") }),
+        /* @__PURE__ */ t(Ee, { children: !V && /* @__PURE__ */ t(Di, { position: "top" }, "chat-header-shadow") }),
         /* @__PURE__ */ t(Ee, { children: B && q && /* @__PURE__ */ t(
           ae.div,
           {
@@ -9167,7 +9167,7 @@ const od = ({
               {
                 onClick: ee,
                 variant: "neutral",
-                icon: Ri,
+                icon: Pi,
                 label: m > 0 ? e.t(
                   m === 1 ? "chat.unreadCount.one" : "chat.unreadCount.other",
                   { count: m }
@@ -9565,7 +9565,7 @@ const od = ({
               i && /* @__PURE__ */ t($r, { text: i, level: "critical" }),
               o && /* @__PURE__ */ t(xt, { text: o.text, variant: o.variant }),
               n.link && /* @__PURE__ */ t(
-                Di,
+                Li,
                 {
                   onClick: h,
                   href: n.link.url,
@@ -9576,11 +9576,11 @@ const od = ({
             ] })
           ] }),
           n.comment && /* @__PURE__ */ d("div", { className: "flex flex-row items-center gap-3 overflow-visible", children: [
-            /* @__PURE__ */ t(Hd, { children: /* @__PURE__ */ t(Pi, { children: n.comment }) }),
+            /* @__PURE__ */ t(Hd, { children: /* @__PURE__ */ t(Oi, { children: n.comment }) }),
             !!n.canBeBlurred && /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
               ue,
               {
-                icon: f ? Li : Oi,
+                icon: f ? _i : zi,
                 hideLabel: !0,
                 label: "hide/show",
                 variant: "outline",
@@ -9604,7 +9604,7 @@ const od = ({
             p
           ] }, b))
         ] }),
-        a && /* @__PURE__ */ t(_i, { children: /* @__PURE__ */ t(ue, { variant: "neutral", size: "sm", ...a }) })
+        a && /* @__PURE__ */ t($i, { children: /* @__PURE__ */ t(ue, { variant: "neutral", size: "sm", ...a }) })
       ]
     }
   );
@@ -10148,7 +10148,7 @@ function pu(e, n) {
     visibleItems: [],
     overflowItems: []
   });
-  zi({
+  Bi({
     ref: r,
     onResize: () => {
       f();
@@ -10380,7 +10380,7 @@ function rm({
       withPointerCursor: i,
       children: [
         "alert" in c && c.alert && /* @__PURE__ */ t(Dr, { type: c.alert }),
-        "emoji" in c && c.emoji && /* @__PURE__ */ t($i, { emoji: c.emoji }),
+        "emoji" in c && c.emoji && /* @__PURE__ */ t(Mi, { emoji: c.emoji }),
         /* @__PURE__ */ d("div", { className: "flex-1", children: [
           /* @__PURE__ */ t("p", { className: "line-clamp-1 font-medium", children: n }),
           /* @__PURE__ */ t("p", { className: "line-clamp-1 text-f1-foreground-secondary", children: r })
@@ -10688,7 +10688,7 @@ function Su({
         strokeWidth: 0,
         isAnimationActive: !1,
         children: a.map((c, l) => /* @__PURE__ */ t(
-          Bi,
+          ji,
           {
             fill: c.color,
             role: "presentation",
@@ -10728,7 +10728,7 @@ function Fu({
             children: e ?? n
           }
         ),
-        /* @__PURE__ */ t(Z, { icon: Mi })
+        /* @__PURE__ */ t(Z, { icon: Wi })
       ]
     }
   );
@@ -10927,9 +10927,9 @@ function lm({
   ] }) });
 }
 const Tu = {
-  done: Hi,
-  "in-progress": Wi,
-  todo: ji
+  done: Vi,
+  "in-progress": Ui,
+  todo: Hi
 }, Au = {
   done: "text-f1-icon-success",
   "in-progress": "text-f1-icon-info",
@@ -10960,7 +10960,7 @@ function Eu({
       } : void 0,
       rawTag: e.badge && !e.badge.isPastDue ? {
         text: e.badge.text,
-        icon: Ui
+        icon: Gi
       } : void 0,
       count: e.counter,
       onClick: s
@@ -11185,7 +11185,7 @@ function df({
 const fm = Ne(
   pe("WidgetEmptyState", df)
 ), Ha = de(
-  ({ title: e, children: n }, r) => (Vi(
+  ({ title: e, children: n }, r) => (Ki(
     e,
     { disallowEmpty: !0 },
     { componentName: "WidgetSection" }
@@ -11203,7 +11203,7 @@ const mm = Ne(
   disallowedRoutes: r,
   children: a
 }) => {
-  const s = Gi(), i = window.location.pathname, o = X(() => n?.length ? n.includes(i) : r?.length ? !r.includes(i) : !0, [i, n, r]), c = X(() => {
+  const s = qi(), i = window.location.pathname, o = X(() => n?.length ? n.includes(i) : r?.length ? !r.includes(i) : !0, [i, n, r]), c = X(() => {
     let l = `The component ${e} is not allowed to be rendered in the current route.`;
     return n && n.length > 0 && (l += ` Allowed routes: ${n.join(", ")}`), r && r.length > 0 && (l += ` Disallowed routes: ${r.join(", ")}`), l;
   }, [e, n, r]);
@@ -11239,7 +11239,7 @@ export {
   en as CalendarEvent,
   em as CalendarEventList,
   Jm as CardSelectableContainer,
-  Yi as Carousel,
+  Ji as Carousel,
   Xm as CategoryBarChart,
   om as CategoryBarSection,
   Cf as Celebration,
@@ -11386,7 +11386,7 @@ export {
   Rt as useAiPromotionChat,
   $h as useDataCollectionData,
   jf as useDataCollectionItemNavigation,
-  to as useDataCollectionSource,
+  ro as useDataCollectionSource,
   Bh as useExportAction,
   Oe as useF0Chat,
   Mh as useInfiniteScrollPagination,

package/dist/f0.d.ts

@@ -1556,7 +1556,7 @@ declare type BaseFilterDefinition<T extends FilterTypeKey> = {
     hideSelector?: boolean;
 };
 
-declare function BaseHeader({ title, avatar, deactivated, description, primaryAction, secondaryActions, otherActions, status, metadata, metadataRowGap, showBottomBorder, }: BaseHeaderProps_2): JSX_2.Element;
+declare function BaseHeader({ title, avatar, deactivated, description, primaryAction, secondaryActions, otherActions, status, metadata, metadataRowGap, showBottomBorder, onClose, }: BaseHeaderProps_2): JSX_2.Element;
 
 declare type BaseHeaderProps = ComponentProps<typeof BaseHeader>;
 
@@ -1584,6 +1584,8 @@ declare interface BaseHeaderProps_2 {
     metadataRowGap?: MetadataProps["rowGap"];
     /** Renders a 1px bottom border at the very bottom of the header. */
     showBottomBorder?: boolean;
+    /** When set, renders a close button in the header actions that calls this on click. */
+    onClose?: () => void;
 }
 
 /**
@@ -5420,10 +5422,6 @@ declare type DialogWrapperContextType = {
     portalContainer: HTMLDivElement | null;
 };
 
-declare const DialogWrapperProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: DialogWrapperProviderProps) => JSX_2.Element;
-export { DialogWrapperProvider as F0DialogAlikeProvider }
-export { DialogWrapperProvider as F0DialogProvider }
-
 /**
  * The props for the F0DialogProvider component.
  */
@@ -5486,20 +5484,6 @@ 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;
@@ -8513,10 +8497,7 @@ export declare interface F0DemoCardProps {
 }
 
 /**
- * @deprecated Use `F0Dialog` from `@/components/dialog-alike/F0Dialog` for
- * center/fullscreen dialogs, or `F0Drawer` from
- * `@/components/dialog-alike/F0Drawer` for side panels. This is a
- * backward-compatible shim that maps the legacy props onto those components.
+ * @experimental This is an experimental component use it at your own risk
  */
 export declare const F0Dialog: WithDataTestIdReturnType_3<FC<F0DialogInternalProps>>;
 
@@ -8536,12 +8517,8 @@ export declare type F0DialogActionsProps = {
 
 export declare const F0DialogAlikeContext: Context<DialogWrapperContextType>;
 
-/**
- * The dialog-alike context, retyped under the original name so the public
- * `Context<F0DialogContextType>` signature is preserved (the runtime value is
- * the same context the dialog-alike components populate).
- * @deprecated Import `F0DialogContext` from `@/components/dialog-alike/F0Dialog`.
- */
+export declare const F0DialogAlikeProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: DialogWrapperProviderProps) => JSX_2.Element;
+
 export declare const F0DialogContext: Context<F0DialogContextType>;
 
 declare type F0DialogContextType = {
@@ -8568,6 +8545,17 @@ export declare type F0DialogPrimaryAction = {
 
 export declare type F0DialogPrimaryActionItem = F0DialogActionItem;
 
+export declare const F0DialogProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: F0DialogProviderProps) => JSX_2.Element;
+
+declare type F0DialogProviderProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    shownBottomSheet?: boolean;
+    position: DialogPosition;
+    children: ReactNode;
+    portalContainer: HTMLDivElement | null;
+};
+
 export declare type F0DialogSecondaryAction = {
     label: string;
     icon?: IconType;
@@ -11238,7 +11226,7 @@ declare interface F0WizardFormBaseProps {
     onClose?: () => void;
     title?: string;
     /** @deprecated Use `size` instead. */
-    width?: Exclude<F0DialogSize, "fullscreen">;
+    width?: DialogWidth;
     /** The size of the wizard dialog. Preferred over the deprecated `width`. */
     size?: F0DialogSize;
     defaultStepIndex?: number;
@@ -14493,7 +14481,7 @@ declare type Props_3 = {
     list?: TagCounterItem[];
 };
 
-declare type Props_4 = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status" | "deactivated" | "metadataRowGap" | "showBottomBorder">;
+declare type Props_4 = {} & Pick<BaseHeaderProps, "avatar" | "title" | "description" | "primaryAction" | "secondaryActions" | "otherActions" | "metadata" | "status" | "deactivated" | "metadataRowGap" | "showBottomBorder" | "onClose">;
 
 export declare type QuestionActionParams = {
     questionId: string;
@@ -15358,7 +15346,7 @@ declare interface SurveyAnsweringFormDialogProps extends SurveyAnsweringFormShar
     inline?: false;
     mode: SurveyAnsweringFormMode;
     module: SurveyAnsweringFormModule;
-    position?: SurveyDialogPosition;
+    position?: DialogPosition;
     isOpen: boolean;
     onClose: () => void;
     allowToChangeFullscreen?: boolean;
@@ -15469,9 +15457,6 @@ export declare type SurveyDataset = {
 
 export declare type SurveyDatasets = Record<string, SurveyDataset>;
 
-/** Where the answering dialog is anchored. */
-declare type SurveyDialogPosition = "center" | "left" | "right" | "fullscreen";
-
 export declare const SurveyFormBuilder: WithDataTestIdReturnType_8<({ elements: elementsProp, disabled, onChange, disallowOptionalQuestions, allowedQuestionTypes, applyingChanges, useUpload, datasets, }: SurveyFormBuilderProps) => JSX_2.Element>;
 
 export declare type SurveyFormBuilderCallbacks = {
@@ -16771,10 +16756,6 @@ export declare interface UseDataSourceItemNavigationReturn<R extends RecordType>
     previousItemUrl: string | null;
 }
 
-declare const useDialogWrapperContext: () => DialogWrapperContextType;
-export { useDialogWrapperContext as useF0Dialog }
-export { useDialogWrapperContext as useF0DialogAlikeContext }
-
 export declare function useDndEvents(handler: (e: {
     phase: "start" | "over" | "drop" | "cancel";
     source: DragPayload;
@@ -16803,6 +16784,10 @@ export declare const useEmojiConfetti: () => {
  */
 export declare function useF0AiFormRegistry(): F0AiFormRegistryContextValue | null;
 
+export declare const useF0Dialog: () => F0DialogContextType;
+
+export declare const useF0DialogAlikeContext: () => DialogWrapperContextType;
+
 /**
  * Hook to control F0Form programmatically.
  *