@factorialco/f0-react 2.28.0 → 2.28.1

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { g as da, B as ua, h as fa, i as ma, j as At, k as De, l as ha, m as p, n as J, o as ge, u as ie, T as pa, p as ga, q as ba, R as xa, r as va, s as re, t as wa, v as pt, w as rt, x as Re, A as _e, y as ya, z as Na, C as M, E as Ca, G as ka, H as ve, J as sn, K as Sa, L as Ia, M as W, N as on, S as O, O as we, Q as Fa, U as Aa, V as La, W as Ea, X as _a, Y as ke, Z as cn, _ as Oa, $ as be, a0 as $e, a1 as Da, a2 as gt, d as dn, a3 as Ce, a4 as Ta, a5 as un, a6 as ne, a7 as K, a8 as fn, a9 as mn, aa as za, ab as hn, ac as me, ad as ee, ae as Pa, af as Ba, ag as Ra, ah as $a, ai as pe, aj as Ge, ak as Wa, al as Ma, am as ja, an as Va, ao as He, ap as pn, aq as Ga, ar as Ha, as as Ua, at as We, au as Ka, av as qa, aw as Ya, ax as Za, ay as Ja, az as Xa, aA as Qa, aB as er, aC as tr, aD as nr, aE as lt, aF as it, aG as gn, aH as ar, aI as rr, aJ as lr, aK as ir, aL as Ue, aM as bt, aN as bn, aO as sr, aP as xn, aQ as or, aR as cr, aS as dr, aT as Ee, aU as ur, aV as Lt, aW as st, aX as fr, aY as mr, a as hr, b as pr, aZ as vn, a_ as gr, f as br, F as xr, a$ as wn, b0 as vr, b1 as yn, b2 as wr, b3 as yr, b4 as Nr, b5 as Cr, b6 as kr, b7 as Sr, b8 as Ir, b9 as Fr, ba as Ar, bb as Nn, bc as ue, bd as Cn, be as kn, bf as Lr, bg as Er, bh as _r, bi as Or, bj as Dr, bk as Tr, bl as zr, bm as Et, bn as _t, bo as Ot, bp as Pr, bq as Br, br as Rr, bs as $r, bt as Sn, bu as Wr, bv as Mr } from "./F0CanvasPanel-5xCiLQgH.js";
-import { bH as Lc, bG as Ec, bT as _c, bD as Oc, bE as Dc, bw as Tc, bx as zc, bU as Pc, by as Bc, bF as Rc, bP as $c, bQ as Wc, bz as Mc, bJ as jc, bI as Vc, bA as Gc, bB as Hc, bR as Uc, bV as Kc, bS as qc, bO as Yc, bL as Zc, bN as Jc, bK as Xc, bC as Qc, bM as ed } from "./F0CanvasPanel-5xCiLQgH.js";
+import { g as da, B as ua, h as fa, i as ma, j as At, k as De, l as ha, m as p, n as X, o as ge, u as ie, T as pa, p as ga, q as ba, R as xa, r as va, s as re, t as wa, v as pt, w as rt, x as Re, A as _e, y as ya, z as Na, C as M, E as Ca, G as ka, H as ve, J as sn, K as Sa, L as Ia, M as W, N as on, S as O, O as we, Q as Fa, U as Aa, V as La, W as Ea, X as _a, Y as ke, Z as cn, _ as Oa, $ as be, a0 as $e, a1 as Da, a2 as gt, d as dn, a3 as Ce, a4 as Ta, a5 as un, a6 as ne, a7 as K, a8 as fn, a9 as mn, aa as za, ab as hn, ac as me, ad as ee, ae as Pa, af as Ba, ag as Ra, ah as $a, ai as pe, aj as Ge, ak as Wa, al as Ma, am as ja, an as Va, ao as He, ap as pn, aq as Ga, ar as Ha, as as Ua, at as We, au as Ka, av as qa, aw as Ya, ax as Za, ay as Xa, az as Ja, aA as Qa, aB as er, aC as tr, aD as nr, aE as lt, aF as it, aG as gn, aH as ar, aI as rr, aJ as lr, aK as ir, aL as Ue, aM as bt, aN as bn, aO as sr, aP as xn, aQ as or, aR as cr, aS as dr, aT as Ee, aU as ur, aV as Te, aW as Lt, aX as st, aY as fr, aZ as mr, a as hr, b as pr, a_ as vn, a$ as gr, f as br, F as xr, b0 as wn, b1 as vr, b2 as yn, b3 as wr, b4 as yr, b5 as Nr, b6 as Cr, b7 as kr, b8 as Sr, b9 as Ir, ba as Fr, bb as Ar, bc as Nn, bd as ue, be as xt, bf as vt, bg as wt, bh as Cn, bi as yt, bj as kn, bk as Sn, bl as Lr, bm as Er, bn as _r, bo as Or, bp as Dr, bq as Tr, br as zr, bs as Pr, bt as Br, bu as Rr, bv as Et, bw as _t, bx as Ot, by as $r, bz as Wr, bA as Mr, bB as jr, bC as In, bD as Vr, bE as Gr } from "./F0CanvasPanel-CKuB_a-C.js";
+import { bQ as Lc, bP as Ec, c0 as _c, bM as Oc, bN as Dc, bF as Tc, bG as zc, c1 as Pc, bH as Bc, bO as Rc, bY as $c, bZ as Wc, bI as Mc, bS as jc, bR as Vc, bJ as Gc, bK as Hc, b_ as Uc, c2 as Kc, b$ as qc, bX as Yc, bU as Zc, bW as Xc, bT as Jc, bL as Qc, bV as ed } from "./F0CanvasPanel-CKuB_a-C.js";
 import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
