@factorialco/f0-react 2.22.0 → 2.23.0

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { s as ua, B as fa, t as ma, v as ha, w as At, x as De, y as ga, z as g, A as X, E as pe, u as se, T as pa, G as ba, H as xa, R as va, J as wa, K as ne, L as ya, M as gt, N as rt, O as Re, Q as _e, S as Na, U as Ca, V as W, W as ka, X as Sa, Y as ve, Z as sn, _ as Ia, $ as Fa, a0 as M, a1 as on, a2 as O, a3 as we, a4 as Aa, a5 as La, a6 as Ea, a7 as _a, a8 as Oa, a9 as ke, aa as cn, ab as Da, ac as be, ad as $e, ae as Ta, af as pt, k as dn, ag as Ce, ah as za, ai as un, aj as ae, ak as H, al as fn, am as Pa, an as Ba, ao as Ra, ap as mn, aq as $a, ar as hn, as as me, at as ee, au as Wa, av as Ma, aw as ja, ax as Va, ay as ge, az as Ge, aA as Ga, aB as Ha, aC as Ua, aD as Ka, aE as He, aF as gn, aG as qa, aH as Ya, aI as Za, aJ as We, aK as Xa, aL as Ja, aM as Qa, aN as er, aO as tr, aP as nr, aQ as ar, aR as rr, aS as lr, aT as sr, aU as lt, aV as st, aW as pn, aX as ir, aY as or, aZ as cr, a_ as dr, a$ as Ue, b0 as bt, b1 as bn, b2 as ur, b3 as xn, b4 as fr, b5 as mr, b6 as hr, b7 as Ee, b8 as gr, b9 as Te, ba as Lt, bb as it, bc as pr, bd as br, a as xr, c as vr, be as vn, bf as wr, r as yr, F as Nr, bg as wn, bh as Cr, bi as yn, bj as kr, bk as Sr, bl as Ir, bm as Fr, bn as Ar, bo as Lr, bp as Er, bq as _r, br as Or, bs as Nn, bt as ue, bu as xt, bv as vt, bw as wt, bx as Cn, by as yt, bz as kn, bA as Sn, bB as Dr, bC as Tr, bD as zr, bE as Pr, bF as Br, bG as Rr, bH as $r, bI as Wr, bJ as Mr, bK as jr, bL as Et, bM as _t, bN as Ot, bO as Vr, bP as Gr, bQ as Hr, bR as Ur, bS as In, bT as Kr, bU as qr } from "./F0CanvasPanel-v9tjaOnW.js";
-import { c4 as Tc, c3 as zc, cg as Pc, c0 as Bc, c1 as Rc, bV as $c, bW as Wc, ch as Mc, bX as jc, c2 as Vc, cc as Gc, cd as Hc, bY as Uc, c6 as Kc, c5 as qc, bZ as Yc, b_ as Zc, ce as Xc, ci as Jc, cf as Qc, cb as ed, c8 as td, ca as nd, c7 as ad, b$ as rd, c9 as ld } from "./F0CanvasPanel-v9tjaOnW.js";
+import { g as ua, B as fa, h as ma, i as ha, j as At, k as De, l as ga, m as g, n as X, o as pe, u as se, T as pa, p as ba, q as xa, R as va, r as wa, s as ne, t as ya, v as gt, w as rt, x as Re, A as _e, y as Na, z as Ca, C as W, E as ka, G as Sa, H as ve, J as sn, K as Ia, L as Fa, M, N as on, S as O, O as we, Q as Aa, U as La, V as Ea, W as _a, X as Oa, Y as ke, Z as cn, _ as Da, $ as be, a0 as $e, a1 as Ta, a2 as pt, d as dn, a3 as Ce, a4 as za, a5 as un, a6 as ae, a7 as H, a8 as fn, a9 as Pa, aa as Ba, ab as Ra, ac as mn, ad as $a, ae as hn, af as me, ag as ee, ah as Wa, ai as Ma, aj as ja, ak as Va, al as ge, am as Ge, an as Ga, ao as Ha, ap as Ua, aq as Ka, ar as He, as as gn, at as qa, au as Ya, av as Za, aw as We, ax as Xa, ay as Ja, az as Qa, aA as er, aB as tr, aC as nr, aD as ar, aE as rr, aF as lr, aG as sr, aH as lt, aI as st, aJ as pn, aK as ir, aL as or, aM as cr, aN as dr, aO as Ue, aP as bt, aQ as bn, aR as ur, aS as xn, aT as fr, aU as mr, aV as hr, aW as Ee, aX as gr, aY as Lt, aZ as it, a_ as pr, a$ as br, a as xr, b as vr, b0 as vn, b1 as wr, f as yr, F as Nr, b2 as wn, b3 as Cr, b4 as yn, b5 as kr, b6 as Sr, b7 as Ir, b8 as Fr, b9 as Ar, ba as Lr, bb as Er, bc as _r, bd as Or, be as Nn, bf as ue, bg as Cn, bh as kn, bi as Dr, bj as Tr, bk as zr, bl as Pr, bm as Br, bn as Rr, bo as $r, bp as Et, bq as _t, br as Ot, bs as Wr, bt as Mr, bu as jr, bv as Vr, bw as Sn, bx as Gr, by as Hr } from "./F0CanvasPanel-CSOSmTuX.js";
+import { bK as Tc, bJ as zc, bW as Pc, bG as Bc, bH as Rc, bz as $c, bA as Wc, bX as Mc, bB as jc, bI as Vc, bS as Gc, bT as Hc, bC as Uc, bM as Kc, bL as qc, bD as Yc, bE as Zc, bU as Xc, bY as Jc, bV as Qc, bR as ed, bO as td, bQ as nd, bN as ad, bF as rd, bP as ld } from "./F0CanvasPanel-CSOSmTuX.js";
 import { jsx as e, jsxs as o, Fragment as K } from "react/jsx-runtime";
