@factorialco/f0-react 4.22.0 → 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-CTxchgH0.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-BDMg5ViV.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.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-CTxchgH0.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-CTxchgH0.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-3M3fBCbs.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-3M3fBCbs.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

@@ -5422,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.
  */
@@ -5488,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;
@@ -8515,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>>;
 
@@ -8538,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 = {
@@ -8570,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;
@@ -11240,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;
@@ -15360,7 +15346,7 @@ declare interface SurveyAnsweringFormDialogProps extends SurveyAnsweringFormShar
     inline?: false;
     mode: SurveyAnsweringFormMode;
     module: SurveyAnsweringFormModule;
-    position?: SurveyDialogPosition;
+    position?: DialogPosition;
     isOpen: boolean;
     onClose: () => void;
     allowToChangeFullscreen?: boolean;
@@ -15471,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 = {
@@ -16773,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;
@@ -16805,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.
  *