@factorialco/f0-react 2.43.0 → 2.45.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 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-Czxg0RlQ.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-Czxg0RlQ.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 gn, aG as it, aH as bn, aI as ar, aJ as rr, aK as lr, aL as ir, aM as sr, aN as Ue, aO as bt, aP as st, aQ as xn, aR as or, aS as vn, aT as cr, aU as dr, aV as ur, aW as Ee, aX as fr, aY as mr, aZ as Te, a_ as Lt, a$ as ot, b0 as hr, b1 as pr, a as gr, b as br, b2 as wn, b3 as xr, f as vr, F as wr, b4 as yr, b5 as yn, b6 as Nr, b7 as Nn, b8 as Cr, b9 as kr, ba as Sr, bb as Ir, bc as Fr, bd as Ar, be as Lr, bf as Er, bg as _r, bh as Cn, bi as ue, bj as xt, bk as vt, bl as wt, bm as kn, bn as yt, bo as Sn, bp as In, bq as Or, br as Dr, bs as Tr, bt as zr, bu as Pr, bv as Br, bw as Rr, bx as $r, by as Et, bz as Wr, bA as Mr, bB as _t, bC as Ot, bD as Dt, bE as jr, bF as Vr, bG as Gr, bH as Hr, bI as Fn, bJ as Ur, bK as Kr } from "./F0CanvasPanel-DMLQMGBW.js";
+import { bW as Lc, bV as Ec, c6 as _c, bS as Oc, bT as Dc, bL as Tc, bM as zc, bN as Pc, c7 as Bc, bU as Rc, c2 as $c, c3 as Wc, bO as Mc, bY as jc, bX as Vc, bP as Gc, bQ as Hc, c4 as Uc, c8 as Kc, c5 as qc, c1 as Yc, b_ as Zc, c0 as Xc, bZ as Jc, bR as Qc, b$ as ed } from "./F0CanvasPanel-DMLQMGBW.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-Bxbwl5Iu.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-Bxbwl5Iu.js";
+import se, { forwardRef as j, useRef as G, useTransition as qr, useState as _, useLayoutEffect as An, useId as ct, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Yr, isValidElement as Zr, cloneElement as Ln, Children as En } from "react";
+import { C as Xr, P as Jr, a as _n, M as Qr, R as Tt, b as On, u as el, c as Dn, S as tl, A as nl, B as al, L as rl, d as ll, V as il, e as sl, f as ol, g as cl, O as dl } from "./useDataCollectionSource-iZJIN18U.js";
+import { l as nd, m as ad, j as rd, x as ld, n as id, s as sd, a3 as od, w as cd, k as dd, D as ud, F as fd, J as md, E as hd, z as pd, a9 as gd, I as bd, K as xd, Q as vd, o as wd, a5 as yd, a6 as Nd, a4 as Cd, a7 as kd, N as Sd, U as Id, a0 as Fd, a2 as Ad, p as Ld, r as Ed, t as _d, G as Od, a8 as Dd, H as Td, T as zd, q as Pd, v as Bd, h as Rd, i as $d, X as Wd, Y as Md, a1 as jd, y as Vd, Z as Gd, _ as Hd, W as Ud, $ as Kd } from "./useDataCollectionSource-iZJIN18U.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 bl({ breadcrumbs: t, append: n }) {
-  const a = G(null), r = G(null), [, l] = Hr(), [i, s] = _(null), c = (i?.collapsedItems || []).length > 0;
-  return Fn(() => {
+function gl({ breadcrumbs: t, append: n }) {
+  const a = G(null), r = G(null), [, l] = qr(), [i, s] = _(null), c = (i?.collapsedItems || []).length > 0;
+  return An(() => {
     const d = a.current, f = r.current;
     if (!d || !f || f.children.length < t.length) return;
     const u = () => {
-      const h = a.current?.clientWidth ?? null, b = Array.from(f.children);
+      const h = a.current?.clientWidth ?? null, g = Array.from(f.children);
       l(() => {
-        const g = pl(
+        const b = pl(
           h,
           t,
-          b
+          g
         );
-        s(g);
+        s(b);
       });
     }, m = new ResizeObserver(u);
     return m.observe(d), u(), () => m.disconnect();
@@ -172,7 +172,7 @@ function bl({ breadcrumbs: t, append: n }) {
     `breadcrumb-${t.at(-1)?.id ?? 0}`
   );
 }
-const gl = be({
+const bl = ge({
   variants: {
     size: {
       sm: "h-[1.375rem] w-[1.375rem]",
@@ -217,19 +217,19 @@ const gl = be({
   hover: r = !1,
   ...l
 }, i) => {
-  const s = ot(), {
+  const s = ct(), {
     onAnimationStart: c,
     onAnimationEnd: d,
     onDragStart: f,
     onDragEnd: u,
     onDrag: m,
     className: h,
-    ...b
+    ...g
   } = l;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: p(gl({ size: n }), h),
+      className: p(bl({ size: n }), h),
       style: {
         background: "transparent",
         perspective: t ? "10px" : void 0,
@@ -255,32 +255,32 @@ const gl = be({
           },
           style: {
             "--gradient-angle": "0deg",
-            ...b.style
+            ...g.style
           },
-          ...(({ style: g, ...v }) => v)(b),
+          ...(({ style: b, ...v }) => v)(g),
           children: [
             /* @__PURE__ */ o("defs", { children: [
               /* @__PURE__ */ e("clipPath", { id: `${s}-circle`, children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16" }) }),
-              Pt.map((g) => /* @__PURE__ */ e("clipPath", { id: `${s}-${g.id}`, children: /* @__PURE__ */ e("path", { d: g.path }) }, g.id))
+              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((g) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((b) => /* @__PURE__ */ e(
               X.foreignObject,
               {
                 x: "0",
                 y: "0",
                 width: "32",
                 height: "32",
-                clipPath: `url(#${s}-${g.id})`,
+                clipPath: `url(#${s}-${b.id})`,
                 animate: {
                   "--rotate3d-angle": ["0deg", "180deg", "180deg", "360deg"],
                   "--scale": r ? 8 : 1,
                   "--rotate": r ? "90deg" : "0deg",
-                  opacity: r ? g.id === "left" ? 1 : 0 : 1,
+                  opacity: r ? b.id === "left" ? 1 : 0 : 1,
                   filter: t ? ["blur(0px)", "blur(8px)", "blur(0px)"] : void 0
                 },
                 transition: {
                   "--rotate3d-angle": {
-                    delay: t ? g.delay : 0,
+                    delay: t ? b.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.99, 0.9999, 1]
@@ -298,7 +298,7 @@ const gl = be({
                     ease: "easeInOut"
                   },
                   filter: {
-                    delay: t ? g.delay : 0,
+                    delay: t ? b.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.5, 1]
@@ -308,8 +308,8 @@ const gl = be({
                   "--rotate3d-angle": "0deg",
                   "--scale": 1,
                   "--rotate": "0deg",
-                  transform: t ? `rotate3d(${g.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
-                  transformOrigin: g.transformOrigin,
+                  transform: t ? `rotate3d(${b.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
+                  transformOrigin: b.transformOrigin,
                   willChange: "transform"
                 },
                 children: /* @__PURE__ */ e(
@@ -323,7 +323,7 @@ const gl = be({
                   }
                 )
               },
-              g.id
+              b.id
             )) })
           ]
         }
@@ -333,9 +333,9 @@ const gl = be({
 }, 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), b = (v) => {
+  ), h = G(null), g = (v) => {
     h.current = v;
-  }, g = () => {
+  }, b = () => {
     h.current && h.current();
   };
   return $(() => {
@@ -360,8 +360,8 @@ const gl = be({
         setShouldPlayEntranceAnimation: f,
         setAutoClearMinutes: m,
         autoClearMinutes: l ? u : null,
-        clear: g,
-        setClearFunction: b
+        clear: b,
+        setClearFunction: g
       },
       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(ba, { delayDuration: 850, disableHoverableContent: !0, children: [
-    /* @__PURE__ */ e(ga, { asChild: !0, children: /* @__PURE__ */ e(
+  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(
       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, b] = _(
+  }), [u, m] = _(!1), [h, g] = _(
     null
-  ), g = Q(
+  ), b = Q(
     ({ isInvokedByUser: I } = {
       isInvokedByUser: !0
     }) => {
@@ -490,7 +490,7 @@ function yl({ children: t }) {
   }, [n]), $(() => {
     l && localStorage.setItem(Bt, d ? "1" : "");
   }, [d, l]), $(() => () => {
-    b(y);
+    g(y);
   }, [y]), /* @__PURE__ */ e(
     Rn.Provider,
     {
@@ -498,7 +498,7 @@ function yl({ children: t }) {
         isSmallScreen: c,
         isLastToggleInvokedByUser: l,
         sidebarState: y,
-        toggleSidebar: g,
+        toggleSidebar: b,
         prevSidebarState: h,
         setForceFloat: r
       },
@@ -586,15 +586,15 @@ const Rt = X.create(M), $t = {
   hasUnread: f = !1,
   crossSelling: u
 }) => {
-  const [m, h] = _("idle"), [b, g] = _(null), [v, ...y] = b ?? [], [I, z] = _(!1);
+  const [m, h] = _("idle"), [g, b] = _(null), [v, ...y] = g ?? [], [I, z] = _(!1);
   $(() => {
-    g(null), h("idle");
+    b(null), h("idle");
   }, [t]);
   const R = Q(async () => {
     try {
       h("fetching");
       const D = await a();
-      h("idle"), g(D);
+      h("idle"), b(D);
     } catch {
       h("error");
     }
@@ -604,7 +604,7 @@ const Rt = X.create(M), $t = {
     {
       open: I,
       onOpenChange: async (D) => {
-        z(D), D && b === null && R(), s(D);
+        z(D), D && g === 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" && 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: [
+                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: [
                   /* @__PURE__ */ e(
                     kl,
                     {
@@ -640,7 +640,7 @@ const Rt = X.create(M), $t = {
                       onClick: d
                     }
                   ),
-                  b.length > 1 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: y.map((D, E) => /* @__PURE__ */ e(
+                  g.length > 1 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: y.map((D, E) => /* @__PURE__ */ e(
                     Sl,
                     {
                       ...D,
@@ -887,7 +887,7 @@ const Rt = X.create(M), $t = {
         ) })
       ] }),
       /* @__PURE__ */ e(
-        qr,
+        Xr,
         {
           columns: {
             default: 1
@@ -895,7 +895,7 @@ const Rt = X.create(M), $t = {
           showDots: !0,
           showArrows: !1,
           children: a?.products.map((d) => /* @__PURE__ */ e(
-            Yr,
+            Jr,
             {
               ...d,
               isVisible: !0,
@@ -952,7 +952,7 @@ function Po({
       module: t.id
     },
     ...a
-  ], 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);
+  ], 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);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -998,8 +998,8 @@ function Po({
                     onClick: () => window.history.back()
                   }
                 ) }),
-                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,
+                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,
                   {
                     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 && b && /* @__PURE__ */ e("div", { children: n.tooltip ? /* @__PURE__ */ e(ge, { label: n.tooltip, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          !l && g && /* @__PURE__ */ e("div", { children: n.tooltip ? /* @__PURE__ */ e(be, { 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 && b && (i || v || y) && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
+          !l && g && (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: bt,
+                  icon: gt,
                   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 = be({
+), Wn = ge({
   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] || "", b = m.slice(1).join(" "), g = (y) => {
+  const m = t.name.split(" "), h = m[0] || "", g = m.slice(1).join(" "), b = (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: b,
+            lastName: g,
             size: "xs",
             deactivated: t.deactivated
           }
@@ -1780,7 +1780,7 @@ const Ul = ({
             "data-avatarname-navigator-element": "true",
             checked: n,
             disabled: f,
-            onClick: g,
+            onClick: b,
             onKeyDown: v,
             className: p(
               "pointer-events-none ml-auto",
@@ -1813,8 +1813,8 @@ const Ul = ({
   goToLast: u,
   isChild: m = !1,
   hideLine: h = !1,
-  showGroupIcon: b = !1,
-  singleSelector: g = !1,
+  showGroupIcon: g = !1,
+  singleSelector: b = !1,
   disabled: v = !1,
   hiddenAvatar: y = !1
 }) => {
@@ -1829,7 +1829,7 @@ const Ul = ({
         selected: l,
         onSelect: s,
         onRemove: c,
-        singleSelector: g,
+        singleSelector: b,
         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" && g)
+    else if (L.key === "Enter" && b)
       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 || g) return;
+      if (v || b) 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: [
-            b && /* @__PURE__ */ e(
+            g && /* @__PURE__ */ e(
               M,
               {
                 icon: Va,
@@ -1909,7 +1909,7 @@ const Ul = ({
                   L.stopPropagation(), z(!1);
                 },
                 "data-avatarname-navigator-element": "true",
-                className: p("ml-auto", g ? "opacity-0" : "")
+                className: p("ml-auto", b ? "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 b, g, v = d ? {
+  let g, b, 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 ? (b = /* @__PURE__ */ e(
+  return v || (v = y, y = void 0), m && u ? (g = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: v,
       secondaryActions: y ? [y] : []
     }
-  ), g = /* @__PURE__ */ e(
+  ), b = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  )) : m ? b = /* @__PURE__ */ e(
+  )) : m ? g = /* @__PURE__ */ e(
     Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : 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
+  ) : 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
   ] }) });
 }, ql = ({
   search: t,
@@ -2077,8 +2077,8 @@ const Vt = ({
   onSelectAll: u,
   onSearch: m,
   selectedEntities: h = [],
-  onGroupChange: b,
-  onToggleExpand: g,
+  onGroupChange: g,
+  onToggleExpand: b,
   searchPlaceholder: v,
   selectAllLabel: y,
   clearLabel: I,
@@ -2152,7 +2152,7 @@ const Vt = ({
         Pe,
         {
           expanded: J.expanded ?? !1,
-          onExpand: () => g(J, !0),
+          onExpand: () => b(J, !0),
           search: l,
           groupView: t,
           entity: J,
@@ -2183,7 +2183,7 @@ const Vt = ({
       C,
       s,
       i,
-      g,
+      b,
       l,
       r,
       T
@@ -2257,7 +2257,7 @@ const Vt = ({
           {
             groupView: !0,
             expanded: te.expanded ?? !1,
-            onExpand: (Ae) => g(te, Ae),
+            onExpand: (Ae) => b(te, Ae),
             search: l,
             entity: te,
             onSelect: i,
@@ -2324,7 +2324,7 @@ const Vt = ({
       s,
       a,
       k,
-      g,
+      b,
       r,
       d,
       c,
@@ -2390,7 +2390,7 @@ const Vt = ({
                   label: "Group",
                   hideLabel: !0,
                   disabled: w,
-                  onChange: b,
+                  onChange: g,
                   options: a,
                   value: r,
                   className: p(
@@ -2581,7 +2581,7 @@ const Vt = ({
   onCreateLabel: m,
   ...h
 }) => {
-  const b = (i ?? Kt) < ei, g = !c && !s && !b, v = i ?? Kt, y = g ? v - qt : v;
+  const g = (i ?? Kt) < ei, b = !c && !s && !g, v = i ?? Kt, y = b ? v - qt : v;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2615,7 +2615,7 @@ const Vt = ({
             )
           }
         ),
-        g && /* @__PURE__ */ e(
+        b && /* @__PURE__ */ e(
           "div",
           {
             className: "min-h-0",
@@ -2653,8 +2653,8 @@ const Vt = ({
   hint: u,
   onClickContent: m,
   hideLabel: h = !1,
-  maxLength: b,
-  loading: g = !1,
+  maxLength: g,
+  loading: b = !1,
   required: v = !1,
   readonly: y = !1,
   append: I,
@@ -2694,11 +2694,11 @@ const Vt = ({
       status: f,
       hint: u,
       hideLabel: h,
-      maxLength: b,
+      maxLength: g,
       clearable: !1,
       value: L,
       disabled: r,
-      loading: g,
+      loading: b,
       required: v,
       readonly: y,
       size: z,
@@ -2746,8 +2746,8 @@ const Vt = ({
       (w) => w.subItems && w.subItems.length > 0
     ),
     [t.entities]
-  ), m = Ke(Qa), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
-  function g(w) {
+  ), m = Ke(Qa), g = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
+  function b(w) {
     if (t.singleSelector) {
       t.onSelect(w), a(!1);
       return;
@@ -2967,7 +2967,7 @@ const Vt = ({
     i
   ]);
   const L = G(null), [H, T] = _(0);
-  return Fn(() => {
+  return An(() => {
     const w = () => {
       L.current && T(L.current.offsetWidth);
     };
@@ -2988,7 +2988,7 @@ const Vt = ({
           groups: t.groups,
           onGroupChange: t.onGroupChange,
           selectedGroup: t.selectedGroup,
-          onSelect: g,
+          onSelect: b,
           onRemove: y,
           onSubItemRemove: I,
           onSubItemSelect: v,
@@ -3051,7 +3051,7 @@ const Vt = ({
     /* @__PURE__ */ e(
       nr,
       {
-        container: b,
+        container: g,
         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: g,
+            onSelect: b,
             onRemove: y,
             onSubItemRemove: I,
             onSubItemSelect: v,
@@ -3139,7 +3139,7 @@ const ai = ({
     onChange(h) {
       h && d?.(t);
     }
-  }), u = En(n, {
+  }), u = gn(n, {
     yesterdayRelative: !1
   });
   return /* @__PURE__ */ o(
@@ -3208,7 +3208,7 @@ const ai = ({
 )) }), ii = ({
   title: t,
   numItems: n
-}) => /* @__PURE__ */ e(Gn, { title: t, children: Array.from({ length: n }).map((a, r) => /* @__PURE__ */ e(St.Skeleton, {}, r)) }), Be = ee(li, ii), si = 3, oi = ["today", "yesterday", "lastWeek", "lastMonth"], ci = (t) => rr(t, ([n]) => {
+}) => /* @__PURE__ */ e(Gn, { title: t, children: Array.from({ length: n }).map((a, r) => /* @__PURE__ */ e(St.Skeleton, {}, r)) }), Be = ee(li, ii), si = 3, oi = ["today", "yesterday", "lastWeek", "lastMonth"], ci = (t) => lr(t, ([n]) => {
   const a = oi.indexOf(n);
   return a === -1 ? -Number(n) : a - 4e3;
 }), ft = () => /* @__PURE__ */ e("div", { className: "-mx-2 h-px bg-f1-background-secondary" }), di = ({
@@ -3218,7 +3218,7 @@ const ai = ({
   onEndReached: r,
   onEndReachedItemsThreshold: l = 5
 }) => {
-  const i = ie(), s = Zr(t, "createdAt"), c = Object.values(s).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ar((u) => {
+  const i = ie(), s = ar(t, "createdAt"), c = Object.values(s).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = rr((u) => {
     c.includes(u) && r?.();
   }, 1e3), f = ci(
     Object.entries(s).filter(([u, m]) => !!m.length)
@@ -3293,7 +3293,7 @@ function hi({
     {
       className: p(
         "relative h-32 w-full overflow-hidden rounded-md bg-f1-background",
-        a ? "" : mi[lr(
+        a ? "" : mi[ir(
           [t, n].join("")
         )]
       ),
@@ -3351,7 +3351,7 @@ function pi(t) {
   const n = G(null), a = G(), r = Q(() => {
     const i = n.current;
     if (!i) return;
-    const s = ir.create(i, {
+    const s = sr.create(i, {
       resize: !0,
       useWorker: !1
     }), c = ["9D76F3", "3FC495", "E61D46", "F6AF3D"], d = 0.1;
@@ -3379,7 +3379,7 @@ function pi(t) {
   }, []);
   return { canvasRef: n, handleMouseEnter: r, handleMouseLeave: l };
 }
-const bi = ({
+const gi = ({
   link: t,
   firstName: n,
   lastName: a,
@@ -3392,13 +3392,13 @@ const bi = ({
   typeLabel: f,
   date: u
 }) => {
-  const [m, h] = _(s), b = G(null);
+  const [m, h] = _(s), g = G(null);
   $(() => {
     h(s);
   }, [s]);
-  const g = (D) => {
+  const b = (D) => {
     h(D), c?.(D);
-  }, v = Ue(), { canvasRef: y, handleMouseEnter: I, handleMouseLeave: z } = pi(v), R = gt({
+  }, v = Ue(), { canvasRef: y, handleMouseEnter: I, handleMouseLeave: z } = pi(v), R = bt({
     emoji: fi[d],
     size: "sm"
   });
@@ -3429,8 +3429,8 @@ const bi = ({
             src: r,
             canReact: i,
             lastEmojiReaction: m,
-            onReactionSelect: g,
-            pickerRef: b
+            onReactionSelect: b,
+            pickerRef: g
           }
         ) }),
         /* @__PURE__ */ o("div", { className: "flex basis-1/3 flex-row justify-between gap-2 p-3", children: [
@@ -3445,12 +3445,12 @@ const bi = ({
               /* @__PURE__ */ e("span", { className: "shrink-0 leading-none", children: R })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(ct, { date: u }) })
+          /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(st, { date: u }) })
         ] })
       ]
     }
   );
-}, gi = () => /* @__PURE__ */ o(
+}, bi = () => /* @__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 bi = ({
       ] }) }) })
     ]
   }
-), Mo = ee(bi, gi), jo = ({
+), Mo = ee(gi, bi), 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(gn, { module: "kudos", size: "lg" }),
+    /* @__PURE__ */ e(xn, { 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,26 +3487,26 @@ function xi({
   users: r,
   onInteraction: l
 }) {
-  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,
+  const [i, s] = _(a), [c, d] = _(n), f = G(null), { fireEmojiConfetti: u } = or(), 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(
+    vn,
     {
       ref: f,
       variant: "outline",
       size: "md",
       compact: !0,
-      onClick: (g) => {
-        m(g, t);
+      onClick: (b) => {
+        m(b, 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(gt, { emoji: t, size: "md" }),
+      "aria-label": cr(t),
+      prepend: /* @__PURE__ */ e(bt, { emoji: t, size: "md" }),
       children: /* @__PURE__ */ e(
-        cr,
+        dr,
         {
           value: c,
           spinTiming: {
@@ -3521,7 +3521,7 @@ function xi({
       )
     }
   );
-  return h ? /* @__PURE__ */ e(ge, { label: h, children: b }) : b;
+  return h ? /* @__PURE__ */ e(be, { label: h, children: g }) : g;
 }
 function vi({ items: t, onInteraction: n, locale: a, action: r }) {
   return /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-2", children: [
@@ -3551,7 +3551,7 @@ function vi({ items: t, onInteraction: n, locale: a, action: r }) {
 }
 const wi = K("Reactions", vi), Hn = j(function({ content: n, collapsed: a, id: r, className: l, tabIndex: i }, s) {
   return /* @__PURE__ */ e(
-    dr,
+    ur,
     {
       ref: s,
       id: r,
@@ -3590,7 +3590,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
         }
       ) });
       return a.label || a.description ? /* @__PURE__ */ e(
-        ge,
+        be,
         {
           label: a.label,
           description: a.description,
@@ -3669,7 +3669,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               ] }),
               /* @__PURE__ */ o("div", { className: "flex flex-row items-center", children: [
                 f && /* @__PURE__ */ o(U, { children: [
-                  /* @__PURE__ */ e(ct, { date: f }),
+                  /* @__PURE__ */ e(st, { date: f }),
                   /* @__PURE__ */ e(
                     M,
                     {
@@ -3679,7 +3679,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ e(ct, { date: u })
+                u && /* @__PURE__ */ e(st, { date: u })
               ] })
             ] }),
             (c || d) && /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between", children: [
@@ -3703,7 +3703,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   place: a,
   date: r
 }) => {
-  let l = Xr(r);
+  let l = fr(r);
   const i = (s) => {
     s.stopPropagation();
   };
@@ -3733,7 +3733,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
       {
         title: t,
         description: l,
-        color: ur.special.highlight,
+        color: mr.special.highlight,
         isPending: !1,
         toDate: r,
         noBackground: !0
@@ -3794,12 +3794,12 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   reactions: u,
   inLabel: m,
   comment: h,
-  actions: b,
-  dropdownItems: g,
+  actions: g,
+  dropdownItems: b,
   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 = En(r), F = () => {
+  const I = ct(), z = ct(), 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 = gn(r), F = () => {
     s(t);
   }, B = (S) => {
     S.stopPropagation();
@@ -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: [
-                  b?.map((S) => /* @__PURE__ */ e(
+                  g?.map((S) => /* @__PURE__ */ e(
                     W,
                     {
                       hideLabel: !S.label,
@@ -3918,11 +3918,11 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                     },
                     S.label
                   )),
-                  g?.length && /* @__PURE__ */ e(
+                  b?.length && /* @__PURE__ */ e(
                     Ce,
                     {
-                      items: g,
-                      icon: st,
+                      items: b,
+                      icon: ot,
                       size: "sm"
                     }
                   )
@@ -3935,9 +3935,9 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                         label: h.label,
                         onClick: h.onClick
                       },
-                      ...g ?? []
+                      ...b ?? []
                     ],
-                    icon: st,
+                    icon: ot,
                     size: "sm"
                   }
                 ) })
@@ -4010,7 +4010,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               action: {
                 label: h.label,
                 onClick: h.onClick,
-                icon: fr
+                icon: hr
               }
             }
           )
@@ -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(ge, { label: a.info, children: /* @__PURE__ */ e(
+            a.info && /* @__PURE__ */ e(be, { label: a.info, children: /* @__PURE__ */ e(
               M,
               {
                 icon: mn,
@@ -4083,7 +4083,7 @@ const yi = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
           "description" in a && a.description && /* @__PURE__ */ e("p", { className: "truncate text-f1-foreground-secondary", children: a.description })
         ] }),
         /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between gap-2", children: [
-          "rightTag" in a && a.rightTag && /* @__PURE__ */ e(mr, { ...a.rightTag }),
+          "rightTag" in a && a.rightTag && /* @__PURE__ */ e(pr, { ...a.rightTag }),
           "actions" in a && /* @__PURE__ */ o("div", { className: "flex flex-1 flex-row items-center justify-end gap-2", children: [
             a.actions?.primary && /* @__PURE__ */ e(
               W,
@@ -4148,7 +4148,7 @@ function _i({
   ai: r,
   aiPromotion: l
 }) {
-  const i = r?.enabled ? hr : l?.enabled ? $l : Ur, s = r?.enabled ? r : l?.enabled ? l : void 0;
+  const i = r?.enabled ? gr : l?.enabled ? $l : Yr, s = r?.enabled ? r : l?.enabled ? l : void 0;
   return /* @__PURE__ */ e(i, { ...s, children: /* @__PURE__ */ e(
     zi,
     {
@@ -4200,11 +4200,11 @@ function zi({
     open: u,
     visualizationMode: m,
     canvasContent: h,
-    canvasEntities: b,
-    closeCanvas: g,
+    canvasEntities: g,
+    closeCanvas: b,
     chatWidth: v,
     resizable: y
-  } = 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, [
+  } = br(), I = m === "fullscreen", z = m === "canvas", { open: R } = qe(), D = y ? v : xr, E = G(I), L = I && !E.current, H = !I && E.current, [
     T,
     w
   ] = _(!1);
@@ -4222,7 +4222,7 @@ function zi({
   }, [u, d]), $(() => {
     d(R);
   }, [R, d]), Ti(u, F), /* @__PURE__ */ e(
-    Jr,
+    Qr,
     {
       reducedMotion: f ? "always" : "never",
       transition: {
@@ -4231,7 +4231,7 @@ function zi({
       },
       children: /* @__PURE__ */ o("div", { className: "scrollbar-macos grid h-screen grid-cols-1 grid-rows-[auto_minmax(0,1fr)]", children: [
         /* @__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(wn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
           /* @__PURE__ */ e(_e, { children: i === "unlocked" && /* @__PURE__ */ e(
             X.nav,
             {
@@ -4309,11 +4309,11 @@ function zi({
                     ),
                     style: B ? void 0 : { right: D },
                     children: /* @__PURE__ */ e(
-                      gr,
+                      vr,
                       {
                         content: h,
-                        onClose: g,
-                        entities: b
+                        onClose: b,
+                        entities: g
                       }
                     )
                   }
@@ -4343,7 +4343,7 @@ function zi({
                     onAnimationComplete: () => {
                       T && w(!1);
                     },
-                    children: /* @__PURE__ */ e(xr, {})
+                    children: /* @__PURE__ */ e(wr, {})
                   }
                 )
               ]
@@ -4355,7 +4355,7 @@ function zi({
     }
   );
 }
-const Pi = be({
+const Pi = ge({
   base: "pointer-events-none absolute inset-0 h-screen max-h-[1000px] opacity-[0.08]",
   variants: {
     period: {
@@ -4402,7 +4402,7 @@ function Zn({
                 ),
                 children: [
                   n?.onPulseClick ? /* @__PURE__ */ e(
-                    Qr,
+                    yr,
                     {
                       src: n.employeeAvatar,
                       firstName: n.employeeFirstName,
@@ -4494,7 +4494,7 @@ function Ri({ label: t, options: n, hasNewUpdate: a }) {
           ),
           "aria-label": t,
           children: [
-            /* @__PURE__ */ e(M, { icon: wn, size: "sm" }),
+            /* @__PURE__ */ e(M, { icon: yn, size: "sm" }),
             a && /* @__PURE__ */ e("div", { className: "absolute right-0.5 top-0.5 h-1.5 w-1.5 rounded-full bg-f1-background-critical-bold ring-2 ring-f1-background-critical" })
           ]
         }
@@ -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: bt, size: "xs" })
+                children: /* @__PURE__ */ e(M, { icon: gt, size: "xs" })
               }
             ) }) })
           ]
@@ -4639,12 +4639,12 @@ const Wi = ({
     ),
     children: [
       /* @__PURE__ */ e(
-        vr,
+        Nr,
         {
           name: t?.name?.[0],
           src: t?.logo,
           size: "sm",
-          badge: n ? { icon: yn, type: "highlight" } : void 0
+          badge: n ? { icon: Nn, type: "highlight" } : void 0
         }
       ),
       /* @__PURE__ */ e(me, { tag: "span", children: t?.name ?? "" })
@@ -4684,7 +4684,7 @@ function Yo({
         ]
       }
     ) }) }),
-    a && /* @__PURE__ */ e(ge, { label: c.notifications, shortcut: r, children: /* @__PURE__ */ o("div", { className: "relative", children: [
+    a && /* @__PURE__ */ e(be, { label: c.notifications, shortcut: r, children: /* @__PURE__ */ o("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         W,
         {
@@ -4695,7 +4695,7 @@ function Yo({
           hideLabel: !0
         }
       ),
-      s && /* @__PURE__ */ e("div", { className: "absolute -right-1 -top-1 rounded-full bg-f1-background", children: /* @__PURE__ */ e(wr, { type: "highlight", size: "sm", icon: yn }) })
+      s && /* @__PURE__ */ e("div", { className: "absolute -right-1 -top-1 rounded-full bg-f1-background", children: /* @__PURE__ */ e(Cr, { type: "highlight", size: "sm", icon: Nn }) })
     ] }) })
   ] });
 }
@@ -4759,7 +4759,7 @@ function ji() {
   return $(() => {
     t === "hidden" && n === "locked" && l.current?.focus();
   }, [t, n]), /* @__PURE__ */ o(
-    xn,
+    vn,
     {
       variant: "ghost",
       size: "md",
@@ -4866,26 +4866,26 @@ const Hi = ({
   onReorderFinish: c,
   isSortable: d = !0
 }) => {
-  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 = 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 = [];
     return !E && !R && F.push({
       label: f.actions.moveUp,
       onClick: () => s?.(l, l - 1),
-      icon: yr
+      icon: kr
     }), !E && !D && F.push({
       label: f.actions.moveDown,
       onClick: () => s?.(l, l + 1),
-      icon: Nr
+      icon: Sr
     }), F.length > 0 && F.push({ type: "separator" }), F.push({
       label: f.favorites.remove,
       onClick: () => r?.(t),
-      icon: Cr,
+      icon: Ir,
       critical: !0
     }), F;
   }, [E, R, D, f, s, l, r, t]), H = () => {
-    m(!0), z(!1), b(t.href || null), y.current = !0;
+    m(!0), z(!1), g(t.href || null), y.current = !0;
   }, T = () => {
-    m(!1), b(null), c(), setTimeout(() => {
+    m(!1), g(null), c(), setTimeout(() => {
       y.current = !1;
     }, 0);
   }, w = u && h === t.href, k = q(
@@ -4921,7 +4921,7 @@ const Hi = ({
                 v ? "text-f1-icon-bold" : "text-f1-icon"
               )
             }
-          ) : t.avatar ? /* @__PURE__ */ e(kr, { size: "xs", avatar: t.avatar }) : null,
+          ) : t.avatar ? /* @__PURE__ */ e(Fr, { size: "xs", avatar: t.avatar }) : null,
           /* @__PURE__ */ e(
             me,
             {
@@ -4949,7 +4949,7 @@ const Hi = ({
             open: I,
             onOpenChange: z,
             items: L,
-            children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", role: "list", children: /* @__PURE__ */ e(M, { icon: st, size: "sm" }) })
+            children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", role: "list", children: /* @__PURE__ */ e(M, { icon: ot, size: "sm" }) })
           }
         )
       }
@@ -4985,7 +4985,7 @@ const Hi = ({
     const m = !c;
     d(m), r?.(m);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(Sr, { open: c, children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(Ar, { open: c, children: [
     /* @__PURE__ */ e("div", { className: "group relative flex items-center", children: /* @__PURE__ */ o(
       "div",
       {
@@ -5011,7 +5011,7 @@ const Hi = ({
               children: /* @__PURE__ */ e(
                 M,
                 {
-                  icon: bt,
+                  icon: gt,
                   size: "xs",
                   className: "text-f1-icon-secondary"
                 }
@@ -5021,7 +5021,7 @@ const Hi = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ e(Ir, { forceMount: !0, className: "flex flex-col gap-1", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Lr, { forceMount: !0, className: "flex flex-col gap-1", children: /* @__PURE__ */ e(
       X.div,
       {
         initial: !1,
@@ -5052,9 +5052,9 @@ const Hi = ({
     c(!1), setTimeout(() => {
       d.current = !1, i && l?.(i);
     }, 0);
-  }, h = (g) => {
-    !s && !d.current && r?.(t, g);
-  }, b = /* @__PURE__ */ e(
+  }, h = (b) => {
+    !s && !d.current && r?.(t, b);
+  }, g = /* @__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((g, v) => /* @__PURE__ */ e(Ui, { item: g }, v))
+          children: t.items.map((b, v) => /* @__PURE__ */ e(Ui, { item: b }, v))
         }
       )
     }
@@ -5110,9 +5110,9 @@ const Hi = ({
         backdropFilter: "blur(4px)"
       },
       className: "relative",
-      children: b
+      children: g
     }
-  ) : b;
+  ) : g;
 };
 function Xo({
   tree: t,
@@ -5122,21 +5122,21 @@ function Xo({
   favorites: l
 }) {
   const i = G(null), s = t.filter(
-    (g) => g.isSortable === !1
+    (b) => b.isSortable === !1
   ), [c, d] = _(
-    t.filter((g) => g.isSortable !== !1)
-  ), [f, u] = _(0), m = Q((g) => {
-    d(g);
+    t.filter((b) => b.isSortable !== !1)
+  ), [f, u] = _(0), m = Q((b) => {
+    d(b);
   }, []), h = Q(
-    (g) => {
-      a?.(g);
+    (b) => {
+      a?.(b);
     },
     [a]
-  ), b = Vi();
-  return /* @__PURE__ */ e(Gi, { children: /* @__PURE__ */ e(vn, { id: "sidebar-menu", children: /* @__PURE__ */ e(
+  ), g = Vi();
+  return /* @__PURE__ */ e(Gi, { children: /* @__PURE__ */ e(wn, { id: "sidebar-menu", children: /* @__PURE__ */ e(
     qi,
     {
-      disableDragging: b,
+      disableDragging: g,
       nonSortableItems: s,
       sortableItems: c,
       setSortableItems: m,
@@ -5145,7 +5145,7 @@ function Xo({
       onDragEnd: h,
       favorites: l,
       onFavoritesChange: r,
-      forceUpdate: () => u((g) => g + 1)
+      forceUpdate: () => u((b) => b + 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), b = t.filter((x) => !x.isRoot).length > 0, g = 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), g = t.filter((x) => !x.isRoot).length > 0, b = n.length > 0, v = G(null), [y, I] = _(s), z = s.length > 0;
   $(() => {
     JSON.stringify(s) !== JSON.stringify(y) && I(s);
   }, [s]);
@@ -5256,7 +5256,7 @@ function qi({
           `fixed-${N}`
         )) }),
         z && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: /* @__PURE__ */ e(Qn, { title: u.favorites.favorites, children: /* @__PURE__ */ e("div", { ref: v, children: f ? /* @__PURE__ */ e("div", { className: w, children: C }) : /* @__PURE__ */ e(
-          Dt,
+          Tt,
           {
             axis: "y",
             values: y,
@@ -5265,7 +5265,7 @@ function qi({
             children: C
           }
         ) }) }) }),
-        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(
+        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(
           nt,
           {
             category: x,
@@ -5273,7 +5273,7 @@ function qi({
           },
           `fixed-${N}`
         )) }),
-        g && /* @__PURE__ */ e(
+        b && /* @__PURE__ */ e(
           "div",
           {
             className: p(
@@ -5281,7 +5281,7 @@ function qi({
             ),
             ref: r,
             children: f ? /* @__PURE__ */ e("div", { className: F, children: B }) : /* @__PURE__ */ e(
-              Dt,
+              Tt,
               {
                 axis: "y",
                 values: n,
@@ -5300,7 +5300,7 @@ function qi({
 const Yi = ({
   tooltip: t,
   children: n
-}) => t ? /* @__PURE__ */ e(ge, { description: t, children: n }) : n;
+}) => t ? /* @__PURE__ */ e(be, { description: t, children: n }) : n;
 function Jo({
   onClick: t,
   placeholder: n,
@@ -5319,10 +5319,10 @@ function Jo({
       ...r,
       children: [
         /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ e(M, { icon: Fr, size: "md" }),
+          /* @__PURE__ */ e(M, { icon: Er, size: "md" }),
           /* @__PURE__ */ e("span", { children: n })
         ] }),
-        /* @__PURE__ */ e("div", { className: "hidden xs:block", children: /* @__PURE__ */ e(Ar, { keys: a }) })
+        /* @__PURE__ */ e("div", { className: "hidden xs:block", children: /* @__PURE__ */ e(_r, { keys: a }) })
       ]
     }
   ) });
@@ -5362,7 +5362,7 @@ function Zi({
     top: { duration: s ? 0 : 0.1 },
     left: { duration: s ? 0 : 0.1 },
     default: { duration: s ? 0 : 0.2 }
-  }, b = () => a ? Kr(a) && r ? An(
+  }, g = () => a ? Zr(a) && r ? Ln(
     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: b() })
+        /* @__PURE__ */ e("footer", { className: "flex-shrink-0", children: g() })
       ]
     }
   );
@@ -5440,7 +5440,7 @@ const Qo = ne(Zi), Xi = {
     size: "sm"
   }
 }, Ji = {
-  icon: wn,
+  icon: yn,
   type: "neutral",
   size: "sm"
 }, Qi = {
@@ -5481,7 +5481,7 @@ const ts = ({
       ] }),
       /* @__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" }) })
+    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(Cn, { avatars: c, layout: "fill", type: "person", size: "md" }) })
   ] });
 }, ns = ({ steps: t }) => {
   const a = ie().approvals.history, r = t.findIndex((l) => l.status === "pending");
@@ -5542,7 +5542,7 @@ const ts = ({
   md: "gap-2",
   lg: "gap-3",
   xl: "gap-4"
-}, as = be({
+}, as = ge({
   base: "grid grid-cols-1",
   variants: {
     tileSize: {
@@ -5574,7 +5574,7 @@ const ts = ({
       children: r
     }
   ) });
-}), ls = be({
+}), ls = ge({
   base: "flex",
   variants: {
     overflow: {
@@ -5664,8 +5664,8 @@ const ts = ({
   justifyContent: u,
   alignItems: m,
   height: h,
-  width: b,
-  ...g
+  width: g,
+  ...b
 }, v) {
   return /* @__PURE__ */ e(
     "div",
@@ -5683,15 +5683,15 @@ const ts = ({
           justifyContent: u,
           alignItems: m,
           height: h,
-          width: b
+          width: g
         }),
         n
       ),
       ref: v,
-      ...g
+      ...b
     }
   );
-}), is = be({
+}), is = ge({
   base: "flex-row",
   variants: {
     gap: {
@@ -5713,7 +5713,7 @@ const ts = ({
       ...l
     }
   );
-}), os = be({
+}), os = ge({
   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 = (b) => !!b && !(se.isValidElement(b) && b.type === se.Fragment && se.Children.count(b.props.children) === 0), h = () => {
+  const m = (g) => !!g && !(se.isValidElement(g) && g.type === se.Fragment && se.Children.count(g.props.children) === 0), h = () => {
     n?.link?.onClick?.();
   };
   return /* @__PURE__ */ o(
@@ -5799,12 +5799,12 @@ const ts = ({
               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(Cn, { className: "truncate", children: n.subtitle })
+                /* @__PURE__ */ e(kn, { className: "truncate", children: n.subtitle })
               ] }),
-              n.info && /* @__PURE__ */ e(ge, { label: n.info, children: /* @__PURE__ */ e(
+              n.info && /* @__PURE__ */ e(be, { label: n.info, children: /* @__PURE__ */ e(
                 M,
                 {
-                  icon: kn,
+                  icon: Sn,
                   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(Sn, { text: i, level: "critical" }),
+              i && /* @__PURE__ */ e(In, { text: i, level: "critical" }),
               s && /* @__PURE__ */ e($e, { text: s.text, variant: s.variant }),
               n.link && /* @__PURE__ */ e(
-                Lr,
+                Or,
                 {
                   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(Er, { children: n.comment }) }),
+            /* @__PURE__ */ e(ds, { children: /* @__PURE__ */ e(Dr, { children: n.comment }) }),
             !!n.canBeBlurred && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
               W,
               {
-                icon: f ? _r : Or,
+                icon: f ? Tr : zr,
                 hideLabel: !0,
                 label: "hide/show",
                 variant: "outline",
@@ -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((b, g) => /* @__PURE__ */ o("div", { className: "grow", children: [
-            /* @__PURE__ */ e("div", { className: "mb-0.5 text-sm text-f1-foreground-secondary", children: b.label }),
+          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: [
-              !!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 })
+              !!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 })
             ] })
-          ] }, g)) }),
-          se.Children.toArray(a).filter(m).map((b, g) => /* @__PURE__ */ o(se.Fragment, { children: [
-            g > 0 && /* @__PURE__ */ e(tl, { bare: !0 }),
-            b
-          ] }, g))
+          ] }, b)) }),
+          se.Children.toArray(a).filter(m).map((g, b) => /* @__PURE__ */ o(se.Fragment, { children: [
+            b > 0 && /* @__PURE__ */ e(tl, { bare: !0 }),
+            g
+          ] }, b))
         ] }),
-        r && /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ e(W, { variant: "neutral", size: "sm", ...r }) })
+        r && /* @__PURE__ */ e(Pr, { children: /* @__PURE__ */ e(W, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
-}), ms = be({
+}), ms = ge({
   variants: {
     height: {
       sm: "h-36",
@@ -5886,7 +5886,7 @@ const ts = ({
               "aria-hidden": !0,
               children: [
                 n?.title ? /* @__PURE__ */ e(wt, { children: n.title }) : /* @__PURE__ */ e(O, { className: "h-4 w-full max-w-16" }),
-                n?.subtitle && /* @__PURE__ */ e(Cn, { children: n.subtitle })
+                n?.subtitle && /* @__PURE__ */ e(kn, { children: n.subtitle })
               ]
             }
           ) }),
@@ -5939,10 +5939,10 @@ const ts = ({
     );
   }),
   ce.Skeleton
-), bs = K(
+), gs = K(
   "AreaChartWidget",
   ps
-), gs = j(function(n, a) {
+), bs = j(function(n, a) {
   return /* @__PURE__ */ e(
     ce,
     {
@@ -5953,7 +5953,7 @@ const ts = ({
   );
 }), xs = K(
   "BarChartWidget",
-  ee(gs, ce.Skeleton)
+  ee(bs, ce.Skeleton)
 ), vs = ee(
   j(
     function(n, a) {
@@ -6020,7 +6020,7 @@ const ts = ({
     name: "AreaChartWidget",
     type: "info"
   },
-  bs
+  gs
 ), lc = ue(
   {
     name: "BarChartWidget",
@@ -6398,7 +6398,7 @@ function Ps(t, n) {
     visibleItems: [],
     overflowItems: []
   });
-  Tr({
+  Br({
     ref: a,
     onResize: () => {
       f();
@@ -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 b = u[h].getBoundingClientRect().height;
-      m.push(b);
+      const g = u[h].getBoundingClientRect().height;
+      m.push(g);
     }
     return m;
   }, []), d = Q(
     (u, m) => {
-      let h = 0, b = 0;
-      for (let g = 0; g < u.length; g++) {
-        const v = b + u[g];
+      let h = 0, g = 0;
+      for (let b = 0; b < u.length; b++) {
+        const v = g + u[b];
         if (v > m + 30) break;
-        b = v, b = s(
-          b,
+        g = v, g = s(
           g,
+          b,
           u.length
         ), h++;
       }
@@ -6439,7 +6439,7 @@ function Ps(t, n) {
     i(h === 0 ? {
       visibleItems: [],
       overflowItems: t
-    } : (b) => b.visibleItems.length === h && b.overflowItems.length === t.length - h ? b : {
+    } : (g) => g.visibleItems.length === h && g.overflowItems.length === t.length - h ? g : {
       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(gt, { emoji: l.emoji, size: "md" }) })
+        "emoji" in l && l.emoji && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e(bt, { emoji: l.emoji, size: "md" }) })
       ] })
     ] }, a);
   }
@@ -6629,14 +6629,14 @@ function hc({
       withEmoji: "emoji" in c && !!c.emoji,
       withPointerCursor: i,
       children: [
-        "alert" in c && c.alert && /* @__PURE__ */ e(zr, { type: c.alert }),
-        "emoji" in c && c.emoji && /* @__PURE__ */ e(Pr, { emoji: c.emoji }),
+        "alert" in c && c.alert && /* @__PURE__ */ e(Rr, { type: c.alert }),
+        "emoji" in c && c.emoji && /* @__PURE__ */ e($r, { 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 })
         ] }),
         /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(
-          Nn,
+          Cn,
           {
             avatars: r,
             remainingCount: l,
@@ -6663,7 +6663,7 @@ function nn({
   return /* @__PURE__ */ o(Ws, { onClick: (c) => {
     c.preventDefault(), r?.(t);
   }, className: i, children: [
-    /* @__PURE__ */ e(gn, { module: l ?? "inbox", size: "md" }),
+    /* @__PURE__ */ e(xn, { 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 })
@@ -6710,7 +6710,7 @@ function ht({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
-      a && /* @__PURE__ */ e(Sn, { ...a }),
+      a && /* @__PURE__ */ e(In, { ...a }),
       r && /* @__PURE__ */ e(Ee, { ...r }),
       !!l && /* @__PURE__ */ e(He, { value: l })
     ] })
@@ -6734,7 +6734,7 @@ function pc({
     }
   );
 }
-function bc({
+function gc({
   items: t,
   gap: n,
   minSize: a = 184,
@@ -6754,18 +6754,18 @@ function bc({
 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 })
-] }), gc = j(
+] }), bc = 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(
-            ge,
+            be,
             {
               label: r.label,
               description: r.description,
-              children: /* @__PURE__ */ e(M, { icon: kn, size: "sm" })
+              children: /* @__PURE__ */ e(M, { icon: Sn, size: "sm" })
             }
           ) })
         ] }),
@@ -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), 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}`;
+    ), 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}`;
   })(), 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, b = m.variant === "clocked-in" ? Math.min(h, c) : 0, v = (h - b) / i;
-        return c -= b, m.variant === "clocked-in" && r ? [
+        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 ? [
           ...u,
           {
-            value: b / i + v,
+            value: g / i + v,
             color: xe.overtime
           }
         ] : [
           ...u,
           {
-            value: b / i,
+            value: g / i,
             color: xe.overtime
           },
           {
@@ -6894,7 +6894,7 @@ const ta = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, Vs = ({
   remainingMinutes: n,
   trackedMinutes: a = 0
 }) => {
-  const r = t.find((h) => h.variant === "clocked-in")?.from, l = t.at(-1), i = r ? Tt(r) : at, s = n === void 0 || n > 0 ? at : l ? Tt(l.to) : at, d = l?.variant === "break" ? l?.to.getTime() - l?.from.getTime() || 0 : a * 60 * 1e3, f = Math.floor(d / (1e3 * 60 * 60)), u = Math.floor(d % (1e3 * 60 * 60) / (1e3 * 60)), m = `${f.toString().padStart(2, "0")}:${u.toString().padStart(2, "0")}`;
+  const r = t.find((h) => h.variant === "clocked-in")?.from, l = t.at(-1), i = r ? Et(r) : at, s = n === void 0 || n > 0 ? at : l ? Et(l.to) : at, d = l?.variant === "break" ? l?.to.getTime() - l?.from.getTime() || 0 : a * 60 * 1e3, f = Math.floor(d / (1e3 * 60 * 60)), u = Math.floor(d % (1e3 * 60 * 60) / (1e3 * 60)), m = `${f.toString().padStart(2, "0")}:${u.toString().padStart(2, "0")}`;
   return {
     primaryLabel: i,
     secondaryLabel: s,
@@ -6938,7 +6938,7 @@ function Ks({
         strokeWidth: 0,
         isAnimationActive: !1,
         children: r.map((c, d) => /* @__PURE__ */ e(
-          Br,
+          Wr,
           {
             fill: c.color,
             role: "presentation",
@@ -6978,7 +6978,7 @@ function qs({
             children: t ?? n
           }
         ),
-        /* @__PURE__ */ e(M, { icon: Rr })
+        /* @__PURE__ */ e(M, { icon: Mr })
       ]
     }
   );
@@ -6997,8 +6997,8 @@ function vc({
   onBreak: u,
   breakTypes: m,
   onChangeBreakTypeId: h,
-  canShowBreakButton: b = !0,
-  canSeeGraph: g = !0,
+  canShowBreakButton: g = !0,
+  canSeeGraph: b = !0,
   canSeeRemainingTime: v = !0,
   // onClickProjectSelector,
   onChangeLocationId: y,
@@ -7073,11 +7073,11 @@ function vc({
             {
               onClick: d,
               label: r.clockIn,
-              icon: Et
+              icon: _t
             }
           ) }),
           D === "clocked-in" && /* @__PURE__ */ o(U, { children: [
-            b && /* @__PURE__ */ e(U, { children: w.length > 1 && h ? /* @__PURE__ */ e(
+            g && /* @__PURE__ */ e(U, { children: w.length > 1 && h ? /* @__PURE__ */ e(
               We,
               {
                 label: r.break,
@@ -7092,7 +7092,7 @@ function vc({
                   {
                     label: r.break,
                     variant: "neutral",
-                    icon: _t,
+                    icon: Ot,
                     hideLabel: !0
                   }
                 ) })
@@ -7103,7 +7103,7 @@ function vc({
                 onClick: F,
                 label: r.break,
                 variant: "neutral",
-                icon: _t,
+                icon: Ot,
                 hideLabel: !0
               }
             ) }),
@@ -7113,7 +7113,7 @@ function vc({
                 onClick: f,
                 label: r.clockOut,
                 variant: "neutral",
-                icon: Ot
+                icon: Dt
               }
             )
           ] }),
@@ -7124,7 +7124,7 @@ function vc({
                 onClick: f,
                 label: r.clockOut,
                 variant: "neutral",
-                icon: Ot,
+                icon: Dt,
                 hideLabel: !0
               }
             ),
@@ -7133,13 +7133,13 @@ function vc({
               {
                 onClick: d,
                 label: r.resume,
-                icon: Et
+                icon: _t
               }
             )
           ] })
         ] })
       ] }),
-      g && /* @__PURE__ */ e(
+      b && /* @__PURE__ */ e(
         Ks,
         {
           data: a,
@@ -7179,9 +7179,9 @@ function vc({
   ] }) });
 }
 const Ys = {
-  done: Mr,
-  "in-progress": Wr,
-  todo: $r
+  done: Gr,
+  "in-progress": Vr,
+  todo: jr
 }, Zs = {
   done: "text-f1-icon-success",
   "in-progress": "text-f1-icon-info",
@@ -7212,7 +7212,7 @@ function Xs({
       } : void 0,
       rawTag: t.badge && !t.badge.isPastDue ? {
         text: t.badge.text,
-        icon: jr
+        icon: Hr
       } : void 0,
       count: t.counter,
       onClick: l
@@ -7236,11 +7236,11 @@ function wc({
         id: u,
         text: u
       } : u
-    ).map(({ id: u, text: m, badge: h, counter: b }) => ({
+    ).map(({ id: u, text: m, badge: h, counter: g }) => ({
       id: u,
       text: m,
       badge: h,
-      counter: b,
+      counter: g,
       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;
-}, 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 });
+}, 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 });
   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 = go({ availableSpots: i, stone: s, containerSize: n }), d = c.position.top + s.height;
+    let c = bo({ 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), 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 }));
+    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 }));
   }, [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,16 +7374,16 @@ 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: 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) => {
+  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: En.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));
+    return Ln(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 = Ln.toArray(n), d = G(null);
+    const l = Lo[a], [i, s] = _(), c = En.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(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(
+), Eo = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], yc = ee(rn, () => /* @__PURE__ */ e(Fn, { 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(In, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
+  () => /* @__PURE__ */ e(Fn, { 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) => (Vr(
+  ({ title: t, children: n }, a) => (Ur(
     t,
     { disallowEmpty: !0 },
     { componentName: "WidgetSection" }
@@ -7455,7 +7455,7 @@ const kc = ne(
   disallowedRoutes: a,
   children: r
 }) => {
-  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(() => {
+  const l = Kr(), 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]);
@@ -7478,24 +7478,24 @@ export {
   nd as AreaChart,
   rc as AreaChartWidget,
   ac as AutoGrid,
-  wr as Badge,
+  Cr as Badge,
   ad as BarChart,
   lc as BarChartWidget,
   di as BaseActivityItemList,
   rd as BaseBanner,
-  bi as BaseCelebration,
+  gi as BaseCelebration,
   Ii as BaseCommunityPost,
   Lc as BaseTabs,
   Ec as BreadcrumbSelect,
-  bl as Breadcrumbs,
+  gl as Breadcrumbs,
   mt as CalendarEvent,
   uc as CalendarEventList,
   ld as CardSelectableContainer,
-  qr as Carousel,
+  Xr as Carousel,
   id as CategoryBarChart,
   xc as CategoryBarSection,
   Mo as Celebration,
-  gi as CelebrationSkeleton,
+  bi as CelebrationSkeleton,
   dc as ChartWidgetEmptyState,
   _c as Chip,
   vc as ClockInControls,
@@ -7513,7 +7513,7 @@ export {
   $o as EntitySelect,
   cd as F0ActionBar,
   dd as F0AiBanner,
-  gn as F0AvatarModule,
+  xn as F0AvatarModule,
   Tc as F0ButtonToggle,
   Bo as F0Callout,
   ud as F0NumberInput,
@@ -7524,11 +7524,11 @@ export {
   Pc as F0TextInput,
   Ro as F0VersionHistory,
   pd as F1SearchBox,
-  bd as FILE_TYPES,
+  gd as FILE_TYPES,
   Bc as FileItem,
   jo as HighlightBanner,
   mc as IndicatorsList,
-  gd as Input,
+  bd as Input,
   xd as Item,
   vd as ItemSectionHeader,
   wd as LineChart,
@@ -7559,13 +7559,13 @@ export {
   _d as RadarChart,
   wi as Reactions,
   Od as ResourceHeader,
-  dr as RichTextDisplay,
+  ur as RichTextDisplay,
   Dd as RichTextEditor,
   Ic as ScrollArea,
   Jo as SearchBar,
   Td as SectionHeader,
   We as Select,
-  Ar as Shortcut,
+  _r as Shortcut,
   Qo as Sidebar,
   Yo as SidebarFooter,
   Zo as SidebarHeader,
@@ -7580,8 +7580,8 @@ export {
   zd as Textarea,
   Gc as ToggleGroup,
   Hc as ToggleGroupItem,
-  ge as Tooltip,
-  gc as TwoColumnsList,
+  be as Tooltip,
+  bc as TwoColumnsList,
   Pd as VerticalBarChart,
   oc as VerticalBarChartWidget,
   dt as VirtualList,
@@ -7594,7 +7594,7 @@ export {
   pc as WidgetInboxList,
   nn as WidgetInboxListItem,
   kc as WidgetSection,
-  bc as WidgetSimpleList,
+  gc as WidgetSimpleList,
   ht as WidgetSimpleListItem,
   Nc as WidgetStrip,
   Bd as actionBarStatuses,