-import ie, { forwardRef as j, useRef as G, useTransition as Yr, useState as _, useLayoutEffect as Fn, useId as ot, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Zr, isValidElement as Xr, cloneElement as An, Children as Ln } from "react";
-import { C as Jr, P as Qr, g as En, c as el, a as _n, F as ct, f as tl, M as nl, b as al, R as Dt, d as On, u as rl, e as Dn, S as ll, A as sl, B as il, L as ol, h as cl, V as dl, i as ul, j as Tt, k as fl, l as ml, O as hl } from "./useDataCollectionSource-BzwXcIpi.js";
-import { q as id, r as od, o as cd, G as dd, s as ud, y as fd, a4 as md, E as hd, p as gd, K as pd, aa as bd, Q as xd, U as vd, t as wd, a6 as yd, a7 as Nd, a5 as Cd, a8 as kd, N as Sd, W as Id, a1 as Fd, a3 as Ad, v as Ld, x as Ed, z as _d, I as Od, a9 as Dd, J as Td, T as zd, w as Pd, D as Bd, m as Rd, n as $d, Y as Wd, Z as Md, a2 as jd, H as Vd, _ as Gd, $ as Hd, X as Ud, a0 as Kd } from "./useDataCollectionSource-BzwXcIpi.js";
+import ie, { forwardRef as j, useRef as G, useTransition as Ur, useState as _, useLayoutEffect as In, useId as ot, useContext as Ke, createContext as xt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Kr, isValidElement as qr, cloneElement as Fn, Children as An } from "react";
+import { C as Yr, P as Zr, g as Ln, c as Xr, a as En, F as ct, f as Jr, b as Te, M as Qr, d as el, R as Dt, e as _n, u as tl, h as On, i as vt, j as wt, k as yt, l as Dn, m as Nt, n as nl, o as al, S as rl, p as ll, A as sl, B as il, L as ol, q as cl, V as dl, r as ul, s as Tt, t as fl, v as ml, O as hl } from "./useDataCollectionSource-DnYC5D7b.js";
+import { D as id, E as od, y as cd, W as dd, G as ud, N as fd, ad as md, U as hd, z as gd, a0 as pd, aj as bd, a1 as xd, a2 as vd, H as wd, af as yd, ag as Nd, ae as Cd, ah as kd, Y as Sd, a3 as Id, aa as Fd, ac as Ad, I as Ld, K as Ed, Q as _d, _ as Od, ai as Dd, $ as Td, Z as zd, J as Pd, T as Bd, w as Rd, x as $d, a5 as Wd, a6 as Md, ab as jd, X as Vd, a7 as Gd, a8 as Hd, a4 as Ud, a9 as Kd } from "./useDataCollectionSource-DnYC5D7b.js";
 const gl = ua("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -83,8 +83,8 @@ function vl(t, n, a = []) {
   };
 }
 function wl({ breadcrumbs: t, append: n }) {
-  const a = G(null), r = G(null), [, l] = Yr(), [s, i] = _(null), c = (s?.collapsedItems || []).length > 0;
-  return Fn(() => {
+  const a = G(null), r = G(null), [, l] = Ur(), [s, i] = _(null), c = (s?.collapsedItems || []).length > 0;
+  return In(() => {
     const d = a.current, f = r.current;
     if (!d || !f || f.children.length < t.length) return;
     const u = () => {
@@ -330,7 +330,7 @@ const yl = pe({
       )
     }
   );
-}, zn = j(Nl), Pn = Nt(null), Cl = 15, kl = ({ children: t, enabled: n, onShow: a, ...r }) => {
+}, zn = j(Nl), Pn = xt(null), Cl = 15, kl = ({ children: t, enabled: n, onShow: a, ...r }) => {
   const [l, s] = _(n), [i, c] = _(!1), [d, f] = _(!0), [u, m] = _(
     Cl
   ), h = G(null), p = (v) => {
@@ -450,7 +450,7 @@ const Bn = ({
     ) }),
     !l && /* @__PURE__ */ e(ya, { side: "left", className: "font-medium", children: s.ai.welcome })
   ] }) }) }) : null;
