@factorialco/f0-react 2.32.1 → 2.33.0

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 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-CxrYr5OJ.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-CxrYr5OJ.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 be, u as ie, T as pa, p as ba, q as ga, 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 ge, a0 as $e, a1 as Da, a2 as bt, 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 bn, aH as ar, aI as rr, aJ as lr, aK as ir, aL as Ue, aM as gt, aN as gn, 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 br, f as gr, 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-EblUp6hE.js";
+import { bQ as Lc, bP as Ec, c0 as _c, bM as Oc, bN as Dc, bF as Tc, bG as zc, bH as Pc, c1 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-EblUp6hE.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 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-BDFT840X.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-BDFT840X.js";
+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-BkSLdJZC.js";
+import { r as nd, s as ad, p as rd, H as ld, t as id, z as sd, a9 as od, G as cd, q as dd, Q as ud, o as fd, Y as md, U as hd, J as pd, af as bd, K as gd, Z as xd, _ as vd, v as wd, ab as yd, ac as Nd, aa as Cd, ad as kd, N as Sd, $ as Id, a6 as Fd, a8 as Ad, w as Ld, y as Ed, D as _d, W as Od, ae as Dd, X as Td, T as zd, x as Pd, E as Bd, m as Rd, n as $d, a1 as Wd, a2 as Md, a7 as jd, I as Vd, a3 as Gd, a4 as Hd, a0 as Ud, a5 as Kd } from "./useDataCollectionSource-BkSLdJZC.js";
 const ul = da("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -82,20 +82,20 @@ function pl(t, n, a = []) {
     minWidth: zt(l)
   };
 }