-import se, { forwardRef as j, useRef as G, useTransition as jr, useState as _, useLayoutEffect as In, useId as ot, useContext as Ke, createContext as xt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Vr, isValidElement as Gr, cloneElement as Fn, Children as An } from "react";
-import { C as Hr, P as Ur, g as Ln, c as Kr, a as En, F as ct, f as qr, b as Te, M as Yr, d as Zr, R as Dt, e as _n, u as Jr, h as On, i as vt, j as wt, k as yt, l as Dn, m as Nt, n as Xr, o as Qr, S as el, p as tl, A as nl, B as al, L as rl, q as ll, V as il, r as sl, s as Tt, t as ol, v as cl, O as dl } from "./useDataCollectionSource-DtX_WySE.js";
-import { E as nd, G as ad, z as rd, X as ld, H as id, Q as sd, ae as od, W as cd, D as dd, y as ud, a1 as fd, ak as md, a2 as hd, a3 as pd, I as gd, ag as bd, ah as xd, af as vd, ai as wd, Z as yd, a4 as Nd, ab as Cd, ad as kd, J as Sd, N as Id, T as Fd, $ as Ad, aj as Ld, a0 as Ed, _ as _d, K as Od, U as Dd, w as Td, x as zd, a6 as Pd, a7 as Bd, ac as Rd, Y as $d, a8 as Wd, a9 as Md, a5 as jd, aa as Vd } from "./useDataCollectionSource-DtX_WySE.js";
+import se, { forwardRef as j, useRef as G, useTransition as Hr, useState as _, useLayoutEffect as Fn, useId as ot, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Ur, isValidElement as Kr, cloneElement as An, Children as Ln } from "react";
+import { C as qr, P as Yr, g as En, c as Zr, a as _n, F as ct, f as Xr, M as Jr, b as Qr, R as Dt, d as On, u as el, e as Dn, S as tl, A as nl, B as al, L as rl, h as ll, V as il, i as sl, j as Tt, k as ol, l as cl, O as dl } from "./useDataCollectionSource-CE-st2Wf.js";
+import { r as nd, s as ad, p as rd, H as ld, t as id, z as sd, a5 as od, G as cd, q as dd, o as ud, Q as fd, ab as md, U as hd, W as pd, v as gd, a7 as bd, a8 as xd, a6 as vd, a9 as wd, N as yd, X as Nd, a2 as Cd, a4 as kd, w as Sd, y as Id, D as Fd, J as Ad, aa as Ld, K as Ed, T as _d, x as Od, E as Dd, m as Td, n as zd, Z as Pd, _ as Bd, a3 as Rd, I as $d, $ as Wd, a0 as Md, Y as jd, a1 as Vd } from "./useDataCollectionSource-CE-st2Wf.js";
 const ul = da("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 pl(t, n, a = []) {
   };
 }
 function gl({ breadcrumbs: t, append: n }) {
-  const a = G(null), r = G(null), [, l] = jr(), [i, s] = _(null), c = (i?.collapsedItems || []).length > 0;
-  return In(() => {
+  const a = G(null), r = G(null), [, l] = Hr(), [i, s] = _(null), c = (i?.collapsedItems || []).length > 0;
+  return Fn(() => {
     const d = a.current, f = r.current;
     if (!d || !f || f.children.length < t.length) return;
     const u = () => {
@@ -236,7 +236,7 @@ const bl = ge({
         transformStyle: t ? "preserve-3d" : void 0
       },
       children: /* @__PURE__ */ o(
-        J.svg,
+        X.svg,
         {
           width: "100%",
           height: "100%",
@@ -264,7 +264,7 @@ const bl = ge({
               Pt.map((b) => /* @__PURE__ */ e("clipPath", { id: `${s}-${b.id}`, children: /* @__PURE__ */ e("path", { d: b.path }) }, b.id))
             ] }),
             /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((b) => /* @__PURE__ */ e(
-              J.foreignObject,
+              X.foreignObject,
               {
                 x: "0",
                 y: "0",
@@ -330,7 +330,7 @@ const bl = ge({
       )
     }
   );
-}, zn = j(xl), Pn = xt(null), vl = 15, wl = ({ children: t, enabled: n, onShow: a, ...r }) => {
+}, zn = j(xl), Pn = Nt(null), vl = 15, wl = ({ children: t, enabled: n, onShow: a, ...r }) => {
   const [l, i] = _(n), [s, c] = _(!1), [d, f] = _(!0), [u, m] = _(
     vl
   ), h = G(null), g = (v) => {
@@ -390,7 +390,7 @@ const Bn = ({
   const { enabled: a, setOpen: r, open: l } = qe(), i = ie(), [s, c] = _(!1);
   return a ? /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(pa, { children: /* @__PURE__ */ o(ga, { delayDuration: 850, disableHoverableContent: !0, children: [
     /* @__PURE__ */ e(ba, { asChild: !0, children: /* @__PURE__ */ e(
-      J.div,
+      X.div,
       {
         animate: {
           "--gradient-angle": ["0deg", "360deg"]
@@ -450,7 +450,7 @@ const Bn = ({
     ) }),
     !l && /* @__PURE__ */ e(wa, { side: "left", className: "font-medium", children: i.ai.welcome })
   ] }) }) }) : null;
-}, Bt = "one_sidebar_locked", Rn = xt(void 0);
+}, Bt = "one_sidebar_locked", Rn = Nt(void 0);
 function Se() {
   const t = Ke(Rn);
   return t === void 0 ? {
@@ -506,7 +506,7 @@ function yl({ children: t }) {
     }
   );
 }
-const Rt = J.create(M), $t = {
+const Rt = X.create(M), $t = {
   initial: { scale: 1 },
   animate: { scale: 1 },
   exit: { scale: 0.5 },
@@ -887,7 +887,7 @@ const Rt = J.create(M), $t = {
         ) })
       ] }),
       /* @__PURE__ */ e(
-        Hr,
+        qr,
         {
           columns: {
             default: 1
@@ -895,7 +895,7 @@ const Rt = J.create(M), $t = {
           showDots: !0,
           showArrows: !1,
           children: a?.products.map((d) => /* @__PURE__ */ e(
-            Ur,
+            Yr,
             {
               ...d,
               isVisible: !0,
@@ -963,7 +963,7 @@ function Po({
       children: [
         /* @__PURE__ */ o("div", { className: "flex flex-grow items-center", children: [
           /* @__PURE__ */ e(_e, { children: !l && u !== "locked" && /* @__PURE__ */ e(
-            J.div,
+            X.div,
             {
               initial: { opacity: 0, width: 0 },
               animate: { opacity: 1, width: "auto" },
@@ -1128,7 +1128,7 @@ function _l({ action: t }) {
 const Ol = () => {
   const t = ie();
   return /* @__PURE__ */ o(
-    J.div,
+    X.div,
     {
       className: p(
         "relative isolate m-3 mt-2 flex flex-col gap-3 rounded-lg border border-solid border-f1-border",
@@ -1205,7 +1205,7 @@ const Ol = () => {
     isOpen: n,
     autoClearMinutes: l
   }), /* @__PURE__ */ e(_e, { children: n && /* @__PURE__ */ e(
-    J.div,
+    X.div,
     {
       "aria-hidden": !n,
       className: "relative p-1 pl-1.5 w-[360px] flex h-full flex-col overflow-hidden ",
@@ -1220,7 +1220,7 @@ const Ol = () => {
         a && r(!1);
       },
       children: /* @__PURE__ */ e("div", { className: "border border-solid border-f1-border-secondary bg-f1-special-page shadow xs:rounded-xl h-full w-full", children: /* @__PURE__ */ e(
-        J.div,
+        X.div,
         {
           className: "relative flex h-full w-full flex-col overflow-x-hidden ",
           initial: { opacity: 0 },
@@ -2127,11 +2127,11 @@ const Vt = ({
           selected: !!Y,
           partialSelected: !!Y
         };
-      const X = (A.subItems ?? []).filter(
+      const J = (A.subItems ?? []).filter(
         (te) => Y?.subItems?.some(
           (fe) => fe.subId === te.subId
         )
-      ), Z = (A.subItems?.length ?? 0) === X.length, de = !Z && X.length > 0;
+      ), Z = (A.subItems?.length ?? 0) === J.length, de = !Z && J.length > 0;
       return { selected: Z, partialSelected: de };
     },
     [t, S]
@@ -2147,27 +2147,27 @@ const Vt = ({
             goToLast: N
           }
         );
-      const Y = L ? A.index - 1 : A.index, X = n[Y], { selected: Z, partialSelected: de } = V(X);
+      const Y = L ? A.index - 1 : A.index, J = n[Y], { selected: Z, partialSelected: de } = V(J);
       return /* @__PURE__ */ e(
         Pe,
         {
-          expanded: X.expanded ?? !1,
-          onExpand: () => b(X, !0),
+          expanded: J.expanded ?? !1,
+          onExpand: () => b(J, !0),
           search: l,
           groupView: t,
-          entity: X,
+          entity: J,
           onSelect: i,
           onRemove: s,
           selected: Z,
           partialSelected: de,
-          showGroupIcon: Jl(a, r),
+          showGroupIcon: Xl(a, r),
           singleSelector: T,
           goToFirst: x,
           goToLast: N,
           disabled: k,
           hiddenAvatar: C
         },
-        X.id
+        J.id
       );
     },
     [
@@ -2205,12 +2205,12 @@ const Vt = ({
           subSearchKeys: A.searchKeys
         }
       },
-      ...(A.subItems ?? []).map((X) => ({
+      ...(A.subItems ?? []).map((J) => ({
         parent: {
           ...A,
           expanded: A.expanded ?? Y?.expanded ?? !1
         },
-        subItem: X
+        subItem: J
       }))
     ];
   }).filter(
@@ -2235,8 +2235,8 @@ const Vt = ({
             goToLast: N
           }
         );
-      const Y = L ? A.index - 1 : A.index, X = le[Y].parent, Z = le[Y].subItem;
-      if (!X) {
+      const Y = L ? A.index - 1 : A.index, J = le[Y].parent, Z = le[Y].subItem;
+      if (!J) {
         const te = {
           id: Z.subId,
           name: Z.subName,
@@ -2278,9 +2278,9 @@ const Vt = ({
       if (!de) {
         const te = ze(
           h,
-          X.id
+          J.id
         );
-        de = !!(X?.subItems ?? []).filter(
+        de = !!(J?.subItems ?? []).filter(
           (he) => te?.subItems?.some(
             (Oe) => Oe.subId === he.subId
           )
@@ -2300,9 +2300,9 @@ const Vt = ({
             searchKeys: Z.subSearchKeys
           },
           onSelect: () => {
-            d(X, Z);
+            d(J, Z);
           },
-          onRemove: () => c(X, Z),
+          onRemove: () => c(J, Z),
           selected: !!de,
           partialSelected: !1,
           singleSelector: T,
@@ -2354,8 +2354,8 @@ const Vt = ({
         ).length;
       });
     }
-    const X = A > 0 && Y === A, Z = Y > 0;
-    return [X, Z];
+    const J = A > 0 && Y === A, Z = Y > 0;
+    return [J, Z];
   }, [n, S, t]), Fe = le.length, la = !T && (y || I), ia = E && E.length > 0, sa = !w && (!T && la || ia);
   return /* @__PURE__ */ o(
     "div",
@@ -2468,7 +2468,7 @@ const Vt = ({
       ]
     }
   );
-}, ze = (t, n) => t.find((a) => a.id === n), Jl = (t, n) => t.find((a) => a.value === n)?.groupType === "team", Xl = ({
+}, ze = (t, n) => t.find((a) => a.id === n), Xl = (t, n) => t.find((a) => a.value === n)?.groupType === "team", Jl = ({
   entity: t,
   onRemove: n,
   disabled: a = !1,
@@ -2549,7 +2549,7 @@ const Vt = ({
         renderer: (f) => {
           const u = c[f.index];
           return u ? /* @__PURE__ */ e(
-            Xl,
+            Jl,
             {
               deactivated: u.subItem.subDeactivated,
               entity: u.subItem,
@@ -2709,7 +2709,7 @@ const Vt = ({
         src: E[0].subItem.subAvatar,
         deactivated: E[0].subItem.subDeactivated
       },
-      append: I ?? /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Ja, { open: R, disabled: r, size: z }) }),
+      append: I ?? /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Xa, { open: R, disabled: r, size: z }) }),
       children: /* @__PURE__ */ e(
         "span",
         {
@@ -2741,7 +2741,7 @@ const Vt = ({
   $(() => {
     t.defaultOpen && n && t.onOpenChange?.(!0);
   }, [t.defaultOpen]);
-  const [l, i] = _(t.entities), [s, c] = _(""), [d, f] = Xa("", 300), u = q(
+  const [l, i] = _(t.entities), [s, c] = _(""), [d, f] = Ja("", 300), u = q(
     () => t.entities.some(
       (w) => w.subItems && w.subItems.length > 0
     ),
@@ -2967,7 +2967,7 @@ const Vt = ({
     i
   ]);
   const L = G(null), [H, T] = _(0);
-  return In(() => {
+  return Fn(() => {
     const w = () => {
       L.current && T(L.current.offsetWidth);
     };
@@ -3139,7 +3139,7 @@ const ai = ({
     onChange(h) {
       h && d?.(t);
     }
-  }), u = Ln(n, {
+  }), u = En(n, {
     yesterdayRelative: !1
   });
   return /* @__PURE__ */ o(
@@ -3218,7 +3218,7 @@ const ai = ({
   onEndReached: r,
   onEndReachedItemsThreshold: l = 5
 }) => {
-  const i = ie(), s = Kr(t, "createdAt"), c = Object.values(s).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ar((u) => {
+  const i = ie(), s = Zr(t, "createdAt"), c = Object.values(s).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ar((u) => {
     c.includes(u) && r?.();
   }, 1e3), f = ci(
     Object.entries(s).filter(([u, m]) => !!m.length)
@@ -3332,7 +3332,7 @@ function hi({
                 a ? "bottom-0.5" : "-bottom-[3px]"
               ),
               children: /* @__PURE__ */ e(
-                En,
+                _n,
                 {
                   lastEmojiReaction: l,
                   onSelect: i,
@@ -3535,7 +3535,7 @@ function vi({ items: t, onInteraction: n, locale: a, action: r }) {
         hideLabel: !0
       }
     ),
-    /* @__PURE__ */ e(En, { onSelect: n, locale: a }),
+    /* @__PURE__ */ e(_n, { onSelect: n, locale: a }),
     t.map((l) => /* @__PURE__ */ e(
       xi,
       {
@@ -3572,7 +3572,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
 ] }), Un = ee(
   Hn,
   yi
-), Jt = ({ tags: t, right: n }) => /* @__PURE__ */ e(
+), Xt = ({ tags: t, right: n }) => /* @__PURE__ */ e(
   "div",
   {
     className: p(
@@ -3683,8 +3683,8 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               ] })
             ] }),
             (c || d) && /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between", children: [
-              c && /* @__PURE__ */ e(Jt, { tags: c }),
-              d && /* @__PURE__ */ e(Jt, { tags: d, right: !0 })
+              c && /* @__PURE__ */ e(Xt, { tags: c }),
+              d && /* @__PURE__ */ e(Xt, { tags: d, right: !0 })
             ] })
           ] })
         ]
@@ -3703,7 +3703,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   place: a,
   date: r
 }) => {
-  let l = qr(r);
+  let l = Xr(r);
   const i = (s) => {
     s.stopPropagation();
   };
@@ -3799,7 +3799,7 @@ const yi = () => /* @__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, H] = _(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), w = y && D?.id === t && D.description === i, k = !w, C = Ln(r), F = () => {
+  const I = ot(), z = ot(), R = G(null), [D, E] = _(null), [L, H] = _(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), w = y && D?.id === t && D.description === i, k = !w, C = En(r), F = () => {
     s(t);
   }, B = (S) => {
     S.stopPropagation();
@@ -4148,7 +4148,7 @@ function _i({
   ai: r,
   aiPromotion: l
 }) {
-  const i = r?.enabled ? hr : l?.enabled ? $l : Vr, s = r?.enabled ? r : l?.enabled ? l : void 0;
+  const i = r?.enabled ? hr : l?.enabled ? $l : Ur, s = r?.enabled ? r : l?.enabled ? l : void 0;
   return /* @__PURE__ */ e(i, { ...s, children: /* @__PURE__ */ e(
     zi,
     {
@@ -4222,7 +4222,7 @@ function zi({
   }, [u, d]), $(() => {
     d(R);
   }, [R, d]), Ti(u, F), /* @__PURE__ */ e(
-    Yr,
+    Jr,
     {
       reducedMotion: f ? "always" : "never",
       transition: {
@@ -4233,7 +4233,7 @@ function zi({
         /* @__PURE__ */ e("div", { className: "col-[1/-1]", children: l }),
         /* @__PURE__ */ e(vn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
           /* @__PURE__ */ e(_e, { children: i === "unlocked" && /* @__PURE__ */ e(
-            J.nav,
+            X.nav,
             {
               className: p(
                 "fixed inset-0 z-20 bg-f1-background-inverse",
@@ -4264,7 +4264,7 @@ function zi({
             }
           ),
           /* @__PURE__ */ o(
-            J.div,
+            X.div,
             {
               className: "relative min-w-0 flex-1",
               animate: {
@@ -4273,7 +4273,7 @@ function zi({
               transition: { paddingRight: Li },
               children: [
                 /* @__PURE__ */ e(
-                  J.main,
+                  X.main,
                   {
                     id: "content",
                     layoutId: "main",
@@ -4285,7 +4285,7 @@ function zi({
                     ),
                     layoutDependency: i,
                     children: /* @__PURE__ */ e(
-                      J.div,
+                      X.div,
                       {
                         className: p(
                           "flex max-w-full flex-1",
@@ -4319,7 +4319,7 @@ function zi({
                   }
                 ),
                 t?.enabled && /* @__PURE__ */ e(
-                  J.div,
+                  X.div,
                   {
                     className: p(
                       "pointer-events-none",
@@ -4402,7 +4402,7 @@ function Zn({
                 ),
                 children: [
                   n?.onPulseClick ? /* @__PURE__ */ e(
-                    Zr,
+                    Qr,
                     {
                       src: n.employeeAvatar,
                       firstName: n.employeeFirstName,
@@ -4505,7 +4505,7 @@ function Ri({ label: t, options: n, hasNewUpdate: a }) {
 const Ko = ne(
   K("OmniButton", Ri)
 );
-function Jn({ children: t, header: n, embedded: a = !1 }) {
+function Xn({ children: t, header: n, embedded: a = !1 }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -4520,8 +4520,8 @@ function Jn({ children: t, header: n, embedded: a = !1 }) {
     }
   );
 }
-Jn.displayName = "Page";
-const qo = ne(K("Page", Jn));
+Xn.displayName = "Page";
+const qo = ne(K("Page", Xn));
 function $i({
   companies: t,
   selected: n,
@@ -4538,7 +4538,7 @@ function $i({
     /* @__PURE__ */ e(O, { className: "size-6" }),
     /* @__PURE__ */ e(O, { className: "h-3 w-14" })
   ] }) : t.length + (i?.length || 0) === 1 ? /* @__PURE__ */ e("div", { className: "p-1.5", style: { maxWidth: "168px" }, children: /* @__PURE__ */ e(
-    Xt,
+    Jt,
     {
       company: s,
       withNotification: l
@@ -4551,7 +4551,7 @@ function $i({
       onChange: a,
       additionalOptions: i,
       children: /* @__PURE__ */ e(
-        Xt,
+        Jt,
         {
           company: s,
           withNotification: l
@@ -4615,7 +4615,7 @@ const Wi = ({
           children: [
             r,
             /* @__PURE__ */ e("div", { className: "flex w-5 shrink-0 items-center justify-center", children: /* @__PURE__ */ e("div", { className: "flex h-3 w-3 items-center justify-center rounded-2xs bg-f1-background-secondary transition-all", children: /* @__PURE__ */ e(
-              J.div,
+              X.div,
               {
                 animate: { rotate: s ? 180 : 0 },
                 transition: { duration: 0.2 },
@@ -4628,7 +4628,7 @@ const Wi = ({
       )
     }
   );
-}, Xt = ({
+}, Jt = ({
   company: t,
   withNotification: n = !1
 }) => /* @__PURE__ */ o(
@@ -4805,11 +4805,11 @@ function Vi() {
     n(window.matchMedia("(pointer: coarse)").matches);
   }, []), t;
 }
-const Xn = xt(void 0);
+const Jn = Nt(void 0);
 function Gi({ children: t }) {
   const [n, a] = _(!1), [r, l] = _(null);
   return /* @__PURE__ */ e(
-    Xn.Provider,
+    Jn.Provider,
     {
       value: { isDragging: n, setIsDragging: a, draggedItemId: r, setDraggedItemId: l },
       children: t
@@ -4817,7 +4817,7 @@ function Gi({ children: t }) {
   );
 }
 function It() {
-  const t = Ke(Xn);
+  const t = Ke(Jn);
   if (!t)
     throw new Error("useDragContext must be used within a DragProvider");
   return t;
@@ -4956,7 +4956,7 @@ const Hi = ({
     )
   ] }), [t, v, I, w, L, n]);
   return d ? /* @__PURE__ */ e(
-    _n,
+    On,
     {
       value: t,
       drag: "y",
@@ -5002,7 +5002,7 @@ const Hi = ({
         children: [
           t,
           /* @__PURE__ */ e(
-            J.div,
+            X.div,
             {
               initial: !1,
               animate: { rotate: c ? 0 : -90 },
@@ -5022,7 +5022,7 @@ const Hi = ({
       }
     ) }),
     /* @__PURE__ */ e(Ir, { forceMount: !0, className: "flex flex-col gap-1", children: /* @__PURE__ */ e(
-      J.div,
+      X.div,
       {
         initial: !1,
         animate: {
@@ -5046,7 +5046,7 @@ const Hi = ({
   onDragEnd: l,
   currentOrder: i
 }) => {
-  const { isDragging: s, setIsDragging: c } = It(), d = G(!1), f = Jr(), u = () => {
+  const { isDragging: s, setIsDragging: c } = It(), d = G(!1), f = el(), u = () => {
     c(!0), d.current = !0;
   }, m = () => {
     c(!1), setTimeout(() => {
@@ -5076,7 +5076,7 @@ const Hi = ({
     }
   );
   return n ? /* @__PURE__ */ e(
-    _n,
+    On,
     {
       id: t.id,
       value: t,
@@ -5114,7 +5114,7 @@ const Hi = ({
     }
   ) : g;
 };
-function Jo({
+function Xo({
   tree: t,
   onCollapse: n,
   onSort: a,
@@ -5301,7 +5301,7 @@ const Yi = ({
   tooltip: t,
   children: n
 }) => t ? /* @__PURE__ */ e(be, { description: t, children: n }) : n;
-function Xo({
+function Jo({
   onClick: t,
   placeholder: n,
   shortcut: a = ["cmd", "k"],
@@ -5328,7 +5328,7 @@ function Xo({
   ) });
 }
 const Qt = ({ position: t }) => /* @__PURE__ */ e(
-  J.div,
+  X.div,
   {
     initial: { opacity: 0 },
     animate: { opacity: 0.5 },
@@ -5362,14 +5362,14 @@ function Zi({
     top: { duration: s ? 0 : 0.1 },
     left: { duration: s ? 0 : 0.1 },
     default: { duration: s ? 0 : 0.2 }
-  }, g = () => a ? Gr(a) && r ? Fn(
+  }, g = () => a ? Kr(a) && r ? An(
     a,
     {
       onDropdownClick: r
     }
   ) : a : null;
   return /* @__PURE__ */ o(
-    J.aside,
+    X.aside,
     {
       initial: !1,
       "aria-label": m.navigation.sidebar.label,
@@ -5423,7 +5423,7 @@ function Zi({
     }
   );
 }
-const Qo = ne(Zi), Ji = {
+const Qo = ne(Zi), Xi = {
   waiting: "neutral",
   pending: "neutral",
   approved: "positive",
@@ -5439,7 +5439,7 @@ const Qo = ne(Zi), Ji = {
     type: "critical",
     size: "sm"
   }
-}, Xi = {
+}, Ji = {
   icon: wn,
   type: "neutral",
   size: "sm"
@@ -5449,7 +5449,7 @@ const Qo = ne(Zi), Ji = {
   critical: 2,
   warning: 1,
   neutral: 0
-}, es = (t) => t in en ? en[t] : Xi;
+}, es = (t) => t in en ? en[t] : Ji;
 function tn(t) {
   return Qi[t ?? "neutral"] ?? 0;
 }
@@ -5479,7 +5479,7 @@ const ts = ({
         /* @__PURE__ */ e("p", { className: "font-medium text-f1-foreground", children: t }),
         /* @__PURE__ */ e("p", { className: "text-f1-foreground-secondary", children: i })
       ] }),
-      /* @__PURE__ */ e($e, { text: s, variant: Ji[a] })
+      /* @__PURE__ */ e($e, { text: s, variant: Xi[a] })
     ] }),
     /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(Nn, { avatars: c, layout: "fill", type: "person", size: "md" }) })
   ] });
@@ -5750,7 +5750,7 @@ const ts = ({
   },
   rs
 ), ds = ({ children: t }) => {
-  const { enabled: n } = On();
+  const { enabled: n } = Dn();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5760,7 +5760,7 @@ const ts = ({
       ),
       "aria-hidden": n,
       children: /* @__PURE__ */ e(
-        J.div,
+        X.div,
         {
           className: "h-full w-full",
           animate: {
@@ -5774,7 +5774,7 @@ const ts = ({
     }
   );
 }, us = () => /* @__PURE__ */ e("div", { className: "min-h-[0.15rem] min-w-[0.15rem] rounded-full bg-f1-foreground-secondary" }), fs = j(function({ header: n, children: a, action: r, summaries: l, alert: i, status: s, fullHeight: c = !1 }, d) {
-  const { enabled: f, toggle: u } = On();
+  const { enabled: f, toggle: u } = Dn();
   $(() => {
     if (i && s)
       throw Error(
@@ -5785,7 +5785,7 @@ const ts = ({
     n?.link?.onClick?.();
   };
   return /* @__PURE__ */ o(
-    vt,
+    xt,
     {
       className: p(
         c ? "h-full" : "",
@@ -5793,18 +5793,18 @@ const ts = ({
       ),
       ref: d,
       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: [
+        n && /* @__PURE__ */ e(vt, { 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(yt, { className: "truncate", children: n.title }),
+              n.title && /* @__PURE__ */ e(wt, { className: "truncate", children: n.title }),
               n.subtitle && /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-1", children: [
                 /* @__PURE__ */ e(us, {}),
-                /* @__PURE__ */ e(Dn, { className: "truncate", children: n.subtitle })
+                /* @__PURE__ */ e(Cn, { className: "truncate", children: n.subtitle })
               ] }),
               n.info && /* @__PURE__ */ e(be, { label: n.info, children: /* @__PURE__ */ e(
                 M,
                 {
-                  icon: Cn,
+                  icon: kn,
                   size: "sm",
                   className: "text-f1-foreground-secondary"
                 }
@@ -5812,10 +5812,10 @@ const ts = ({
               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: [
-              i && /* @__PURE__ */ e(kn, { text: i, level: "critical" }),
+              i && /* @__PURE__ */ e(Sn, { text: i, level: "critical" }),
               s && /* @__PURE__ */ e($e, { text: s.text, variant: s.variant }),
               n.link && /* @__PURE__ */ e(
-                Xr,
+                Lr,
                 {
                   onClick: h,
                   href: n.link.url,
@@ -5826,11 +5826,11 @@ const ts = ({
             ] })
           ] }),
           n.comment && /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-3 overflow-visible", children: [
-            /* @__PURE__ */ e(ds, { children: /* @__PURE__ */ e(Qr, { children: n.comment }) }),
+            /* @__PURE__ */ e(ds, { children: /* @__PURE__ */ e(Er, { children: n.comment }) }),
             !!n.canBeBlurred && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
               W,
               {
-                icon: f ? Lr : Er,
+                icon: f ? _r : Or,
                 hideLabel: !0,
                 label: "hide/show",
                 variant: "outline",
@@ -5840,7 +5840,7 @@ const ts = ({
             ) })
           ] })
         ] }) }),
-        /* @__PURE__ */ o(Nt, { className: "flex h-full flex-col gap-4", children: [
+        /* @__PURE__ */ o(yt, { className: "flex h-full flex-col gap-4", children: [
           l && /* @__PURE__ */ e("div", { className: "flex flex-row", children: l.map((g, b) => /* @__PURE__ */ o("div", { className: "grow", children: [
             /* @__PURE__ */ e("div", { className: "mb-0.5 text-sm text-f1-foreground-secondary", children: g.label }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-end gap-0.5 text-2xl font-semibold", children: [
@@ -5850,11 +5850,11 @@ const ts = ({
             ] })
           ] }, b)) }),
           se.Children.toArray(a).filter(m).map((g, b) => /* @__PURE__ */ o(se.Fragment, { children: [
-            b > 0 && /* @__PURE__ */ e(el, { bare: !0 }),
+            b > 0 && /* @__PURE__ */ e(tl, { bare: !0 }),
             g
           ] }, b))
         ] }),
-        r && /* @__PURE__ */ e(tl, { children: /* @__PURE__ */ e(W, { variant: "neutral", size: "sm", ...r }) })
+        r && /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ e(W, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
@@ -5869,7 +5869,7 @@ const ts = ({
 }), hs = j(
   function({ header: n, height: a }, r) {
     return /* @__PURE__ */ o(
-      vt,
+      xt,
       {
         className: p(
           "flex gap-4 border-f1-border-secondary",
@@ -5879,19 +5879,19 @@ const ts = ({
         "aria-live": "polite",
         "aria-busy": !0,
         children: [
-          /* @__PURE__ */ e(wt, { className: "-mr-1 -mt-1", children: /* @__PURE__ */ o(
+          /* @__PURE__ */ e(vt, { 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(yt, { children: n.title }) : /* @__PURE__ */ e(O, { className: "h-4 w-full max-w-16" }),
-                n?.subtitle && /* @__PURE__ */ e(Dn, { children: n.subtitle })
+                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 })
               ]
             }
           ) }),
           /* @__PURE__ */ e(
-            Nt,
+            yt,
             {
               "aria-hidden": !0,
               className: p(a !== "full" && ms({ height: a })),
@@ -6350,7 +6350,7 @@ const ts = ({
   function({ title: n, content: a, buttonLabel: r, buttonIcon: l, buttonAction: i, type: s }, c) {
     const d = _s[s], f = Os[s], u = Ds[s], m = Ts[s];
     return /* @__PURE__ */ o(
-      vt,
+      xt,
       {
         className: p(
           "relative flex gap-4 overflow-hidden border-dashed",
@@ -6358,8 +6358,8 @@ const ts = ({
         ),
         ref: c,
         children: [
-          /* @__PURE__ */ e(wt, { className: "-mt-0.5", children: /* @__PURE__ */ e(yt, { children: n }) }),
-          /* @__PURE__ */ o(Nt, { className: p("flex flex-col gap-4", f), children: [
+          /* @__PURE__ */ e(vt, { className: "-mt-0.5", children: /* @__PURE__ */ e(wt, { children: n }) }),
+          /* @__PURE__ */ o(yt, { className: p("flex flex-col gap-4", f), children: [
             /* @__PURE__ */ o(
               "div",
               {
@@ -6398,7 +6398,7 @@ function Ps(t, n) {
     visibleItems: [],
     overflowItems: []
   });
-  _r({
+  Tr({
     ref: a,
     onResize: () => {
       f();
@@ -6453,7 +6453,7 @@ function Ps(t, n) {
     overflowItems: l.overflowItems
   };
 }
-const Je = function({
+const Xe = function({
   items: n,
   renderListItem: a,
   className: r,
@@ -6505,14 +6505,14 @@ const Je = function({
     }
   );
 };
-Je.displayName = "VerticalOverflowList";
+Xe.displayName = "VerticalOverflowList";
 const uc = ({
   events: t,
   showAllItems: n,
   gap: a = 8,
   minSize: r = 184
 }) => t.length ? n ? /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map((l) => /* @__PURE__ */ e(mt, { ...l }, l.title)) }) : /* @__PURE__ */ e(
-  Je,
+  Xe,
   {
     items: t,
     gap: a,
@@ -6629,8 +6629,8 @@ function hc({
       withEmoji: "emoji" in c && !!c.emoji,
       withPointerCursor: i,
       children: [
-        "alert" in c && c.alert && /* @__PURE__ */ e(Or, { type: c.alert }),
-        "emoji" in c && c.emoji && /* @__PURE__ */ e(Dr, { emoji: c.emoji }),
+        "alert" in c && c.alert && /* @__PURE__ */ e(zr, { type: c.alert }),
+        "emoji" in c && c.emoji && /* @__PURE__ */ e(Pr, { 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 })
@@ -6710,7 +6710,7 @@ function ht({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
-      a && /* @__PURE__ */ e(kn, { ...a }),
+      a && /* @__PURE__ */ e(Sn, { ...a }),
       r && /* @__PURE__ */ e(Ee, { ...r }),
       !!l && /* @__PURE__ */ e(He, { value: l })
     ] })
@@ -6724,7 +6724,7 @@ function pc({
   onVisibleItemsChange: l
 }) {
   return r ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: t.map((i) => /* @__PURE__ */ e(nn, { ...i, onClick: a }, i.id)) }) : /* @__PURE__ */ e(
-    Je,
+    Xe,
     {
       items: t,
       minSize: n,
@@ -6742,7 +6742,7 @@ function gc({
   showAllItems: l
 }) {
   return l ? /* @__PURE__ */ e("div", { className: "flex flex-col", style: { minHeight: `${a}px` }, children: t.map((i) => /* @__PURE__ */ e(ht, { ...i, onClick: r }, i.id)) }) : /* @__PURE__ */ e(
-    Je,
+    Xe,
     {
       items: t,
       gap: n,
@@ -6765,7 +6765,7 @@ const js = ({ title: t, info: n }) => /* @__PURE__ */ o("div", { className: "fle
             {
               label: r.label,
               description: r.description,
-              children: /* @__PURE__ */ e(M, { icon: Cn, size: "sm" })
+              children: /* @__PURE__ */ e(M, { icon: kn, size: "sm" })
             }
           ) })
         ] }),
@@ -6938,7 +6938,7 @@ function Ks({
         strokeWidth: 0,
         isAnimationActive: !1,
         children: r.map((c, d) => /* @__PURE__ */ e(
-          Tr,
+          Br,
           {
             fill: c.color,
             role: "presentation",
@@ -6978,7 +6978,7 @@ function qs({
             children: t ?? n
           }
         ),
-        /* @__PURE__ */ e(M, { icon: zr })
+        /* @__PURE__ */ e(M, { icon: Rr })
       ]
     }
   );
@@ -7039,7 +7039,7 @@ function vc({
             /* @__PURE__ */ e("span", { className: "line-clamp-1 text-2xl font-semibold text-f1-foreground", children: E }),
             /* @__PURE__ */ o("div", { className: "relative aspect-square h-4", children: [
               /* @__PURE__ */ e(
-                J.div,
+                X.div,
                 {
                   className: "absolute inset-0 rounded-full opacity-20",
                   style: {
@@ -7179,15 +7179,15 @@ function vc({
   ] }) });
 }
 const Ys = {
-  done: Rr,
-  "in-progress": Br,
-  todo: Pr
+  done: Mr,
+  "in-progress": Wr,
+  todo: $r
 }, Zs = {
   done: "text-f1-icon-success",
   "in-progress": "text-f1-icon-info",
   todo: "text-f1-icon"
 };
-function Js({
+function Xs({
   task: t,
   status: n,
   onClick: a,
@@ -7212,7 +7212,7 @@ function Js({
       } : void 0,
       rawTag: t.badge && !t.badge.isPastDue ? {
         text: t.badge.text,
-        icon: $r
+        icon: jr
       } : void 0,
       count: t.counter,
       onClick: l
@@ -7245,7 +7245,7 @@ function wc({
     }))
   ), c = !s.length;
   return /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: c ? /* @__PURE__ */ e("p", { className: "pl-2 font-medium", children: l }) : s.slice(0, r).map((d) => /* @__PURE__ */ e(
-    Js,
+    Xs,
     {
       task: d,
       status: d.status,
@@ -7255,11 +7255,11 @@ function wc({
     d.id
   )) });
 }
-var Xs = Object.defineProperty, Qs = Object.defineProperties, eo = Object.getOwnPropertyDescriptors, Ve = Object.getOwnPropertySymbols, na = Object.prototype.hasOwnProperty, aa = Object.prototype.propertyIsEnumerable, an = (t, n, a) => n in t ? Xs(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a, oe = (t, n) => {
+var Js = Object.defineProperty, Qs = Object.defineProperties, eo = Object.getOwnPropertyDescriptors, Ve = Object.getOwnPropertySymbols, na = Object.prototype.hasOwnProperty, aa = Object.prototype.propertyIsEnumerable, an = (t, n, a) => n in t ? Js(t, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[n] = a, oe = (t, n) => {
   for (var a in n || (n = {})) na.call(n, a) && an(t, a, n[a]);
   if (Ve) for (var a of Ve(n)) aa.call(n, a) && an(t, a, n[a]);
   return t;
-}, Xe = (t, n) => Qs(t, eo(n)), to = (t, n) => {
+}, Je = (t, n) => Qs(t, eo(n)), to = (t, n) => {
   var a = {};
   for (var r in t) na.call(t, r) && n.indexOf(r) < 0 && (a[r] = t[r]);
   if (t != null && Ve) for (var r of Ve(t)) n.indexOf(r) < 0 && aa.call(t, r) && (a[r] = t[r]);
@@ -7334,7 +7334,7 @@ var xo = ({ stones: t, containerSize: n }) => {
     let h = vo(t.current), g = (m = (u = n.current) == null ? void 0 : u.offsetWidth) != null ? m : 0;
     if (g === null) return;
     let b = xo({ stones: h, containerSize: g });
-    f(Xe(oe({}, b), { stones: h }));
+    f(Je(oe({}, b), { stones: h }));
   }, [a, t, n, r, l]), { positions: i, containerHeight: s, stones: c, availableSpots: d };
 }, yo = (t) => ({ fade: `${t}ms opacity ease`, fadeMove: `
     ${t}ms opacity ease,
@@ -7343,7 +7343,7 @@ var xo = ({ stones: t, containerSize: n }) => {
   `, move: `
     ${t}ms top ease,
     ${t}ms left ease
-  ` }), No = ({ transition: t, transitionDuration: n }) => t ? { transition: yo(n)[t] } : null, Co = (t) => t ? Xe(oe({}, t), { opacity: 1 }) : { opacity: 0, top: 0, left: 0 }, ko = ({ style: t, position: n, transition: a, transitionDuration: r }) => oe(oe(Xe(oe({}, t), { position: "absolute" }), Co(n)), No({ transition: a, transitionDuration: r }));
+  ` }), No = ({ transition: t, transitionDuration: n }) => t ? { transition: yo(n)[t] } : null, Co = (t) => t ? Je(oe({}, t), { opacity: 1 }) : { opacity: 0, top: 0, left: 0 }, ko = ({ style: t, position: n, transition: a, transitionDuration: r }) => oe(oe(Je(oe({}, t), { position: "absolute" }), Co(n)), No({ transition: a, transitionDuration: r }));
 function So(t, n, a) {
   let r;
   return function(...l) {
@@ -7375,15 +7375,15 @@ var Io = () => {
 }, Ao = (t) => {
   var n = t, { children: a, style: r, transition: l = !1, transitionDuration: i = 500, transitionStep: s = 50 } = n, c = to(n, ["children", "style", "transition", "transitionDuration", "transitionStep"]);
   let d = G([]), f = G(null), u = Io(), m = Fo(f), { positions: h, containerHeight: g } = wo({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), b = oe({ minHeight: g ?? 0, position: "relative" }, r);
-  return e("div", Xe(oe({ ref: f, style: b }, c), { children: An.map(a, (v, y) => {
+  return e("div", Je(oe({ ref: f, style: b }, c), { children: Ln.map(a, (v, y) => {
     if (typeof v != "object" || !v || !("type" in v)) return v;
     let I = { style: ko({ style: v.props.style, position: h[y], transition: l, transitionDuration: i }), ref: (z) => d.current[y] = z };
-    return Fn(v, oe(oe({}, v.props), I));
+    return An(v, oe(oe({}, v.props), I));
   }) }));
 };
 const Lo = { sm: 340, md: 480, lg: 640 }, rn = j(
   function({ children: n, widgetWidth: a = "sm" }, r) {
-    const l = Lo[a], [i, s] = _(), c = An.toArray(n), d = G(null);
+    const l = Lo[a], [i, s] = _(), c = Ln.toArray(n), d = G(null);
     return $(() => {
       const f = () => {
         const u = d.current?.offsetWidth;
@@ -7404,11 +7404,11 @@ const Lo = { sm: 340, md: 480, lg: 640 }, rn = j(
       u
     )) }, i) }) }) });
   }
-), Eo = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], yc = ee(rn, () => /* @__PURE__ */ e(Sn, { children: /* @__PURE__ */ e(rn, { children: Eo.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 }), Nc = ee(
+), Eo = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], yc = ee(rn, () => /* @__PURE__ */ e(In, { children: /* @__PURE__ */ e(rn, { children: Eo.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 }), Nc = ee(
   j(function({ children: n }, a) {
     return /* @__PURE__ */ e(Ge, { ref: a, showBar: !1, children: /* @__PURE__ */ e(ln, { children: n }) });
   }),
-  () => /* @__PURE__ */ e(Sn, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
+  () => /* @__PURE__ */ e(In, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
     /* @__PURE__ */ e(Ne.Skeleton, {}),
     /* @__PURE__ */ e(Ne.Skeleton, {}),
     /* @__PURE__ */ e(Ne.Skeleton, {})
@@ -7437,7 +7437,7 @@ function _o({
 const Cc = ne(
   K("WidgetEmptyState", _o)
 ), ra = j(
-  ({ title: t, children: n }, a) => (Wr(
+  ({ title: t, children: n }, a) => (Vr(
     t,
     { disallowEmpty: !0 },
     { componentName: "WidgetSection" }
@@ -7455,7 +7455,7 @@ const kc = ne(
   disallowedRoutes: a,
   children: r
 }) => {
-  const l = Mr(), i = window.location.pathname, s = q(() => n?.length ? n.includes(i) : a?.length ? !a.includes(i) : !0, [i, n, a]), c = q(() => {
+  const l = Gr(), i = window.location.pathname, s = q(() => n?.length ? n.includes(i) : a?.length ? !a.includes(i) : !0, [i, 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]);
@@ -7491,7 +7491,7 @@ export {
   mt as CalendarEvent,
   uc as CalendarEventList,
   ld as CardSelectableContainer,
-  Hr as Carousel,
+  qr as Carousel,
   id as CategoryBarChart,
   xc as CategoryBarSection,
   Mo as Celebration,
@@ -7529,7 +7529,7 @@ export {
   pd as ItemSectionHeader,
   gd as LineChart,
   ic as LineChartWidget,
-  Jo as Menu,
+  Xo as Menu,
   Rc as MobileDropdown,
   bd as NotesTextEditor,
   xd as NotesTextEditorPatchTargetNotFoundError,
@@ -7558,7 +7558,7 @@ export {
   dr as RichTextDisplay,
   Ld as RichTextEditor,
   Ic as ScrollArea,
-  Xo as SearchBar,
+  Jo as SearchBar,
   Ed as SectionHeader,
   We as Select,
   Ar as Shortcut,
@@ -7601,8 +7601,8 @@ export {
   Bd as generateCSVContent,
   Yc as getGranularityDefinition,
   Zc as getGranularityDefinitions,
-  Jc as getGranularitySimpleDefinition,
-  Xc as granularityDefinitions,
+  Xc as getGranularitySimpleDefinition,
+  Jc as granularityDefinitions,
   Qc as modules,
   Rd as predefinedPresets,
   ed as rangeSeparator,