-}, Bt = "one_sidebar_locked", Rn = Nt(void 0);
+}, Bt = "one_sidebar_locked", Rn = xt(void 0);
 function Se() {
   const t = Ke(Rn);
   return t === void 0 ? {
@@ -887,7 +887,7 @@ const Rt = X.create(W), $t = {
         ) })
       ] }),
       /* @__PURE__ */ e(
-        Jr,
+        Yr,
         {
           columns: {
             default: 1
@@ -895,7 +895,7 @@ const Rt = X.create(W), $t = {
           showDots: !0,
           showArrows: !1,
           children: a?.products.map((d) => /* @__PURE__ */ e(
-            Qr,
+            Zr,
             {
               ...d,
               isVisible: !0,
@@ -1318,7 +1318,7 @@ const Pl = () => {
   } = qe(), d = () => {
     i(!1), c?.();
   };
-  return t ? /* @__PURE__ */ o(Rl, { clickOutsideToClose: !0, hitEscapeToClose: !0, shortcut: "", children: [
+  return t ? /* @__PURE__ */ o(Rl, { children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-end p-3 pb-0", children: /* @__PURE__ */ e(
       ve,
       {
@@ -3025,7 +3025,7 @@ const Vt = ({
     s
   ]);
   const L = G(null), [U, T] = _(0);
-  return Fn(() => {
+  return In(() => {
     const w = () => {
       L.current && T(L.current.offsetWidth);
     };
@@ -3197,7 +3197,7 @@ const is = ({
     onChange(h) {
       h && d?.(t);
     }
-  }), u = En(n, {
+  }), u = Ln(n, {
     yesterdayRelative: !1
   });
   return /* @__PURE__ */ o(
@@ -3276,7 +3276,7 @@ const is = ({
   onEndReached: r,
   onEndReachedItemsThreshold: l = 5
 }) => {
-  const s = se(), i = el(t, "createdAt"), c = Object.values(i).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ir((u) => {
+  const s = se(), i = Xr(t, "createdAt"), c = Object.values(i).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ir((u) => {
     c.includes(u) && r?.();
   }, 1e3), f = ms(
     Object.entries(i).filter(([u, m]) => !!m.length)
@@ -3390,7 +3390,7 @@ function xs({
                 a ? "bottom-0.5" : "-bottom-[3px]"
               ),
               children: /* @__PURE__ */ e(
-                _n,
+                En,
                 {
                   lastEmojiReaction: l,
                   onSelect: s,
@@ -3593,7 +3593,7 @@ function Cs({ items: t, onInteraction: n, locale: a, action: r }) {
         hideLabel: !0
       }
     ),
-    /* @__PURE__ */ e(_n, { onSelect: n, locale: a }),
+    /* @__PURE__ */ e(En, { onSelect: n, locale: a }),
     t.map((l) => /* @__PURE__ */ e(
       Ns,
       {
@@ -3761,7 +3761,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   place: a,
   date: r
 }) => {
-  let l = tl(r);
+  let l = Jr(r);
   const s = (i) => {
     i.stopPropagation();
   };
@@ -3857,7 +3857,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   noReactionsButton: v = !1,
   descriptionExpandable: y = !1
 }) => {
-  const I = ot(), z = ot(), R = G(null), [D, E] = _(null), [L, U] = _(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), w = y && D?.id === t && D.description === s, k = !w, C = En(r), F = () => {
+  const I = ot(), z = ot(), R = G(null), [D, E] = _(null), [L, U] = _(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), w = y && D?.id === t && D.description === s, k = !w, C = Ln(r), F = () => {
     i(t);
   }, B = (S) => {
     S.stopPropagation();
@@ -4206,7 +4206,7 @@ function zs({
   ai: r,
   aiPromotion: l
 }) {
-  const s = r?.enabled ? xr : l?.enabled ? Vl : Zr, i = r?.enabled ? r : l?.enabled ? l : void 0;
+  const s = r?.enabled ? xr : l?.enabled ? Vl : Kr, i = r?.enabled ? r : l?.enabled ? l : void 0;
   return /* @__PURE__ */ e(s, { ...i, children: /* @__PURE__ */ e(
     $s,
     {
@@ -4280,7 +4280,7 @@ function $s({
   }, [u, d]), $(() => {
     d(R);
   }, [R, d]), Rs(u, F), /* @__PURE__ */ e(
-    nl,
+    Qr,
     {
       reducedMotion: f ? "always" : "never",
       transition: {
@@ -4460,7 +4460,7 @@ function Xn({
                 ),
                 children: [
                   n?.onPulseClick ? /* @__PURE__ */ e(
-                    al,
+                    el,
                     {
                       src: n.employeeAvatar,
                       firstName: n.employeeFirstName,
@@ -4863,7 +4863,7 @@ function Ks() {
     n(window.matchMedia("(pointer: coarse)").matches);
   }, []), t;
 }
-const Qn = Nt(void 0);
+const Qn = xt(void 0);
 function qs({ children: t }) {
   const [n, a] = _(!1), [r, l] = _(null);
   return /* @__PURE__ */ e(
@@ -5014,7 +5014,7 @@ const Ys = ({
     )
   ] }), [t, v, I, w, L, n]);
   return d ? /* @__PURE__ */ e(
-    On,
+    _n,
     {
       value: t,
       drag: "y",
@@ -5104,7 +5104,7 @@ const Ys = ({
   onDragEnd: l,
   currentOrder: s
 }) => {
-  const { isDragging: i, setIsDragging: c } = It(), d = G(!1), f = rl(), u = () => {
+  const { isDragging: i, setIsDragging: c } = It(), d = G(!1), f = tl(), u = () => {
     c(!0), d.current = !0;
   }, m = () => {
     c(!1), setTimeout(() => {
@@ -5134,7 +5134,7 @@ const Ys = ({
     }
   );
   return n ? /* @__PURE__ */ e(
-    On,
+    _n,
     {
       id: t.id,
       value: t,
@@ -5420,7 +5420,7 @@ function ei({
     top: { duration: i ? 0 : 0.1 },
     left: { duration: i ? 0 : 0.1 },
     default: { duration: i ? 0 : 0.2 }
-  }, p = () => a ? Xr(a) && r ? An(
+  }, p = () => a ? qr(a) && r ? Fn(
     a,
     {
       onDropdownClick: r
@@ -5808,7 +5808,7 @@ const li = ({
   },
   oi
 ), hi = ({ children: t }) => {
-  const { enabled: n } = Dn();
+  const { enabled: n } = On();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5832,7 +5832,7 @@ const li = ({
     }
   );
 }, gi = () => /* @__PURE__ */ e("div", { className: "min-h-[0.15rem] min-w-[0.15rem] rounded-full bg-f1-foreground-secondary" }), pi = j(function({ header: n, children: a, action: r, summaries: l, alert: s, status: i, fullHeight: c = !1 }, d) {
-  const { enabled: f, toggle: u } = Dn();
+  const { enabled: f, toggle: u } = On();
   $(() => {
     if (s && i)
       throw Error(
@@ -5843,7 +5843,7 @@ const li = ({
     n?.link?.onClick?.();
   };
   return /* @__PURE__ */ o(
-    xt,
+    vt,
     {
       className: g(
         c ? "h-full" : "",
@@ -5851,18 +5851,18 @@ const li = ({
       ),
       ref: d,
       children: [
-        n && /* @__PURE__ */ e(vt, { className: "-mr-1 -mt-1", children: /* @__PURE__ */ o("div", { className: "flex w-full flex-1 flex-col gap-4", children: [
+        n && /* @__PURE__ */ e(wt, { className: "-mr-1 -mt-1", children: /* @__PURE__ */ o("div", { className: "flex w-full flex-1 flex-col gap-4", children: [
           /* @__PURE__ */ o("div", { className: "flex flex-1 flex-row flex-nowrap items-center justify-between gap-2", children: [
             /* @__PURE__ */ o("div", { className: "flex min-h-6 grow flex-row items-center gap-1 truncate", children: [
-              n.title && /* @__PURE__ */ e(wt, { className: "truncate", children: n.title }),
+              n.title && /* @__PURE__ */ e(yt, { className: "truncate", children: n.title }),
               n.subtitle && /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-1", children: [
                 /* @__PURE__ */ e(gi, {}),
-                /* @__PURE__ */ e(Cn, { className: "truncate", children: n.subtitle })
+                /* @__PURE__ */ e(Dn, { className: "truncate", children: n.subtitle })
               ] }),
               n.info && /* @__PURE__ */ e(be, { label: n.info, children: /* @__PURE__ */ e(
                 W,
                 {
-                  icon: kn,
+                  icon: Cn,
                   size: "sm",
                   className: "text-f1-foreground-secondary"
                 }
@@ -5870,10 +5870,10 @@ const li = ({
               n.count && /* @__PURE__ */ e("div", { className: "ml-0.5", children: /* @__PURE__ */ e(He, { value: n.count }) })
             ] }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-3", children: [
-              s && /* @__PURE__ */ e(Sn, { text: s, level: "critical" }),
+              s && /* @__PURE__ */ e(kn, { text: s, level: "critical" }),
               i && /* @__PURE__ */ e($e, { text: i.text, variant: i.variant }),
               n.link && /* @__PURE__ */ e(
-                Dr,
+                nl,
                 {
                   onClick: h,
                   href: n.link.url,
@@ -5884,11 +5884,11 @@ const li = ({
             ] })
           ] }),
           n.comment && /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-3 overflow-visible", children: [
-            /* @__PURE__ */ e(hi, { children: /* @__PURE__ */ e(Tr, { children: n.comment }) }),
+            /* @__PURE__ */ e(hi, { children: /* @__PURE__ */ e(al, { children: n.comment }) }),
             !!n.canBeBlurred && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
               M,
               {
-                icon: f ? zr : Pr,
+                icon: f ? Dr : Tr,
                 hideLabel: !0,
                 label: "hide/show",
                 variant: "outline",
@@ -5898,7 +5898,7 @@ const li = ({
             ) })
           ] })
         ] }) }),
-        /* @__PURE__ */ o(yt, { className: "flex h-full flex-col gap-4", children: [
+        /* @__PURE__ */ o(Nt, { className: "flex h-full flex-col gap-4", children: [
           l && /* @__PURE__ */ e("div", { className: "flex flex-row", children: l.map((p, b) => /* @__PURE__ */ o("div", { className: "grow", children: [
             /* @__PURE__ */ e("div", { className: "mb-0.5 text-sm text-f1-foreground-secondary", children: p.label }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-end gap-0.5 text-2xl font-semibold", children: [
@@ -5908,11 +5908,11 @@ const li = ({
             ] })
           ] }, b)) }),
           ie.Children.toArray(a).filter(m).map((p, b) => /* @__PURE__ */ o(ie.Fragment, { children: [
-            b > 0 && /* @__PURE__ */ e(ll, { bare: !0 }),
+            b > 0 && /* @__PURE__ */ e(rl, { bare: !0 }),
             p
           ] }, b))
         ] }),
-        r && /* @__PURE__ */ e(Br, { children: /* @__PURE__ */ e(M, { variant: "neutral", size: "sm", ...r }) })
+        r && /* @__PURE__ */ e(ll, { children: /* @__PURE__ */ e(M, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
@@ -5927,7 +5927,7 @@ const li = ({
 }), xi = j(
   function({ header: n, height: a }, r) {
     return /* @__PURE__ */ o(
-      xt,
+      vt,
       {
         className: g(
           "flex gap-4 border-f1-border-secondary",
@@ -5937,19 +5937,19 @@ const li = ({
         "aria-live": "polite",
         "aria-busy": !0,
         children: [
-          /* @__PURE__ */ e(vt, { className: "-mr-1 -mt-1", children: /* @__PURE__ */ o(
+          /* @__PURE__ */ e(wt, { className: "-mr-1 -mt-1", children: /* @__PURE__ */ o(
             "div",
             {
               className: "flex h-6 w-full flex-row items-center gap-1.5",
               "aria-hidden": !0,
               children: [
-                n?.title ? /* @__PURE__ */ e(wt, { children: n.title }) : /* @__PURE__ */ e(O, { className: "h-4 w-full max-w-16" }),
-                n?.subtitle && /* @__PURE__ */ e(Cn, { children: n.subtitle })
+                n?.title ? /* @__PURE__ */ e(yt, { children: n.title }) : /* @__PURE__ */ e(O, { className: "h-4 w-full max-w-16" }),
+                n?.subtitle && /* @__PURE__ */ e(Dn, { children: n.subtitle })
               ]
             }
           ) }),
           /* @__PURE__ */ e(
-            yt,
+            Nt,
             {
               "aria-hidden": !0,
               className: g(a !== "full" && bi({ height: a })),
@@ -6408,7 +6408,7 @@ const li = ({
   function({ title: n, content: a, buttonLabel: r, buttonIcon: l, buttonAction: s, type: i }, c) {
     const d = zi[i], f = Pi[i], u = Bi[i], m = Ri[i];
     return /* @__PURE__ */ o(
-      xt,
+      vt,
       {
         className: g(
           "relative flex gap-4 overflow-hidden border-dashed",
@@ -6416,8 +6416,8 @@ const li = ({
         ),
         ref: c,
         children: [
-          /* @__PURE__ */ e(vt, { className: "-mt-0.5", children: /* @__PURE__ */ e(wt, { children: n }) }),
-          /* @__PURE__ */ o(yt, { className: g("flex flex-col gap-4", f), children: [
+          /* @__PURE__ */ e(wt, { className: "-mt-0.5", children: /* @__PURE__ */ e(yt, { children: n }) }),
+          /* @__PURE__ */ o(Nt, { className: g("flex flex-col gap-4", f), children: [
             /* @__PURE__ */ o(
               "div",
               {
@@ -6456,7 +6456,7 @@ function Wi(t, n) {
     visibleItems: [],
     overflowItems: []
   });
-  Rr({
+  zr({
     ref: a,
     onResize: () => {
       f();
@@ -6687,8 +6687,8 @@ function vc({
       withEmoji: "emoji" in c && !!c.emoji,
       withPointerCursor: s,
       children: [
-        "alert" in c && c.alert && /* @__PURE__ */ e($r, { type: c.alert }),
-        "emoji" in c && c.emoji && /* @__PURE__ */ e(Wr, { emoji: c.emoji }),
+        "alert" in c && c.alert && /* @__PURE__ */ e(Pr, { type: c.alert }),
+        "emoji" in c && c.emoji && /* @__PURE__ */ e(Br, { emoji: c.emoji }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
           /* @__PURE__ */ e("p", { className: "line-clamp-1 font-medium", children: n }),
           /* @__PURE__ */ e("p", { className: "line-clamp-1 text-f1-foreground-secondary", children: a })
@@ -6768,7 +6768,7 @@ function ht({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
-      a && /* @__PURE__ */ e(Sn, { ...a }),
+      a && /* @__PURE__ */ e(kn, { ...a }),
       r && /* @__PURE__ */ e(Ee, { ...r }),
       !!l && /* @__PURE__ */ e(He, { value: l })
     ] })
@@ -6823,7 +6823,7 @@ const Ui = ({ title: t, info: n }) => /* @__PURE__ */ o("div", { className: "fle
             {
               label: r.label,
               description: r.description,
-              children: /* @__PURE__ */ e(W, { icon: kn, size: "sm" })
+              children: /* @__PURE__ */ e(W, { icon: Cn, size: "sm" })
             }
           ) })
         ] }),
@@ -6996,7 +6996,7 @@ function Xi({
         strokeWidth: 0,
         isAnimationActive: !1,
         children: r.map((c, d) => /* @__PURE__ */ e(
-          Mr,
+          Rr,
           {
             fill: c.color,
             role: "presentation",
@@ -7036,7 +7036,7 @@ function Ji({
             children: t ?? n
           }
         ),
-        /* @__PURE__ */ e(W, { icon: jr })
+        /* @__PURE__ */ e(W, { icon: $r })
       ]
     }
   );
@@ -7237,9 +7237,9 @@ function kc({
   ] }) });
 }
 const Qi = {
-  done: Hr,
-  "in-progress": Gr,
-  todo: Vr
+  done: jr,
+  "in-progress": Mr,
+  todo: Wr
 }, eo = {
   done: "text-f1-icon-success",
   "in-progress": "text-f1-icon-info",
@@ -7270,7 +7270,7 @@ function to({
       } : void 0,
       rawTag: t.badge && !t.badge.isPastDue ? {
         text: t.badge.text,
-        icon: Ur
+        icon: Vr
       } : void 0,
       count: t.counter,
       onClick: l
@@ -7433,15 +7433,15 @@ var Eo = () => {
 }, Oo = (t) => {
   var n = t, { children: a, style: r, transition: l = !1, transitionDuration: s = 500, transitionStep: i = 50 } = n, c = lo(n, ["children", "style", "transition", "transitionDuration", "transitionStep"]);
   let d = G([]), f = G(null), u = Eo(), m = _o(f), { positions: h, containerHeight: p } = ko({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), b = oe({ minHeight: p ?? 0, position: "relative" }, r);
-  return e("div", Je(oe({ ref: f, style: b }, c), { children: Ln.map(a, (v, y) => {
+  return e("div", Je(oe({ ref: f, style: b }, c), { children: An.map(a, (v, y) => {
     if (typeof v != "object" || !v || !("type" in v)) return v;
     let I = { style: Ao({ style: v.props.style, position: h[y], transition: l, transitionDuration: s }), ref: (z) => d.current[y] = z };
-    return An(v, oe(oe({}, v.props), I));
+    return Fn(v, oe(oe({}, v.props), I));
   }) }));
 };
 const Do = { sm: 340, md: 480, lg: 640 }, rn = j(
   function({ children: n, widgetWidth: a = "sm" }, r) {
-    const l = Do[a], [s, i] = _(), c = Ln.toArray(n), d = G(null);
+    const l = Do[a], [s, i] = _(), c = An.toArray(n), d = G(null);
     return $(() => {
       const f = () => {
         const u = d.current?.offsetWidth;
@@ -7462,11 +7462,11 @@ const Do = { sm: 340, md: 480, lg: 640 }, rn = j(
       u
     )) }, s) }) }) });
   }
-), To = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], Ic = ee(rn, () => /* @__PURE__ */ e(In, { children: /* @__PURE__ */ e(rn, { children: To.map((t, n) => /* @__PURE__ */ e(Ne.Skeleton, { height: t }, n)) }) })), ln = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex min-h-40 flex-row items-stretch gap-4 text-f1-foreground @container [&>div]:min-w-[calc(100vw-64px)] @2xl:[&>div]:min-w-[calc(50vw-48px)]", children: t }), Fc = ee(
+), To = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], Ic = ee(rn, () => /* @__PURE__ */ e(Sn, { children: /* @__PURE__ */ e(rn, { children: To.map((t, n) => /* @__PURE__ */ e(Ne.Skeleton, { height: t }, n)) }) })), ln = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex min-h-40 flex-row items-stretch gap-4 text-f1-foreground @container [&>div]:min-w-[calc(100vw-64px)] @2xl:[&>div]:min-w-[calc(50vw-48px)]", children: t }), Fc = ee(
   j(function({ children: n }, a) {
     return /* @__PURE__ */ e(Ge, { ref: a, showBar: !1, children: /* @__PURE__ */ e(ln, { children: n }) });
   }),
-  () => /* @__PURE__ */ e(In, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
+  () => /* @__PURE__ */ e(Sn, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
     /* @__PURE__ */ e(Ne.Skeleton, {}),
     /* @__PURE__ */ e(Ne.Skeleton, {}),
     /* @__PURE__ */ e(Ne.Skeleton, {})
@@ -7495,7 +7495,7 @@ function zo({
 const Ac = ae(
   H("WidgetEmptyState", zo)
 ), la = j(
-  ({ title: t, children: n }, a) => (Kr(
+  ({ title: t, children: n }, a) => (Gr(
     t,
     { disallowEmpty: !0 },
     { componentName: "WidgetSection" }
@@ -7513,7 +7513,7 @@ const Lc = ae(
   disallowedRoutes: a,
   children: r
 }) => {
-  const l = qr(), s = window.location.pathname, i = q(() => n?.length ? n.includes(s) : a?.length ? !a.includes(s) : !0, [s, n, a]), c = q(() => {
+  const l = Hr(), s = window.location.pathname, i = q(() => n?.length ? n.includes(s) : a?.length ? !a.includes(s) : !0, [s, n, a]), c = q(() => {
     let d = `The component ${t} is not allowed to be rendered in the current route.`;
     return n && n.length > 0 && (d += ` Allowed routes: ${n.join(", ")}`), a && a.length > 0 && (d += ` Disallowed routes: ${a.join(", ")}`), d;
   }, [t, n, a]);
@@ -7549,7 +7549,7 @@ export {
   mt as CalendarEvent,
   pc as CalendarEventList,
   dd as CardSelectableContainer,
-  Jr as Carousel,
+  Yr as Carousel,
   ud as CategoryBarChart,
   Cc as CategoryBarSection,
   Uo as Celebration,