-function gl({ breadcrumbs: t, append: n }) {
+function bl({ breadcrumbs: t, append: n }) {
   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 = () => {
-      const h = a.current?.clientWidth ?? null, g = Array.from(f.children);
+      const h = a.current?.clientWidth ?? null, b = Array.from(f.children);
       l(() => {
-        const b = pl(
+        const g = pl(
           h,
           t,
-          g
+          b
         );
-        s(b);
+        s(g);
       });
     }, m = new ResizeObserver(u);
     return m.observe(d), u(), () => m.disconnect();
@@ -172,7 +172,7 @@ function gl({ breadcrumbs: t, append: n }) {
     `breadcrumb-${t.at(-1)?.id ?? 0}`
   );
 }
-const bl = ge({
+const gl = be({
   variants: {
     size: {
       sm: "h-[1.375rem] w-[1.375rem]",
@@ -224,12 +224,12 @@ const bl = ge({
     onDragEnd: u,
     onDrag: m,
     className: h,
-    ...g
+    ...b
   } = l;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: p(bl({ size: n }), h),
+      className: p(gl({ size: n }), h),
       style: {
         background: "transparent",
         perspective: t ? "10px" : void 0,
@@ -255,32 +255,32 @@ const bl = ge({
           },
           style: {
             "--gradient-angle": "0deg",
-            ...g.style
+            ...b.style
           },
-          ...(({ style: b, ...v }) => v)(g),
+          ...(({ style: g, ...v }) => v)(b),
           children: [
             /* @__PURE__ */ o("defs", { children: [
               /* @__PURE__ */ e("clipPath", { id: `${s}-circle`, children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16" }) }),
-              Pt.map((b) => /* @__PURE__ */ e("clipPath", { id: `${s}-${b.id}`, children: /* @__PURE__ */ e("path", { d: b.path }) }, b.id))
+              Pt.map((g) => /* @__PURE__ */ e("clipPath", { id: `${s}-${g.id}`, children: /* @__PURE__ */ e("path", { d: g.path }) }, g.id))
             ] }),
-            /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((b) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((g) => /* @__PURE__ */ e(
               X.foreignObject,
               {
                 x: "0",
                 y: "0",
                 width: "32",
                 height: "32",
-                clipPath: `url(#${s}-${b.id})`,
+                clipPath: `url(#${s}-${g.id})`,
                 animate: {
                   "--rotate3d-angle": ["0deg", "180deg", "180deg", "360deg"],
                   "--scale": r ? 8 : 1,
                   "--rotate": r ? "90deg" : "0deg",
-                  opacity: r ? b.id === "left" ? 1 : 0 : 1,
+                  opacity: r ? g.id === "left" ? 1 : 0 : 1,
                   filter: t ? ["blur(0px)", "blur(8px)", "blur(0px)"] : void 0
                 },
                 transition: {
                   "--rotate3d-angle": {
-                    delay: t ? b.delay : 0,
+                    delay: t ? g.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.99, 0.9999, 1]
@@ -298,7 +298,7 @@ const bl = ge({
                     ease: "easeInOut"
                   },
                   filter: {
-                    delay: t ? b.delay : 0,
+                    delay: t ? g.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.5, 1]
@@ -308,8 +308,8 @@ const bl = ge({
                   "--rotate3d-angle": "0deg",
                   "--scale": 1,
                   "--rotate": "0deg",
-                  transform: t ? `rotate3d(${b.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
-                  transformOrigin: b.transformOrigin,
+                  transform: t ? `rotate3d(${g.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
+                  transformOrigin: g.transformOrigin,
                   willChange: "transform"
                 },
                 children: /* @__PURE__ */ e(
@@ -323,7 +323,7 @@ const bl = ge({
                   }
                 )
               },
-              b.id
+              g.id
             )) })
           ]
         }
@@ -333,9 +333,9 @@ const bl = ge({
 }, 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) => {
+  ), h = G(null), b = (v) => {
     h.current = v;
-  }, b = () => {
+  }, g = () => {
     h.current && h.current();
   };
   return $(() => {
@@ -360,8 +360,8 @@ const bl = ge({
         setShouldPlayEntranceAnimation: f,
         setAutoClearMinutes: m,
         autoClearMinutes: l ? u : null,
-        clear: b,
-        setClearFunction: g
+        clear: g,
+        setClearFunction: b
       },
       children: t
     }
@@ -388,8 +388,8 @@ const Bn = ({
   disabled: n
 }) => {
   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(
+  return a ? /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(pa, { children: /* @__PURE__ */ o(ba, { delayDuration: 850, disableHoverableContent: !0, children: [
+    /* @__PURE__ */ e(ga, { asChild: !0, children: /* @__PURE__ */ e(
       X.div,
       {
         animate: {
@@ -470,9 +470,9 @@ function yl({ children: t }) {
   }), [d, f] = _(() => {
     const I = localStorage.getItem(Bt);
     return I !== null ? !!I : !0;
-  }), [u, m] = _(!1), [h, g] = _(
+  }), [u, m] = _(!1), [h, b] = _(
     null
-  ), b = Q(
+  ), g = Q(
     ({ isInvokedByUser: I } = {
       isInvokedByUser: !0
     }) => {
@@ -490,7 +490,7 @@ function yl({ children: t }) {
   }, [n]), $(() => {
     l && localStorage.setItem(Bt, d ? "1" : "");
   }, [d, l]), $(() => () => {
-    g(y);
+    b(y);
   }, [y]), /* @__PURE__ */ e(
     Rn.Provider,
     {
@@ -498,7 +498,7 @@ function yl({ children: t }) {
         isSmallScreen: c,
         isLastToggleInvokedByUser: l,
         sidebarState: y,
-        toggleSidebar: b,
+        toggleSidebar: g,
         prevSidebarState: h,
         setForceFloat: r
       },
@@ -586,15 +586,15 @@ const Rt = X.create(M), $t = {
   hasUnread: f = !1,
   crossSelling: u
 }) => {
-  const [m, h] = _("idle"), [g, b] = _(null), [v, ...y] = g ?? [], [I, z] = _(!1);
+  const [m, h] = _("idle"), [b, g] = _(null), [v, ...y] = b ?? [], [I, z] = _(!1);
   $(() => {
-    b(null), h("idle");
+    g(null), h("idle");
   }, [t]);
   const R = Q(async () => {
     try {
       h("fetching");
       const D = await a();
-      h("idle"), b(D);
+      h("idle"), g(D);
     } catch {
       h("error");
     }
@@ -604,7 +604,7 @@ const Rt = X.create(M), $t = {
     {
       open: I,
       onOpenChange: async (D) => {
-        z(D), D && g === null && R(), s(D);
+        z(D), D && b === null && R(), s(D);
       },
       children: [
         /* @__PURE__ */ e(ka, { asChild: !0, children: /* @__PURE__ */ e(
@@ -631,8 +631,8 @@ const Rt = X.create(M), $t = {
               /* @__PURE__ */ e(Il, { title: n, url: r, onClick: c }),
               m === "fetching" && /* @__PURE__ */ e(Ll, {}),
               /* @__PURE__ */ o("div", { className: "scrollbar-macos flex-1 overflow-y-auto", children: [
-                m === "idle" && g !== null && g.length === 0 && /* @__PURE__ */ e("div", { className: "p-2 pt-0", children: /* @__PURE__ */ e(Fl, { ...l, buttonUrl: r }) }),
-                m === "idle" && g !== null && g.length > 0 && /* @__PURE__ */ o("div", { className: "px-1", children: [
+                m === "idle" && b !== null && b.length === 0 && /* @__PURE__ */ e("div", { className: "p-2 pt-0", children: /* @__PURE__ */ e(Fl, { ...l, buttonUrl: r }) }),
+                m === "idle" && b !== null && b.length > 0 && /* @__PURE__ */ o("div", { className: "px-1", children: [
                   /* @__PURE__ */ e(
                     kl,
                     {
@@ -640,7 +640,7 @@ const Rt = X.create(M), $t = {
                       onClick: d
                     }
                   ),
-                  g.length > 1 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: y.map((D, E) => /* @__PURE__ */ e(
+                  b.length > 1 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: y.map((D, E) => /* @__PURE__ */ e(
                     Sl,
                     {
                       ...D,
@@ -952,7 +952,7 @@ function Po({
       module: t.id
     },
     ...a
-  ], g = n && Object.keys(n).length !== 0, b = l && a.length > 0, v = !l && r.length > 0, y = !l && !!s?.isVisible, I = h[h.length - 1], z = "navigation" in window ? window.navigation : null, R = l && (z ? !!z.canGoBack : window.history.length > 1);
+  ], b = n && Object.keys(n).length !== 0, g = l && a.length > 0, v = !l && r.length > 0, y = !l && !!s?.isVisible, I = h[h.length - 1], z = "navigation" in window ? window.navigation : null, R = l && (z ? !!z.canGoBack : window.history.length > 1);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -998,8 +998,8 @@ function Po({
                     onClick: () => window.history.back()
                   }
                 ) }),
-                R || b ? /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-f1-foreground", children: "loading" in I ? /* @__PURE__ */ e(O, { className: "h-4 w-24" }) : I.label }) : /* @__PURE__ */ e(
-                  gl,
+                R || g ? /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-f1-foreground", children: "loading" in I ? /* @__PURE__ */ e(O, { className: "h-4 w-24" }) : I.label }) : /* @__PURE__ */ e(
+                  bl,
                   {
                     breadcrumbs: h,
                     append: c !== void 0 && /* @__PURE__ */ e(
@@ -1018,7 +1018,7 @@ function Po({
           )
         ] }),
         /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
-          !l && g && /* @__PURE__ */ e("div", { children: n.tooltip ? /* @__PURE__ */ e(be, { label: n.tooltip, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          !l && b && /* @__PURE__ */ e("div", { children: n.tooltip ? /* @__PURE__ */ e(ge, { label: n.tooltip, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
             $e,
             {
               text: n.text,
@@ -1026,7 +1026,7 @@ function Po({
               additionalAccessibleText: n.tooltip
             }
           ) }) }) : /* @__PURE__ */ e($e, { text: n.text, variant: n.variant }) }),
-          !l && g && (i || v || y) && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
+          !l && b && (i || v || y) && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
           i && /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
             i.counter && /* @__PURE__ */ o("span", { className: "text-sm text-f1-foreground-secondary", children: [
               i.counter.current,
@@ -1046,7 +1046,7 @@ function Po({
               /* @__PURE__ */ e(
                 Wt,
                 {
-                  icon: gt,
+                  icon: bt,
                   label: i.next?.title || "Next",
                   href: i.next?.url || "",
                   disabled: !i.next
@@ -1361,7 +1361,7 @@ const Ol = () => {
   K("AiPromotionChat", Bl)
 ), $l = ne(
   K("AiPromotionChatProvider", Pl)
-), Wn = ge({
+), Wn = be({
   base: "flex w-full flex-col rounded-lg p-[1px]",
   variants: {
     variant: {
@@ -1728,7 +1728,7 @@ const Ul = ({
   disabled: f = !1,
   hiddenAvatar: u = !1
 }) => {
-  const m = t.name.split(" "), h = m[0] || "", g = m.slice(1).join(" "), b = (y) => {
+  const m = t.name.split(" "), h = m[0] || "", b = m.slice(1).join(" "), g = (y) => {
     y.preventDefault(), y.stopPropagation(), !f && (n ? r(t) : a(t));
   }, v = (y) => {
     if (y.key === "Enter" || y.key === " ") {
@@ -1752,7 +1752,7 @@ const Ul = ({
           {
             src: t.avatar,
             firstName: h,
-            lastName: g,
+            lastName: b,
             size: "xs",
             deactivated: t.deactivated
           }
@@ -1780,7 +1780,7 @@ const Ul = ({
             "data-avatarname-navigator-element": "true",
             checked: n,
             disabled: f,
-            onClick: b,
+            onClick: g,
             onKeyDown: v,
             className: p(
               "pointer-events-none ml-auto",
@@ -1813,8 +1813,8 @@ const Ul = ({
   goToLast: u,
   isChild: m = !1,
   hideLine: h = !1,
-  showGroupIcon: g = !1,
-  singleSelector: b = !1,
+  showGroupIcon: b = !1,
+  singleSelector: g = !1,
   disabled: v = !1,
   hiddenAvatar: y = !1
 }) => {
@@ -1829,7 +1829,7 @@ const Ul = ({
         selected: l,
         onSelect: s,
         onRemove: c,
-        singleSelector: b,
+        singleSelector: g,
         goToFirst: f,
         goToLast: u,
         disabled: v,
@@ -1839,7 +1839,7 @@ const Ul = ({
   const R = (L) => {
     if (L.key === " ")
       L.preventDefault(), d(!n);
-    else if (L.key === "Enter" && b)
+    else if (L.key === "Enter" && g)
       d(!n);
     else if (L.key === "Enter") {
       if (v) return;
@@ -1849,7 +1849,7 @@ const Ul = ({
     if (I)
       d(!n), z(!1);
     else {
-      if (v || b) return;
+      if (v || g) return;
       l ? c(r) : s(r);
     }
   };
@@ -1878,7 +1878,7 @@ const Ul = ({
           },
           className: "flex flex-1 flex-row items-center gap-2 rounded border px-2 py-1.5 focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:cursor-pointer hover:bg-f1-background-hover",
           children: [
-            g && /* @__PURE__ */ e(
+            b && /* @__PURE__ */ e(
               M,
               {
                 icon: Va,
@@ -1909,7 +1909,7 @@ const Ul = ({
                   L.stopPropagation(), z(!1);
                 },
                 "data-avatarname-navigator-element": "true",
-                className: p("ml-auto", b ? "opacity-0" : "")
+                className: p("ml-auto", g ? "opacity-0" : "")
               }
             )
           ]
@@ -1998,7 +1998,7 @@ const Vt = ({
 }) => {
   const u = !c && (n || a), m = t && t.length > 0;
   if (!(!s && (!c && u || m))) return null;
-  let g, b, v = d ? {
+  let b, g, v = d ? {
     label: n || "",
     onClick: d,
     variant: "outline",
@@ -2009,27 +2009,27 @@ const Vt = ({
     variant: "ghost",
     disabled: r || !i
   } : void 0;
-  return v || (v = y, y = void 0), m && u ? (g = /* @__PURE__ */ e(
+  return v || (v = y, y = void 0), m && u ? (b = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: v,
       secondaryActions: y ? [y] : []
     }
-  ), b = /* @__PURE__ */ e(
+  ), g = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  )) : m ? g = /* @__PURE__ */ e(
+  )) : m ? b = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : u && (g = /* @__PURE__ */ e(Le, { primaryAction: v, secondaryActions: [] }), y && (b = /* @__PURE__ */ e(Le, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
-    g,
-    b
+  ) : u && (b = /* @__PURE__ */ e(Le, { primaryAction: v, secondaryActions: [] }), y && (g = /* @__PURE__ */ e(Le, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
+    b,
+    g
   ] }) });
 }, ql = ({
   search: t,
@@ -2077,8 +2077,8 @@ const Vt = ({
   onSelectAll: u,
   onSearch: m,
   selectedEntities: h = [],
-  onGroupChange: g,
-  onToggleExpand: b,
+  onGroupChange: b,
+  onToggleExpand: g,
   searchPlaceholder: v,
   selectAllLabel: y,
   clearLabel: I,
@@ -2152,7 +2152,7 @@ const Vt = ({
         Pe,
         {
           expanded: J.expanded ?? !1,
-          onExpand: () => b(J, !0),
+          onExpand: () => g(J, !0),
           search: l,
           groupView: t,
           entity: J,
@@ -2183,7 +2183,7 @@ const Vt = ({
       C,
       s,
       i,
-      b,
+      g,
       l,
       r,
       T
@@ -2257,7 +2257,7 @@ const Vt = ({
           {
             groupView: !0,
             expanded: te.expanded ?? !1,
-            onExpand: (Ae) => b(te, Ae),
+            onExpand: (Ae) => g(te, Ae),
             search: l,
             entity: te,
             onSelect: i,
@@ -2324,7 +2324,7 @@ const Vt = ({
       s,
       a,
       k,
-      b,
+      g,
       r,
       d,
       c,
@@ -2390,7 +2390,7 @@ const Vt = ({
                   label: "Group",
                   hideLabel: !0,
                   disabled: w,
-                  onChange: g,
+                  onChange: b,
                   options: a,
                   value: r,
                   className: p(
@@ -2581,7 +2581,7 @@ const Vt = ({
   onCreateLabel: m,
   ...h
 }) => {
-  const g = (i ?? Kt) < ei, b = !c && !s && !g, v = i ?? Kt, y = b ? v - qt : v;
+  const b = (i ?? Kt) < ei, g = !c && !s && !b, v = i ?? Kt, y = g ? v - qt : v;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2615,7 +2615,7 @@ const Vt = ({
             )
           }
         ),
-        b && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           "div",
           {
             className: "min-h-0",
@@ -2653,8 +2653,8 @@ const Vt = ({
   hint: u,
   onClickContent: m,
   hideLabel: h = !1,
-  maxLength: g,
-  loading: b = !1,
+  maxLength: b,
+  loading: g = !1,
   required: v = !1,
   readonly: y = !1,
   append: I,
@@ -2694,11 +2694,11 @@ const Vt = ({
       status: f,
       hint: u,
       hideLabel: h,
-      maxLength: g,
+      maxLength: b,
       clearable: !1,
       value: L,
       disabled: r,
-      loading: b,
+      loading: g,
       required: v,
       readonly: y,
       size: z,
@@ -2746,8 +2746,8 @@ const Vt = ({
       (w) => w.subItems && w.subItems.length > 0
     ),
     [t.entities]
-  ), m = Ke(Qa), g = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
-  function b(w) {
+  ), m = Ke(Qa), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
+  function g(w) {
     if (t.singleSelector) {
       t.onSelect(w), a(!1);
       return;
@@ -2988,7 +2988,7 @@ const Vt = ({
           groups: t.groups,
           onGroupChange: t.onGroupChange,
           selectedGroup: t.selectedGroup,
-          onSelect: b,
+          onSelect: g,
           onRemove: y,
           onSubItemRemove: I,
           onSubItemSelect: v,
@@ -3051,7 +3051,7 @@ const Vt = ({
     /* @__PURE__ */ e(
       nr,
       {
-        container: g,
+        container: b,
         className: p(
           "scrollbar-macos relative w-full overflow-hidden overscroll-contain rounded-xl border-[1px] border-solid border-f1-border-secondary bg-transparent p-0"
         ),
@@ -3063,7 +3063,7 @@ const Vt = ({
             groups: t.groups,
             onGroupChange: t.onGroupChange,
             selectedGroup: t.selectedGroup,
-            onSelect: b,
+            onSelect: g,
             onRemove: y,
             onSubItemRemove: I,
             onSubItemSelect: v,
@@ -3151,7 +3151,7 @@ const ai = ({
         c(t);
       },
       children: [
-        /* @__PURE__ */ e(it, { icon: l ?? gn }),
+        /* @__PURE__ */ e(it, { icon: l ?? bn }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
           /* @__PURE__ */ e(
             "p",
@@ -3379,7 +3379,7 @@ function pi(t) {
   }, []);
   return { canvasRef: n, handleMouseEnter: r, handleMouseLeave: l };
 }
-const gi = ({
+const bi = ({
   link: t,
   firstName: n,
   lastName: a,
@@ -3392,13 +3392,13 @@ const gi = ({
   typeLabel: f,
   date: u
 }) => {
-  const [m, h] = _(s), g = G(null);
+  const [m, h] = _(s), b = G(null);
   $(() => {
     h(s);
   }, [s]);
-  const b = (D) => {
+  const g = (D) => {
     h(D), c?.(D);
-  }, v = Ue(), { canvasRef: y, handleMouseEnter: I, handleMouseLeave: z } = pi(v), R = bt({
+  }, v = Ue(), { canvasRef: y, handleMouseEnter: I, handleMouseLeave: z } = pi(v), R = gt({
     emoji: fi[d],
     size: "sm"
   });
@@ -3429,8 +3429,8 @@ const gi = ({
             src: r,
             canReact: i,
             lastEmojiReaction: m,
-            onReactionSelect: b,
-            pickerRef: g
+            onReactionSelect: g,
+            pickerRef: b
           }
         ) }),
         /* @__PURE__ */ o("div", { className: "flex basis-1/3 flex-row justify-between gap-2 p-3", children: [
@@ -3450,7 +3450,7 @@ const gi = ({
       ]
     }
   );
-}, bi = () => /* @__PURE__ */ o(
+}, gi = () => /* @__PURE__ */ o(
   "div",
   {
     className: "bg-f1-background-inverse-secondar flex flex-col rounded-xl border border-solid border-f1-border-secondary",
@@ -3465,14 +3465,14 @@ const gi = ({
       ] }) }) })
     ]
   }
-), Mo = ee(gi, bi), jo = ({
+), Mo = ee(bi, gi), jo = ({
   title: t,
   subtitle: n,
   buttonLabel: a,
   onClick: r
 }) => /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start justify-between gap-4 rounded-md bg-gradient-to-r from-[#F5A51C]/30 via-[#E51943]/30 to-[#5596F6]/30 px-3 py-3 ring-1 ring-inset ring-f1-border-secondary sm:flex-row sm:items-center sm:px-4", children: [
   /* @__PURE__ */ o("div", { className: "flex flex-col items-start gap-3 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ e(bn, { module: "kudos", size: "lg" }),
+    /* @__PURE__ */ e(gn, { module: "kudos", size: "lg" }),
     /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ e("span", { className: "font-medium text-f1-foreground", children: t }),
       /* @__PURE__ */ e("span", { className: "text-f1-foreground-secondary", children: n })
@@ -3487,24 +3487,24 @@ function xi({
   users: r,
   onInteraction: l
 }) {
-  const [i, s] = _(a), [c, d] = _(n), f = G(null), { fireEmojiConfetti: u } = sr(), m = (b, v) => {
-    b.stopPropagation(), d(c + (i ? -1 : 1)), s(!i), l?.(v), i || u(v, f);
-  }, h = r?.map((b) => b.name).join(", ") || "", g = /* @__PURE__ */ e(
+  const [i, s] = _(a), [c, d] = _(n), f = G(null), { fireEmojiConfetti: u } = sr(), m = (g, v) => {
+    g.stopPropagation(), d(c + (i ? -1 : 1)), s(!i), l?.(v), i || u(v, f);
+  }, h = r?.map((g) => g.name).join(", ") || "", b = /* @__PURE__ */ e(
     xn,
     {
       ref: f,
       variant: "outline",
       size: "md",
       compact: !0,
-      onClick: (b) => {
-        m(b, t);
+      onClick: (g) => {
+        m(g, t);
       },
       className: p(
         "flex items-center gap-1 px-[3px] font-medium leading-tight shadow-none transition-all active:scale-90 motion-reduce:transition-none motion-reduce:active:scale-100",
         i && "border-f1-border-selected bg-f1-background-selected hover:border-f1-border-selected-bold"
       ),
       "aria-label": or(t),
-      prepend: /* @__PURE__ */ e(bt, { emoji: t, size: "md" }),
+      prepend: /* @__PURE__ */ e(gt, { emoji: t, size: "md" }),
       children: /* @__PURE__ */ e(
         cr,
         {
@@ -3521,7 +3521,7 @@ function xi({
       )
     }
   );
-  return h ? /* @__PURE__ */ e(be, { label: h, children: g }) : g;
+  return h ? /* @__PURE__ */ e(ge, { label: h, children: b }) : b;
 }
 function vi({ items: t, onInteraction: n, locale: a, action: r }) {
   return /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-2", children: [
@@ -3590,7 +3590,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
         }
       ) });
       return a.label || a.description ? /* @__PURE__ */ e(
-        be,
+        ge,
         {
           label: a.label,
           description: a.description,
@@ -3794,8 +3794,8 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   reactions: u,
   inLabel: m,
   comment: h,
-  actions: g,
-  dropdownItems: b,
+  actions: b,
+  dropdownItems: g,
   noReactionsButton: v = !1,
   descriptionExpandable: y = !1
 }) => {
@@ -3905,7 +3905,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               ] }),
               /* @__PURE__ */ o("div", { className: "flex flex-row gap-2", children: [
                 /* @__PURE__ */ o("div", { className: "hidden flex-row gap-2 md:flex", children: [
-                  g?.map((S) => /* @__PURE__ */ e(
+                  b?.map((S) => /* @__PURE__ */ e(
                     W,
                     {
                       hideLabel: !S.label,
@@ -3918,10 +3918,10 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                     },
                     S.label
                   )),
-                  b?.length && /* @__PURE__ */ e(
+                  g?.length && /* @__PURE__ */ e(
                     Ce,
                     {
-                      items: b,
+                      items: g,
                       icon: st,
                       size: "sm"
                     }
@@ -3935,7 +3935,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                         label: h.label,
                         onClick: h.onClick
                       },
-                      ...b ?? []
+                      ...g ?? []
                     ],
                     icon: st,
                     size: "sm"
@@ -4067,7 +4067,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
         /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col", children: [
           /* @__PURE__ */ o("div", { className: "flex flex-1 flex-row items-center gap-1", children: [
             /* @__PURE__ */ e("span", { className: "truncate font-medium", children: `${t.firstName} ${t.lastName}` }),
-            a.info && /* @__PURE__ */ e(be, { label: a.info, children: /* @__PURE__ */ e(
+            a.info && /* @__PURE__ */ e(ge, { label: a.info, children: /* @__PURE__ */ e(
               M,
               {
                 icon: mn,
@@ -4200,11 +4200,11 @@ function zi({
     open: u,
     visualizationMode: m,
     canvasContent: h,
-    canvasEntities: g,
-    closeCanvas: b,
+    canvasEntities: b,
+    closeCanvas: g,
     chatWidth: v,
     resizable: y
-  } = pr(), I = m === "fullscreen", z = m === "canvas", { open: R } = qe(), D = y ? v : gr, E = G(I), L = I && !E.current, H = !I && E.current, [
+  } = pr(), I = m === "fullscreen", z = m === "canvas", { open: R } = qe(), D = y ? v : br, E = G(I), L = I && !E.current, H = !I && E.current, [
     T,
     w
   ] = _(!1);
@@ -4309,11 +4309,11 @@ function zi({
                     ),
                     style: B ? void 0 : { right: D },
                     children: /* @__PURE__ */ e(
-                      br,
+                      gr,
                       {
                         content: h,
-                        onClose: b,
-                        entities: g
+                        onClose: g,
+                        entities: b
                       }
                     )
                   }
@@ -4355,7 +4355,7 @@ function zi({
     }
   );
 }
-const Pi = ge({
+const Pi = be({
   base: "pointer-events-none absolute inset-0 h-screen max-h-[1000px] opacity-[0.08]",
   variants: {
     period: {
@@ -4620,7 +4620,7 @@ const Wi = ({
                 animate: { rotate: s ? 180 : 0 },
                 transition: { duration: 0.2 },
                 className: "flex h-3 w-3 shrink-0 items-center justify-center text-f1-icon-bold",
-                children: /* @__PURE__ */ e(M, { icon: gt, size: "xs" })
+                children: /* @__PURE__ */ e(M, { icon: bt, size: "xs" })
               }
             ) }) })
           ]
@@ -4684,11 +4684,11 @@ function Yo({
         ]
       }
     ) }) }),
-    a && /* @__PURE__ */ e(be, { label: c.notifications, shortcut: r, children: /* @__PURE__ */ o("div", { className: "relative", children: [
+    a && /* @__PURE__ */ e(ge, { label: c.notifications, shortcut: r, children: /* @__PURE__ */ o("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         W,
         {
-          icon: gn,
+          icon: bn,
           label: c.notifications,
           onClick: l,
           variant: "ghost",
@@ -4866,7 +4866,7 @@ const Hi = ({
   onReorderFinish: c,
   isSortable: d = !0
 }) => {
-  const f = ie(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: g } = It(), { isActive: b } = pt(), v = b(t.href, { exact: t.exactMatch }), y = G(!1), [I, z] = _(!1), R = l === 0, D = l === i - 1, E = i === 1, L = q(() => {
+  const f = ie(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: b } = It(), { isActive: g } = pt(), v = g(t.href, { exact: t.exactMatch }), y = G(!1), [I, z] = _(!1), R = l === 0, D = l === i - 1, E = i === 1, L = q(() => {
     const F = [];
     return !E && !R && F.push({
       label: f.actions.moveUp,
@@ -4883,9 +4883,9 @@ const Hi = ({
       critical: !0
     }), F;
   }, [E, R, D, f, s, l, r, t]), H = () => {
-    m(!0), z(!1), g(t.href || null), y.current = !0;
+    m(!0), z(!1), b(t.href || null), y.current = !0;
   }, T = () => {
-    m(!1), g(null), c(), setTimeout(() => {
+    m(!1), b(null), c(), setTimeout(() => {
       y.current = !1;
     }, 0);
   }, w = u && h === t.href, k = q(
@@ -5011,7 +5011,7 @@ const Hi = ({
               children: /* @__PURE__ */ e(
                 M,
                 {
-                  icon: gt,
+                  icon: bt,
                   size: "xs",
                   className: "text-f1-icon-secondary"
                 }
@@ -5052,9 +5052,9 @@ const Hi = ({
     c(!1), setTimeout(() => {
       d.current = !1, i && l?.(i);
     }, 0);
-  }, h = (b) => {
-    !s && !d.current && r?.(t, b);
-  }, g = /* @__PURE__ */ e(
+  }, h = (g) => {
+    !s && !d.current && r?.(t, g);
+  }, b = /* @__PURE__ */ e(
     Qn,
     {
       title: t.title,
@@ -5070,7 +5070,7 @@ const Hi = ({
             "flex flex-col gap-0.5",
             s && !d.current && "pointer-events-none"
           ),
-          children: t.items.map((b, v) => /* @__PURE__ */ e(Ui, { item: b }, v))
+          children: t.items.map((g, v) => /* @__PURE__ */ e(Ui, { item: g }, v))
         }
       )
     }
@@ -5110,9 +5110,9 @@ const Hi = ({
         backdropFilter: "blur(4px)"
       },
       className: "relative",
-      children: g
+      children: b
     }
-  ) : g;
+  ) : b;
 };
 function Xo({
   tree: t,
@@ -5122,21 +5122,21 @@ function Xo({
   favorites: l
 }) {
   const i = G(null), s = t.filter(
-    (b) => b.isSortable === !1
+    (g) => g.isSortable === !1
   ), [c, d] = _(
-    t.filter((b) => b.isSortable !== !1)
-  ), [f, u] = _(0), m = Q((b) => {
-    d(b);
+    t.filter((g) => g.isSortable !== !1)
+  ), [f, u] = _(0), m = Q((g) => {
+    d(g);
   }, []), h = Q(
-    (b) => {
-      a?.(b);
+    (g) => {
+      a?.(g);
     },
     [a]
-  ), g = Vi();
+  ), b = Vi();
   return /* @__PURE__ */ e(Gi, { children: /* @__PURE__ */ e(vn, { id: "sidebar-menu", children: /* @__PURE__ */ e(
     qi,
     {
-      disableDragging: g,
+      disableDragging: b,
       nonSortableItems: s,
       sortableItems: c,
       setSortableItems: m,
@@ -5145,7 +5145,7 @@ function Xo({
       onDragEnd: h,
       favorites: l,
       onFavoritesChange: r,
-      forceUpdate: () => u((b) => b + 1)
+      forceUpdate: () => u((g) => g + 1)
     },
     f
   ) }) });
@@ -5162,7 +5162,7 @@ function qi({
   forceUpdate: d,
   disableDragging: f = !1
 }) {
-  const u = ie(), { isDragging: m } = It(), h = t.some((x) => x.isRoot), g = t.filter((x) => !x.isRoot).length > 0, b = n.length > 0, v = G(null), [y, I] = _(s), z = s.length > 0;
+  const u = ie(), { isDragging: m } = It(), h = t.some((x) => x.isRoot), b = t.filter((x) => !x.isRoot).length > 0, g = n.length > 0, v = G(null), [y, I] = _(s), z = s.length > 0;
   $(() => {
     JSON.stringify(s) !== JSON.stringify(y) && I(s);
   }, [s]);
@@ -5265,7 +5265,7 @@ function qi({
             children: C
           }
         ) }) }) }),
-        g && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((x) => !x.isRoot).map((x, N) => /* @__PURE__ */ e(
+        b && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((x) => !x.isRoot).map((x, N) => /* @__PURE__ */ e(
           nt,
           {
             category: x,
@@ -5273,7 +5273,7 @@ function qi({
           },
           `fixed-${N}`
         )) }),
-        b && /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e(
           "div",
           {
             className: p(
@@ -5300,7 +5300,7 @@ function qi({
 const Yi = ({
   tooltip: t,
   children: n
-}) => t ? /* @__PURE__ */ e(be, { description: t, children: n }) : n;
+}) => t ? /* @__PURE__ */ e(ge, { description: t, children: n }) : n;
 function Jo({
   onClick: t,
   placeholder: n,
@@ -5362,7 +5362,7 @@ function Zi({
     top: { duration: s ? 0 : 0.1 },
     left: { duration: s ? 0 : 0.1 },
     default: { duration: s ? 0 : 0.2 }
-  }, g = () => a ? Kr(a) && r ? An(
+  }, b = () => a ? Kr(a) && r ? An(
     a,
     {
       onDropdownClick: r
@@ -5418,7 +5418,7 @@ function Zi({
             !u && /* @__PURE__ */ e(Qt, { position: "bottom" }, "shadow-scroll-bottom")
           ] })
         ] }),
-        /* @__PURE__ */ e("footer", { className: "flex-shrink-0", children: g() })
+        /* @__PURE__ */ e("footer", { className: "flex-shrink-0", children: b() })
       ]
     }
   );
@@ -5542,7 +5542,7 @@ const ts = ({
   md: "gap-2",
   lg: "gap-3",
   xl: "gap-4"
-}, as = ge({
+}, as = be({
   base: "grid grid-cols-1",
   variants: {
     tileSize: {
@@ -5574,7 +5574,7 @@ const ts = ({
       children: r
     }
   ) });
-}), ls = ge({
+}), ls = be({
   base: "flex",
   variants: {
     overflow: {
@@ -5664,8 +5664,8 @@ const ts = ({
   justifyContent: u,
   alignItems: m,
   height: h,
-  width: g,
-  ...b
+  width: b,
+  ...g
 }, v) {
   return /* @__PURE__ */ e(
     "div",
@@ -5683,15 +5683,15 @@ const ts = ({
           justifyContent: u,
           alignItems: m,
           height: h,
-          width: g
+          width: b
         }),
         n
       ),
       ref: v,
-      ...b
+      ...g
     }
   );
-}), is = ge({
+}), is = be({
   base: "flex-row",
   variants: {
     gap: {
@@ -5713,7 +5713,7 @@ const ts = ({
       ...l
     }
   );
-}), os = ge({
+}), os = be({
   base: "flex-col",
   variants: {
     gap: {
@@ -5781,7 +5781,7 @@ const ts = ({
         "You cannot pass both alert and status at the same time to this component"
       );
   }, [i, s]);
-  const m = (g) => !!g && !(se.isValidElement(g) && g.type === se.Fragment && se.Children.count(g.props.children) === 0), h = () => {
+  const m = (b) => !!b && !(se.isValidElement(b) && b.type === se.Fragment && se.Children.count(b.props.children) === 0), h = () => {
     n?.link?.onClick?.();
   };
   return /* @__PURE__ */ o(
@@ -5801,7 +5801,7 @@ const ts = ({
                 /* @__PURE__ */ e(us, {}),
                 /* @__PURE__ */ e(Cn, { className: "truncate", children: n.subtitle })
               ] }),
-              n.info && /* @__PURE__ */ e(be, { label: n.info, children: /* @__PURE__ */ e(
+              n.info && /* @__PURE__ */ e(ge, { label: n.info, children: /* @__PURE__ */ e(
                 M,
                 {
                   icon: kn,
@@ -5841,24 +5841,24 @@ const ts = ({
           ] })
         ] }) }),
         /* @__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 }),
+          l && /* @__PURE__ */ e("div", { className: "flex flex-row", children: l.map((b, g) => /* @__PURE__ */ o("div", { className: "grow", children: [
+            /* @__PURE__ */ e("div", { className: "mb-0.5 text-sm text-f1-foreground-secondary", children: b.label }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-end gap-0.5 text-2xl font-semibold", children: [
-              !!g.prefixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: g.prefixUnit }),
-              g.value,
-              !!g.postfixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: g.postfixUnit })
+              !!b.prefixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: b.prefixUnit }),
+              b.value,
+              !!b.postfixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: b.postfixUnit })
             ] })
-          ] }, b)) }),
-          se.Children.toArray(a).filter(m).map((g, b) => /* @__PURE__ */ o(se.Fragment, { children: [
-            b > 0 && /* @__PURE__ */ e(tl, { bare: !0 }),
-            g
-          ] }, b))
+          ] }, g)) }),
+          se.Children.toArray(a).filter(m).map((b, g) => /* @__PURE__ */ o(se.Fragment, { children: [
+            g > 0 && /* @__PURE__ */ e(tl, { bare: !0 }),
+            b
+          ] }, g))
         ] }),
         r && /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ e(W, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
-}), ms = ge({
+}), ms = be({
   variants: {
     height: {
       sm: "h-36",
@@ -5939,10 +5939,10 @@ const ts = ({
     );
   }),
   ce.Skeleton
-), gs = K(
+), bs = K(
   "AreaChartWidget",
   ps
-), bs = j(function(n, a) {
+), gs = j(function(n, a) {
   return /* @__PURE__ */ e(
     ce,
     {
@@ -5953,7 +5953,7 @@ const ts = ({
   );
 }), xs = K(
   "BarChartWidget",
-  ee(bs, ce.Skeleton)
+  ee(gs, ce.Skeleton)
 ), vs = ee(
   j(
     function(n, a) {
@@ -6020,7 +6020,7 @@ const ts = ({
     name: "AreaChartWidget",
     type: "info"
   },
-  gs
+  bs
 ), lc = ue(
   {
     name: "BarChartWidget",
@@ -6411,19 +6411,19 @@ function Ps(t, n) {
     if (!r.current) return [];
     const u = r.current.children, m = [];
     for (let h = 0; h < u.length; h++) {
-      const g = u[h].getBoundingClientRect().height;
-      m.push(g);
+      const b = u[h].getBoundingClientRect().height;
+      m.push(b);
     }
     return m;
   }, []), d = Q(
     (u, m) => {
-      let h = 0, g = 0;
-      for (let b = 0; b < u.length; b++) {
-        const v = g + u[b];
+      let h = 0, b = 0;
+      for (let g = 0; g < u.length; g++) {
+        const v = b + u[g];
         if (v > m + 30) break;
-        g = v, g = s(
-          g,
+        b = v, b = s(
           b,
+          g,
           u.length
         ), h++;
       }
@@ -6439,7 +6439,7 @@ function Ps(t, n) {
     i(h === 0 ? {
       visibleItems: [],
       overflowItems: t
-    } : (g) => g.visibleItems.length === h && g.overflowItems.length === t.length - h ? g : {
+    } : (b) => b.visibleItems.length === h && b.overflowItems.length === t.length - h ? b : {
       visibleItems: t.slice(0, h),
       overflowItems: t.slice(h)
     });
@@ -6572,7 +6572,7 @@ const Rs = j(
           }
         ),
         "icon" in l && l.icon && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e(M, { icon: l.icon }) }),
-        "emoji" in l && l.emoji && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e(bt, { emoji: l.emoji, size: "md" }) })
+        "emoji" in l && l.emoji && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e(gt, { emoji: l.emoji, size: "md" }) })
       ] })
     ] }, a);
   }
@@ -6663,7 +6663,7 @@ function nn({
   return /* @__PURE__ */ o(Ws, { onClick: (c) => {
     c.preventDefault(), r?.(t);
   }, className: i, children: [
-    /* @__PURE__ */ e(bn, { module: l ?? "inbox", size: "md" }),
+    /* @__PURE__ */ e(gn, { module: l ?? "inbox", size: "md" }),
     /* @__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 })
@@ -6734,7 +6734,7 @@ function pc({
     }
   );
 }
-function gc({
+function bc({
   items: t,
   gap: n,
   minSize: a = 184,
@@ -6754,14 +6754,14 @@ function gc({
 const js = ({ title: t, info: n }) => /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ e("p", { className: "flex text-f1-foreground-secondary", children: t }),
   /* @__PURE__ */ e("div", { className: "max-w-32 flex-shrink-0 overflow-hidden text-ellipsis whitespace-nowrap text-right font-medium", children: n })
-] }), bc = j(
+] }), gc = j(
   function({ title: n, titleValue: a, titleTooltip: r, list: l }, i) {
     return /* @__PURE__ */ o("div", { ref: i, className: "flex flex-col gap-2", children: [
       n && /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 font-medium", children: [
         /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ e("div", { children: n }),
           r && /* @__PURE__ */ e("div", { className: "flex h-4 w-4 items-center text-f1-foreground-tertiary hover:cursor-help", children: /* @__PURE__ */ e(
-            be,
+            ge,
             {
               label: r.label,
               description: r.description,
@@ -6824,8 +6824,8 @@ const ta = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, Vs = ({
     const u = ta(
       a,
       r
-    ), m = Math.abs(u), h = Math.floor(m / 60), g = Math.floor(m % 60), b = `${h.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
-    return r >= 0 ? `${n.remainingTime} ${b}` : `${n.overtime} ${b}`;
+    ), m = Math.abs(u), h = Math.floor(m / 60), b = Math.floor(m % 60), g = `${h.toString().padStart(2, "0")}:${b.toString().padStart(2, "0")}`;
+    return r >= 0 ? `${n.remainingTime} ${g}` : `${n.overtime} ${g}`;
   })(), f = xe[s];
   return {
     status: s,
@@ -6862,17 +6862,17 @@ const ta = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, Vs = ({
   let c = (l ?? 0) < 0 ? Math.abs(l ?? 0) * 60 : 0, f = [
     ...[...t].reverse().reduce(
       (u, m) => {
-        const h = (m.to.getTime() - m.from.getTime()) / 1e3, g = m.variant === "clocked-in" ? Math.min(h, c) : 0, v = (h - g) / i;
-        return c -= g, m.variant === "clocked-in" && r ? [
+        const h = (m.to.getTime() - m.from.getTime()) / 1e3, b = m.variant === "clocked-in" ? Math.min(h, c) : 0, v = (h - b) / i;
+        return c -= b, m.variant === "clocked-in" && r ? [
           ...u,
           {
-            value: g / i + v,
+            value: b / i + v,
             color: xe.overtime
           }
         ] : [
           ...u,
           {
-            value: g / i,
+            value: b / i,
             color: xe.overtime
           },
           {
@@ -6997,8 +6997,8 @@ function vc({
   onBreak: u,
   breakTypes: m,
   onChangeBreakTypeId: h,
-  canShowBreakButton: g = !0,
-  canSeeGraph: b = !0,
+  canShowBreakButton: b = !0,
+  canSeeGraph: g = !0,
   canSeeRemainingTime: v = !0,
   // onClickProjectSelector,
   onChangeLocationId: y,
@@ -7077,7 +7077,7 @@ function vc({
             }
           ) }),
           D === "clocked-in" && /* @__PURE__ */ o(U, { children: [
-            g && /* @__PURE__ */ e(U, { children: w.length > 1 && h ? /* @__PURE__ */ e(
+            b && /* @__PURE__ */ e(U, { children: w.length > 1 && h ? /* @__PURE__ */ e(
               We,
               {
                 label: r.break,
@@ -7139,7 +7139,7 @@ function vc({
           ] })
         ] })
       ] }),
-      b && /* @__PURE__ */ e(
+      g && /* @__PURE__ */ e(
         Ks,
         {
           data: a,
@@ -7236,11 +7236,11 @@ function wc({
         id: u,
         text: u
       } : u
-    ).map(({ id: u, text: m, badge: h, counter: g }) => ({
+    ).map(({ id: u, text: m, badge: h, counter: b }) => ({
       id: u,
       text: m,
       badge: h,
-      counter: g,
+      counter: b,
       status: f
     }))
   ), c = !s.length;
@@ -7309,9 +7309,9 @@ var co = (t, n) => n.filter(t), uo = (t, n) => [...n].sort(t), fo = (t, n) => t.
   if (!t.bottom) return a;
   let r = t.bottom - t.top >= n.height;
   return a && r;
-}, go = ({ availableSpots: t, stone: n }) => oo((a) => po(a, n), t);
-function bo({ stone: t, availableSpots: n, containerSize: a }) {
-  let r = go({ availableSpots: n, stone: t }), l = { left: r.left, top: r.top }, i = ho({ optimalSpot: r, availableSpots: n.filter((d) => d !== r), stone: t, containerSize: a }), s = [...n, i], c = so({ spots: s, position: l, optimalSpot: r, stone: t });
+}, bo = ({ availableSpots: t, stone: n }) => oo((a) => po(a, n), t);
+function go({ stone: t, availableSpots: n, containerSize: a }) {
+  let r = bo({ availableSpots: n, stone: t }), l = { left: r.left, top: r.top }, i = ho({ optimalSpot: r, availableSpots: n.filter((d) => d !== r), stone: t, containerSize: a }), s = [...n, i], c = so({ spots: s, position: l, optimalSpot: r, stone: t });
   return s = [...co(Boolean, c)], s = mo(s), { position: l, availableSpots: s };
 }
 var xo = ({ stones: t, containerSize: n }) => {
@@ -7319,7 +7319,7 @@ var xo = ({ stones: t, containerSize: n }) => {
   if (!t.length) return a;
   let r = 0, l = [], i = [{ top: 0, left: 0, right: n }];
   for (let s of t) {
-    let c = bo({ availableSpots: i, stone: s, containerSize: n }), d = c.position.top + s.height;
+    let c = go({ availableSpots: i, stone: s, containerSize: n }), d = c.position.top + s.height;
     r < d && (r = d), l.push(c.position), i = c.availableSpots;
   }
   return { availableSpots: i, positions: l, containerHeight: r };
@@ -7331,10 +7331,10 @@ var xo = ({ stones: t, containerSize: n }) => {
   let [{ positions: i, containerHeight: s, stones: c, availableSpots: d }, f] = _({ positions: [], containerHeight: null, stones: [], availableSpots: [] });
   return $(() => {
     var u, m;
-    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(Je(oe({}, b), { stones: h }));
+    let h = vo(t.current), b = (m = (u = n.current) == null ? void 0 : u.offsetWidth) != null ? m : 0;
+    if (b === null) return;
+    let g = xo({ stones: h, containerSize: b });
+    f(Je(oe({}, g), { 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,
@@ -7374,8 +7374,8 @@ var Io = () => {
   }, [t]), n;
 }, 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", Je(oe({ ref: f, style: b }, c), { children: Ln.map(a, (v, y) => {
+  let d = G([]), f = G(null), u = Io(), m = Fo(f), { positions: h, containerHeight: b } = wo({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), g = oe({ minHeight: b ?? 0, position: "relative" }, r);
+  return e("div", Je(oe({ ref: f, style: g }, 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 An(v, oe(oe({}, v.props), I));
@@ -7483,11 +7483,11 @@ export {
   lc as BarChartWidget,
   di as BaseActivityItemList,
   rd as BaseBanner,
-  gi as BaseCelebration,
+  bi as BaseCelebration,
   Ii as BaseCommunityPost,
   Lc as BaseTabs,
   Ec as BreadcrumbSelect,
-  gl as Breadcrumbs,
+  bl as Breadcrumbs,
   mt as CalendarEvent,
   uc as CalendarEventList,
   ld as CardSelectableContainer,
@@ -7495,7 +7495,7 @@ export {
   id as CategoryBarChart,
   xc as CategoryBarSection,
   Mo as Celebration,
-  bi as CelebrationSkeleton,
+  gi as CelebrationSkeleton,
   dc as ChartWidgetEmptyState,
   _c as Chip,
   vc as ClockInControls,
@@ -7513,53 +7513,57 @@ export {
   $o as EntitySelect,
   cd as F0ActionBar,
   dd as F0AiBanner,
-  bn as F0AvatarModule,
+  gn as F0AvatarModule,
   Tc as F0ButtonToggle,
   Bo as F0Callout,
-  ud as F0SegmentedControl,
-  fd as F0TableOfContent,
+  ud as F0NumberInput,
+  zc as F0SearchInput,
+  fd as F0SegmentedControl,
+  md as F0TableOfContent,
+  hd as F0TextAreaInput,
+  Pc as F0TextInput,
   Ro as F0VersionHistory,
-  zc as F1SearchBox,
-  md as FILE_TYPES,
-  Pc as FileItem,
+  pd as F1SearchBox,
+  bd as FILE_TYPES,
+  Bc as FileItem,
   jo as HighlightBanner,
   mc as IndicatorsList,
-  Bc as Input,
-  hd as Item,
-  pd as ItemSectionHeader,
-  gd as LineChart,
+  gd as Input,
+  xd as Item,
+  vd as ItemSectionHeader,
+  wd as LineChart,
   ic as LineChartWidget,
   Xo as Menu,
   Rc as MobileDropdown,
-  bd as NotesTextEditor,
-  xd as NotesTextEditorPatchTargetNotFoundError,
-  vd as NotesTextEditorSkeleton,
-  wd as NotesTextEditorUnsupportedPatchTypeError,
-  yd as NumberInput,
+  yd as NotesTextEditor,
+  Nd as NotesTextEditorPatchTargetNotFoundError,
+  Cd as NotesTextEditorSkeleton,
+  kd as NotesTextEditorUnsupportedPatchTypeError,
+  Sd as NumberInput,
   Ko as OmniButton,
   ec as OneApprovalHistory,
   $c as OneCalendar,
   Wc as OneCalendarInternal,
-  Nd as OneDataCollection,
-  Cd as OneDateNavigator,
+  Id as OneDataCollection,
+  Fd as OneDateNavigator,
   dl as OneEmptyState,
-  kd as OnePagination,
+  Ad as OnePagination,
   Go as OnePersonListItem,
   Sc as OneRestrictComponent,
   qo as Page,
   Po as PageHeader,
-  Sd as PieChart,
+  Ld as PieChart,
   sc as PieChartWidget,
   ds as PrivateBox,
-  Id as ProgressBarChart,
-  Fd as RadarChart,
+  Ed as ProgressBarChart,
+  _d as RadarChart,
   wi as Reactions,
-  Ad as ResourceHeader,
+  Od as ResourceHeader,
   dr as RichTextDisplay,
-  Ld as RichTextEditor,
+  Dd as RichTextEditor,
   Ic as ScrollArea,
   Jo as SearchBar,
-  Ed as SectionHeader,
+  Td as SectionHeader,
   We as Select,
   Ar as Shortcut,
   Qo as Sidebar,
@@ -7573,12 +7577,12 @@ export {
   jc as Tabs,
   Vc as TabsSkeleton,
   wc as TasksList,
-  _d as Textarea,
+  zd as Textarea,
   Gc as ToggleGroup,
   Hc as ToggleGroupItem,
-  be as Tooltip,
-  bc as TwoColumnsList,
-  Od as VerticalBarChart,
+  ge as Tooltip,
+  gc as TwoColumnsList,
+  Pd as VerticalBarChart,
   oc as VerticalBarChartWidget,
   dt as VirtualList,
   Uc as WeekStartDay,
@@ -7590,27 +7594,27 @@ export {
   pc as WidgetInboxList,
   nn as WidgetInboxListItem,
   kc as WidgetSection,
-  gc as WidgetSimpleList,
+  bc as WidgetSimpleList,
   ht as WidgetSimpleListItem,
   Nc as WidgetStrip,
-  Dd as actionBarStatuses,
-  Td as buttonToggleSizes,
-  zd as buttonToggleVariants,
+  Bd as actionBarStatuses,
+  Rd as buttonToggleSizes,
+  $d as buttonToggleVariants,
   qc as chipVariants,
-  Pd as downloadAsCSV,
-  Bd as generateCSVContent,
+  Wd as downloadAsCSV,
+  Md as generateCSVContent,
   Yc as getGranularityDefinition,
   Zc as getGranularityDefinitions,
   Xc as getGranularitySimpleDefinition,
   Jc as granularityDefinitions,
   Qc as modules,
-  Rd as predefinedPresets,
+  jd as predefinedPresets,
   ed as rangeSeparator,
-  $d as selectSizes,
+  Vd as selectSizes,
   qe as useAiPromotionChat,
-  Wd as useDataCollectionData,
-  Md as useDataCollectionSource,
-  jd as useExportAction,
-  Vd as useInfiniteScrollPagination,
+  Gd as useDataCollectionData,
+  Hd as useDataCollectionSource,
+  Ud as useExportAction,
+  Kd as useInfiniteScrollPagination,
   Se as useSidebar
 };