@factorialco/f0-react 2.19.1 → 2.20.1

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { o as ua, B as fa, p as ma, D as ha, q as At, r as De, s as ga, t as g, v as X, w as pe, u as se, T as pa, x as ba, y as xa, R as va, z as wa, A as ne, E as ya, G as gt, H as rt, J as Re, K as Ee, L as Na, M as Ca, N as W, O as ka, P as Sa, Q as _e, S as sn, U as Ia, V as Fa, W as R, X as on, Y as O, Z as ve, _ as Aa, $ as La, a0 as Ea, a1 as _a, a2 as Oa, a3 as Ce, a4 as cn, a5 as Da, a6 as be, a7 as $e, a8 as Ta, a9 as pt, n as dn, aa as Ne, ab as za, ac as un, ad as ae, ae as H, af as fn, ag as Pa, ah as Ba, ai as Ra, aj as mn, ak as $a, al as hn, am as me, an as ee, ao as Wa, ap as Ma, aq as ja, ar as Va, as as ge, at as Ge, au as Ga, av as Ha, aw as Ua, ax as Ka, ay as He, az as gn, aA as qa, aB as Ya, aC as Za, aD as We, aE as Xa, aF as Ja, aG as Qa, aH as er, aI as tr, aJ as nr, aK as ar, aL as rr, aM as lr, aN as sr, aO as lt, aP as st, aQ as pn, aR as ir, aS as or, aT as bn, aU as cr, aV as dr, aW as Ue, aX as bt, aY as xn, aZ as ur, a_ as vn, a$ as fr, b0 as mr, b1 as hr, b2 as Le, b3 as gr, b4 as Te, b5 as Lt, b6 as it, b7 as pr, b8 as br, a as xr, g as vr, b9 as wr, ba as wn, bb as yr, bc as Nr, F as Cr, bd as yn, be as kr, bf as Nn, bg as Sr, bh as Et, bi as Ir, bj as Fr, bk as Ar, bl as Lr, bm as Cn, bn as Er, bo as _r, bp as Or, bq as Dr, br as Tr, bs as kn, bt as ue, bu as Sn, bv as xt, bw as vt, bx as wt, by as In, bz as yt, bA as Fn, bB as An, bC as zr, bD as Pr, bE as Br, bF as Rr, bG as $r, bH as Wr, bI as Mr, bJ as jr, bK as Vr, bL as Gr, bM as Hr, bN as _t, bO as Ot, bP as Dt, bQ as Ur, bR as Kr, bS as qr, bT as Yr, bU as Ln, bV as Zr, bW as Xr, bX as Jr } from "./useDataCollectionSource-DTsD48r9.js";
-import { ch as Tc, cg as zc, b$ as Pc, ct as Bc, ca as Rc, cb as $c, b_ as Wc, bY as Mc, cd as jc, c0 as Vc, cF as Gc, cD as Hc, c1 as Uc, ce as Kc, cf as qc, cc as Yc, c2 as Zc, cp as Xc, cq as Jc, cu as Qc, cB as ed, cC as td, c8 as nd, cE as ad, c9 as rd, c3 as ld, cj as sd, ci as id, c4 as od, c5 as cd, c6 as dd, cr as ud, cG as fd, bZ as md, cs as hd, cw as gd, cx as pd, co as bd, cl as xd, cn as vd, ck as wd, c7 as yd, cm as Nd, cy as Cd, cz as kd, cv as Sd, cA as Id } from "./useDataCollectionSource-DTsD48r9.js";
-import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
-import ie, { forwardRef as j, useRef as G, useTransition as Qr, useState as E, useLayoutEffect as En, useId as ot, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as el, isValidElement as tl, cloneElement as _n, Children as On } from "react";
-import { C as nl, P as al, g as Dn, c as rl, F as ct, f as ll, a as sl, A as il, B as ol, L as cl, b as dl, V as ul, d as fl, e as Tt, h as ml, i as hl } from "./index-5EqURvlM.js";
-import { n as Ad, o as Ld, l as Ed, p as _d, u as Od, D as Dd, m as Td, q as zd, x as Pd, y as Bd, N as Rd, z as $d, r as Wd, t as Md, R as jd, s as Vd, j as Gd, k as Hd, w as Ud, v as Kd } from "./index-5EqURvlM.js";
+import { s as ua, B as fa, t as ma, v as ha, w as At, x as De, y as ga, z as g, A as X, E as pe, u as se, T as pa, G as ba, H as xa, R as va, J as wa, K as ne, L as ya, M as gt, N as rt, O as Re, Q as _e, S as Na, U as Ca, V as W, W as ka, X as Sa, Y as ve, Z as sn, _ as Ia, $ as Fa, a0 as M, a1 as on, a2 as O, a3 as we, a4 as Aa, a5 as La, a6 as Ea, a7 as _a, a8 as Oa, a9 as ke, aa as cn, ab as Da, ac as be, ad as $e, ae as Ta, af as pt, k as dn, ag as Ce, ah as za, ai as un, aj as ae, ak as H, al as fn, am as Pa, an as Ba, ao as Ra, ap as mn, aq as $a, ar as hn, as as me, at as ee, au as Wa, av as Ma, aw as ja, ax as Va, ay as ge, az as Ge, aA as Ga, aB as Ha, aC as Ua, aD as Ka, aE as He, aF as gn, aG as qa, aH as Ya, aI as Za, aJ as We, aK as Xa, aL as Ja, aM as Qa, aN as er, aO as tr, aP as nr, aQ as ar, aR as rr, aS as lr, aT as sr, aU as lt, aV as st, aW as pn, aX as ir, aY as or, aZ as cr, a_ as dr, a$ as Ue, b0 as bt, b1 as bn, b2 as ur, b3 as xn, b4 as fr, b5 as mr, b6 as hr, b7 as Ee, b8 as gr, b9 as Te, ba as Lt, bb as it, bc as pr, bd as br, a as xr, c as vr, be as vn, bf as wr, r as yr, F as Nr, bg as wn, bh as Cr, bi as yn, bj as kr, bk as Sr, bl as Ir, bm as Fr, bn as Ar, bo as Lr, bp as Er, bq as _r, br as Or, bs as Nn, bt as ue, bu as xt, bv as vt, bw as wt, bx as Cn, by as yt, bz as kn, bA as Sn, bB as Dr, bC as Tr, bD as zr, bE as Pr, bF as Br, bG as Rr, bH as $r, bI as Wr, bJ as Mr, bK as jr, bL as Et, bM as _t, bN as Ot, bO as Vr, bP as Gr, bQ as Hr, bR as Ur, bS as In, bT as Kr, bU as qr } from "./F0CanvasPanel-DNz4nej5.js";
+import { c4 as Tc, c3 as zc, cg as Pc, c0 as Bc, c1 as Rc, bV as $c, bW as Wc, ch as Mc, bX as jc, c2 as Vc, cc as Gc, cd as Hc, bY as Uc, c6 as Kc, c5 as qc, bZ as Yc, b_ as Zc, ce as Xc, ci as Jc, cf as Qc, cb as ed, c8 as td, ca as nd, c7 as ad, b$ as rd, c9 as ld } from "./F0CanvasPanel-DNz4nej5.js";
+import { jsx as e, jsxs as o, Fragment as K } from "react/jsx-runtime";
+import ie, { forwardRef as j, useRef as G, useTransition as Yr, useState as _, useLayoutEffect as Fn, useId as ot, useContext as Ke, createContext as Nt, useEffect as $, useCallback as Q, useMemo as q, Fragment as Zr, isValidElement as Xr, cloneElement as An, Children as Ln } from "react";
+import { C as Jr, P as Qr, g as En, c as el, a as _n, F as ct, f as tl, M as nl, b as al, R as Dt, d as On, u as rl, e as Dn, S as ll, A as sl, B as il, L as ol, h as cl, V as dl, i as ul, j as Tt, k as fl, l as ml, O as hl } from "./useDataCollectionSource-Dutz5gMZ.js";
+import { q as id, r as od, o as cd, G as dd, s as ud, y as fd, a4 as md, E as hd, p as gd, K as pd, aa as bd, Q as xd, U as vd, t as wd, a6 as yd, a7 as Nd, a5 as Cd, a8 as kd, N as Sd, W as Id, a1 as Fd, a3 as Ad, v as Ld, x as Ed, z as _d, I as Od, a9 as Dd, J as Td, T as zd, w as Pd, D as Bd, m as Rd, n as $d, Y as Wd, Z as Md, a2 as jd, H as Vd, _ as Gd, $ as Hd, X as Ud, a0 as Kd } from "./useDataCollectionSource-Dutz5gMZ.js";
 const gl = ua("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -83,8 +83,8 @@ function vl(t, n, a = []) {
   };
 }
 function wl({ breadcrumbs: t, append: n }) {
-  const a = G(null), r = G(null), [, l] = Qr(), [s, i] = E(null), c = (s?.collapsedItems || []).length > 0;
-  return En(() => {
+  const a = G(null), r = G(null), [, l] = Yr(), [s, i] = _(null), c = (s?.collapsedItems || []).length > 0;
+  return Fn(() => {
     const d = a.current, f = r.current;
     if (!d || !f || f.children.length < t.length) return;
     const u = () => {
@@ -137,7 +137,7 @@ function wl({ breadcrumbs: t, append: n }) {
             },
             `first-item-${s.headItem.id}`
           ),
-          c && /* @__PURE__ */ o(U, { children: [
+          c && /* @__PURE__ */ o(K, { children: [
             /* @__PURE__ */ e(
               Tn,
               {
@@ -156,7 +156,7 @@ function wl({ breadcrumbs: t, append: n }) {
               d.id
             ))
           ] }),
-          !c && /* @__PURE__ */ e(U, { children: s.tailItems.map((d, f) => /* @__PURE__ */ e(
+          !c && /* @__PURE__ */ e(K, { children: s.tailItems.map((d, f) => /* @__PURE__ */ e(
             De,
             {
               item: d,
@@ -257,7 +257,7 @@ const yl = pe({
             "--gradient-angle": "0deg",
             ...p.style
           },
-          ...(({ style: b, ...x }) => x)(p),
+          ...(({ style: b, ...v }) => v)(p),
           children: [
             /* @__PURE__ */ o("defs", { children: [
               /* @__PURE__ */ e("clipPath", { id: `${i}-circle`, children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16" }) }),
@@ -331,10 +331,10 @@ const yl = pe({
     }
   );
 }, zn = j(Nl), Pn = Nt(null), Cl = 15, kl = ({ children: t, enabled: n, onShow: a, ...r }) => {
-  const [l, s] = E(n), [i, c] = E(!1), [d, f] = E(!0), [u, m] = E(
+  const [l, s] = _(n), [i, c] = _(!1), [d, f] = _(!0), [u, m] = _(
     Cl
-  ), h = G(null), p = (x) => {
-    h.current = x;
+  ), h = G(null), p = (v) => {
+    h.current = v;
   }, b = () => {
     h.current && h.current();
   };
@@ -342,10 +342,10 @@ const yl = pe({
     s(n);
   }, [n]), $(() => {
     if (i && a?.(), !i) {
-      const x = window.matchMedia(
+      const v = window.matchMedia(
         "(prefers-reduced-motion: reduce)"
       ).matches;
-      f(!x);
+      f(!v);
     }
   }, [i, a]), /* @__PURE__ */ e(
     Pn.Provider,
@@ -366,20 +366,20 @@ const yl = pe({
       children: t
     }
   );
-}, we = () => {
+}, ye = () => {
 };
 function qe() {
   const t = Ke(Pn);
   return t === null ? {
     enabled: !1,
-    setEnabled: we,
+    setEnabled: ye,
     open: !1,
-    setOpen: we,
+    setOpen: ye,
     shouldPlayEntranceAnimation: !0,
-    setShouldPlayEntranceAnimation: we,
-    setAutoClearMinutes: we,
-    clear: we,
-    setClearFunction: we,
+    setShouldPlayEntranceAnimation: ye,
+    setAutoClearMinutes: ye,
+    clear: ye,
+    setClearFunction: ye,
     autoClearMinutes: null
   } : t;
 }
@@ -387,7 +387,7 @@ const Bn = ({
   className: t,
   disabled: n
 }) => {
-  const { enabled: a, setOpen: r, open: l } = qe(), s = se(), [i, c] = E(!1);
+  const { enabled: a, setOpen: r, open: l } = qe(), s = se(), [i, 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(xa, { asChild: !0, children: /* @__PURE__ */ e(
       X.div,
@@ -451,7 +451,7 @@ const Bn = ({
     !l && /* @__PURE__ */ e(ya, { side: "left", className: "font-medium", children: s.ai.welcome })
   ] }) }) }) : null;
 }, Bt = "one_sidebar_locked", Rn = Nt(void 0);
-function ke() {
+function Se() {
   const t = Ke(Rn);
   return t === void 0 ? {
     isSmallScreen: !1,
@@ -465,44 +465,44 @@ function ke() {
   } : t;
 }
 function Sl({ children: t }) {
-  const { currentPath: n } = gt(), [a, r] = E(!1), [l, s] = E(!1), i = a ? Re.xl : Re.md, c = rt(`(max-width: ${i}px)`, {
+  const { currentPath: n } = gt(), [a, r] = _(!1), [l, s] = _(!1), i = a ? Re.xl : Re.md, c = rt(`(max-width: ${i}px)`, {
     initializeWithValue: !0
-  }), [d, f] = E(() => {
-    const A = localStorage.getItem(Bt);
-    return A !== null ? !!A : !0;
-  }), [u, m] = E(!1), [h, p] = E(
+  }), [d, f] = _(() => {
+    const I = localStorage.getItem(Bt);
+    return I !== null ? !!I : !0;
+  }), [u, m] = _(!1), [h, p] = _(
     null
   ), b = Q(
-    ({ isInvokedByUser: A } = {
+    ({ isInvokedByUser: I } = {
       isInvokedByUser: !0
     }) => {
-      s(A ?? !0), c && m(!u), f(!d);
+      s(I ?? !0), c && m(!u), f(!d);
     },
     [c, u, d, f, m]
-  ), x = Q(
-    (A) => {
-      c || (A.clientX < 32 && m(!0), A.clientX > 280 && m(!1));
+  ), v = Q(
+    (I) => {
+      c || (I.clientX < 32 && m(!0), I.clientX > 280 && m(!1));
     },
     [c, m]
-  ), w = q(() => c ? u ? "unlocked" : "hidden" : !d && !u ? "hidden" : !d && u ? "unlocked" : "locked", [c, u, d]);
+  ), y = q(() => c ? u ? "unlocked" : "hidden" : !d && !u ? "hidden" : !d && u ? "unlocked" : "locked", [c, u, d]);
   return $(() => {
     m(!1);
   }, [n]), $(() => {
     l && localStorage.setItem(Bt, d ? "1" : "");
   }, [d, l]), $(() => () => {
-    p(w);
-  }, [w]), /* @__PURE__ */ e(
+    p(y);
+  }, [y]), /* @__PURE__ */ e(
     Rn.Provider,
     {
       value: {
         isSmallScreen: c,
         isLastToggleInvokedByUser: l,
-        sidebarState: w,
+        sidebarState: y,
         toggleSidebar: b,
         prevSidebarState: h,
         setForceFloat: r
       },
-      children: /* @__PURE__ */ e("div", { onPointerMove: x, className: "h-screen w-screen", children: t })
+      children: /* @__PURE__ */ e("div", { onPointerMove: v, className: "h-screen w-screen", children: t })
     }
   );
 }
@@ -518,10 +518,10 @@ const Rt = X.create(W), $t = {
   onChange: n,
   label: a
 }) => {
-  const [r, l] = E(!1), s = () => {
+  const [r, l] = _(!1), s = () => {
     l(!0), n(!t);
   };
-  return /* @__PURE__ */ e(Ee, { mode: "wait", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(_e, { mode: "wait", children: /* @__PURE__ */ e(
     "button",
     {
       className: g(
@@ -586,11 +586,11 @@ const Rt = X.create(W), $t = {
   hasUnread: f = !1,
   crossSelling: u
 }) => {
-  const [m, h] = E("idle"), [p, b] = E(null), [x, ...w] = p ?? [], [A, z] = E(!1);
+  const [m, h] = _("idle"), [p, b] = _(null), [v, ...y] = p ?? [], [I, z] = _(!1);
   $(() => {
     b(null), h("idle");
   }, [t]);
-  const B = Q(async () => {
+  const R = Q(async () => {
     try {
       h("fetching");
       const D = await a();
@@ -602,19 +602,19 @@ const Rt = X.create(W), $t = {
   return /* @__PURE__ */ o(
     ka,
     {
-      open: A,
+      open: I,
       onOpenChange: async (D) => {
-        z(D), D && p === null && B(), i(D);
+        z(D), D && p === null && R(), i(D);
       },
       children: [
         /* @__PURE__ */ e(Sa, { asChild: !0, children: /* @__PURE__ */ e(
-          _e,
+          ve,
           {
             variant: "outline",
             icon: sn,
             hideLabel: !0,
             label: n,
-            pressed: A,
+            pressed: I,
             append: f && /* @__PURE__ */ e(kt, { className: "absolute -right-0.5 -top-[1px]" })
           }
         ) }),
@@ -636,17 +636,17 @@ const Rt = X.create(W), $t = {
                   /* @__PURE__ */ e(
                     Al,
                     {
-                      ...x,
+                      ...v,
                       onClick: d
                     }
                   ),
-                  p.length > 1 && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: w.map((D, _) => /* @__PURE__ */ e(
+                  p.length > 1 && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e("div", { className: "pb-1", children: y.map((D, E) => /* @__PURE__ */ e(
                     Ll,
                     {
                       ...D,
                       onClick: d
                     },
-                    _
+                    E
                   )) }) })
                 ] }),
                 m === "error" && /* @__PURE__ */ e("div", { className: "p-2 pt-0", children: /* @__PURE__ */ e(
@@ -654,7 +654,7 @@ const Rt = X.create(W), $t = {
                   {
                     ...s,
                     onClick: () => {
-                      B();
+                      R();
                     }
                   }
                 ) })
@@ -690,7 +690,7 @@ const Rt = X.create(W), $t = {
       asChild: !0,
       className: "relative flex cursor-default select-none items-center rounded-md px-1 text-base font-medium outline-none transition-colors after:absolute after:inset-x-1 after:inset-y-0 after:h-full after:rounded after:bg-f1-background-hover after:opacity-0 after:transition-opacity after:duration-75 after:content-[''] hover:cursor-pointer hover:after:opacity-100 focus:after:opacity-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       children: /* @__PURE__ */ o(
-        ve,
+        we,
         {
           href: n,
           target: "_blank",
@@ -737,7 +737,7 @@ const Rt = X.create(W), $t = {
 }) => {
   const s = g("flex flex-col items-stretch gap-3 w-full");
   return /* @__PURE__ */ e(Ea, { asChild: !0, className: s, onClick: l, children: /* @__PURE__ */ e(
-    ve,
+    we,
     {
       href: n,
       target: "_blank",
@@ -768,7 +768,7 @@ const Rt = X.create(W), $t = {
     children: [
       /* @__PURE__ */ e("h2", { className: "text-base font-medium", children: t }),
       /* @__PURE__ */ e(
-        R,
+        M,
         {
           variant: "outline",
           size: "sm",
@@ -813,7 +813,7 @@ const Rt = X.create(W), $t = {
     title: t,
     description: r,
     icon: /* @__PURE__ */ e(W, { icon: sn, size: "lg", className: "block" }),
-    button: /* @__PURE__ */ e(ve, { href: a, children: /* @__PURE__ */ e(R, { label: n }) })
+    button: /* @__PURE__ */ e(we, { href: a, children: /* @__PURE__ */ e(M, { label: n }) })
   }
 ), Ol = ({
   title: t,
@@ -827,7 +827,7 @@ const Rt = X.create(W), $t = {
     description: n,
     iconWrapperClassName: "text-f1-icon-critical bg-f1-background-critical border-f1-critical",
     icon: /* @__PURE__ */ e(W, { icon: _a, size: "lg" }),
-    button: /* @__PURE__ */ e(R, { variant: "outline", label: a, onClick: r })
+    button: /* @__PURE__ */ e(M, { variant: "outline", label: a, onClick: r })
   }
 ), Dl = () => /* @__PURE__ */ e(
   "div",
@@ -860,7 +860,7 @@ const Rt = X.create(W), $t = {
   crossSelling: a,
   onDropdownClose: r
 }) => {
-  const [l, s] = E(t);
+  const [l, s] = _(t);
   $(() => {
     s(t);
   }, [t]);
@@ -869,16 +869,16 @@ const Rt = X.create(W), $t = {
   }, c = (d) => {
     s(!1), r(), d && d();
   };
-  return l && /* @__PURE__ */ o(U, { children: [
+  return l && /* @__PURE__ */ o(K, { children: [
     /* @__PURE__ */ e(Oa, {}),
     /* @__PURE__ */ o("div", { className: "px-1 pb-2", children: [
       /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between px-3", children: [
         /* @__PURE__ */ e("p", { className: "text-balance pb-2 pt-2 text-sm font-medium text-f1-foreground-secondary", children: a?.sectionTitle }),
         n && /* @__PURE__ */ e("div", { className: "relative z-10 h-6 w-6", children: /* @__PURE__ */ e(
-          R,
+          M,
           {
             variant: "ghost",
-            icon: Ce,
+            icon: ke,
             size: "sm",
             hideLabel: !0,
             onClick: i,
@@ -887,7 +887,7 @@ const Rt = X.create(W), $t = {
         ) })
       ] }),
       /* @__PURE__ */ e(
-        nl,
+        Jr,
         {
           columns: {
             default: 1
@@ -895,7 +895,7 @@ const Rt = X.create(W), $t = {
           showDots: !0,
           showArrows: !1,
           children: a?.products.map((d) => /* @__PURE__ */ e(
-            al,
+            Qr,
             {
               ...d,
               isVisible: !0,
@@ -917,7 +917,7 @@ function Wt({
 }) {
   const l = G(null);
   return /* @__PURE__ */ e(
-    R,
+    M,
     {
       href: n,
       title: a,
@@ -944,7 +944,7 @@ function Wo({
   oneSwitchTooltip: d,
   oneSwitchAutoOpen: f
 }) {
-  const { sidebarState: u, toggleSidebar: m } = ke(), h = [
+  const { sidebarState: u, toggleSidebar: m } = Se(), h = [
     {
       id: t.href,
       label: t.name,
@@ -952,24 +952,24 @@ function Wo({
       module: t.id
     },
     ...a
-  ], p = n && Object.keys(n).length !== 0, b = l && a.length > 0, x = !l && r.length > 0, w = !l && !!i?.isVisible, A = h[h.length - 1], z = "navigation" in window ? window.navigation : null, B = l && (z ? !!z.canGoBack : window.history.length > 1);
+  ], p = n && Object.keys(n).length !== 0, b = l && a.length > 0, v = !l && r.length > 0, y = !l && !!i?.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",
     {
       className: g(
-        "flex items-center justify-between px-5 py-4 xs:px-6",
+        "flex items-center justify-between px-page py-4",
         l ? "h-12" : "h-16"
       ),
       children: [
         /* @__PURE__ */ o("div", { className: "flex flex-grow items-center", children: [
-          /* @__PURE__ */ e(Ee, { children: !l && u !== "locked" && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(_e, { children: !l && u !== "locked" && /* @__PURE__ */ e(
             X.div,
             {
               initial: { opacity: 0, width: 0 },
               animate: { opacity: 1, width: "auto" },
               exit: { opacity: 0, width: 0 },
               children: /* @__PURE__ */ e("div", { className: "mr-3", children: /* @__PURE__ */ e(
-                R,
+                M,
                 {
                   variant: "ghost",
                   hideLabel: !0,
@@ -985,11 +985,11 @@ function Wo({
             {
               className: g(
                 "flex flex-grow items-center gap-2",
-                B && "justify-center"
+                R && "justify-center"
               ),
               children: [
-                l && B && /* @__PURE__ */ e("div", { className: "absolute left-4", children: /* @__PURE__ */ e(
-                  R,
+                l && R && /* @__PURE__ */ e("div", { className: "absolute left-4", children: /* @__PURE__ */ e(
+                  M,
                   {
                     variant: "ghost",
                     hideLabel: !0,
@@ -998,7 +998,7 @@ function Wo({
                     onClick: () => window.history.back()
                   }
                 ) }),
-                B || b ? /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-f1-foreground", children: "loading" in A ? /* @__PURE__ */ e(O, { className: "h-4 w-24" }) : A.label }) : /* @__PURE__ */ e(
+                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(
                   wl,
                   {
                     breadcrumbs: h,
@@ -1026,7 +1026,7 @@ function Wo({
               additionalAccessibleText: n.tooltip
             }
           ) }) }) : /* @__PURE__ */ e($e, { text: n.text, variant: n.variant }) }),
-          !l && p && (s || x || w) && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
+          !l && p && (s || v || y) && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
           s && /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
             s.counter && /* @__PURE__ */ o("span", { className: "text-sm text-f1-foreground-secondary", children: [
               s.counter.current,
@@ -1054,16 +1054,16 @@ function Wo({
               )
             ] })
           ] }),
-          s && x && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
-          (w || x) && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-            w && /* @__PURE__ */ e("div", { className: "items-right flex gap-2", children: /* @__PURE__ */ e(
+          s && v && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-f1-border-secondary" }),
+          (y || v) && /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+            y && /* @__PURE__ */ e("div", { className: "items-right flex gap-2", children: /* @__PURE__ */ e(
               Fl,
               {
                 ...i,
                 currentModule: t.name
               }
             ) }),
-            x && /* @__PURE__ */ e("div", { className: "items-right flex gap-2", children: r.map((D, _) => /* @__PURE__ */ e(zl, { action: D }, _)) })
+            v && /* @__PURE__ */ e("div", { className: "items-right flex gap-2", children: r.map((D, E) => /* @__PURE__ */ e(zl, { action: D }, E)) })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e(
@@ -1081,44 +1081,44 @@ function Wo({
   );
 }
 function zl({ action: t }) {
-  const n = G(null), [a, r] = E(!1);
-  return "actions" in t ? /* @__PURE__ */ e(Ne, { items: t.actions, open: a, onOpenChange: r, children: /* @__PURE__ */ e(
-    _e,
+  const n = G(null), [a, r] = _(!1), l = t.variant ?? "outline";
+  return "actions" in t ? /* @__PURE__ */ e(Ce, { items: t.actions, open: a, onOpenChange: r, children: /* @__PURE__ */ e(
+    ve,
     {
       size: "md",
-      variant: "outline",
+      variant: l,
       label: t.label,
       icon: t.icon,
       hideLabel: !0,
       pressed: a
     }
   ) }) : "onClick" in t ? /* @__PURE__ */ e(
-    R,
+    ve,
     {
       size: "md",
-      variant: "outline",
+      variant: l,
       label: t.label,
       icon: t.icon,
       hideLabel: !0,
       onClick: t.onClick
     }
   ) : /* @__PURE__ */ e(
-    ve,
+    we,
     {
       href: t.href,
       title: t.label,
       "aria-label": t.label,
       ref: n,
       children: /* @__PURE__ */ e(
-        R,
+        ve,
         {
           size: "md",
-          variant: "outline",
+          variant: l,
           label: t.label,
           icon: t.icon,
           hideLabel: !0,
-          onClick: (l) => {
-            l.preventDefault(), n.current?.click();
+          onClick: (s) => {
+            s.preventDefault(), n.current?.click();
           }
         }
       )
@@ -1166,7 +1166,7 @@ const Pl = () => {
           }
         ) }),
         /* @__PURE__ */ e("div", { className: "flex flex-row-reverse p-3 pt-0", children: /* @__PURE__ */ e(
-          _e,
+          ve,
           {
             type: "button",
             disabled: !0,
@@ -1204,7 +1204,7 @@ const Pl = () => {
     },
     isOpen: n,
     autoClearMinutes: l
-  }), /* @__PURE__ */ e(Ee, { children: n && /* @__PURE__ */ e(
+  }), /* @__PURE__ */ e(_e, { children: n && /* @__PURE__ */ e(
     X.div,
     {
       "aria-hidden": !n,
@@ -1273,7 +1273,7 @@ const Pl = () => {
       );
     case "internal":
       return /* @__PURE__ */ e(
-        _e,
+        ve,
         {
           label: t.label || "",
           onClick: a,
@@ -1320,12 +1320,12 @@ const Pl = () => {
   };
   return t ? /* @__PURE__ */ o(Rl, { clickOutsideToClose: !0, hitEscapeToClose: !0, shortcut: "", children: [
     /* @__PURE__ */ e("div", { className: "flex items-center justify-end p-3 pb-0", children: /* @__PURE__ */ e(
-      _e,
+      ve,
       {
         variant: "ghost",
         hideLabel: !0,
         label: "",
-        icon: Ce,
+        icon: ke,
         onClick: d
       }
     ) }),
@@ -1476,10 +1476,10 @@ const Mo = H(
               }
             ),
             a && /* @__PURE__ */ e(
-              R,
+              M,
               {
                 variant: "ghost",
-                icon: Ce,
+                icon: ke,
                 size: "sm",
                 hideLabel: !0,
                 onClick: a,
@@ -1499,7 +1499,7 @@ const Mo = H(
               }
             ),
             c && /* @__PURE__ */ e("div", { className: "flex flex-row items-center justify-between gap-3 rounded-b-[13.25px] bg-f1-background px-4 py-3", children: l.map((d, f) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-              R,
+              M,
               {
                 label: d.label,
                 onClick: d.onClick,
@@ -1720,7 +1720,7 @@ const Vo = ae(
                   height: `${d.size}px`,
                   transform: `translateY(${d.start}px)`
                 },
-                children: d ? l(d) : /* @__PURE__ */ e(U, {})
+                children: d ? l(d) : /* @__PURE__ */ e(K, {})
               },
               d.key
             ))
@@ -1786,13 +1786,13 @@ const Zl = ({
   disabled: f = !1,
   hiddenAvatar: u = !1
 }) => {
-  const m = t.name.split(" "), h = m[0] || "", p = m.slice(1).join(" "), b = (w) => {
-    w.preventDefault(), w.stopPropagation(), !f && (n ? r(t) : a(t));
-  }, x = (w) => {
-    if (w.key === "Enter" || w.key === " ") {
-      if (w.preventDefault(), f) return;
+  const m = t.name.split(" "), h = m[0] || "", p = m.slice(1).join(" "), b = (y) => {
+    y.preventDefault(), y.stopPropagation(), !f && (n ? r(t) : a(t));
+  }, v = (y) => {
+    if (y.key === "Enter" || y.key === " ") {
+      if (y.preventDefault(), f) return;
       n ? n && r(t) : a(t);
-    } else w.key === "ArrowDown" ? Ye(w.currentTarget, i) : w.key === "ArrowUp" && Ze(w.currentTarget, c);
+    } else y.key === "ArrowDown" ? Ye(y.currentTarget, i) : y.key === "ArrowUp" && Ze(y.currentTarget, c);
   };
   return /* @__PURE__ */ e("div", { className: "w-full pl-1 pr-1", children: /* @__PURE__ */ o(
     "label",
@@ -1839,7 +1839,7 @@ const Zl = ({
             checked: n,
             disabled: f,
             onClick: b,
-            onKeyDown: x,
+            onKeyDown: v,
             className: g(
               "pointer-events-none ml-auto",
               d ? "opacity-0" : ""
@@ -1873,10 +1873,10 @@ const Zl = ({
   hideLine: h = !1,
   showGroupIcon: p = !1,
   singleSelector: b = !1,
-  disabled: x = !1,
-  hiddenAvatar: w = !1
+  disabled: v = !1,
+  hiddenAvatar: y = !1
 }) => {
-  const [A, z] = E(!1);
+  const [I, z] = _(!1);
   if (!t)
     return /* @__PURE__ */ e(
       Zl,
@@ -1890,33 +1890,33 @@ const Zl = ({
         singleSelector: b,
         goToFirst: f,
         goToLast: u,
-        disabled: x,
-        hiddenAvatar: w
+        disabled: v,
+        hiddenAvatar: y
       }
     );
-  const B = (L) => {
+  const R = (L) => {
     if (L.key === " ")
       L.preventDefault(), d(!n);
     else if (L.key === "Enter" && b)
       d(!n);
     else if (L.key === "Enter") {
-      if (x) return;
+      if (v) return;
       !l || s ? i(r) : l && c(r);
     } else L.key === "ArrowDown" ? Ye(L.currentTarget, f) : L.key === "ArrowUp" && Ze(L.currentTarget, u);
   }, D = () => {
-    if (A)
+    if (I)
       d(!n), z(!1);
     else {
-      if (x || b) return;
+      if (v || b) return;
       l ? c(r) : i(r);
     }
   };
   if (!r.subItems?.length) return null;
-  const _ = l || s;
-  return /* @__PURE__ */ o(U, { children: [
+  const E = l || s;
+  return /* @__PURE__ */ o(K, { children: [
     /* @__PURE__ */ o("div", { className: "flex w-full flex-row flex-wrap items-center gap-0 rounded-md border pl-2.5 pr-1", children: [
       /* @__PURE__ */ e(
-        R,
+        M,
         {
           hideLabel: !0,
           icon: n ? Ha : Ua,
@@ -1958,10 +1958,10 @@ const Zl = ({
             /* @__PURE__ */ e(
               gn,
               {
-                checked: _,
-                disabled: x,
+                checked: E,
+                disabled: v,
                 onClick: D,
-                onKeyDown: B,
+                onKeyDown: R,
                 indeterminate: s,
                 onPointerDown: (L) => {
                   L.stopPropagation(), z(!1);
@@ -1996,7 +1996,7 @@ const Vt = ({
     ),
     children: [
       /* @__PURE__ */ e(
-        R,
+        M,
         {
           hideLabel: !0,
           label: t,
@@ -2009,10 +2009,10 @@ const Vt = ({
       /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-row items-center gap-2 break-all", children: /* @__PURE__ */ e("span", { className: g("line-clamp-1"), children: t }) }) })
     ]
   }
-) }), Ae = ({ primaryAction: t, secondaryActions: n }) => {
+) }), Le = ({ primaryAction: t, secondaryActions: n }) => {
   if (!n || n.length === 0)
     return /* @__PURE__ */ e(
-      R,
+      M,
       {
         disabled: t.disabled,
         variant: t.variant,
@@ -2056,36 +2056,36 @@ const Vt = ({
 }) => {
   const u = !c && (n || a), m = t && t.length > 0;
   if (!(!i && (!c && u || m))) return null;
-  let p, b, x = d ? {
+  let p, b, v = d ? {
     label: n || "",
     onClick: d,
     variant: "outline",
     disabled: r || l
-  } : void 0, w = f ? {
+  } : void 0, y = f ? {
     label: a || "",
     onClick: f,
     variant: "ghost",
     disabled: r || !s
   } : void 0;
-  return x || (x = w, w = void 0), m && u ? (p = /* @__PURE__ */ e(
-    Ae,
+  return v || (v = y, y = void 0), m && u ? (p = /* @__PURE__ */ e(
+    Le,
     {
-      primaryAction: x,
-      secondaryActions: w ? [w] : []
+      primaryAction: v,
+      secondaryActions: y ? [y] : []
     }
   ), b = /* @__PURE__ */ e(
-    Ae,
+    Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
   )) : m ? p = /* @__PURE__ */ e(
-    Ae,
+    Le,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : u && (p = /* @__PURE__ */ e(Ae, { primaryAction: x, secondaryActions: [] }), w && (b = /* @__PURE__ */ e(Ae, { primaryAction: w, 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: [
+  ) : u && (p = /* @__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: [
     p,
     b
   ] }) });
@@ -2137,75 +2137,75 @@ const Vt = ({
   selectedEntities: h = [],
   onGroupChange: p,
   onToggleExpand: b,
-  searchPlaceholder: x,
-  selectAllLabel: w,
-  clearLabel: A,
+  searchPlaceholder: v,
+  selectAllLabel: y,
+  clearLabel: I,
   notFoundTitle: z,
-  notFoundSubtitle: B,
+  notFoundSubtitle: R,
   className: D,
-  actions: _,
+  actions: E,
   onCreate: L,
-  onCreateLabel: K,
+  onCreateLabel: U,
   singleSelector: T = !1,
-  loading: y = !1,
-  disabled: S = !1,
-  hiddenAvatar: N = !1
+  loading: w = !1,
+  disabled: k = !1,
+  hiddenAvatar: C = !1
 }) => {
-  const I = ie.useRef(null), M = q(
+  const F = ie.useRef(null), B = q(
     () => t ? n.reduce(
-      (F, Y) => F + (Y.subItems?.length ?? 0),
+      (A, Y) => A + (Y.subItems?.length ?? 0),
       0
     ) : n.length,
     [n, t]
-  ), v = Q(() => {
+  ), x = Q(() => {
     setTimeout(() => {
-      I.current?.scrollTo({ top: 0 });
+      F.current?.scrollTo({ top: 0 });
     }, Gt), setTimeout(() => {
       Array.from(
         document.querySelectorAll(Ut)
       )[0]?.focus();
     }, Ht);
-  }, []), C = Q(() => {
+  }, []), N = Q(() => {
     setTimeout(() => {
-      I.current?.scrollTo({ top: I.current?.scrollHeight });
+      F.current?.scrollTo({ top: F.current?.scrollHeight });
     }, Gt), setTimeout(() => {
-      const F = Array.from(
+      const A = Array.from(
         document.querySelectorAll(Ut)
       );
-      F[F.length - 1]?.focus();
+      A[A.length - 1]?.focus();
     }, Ht);
-  }, []), k = q(
-    () => new Map(h.map((F) => [F.id, F])),
+  }, []), S = q(
+    () => new Map(h.map((A) => [A.id, A])),
     [h]
   ), V = Q(
-    (F) => {
-      const Y = k.get(F.id);
+    (A) => {
+      const Y = S.get(A.id);
       if (!t)
         return {
           selected: !!Y,
           partialSelected: !!Y
         };
-      const J = (F.subItems ?? []).filter(
+      const J = (A.subItems ?? []).filter(
         (te) => Y?.subItems?.some(
           (fe) => fe.subId === te.subId
         )
-      ), Z = (F.subItems?.length ?? 0) === J.length, de = !Z && J.length > 0;
+      ), Z = (A.subItems?.length ?? 0) === J.length, de = !Z && J.length > 0;
       return { selected: Z, partialSelected: de };
     },
-    [t, k]
+    [t, S]
   ), re = Q(
-    (F) => {
-      if (F.index === 0 && L)
+    (A) => {
+      if (A.index === 0 && L)
         return /* @__PURE__ */ e(
           Vt,
           {
-            label: K ?? "",
+            label: U ?? "",
             onCreate: () => L?.(l),
-            goToFirst: v,
-            goToLast: C
+            goToFirst: x,
+            goToLast: N
           }
         );
-      const Y = L ? F.index - 1 : F.index, J = n[Y], { selected: Z, partialSelected: de } = V(J);
+      const Y = L ? A.index - 1 : A.index, J = n[Y], { selected: Z, partialSelected: de } = V(J);
       return /* @__PURE__ */ e(
         Pe,
         {
@@ -2220,25 +2220,25 @@ const Vt = ({
           partialSelected: de,
           showGroupIcon: ts(a, r),
           singleSelector: T,
-          goToFirst: v,
-          goToLast: C,
-          disabled: S,
-          hiddenAvatar: N
+          goToFirst: x,
+          goToLast: N,
+          disabled: k,
+          hiddenAvatar: C
         },
         J.id
       );
     },
     [
       L,
-      K,
-      S,
+      U,
+      k,
       n,
       V,
-      v,
-      C,
+      x,
+      N,
       t,
       a,
-      N,
+      C,
       i,
       s,
       b,
@@ -2246,54 +2246,54 @@ const Vt = ({
       r,
       T
     ]
-  ), le = q(() => t ? n.flatMap((F) => {
+  ), le = q(() => t ? n.flatMap((A) => {
     const Y = ze(
       h ?? [],
-      F.id
+      A.id
     );
     return [
       {
         parent: null,
         subItem: {
-          subId: F.id,
-          subName: F.name,
-          subAvatar: F.avatar,
-          expanded: F.expanded ?? Y?.expanded ?? !1,
-          subItems: F.subItems,
-          subSearchKeys: F.searchKeys
+          subId: A.id,
+          subName: A.name,
+          subAvatar: A.avatar,
+          expanded: A.expanded ?? Y?.expanded ?? !1,
+          subItems: A.subItems,
+          subSearchKeys: A.searchKeys
         }
       },
-      ...(F.subItems ?? []).map((J) => ({
+      ...(A.subItems ?? []).map((J) => ({
         parent: {
-          ...F,
-          expanded: F.expanded ?? Y?.expanded ?? !1
+          ...A,
+          expanded: A.expanded ?? Y?.expanded ?? !1
         },
         subItem: J
       }))
     ];
   }).filter(
-    (F) => (!F.parent || F.parent.expanded) && (!!F.parent || !!F.subItem.subItems && F.subItem.subItems.length > 0)
-  ) : n.map((F) => ({
+    (A) => (!A.parent || A.parent.expanded) && (!!A.parent || !!A.subItem.subItems && A.subItem.subItems.length > 0)
+  ) : n.map((A) => ({
     parent: null,
     subItem: {
-      subId: F.id,
-      subName: F.name,
-      subAvatar: F.avatar,
-      subSearchKeys: F.searchKeys
+      subId: A.id,
+      subName: A.name,
+      subAvatar: A.avatar,
+      subSearchKeys: A.searchKeys
     }
   })), [t, n, h]), P = Q(
-    (F) => {
-      if (F.index === 0 && L)
+    (A) => {
+      if (A.index === 0 && L)
         return /* @__PURE__ */ e(
           Vt,
           {
-            label: K ?? "",
+            label: U ?? "",
             onCreate: () => L?.(l),
-            goToFirst: v,
-            goToLast: C
+            goToFirst: x,
+            goToLast: N
           }
         );
-      const Y = L ? F.index - 1 : F.index, J = le[Y].parent, Z = le[Y].subItem;
+      const Y = L ? A.index - 1 : A.index, J = le[Y].parent, Z = le[Y].subItem;
       if (!J) {
         const te = {
           id: Z.subId,
@@ -2306,8 +2306,8 @@ const Vt = ({
           h,
           te.id
         ), he = (te?.subItems ?? []).filter(
-          (Fe) => fe?.subItems?.some(
-            (da) => da.subId === Fe.subId
+          (Ae) => fe?.subItems?.some(
+            (da) => da.subId === Ae.subId
           )
         ), Oe = (te.subItems?.length ?? 0) === he.length, ca = !Oe && he.length > 0;
         return /* @__PURE__ */ e(
@@ -2315,20 +2315,20 @@ const Vt = ({
           {
             groupView: !0,
             expanded: te.expanded ?? !1,
-            onExpand: (Fe) => b(te, Fe),
+            onExpand: (Ae) => b(te, Ae),
             search: l,
             entity: te,
             onSelect: s,
             onRemove: i,
             selected: Oe,
             partialSelected: ca,
-            showGroupIcon: a.find((Fe) => Fe.value === r)?.groupType === "team",
+            showGroupIcon: a.find((Ae) => Ae.value === r)?.groupType === "team",
             singleSelector: T,
-            goToFirst: v,
-            goToLast: C,
+            goToFirst: x,
+            goToLast: N,
             hideLine: Y === le.length - 1,
-            disabled: S,
-            hiddenAvatar: N
+            disabled: k,
+            hiddenAvatar: C
           }
         );
       }
@@ -2364,10 +2364,10 @@ const Vt = ({
           selected: !!de,
           partialSelected: !1,
           singleSelector: T,
-          goToFirst: v,
-          goToLast: C,
+          goToFirst: x,
+          goToLast: N,
           isChild: !0,
-          hiddenAvatar: N
+          hiddenAvatar: C
         }
       );
     },
@@ -2376,51 +2376,51 @@ const Vt = ({
       h,
       l,
       T,
-      v,
-      C,
+      x,
+      N,
       s,
       i,
       a,
-      S,
+      k,
       b,
       r,
       d,
       c,
-      N,
+      C,
       L,
-      K
+      U
     ]
-  ), [Se, Qe] = q(() => {
+  ), [Ie, Qe] = q(() => {
     if (!n.length)
       return [!1, !1];
-    let F = 0, Y = 0;
+    let A = 0, Y = 0;
     if (!t)
-      F = n.length, Y = n.reduce(
-        (de, { id: te }) => de + (k.has(te) ? 1 : 0),
+      A = n.length, Y = n.reduce(
+        (de, { id: te }) => de + (S.has(te) ? 1 : 0),
         0
       );
     else {
       const de = new Set(
-        [...k.values()].flatMap(
+        [...S.values()].flatMap(
           (te) => te.subItems?.map((fe) => fe.subId) ?? []
         )
       );
       n.forEach((te) => {
         const fe = te.subItems ?? [];
-        F += fe.length, Y += fe.filter(
+        A += fe.length, Y += fe.filter(
           (he) => de.has(he.subId)
         ).length;
       });
     }
-    const J = F > 0 && Y === F, Z = Y > 0;
+    const J = A > 0 && Y === A, Z = Y > 0;
     return [J, Z];
-  }, [n, k, t]), Ie = le.length, sa = !T && (w || A), ia = _ && _.length > 0, oa = !y && (!T && sa || ia);
+  }, [n, S, t]), Fe = le.length, sa = !T && (y || I), ia = E && E.length > 0, oa = !w && (!T && sa || ia);
   return /* @__PURE__ */ o(
     "div",
     {
       className: g(
         "flex w-full flex-col rounded-l-xl border-0",
-        T || y ? "rounded-r-xl" : "",
+        T || w ? "rounded-r-xl" : "",
         D
       ),
       children: [
@@ -2429,7 +2429,7 @@ const Vt = ({
           {
             className: g(
               "flex h-[48px] justify-between gap-2 rounded-tl-xl border-0 border-b-[1px] border-r-[1px] border-solid border-f1-border-secondary bg-f1-background/30 p-2 backdrop-blur-2xl",
-              T || y ? "rounded-t-xl border-r-0" : ""
+              T || w ? "rounded-t-xl border-r-0" : ""
             ),
             children: [
               /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
@@ -2437,9 +2437,9 @@ const Vt = ({
                 {
                   search: l,
                   onSearch: m,
-                  searchPlaceholder: x,
-                  goToFirst: v,
-                  goToLast: C
+                  searchPlaceholder: v,
+                  goToFirst: x,
+                  goToLast: N
                 }
               ) }),
               a && a.length > 1 && /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e(
@@ -2447,7 +2447,7 @@ const Vt = ({
                 {
                   label: "Group",
                   hideLabel: !0,
-                  disabled: y,
+                  disabled: w,
                   onChange: p,
                   options: a,
                   value: r,
@@ -2468,8 +2468,8 @@ const Vt = ({
               oa ? "" : "rounded-b-xl border-r-0"
             ),
             children: [
-              y && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-row items-center justify-center", children: /* @__PURE__ */ e(un, {}) }),
-              !y && !M && /* @__PURE__ */ o(
+              w && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-row items-center justify-center", children: /* @__PURE__ */ e(un, {}) }),
+              !w && !B && /* @__PURE__ */ o(
                 "div",
                 {
                   className: "absolute flex w-full flex-col items-center justify-center gap-0.5 p-5",
@@ -2478,22 +2478,22 @@ const Vt = ({
                   },
                   children: [
                     /* @__PURE__ */ e("span", { className: "text-lg font-medium", children: z }),
-                    /* @__PURE__ */ e("span", { className: "text-center text-f1-foreground-secondary", children: B })
+                    /* @__PURE__ */ e("span", { className: "text-center text-f1-foreground-secondary", children: R })
                   ]
                 }
               ),
-              !y && (!!M || L) && /* @__PURE__ */ e("div", { className: "h-full", children: t ? /* @__PURE__ */ e(
+              !w && (!!B || L) && /* @__PURE__ */ e("div", { className: "h-full", children: t ? /* @__PURE__ */ e(
                 dt,
                 {
                   height: et,
-                  itemCount: Ie + (L ? 1 : 0),
-                  itemSize: (F) => {
-                    if (F === 0 && L) return tt;
-                    const Y = L ? F - 1 : F;
+                  itemCount: Fe + (L ? 1 : 0),
+                  itemSize: (A) => {
+                    if (A === 0 && L) return tt;
+                    const Y = L ? A - 1 : A;
                     return le[Y]?.parent === null ? Ql : tt;
                   },
                   renderer: P,
-                  ref: I
+                  ref: F
                 }
               ) : /* @__PURE__ */ e(
                 dt,
@@ -2502,7 +2502,7 @@ const Vt = ({
                   itemCount: n.length + (L ? 1 : 0),
                   itemSize: tt,
                   renderer: re,
-                  ref: I
+                  ref: F
                 }
               ) })
             ]
@@ -2514,13 +2514,13 @@ const Vt = ({
             onSelectAll: u,
             onClear: f,
             singleSelector: T,
-            totalFilteredEntities: M,
-            allVisibleSelected: Se,
+            totalFilteredEntities: B,
+            allVisibleSelected: Ie,
             anyVisibleSelected: Qe,
-            selectAllLabel: w,
-            clearLabel: A,
-            disabled: S,
-            actions: _
+            selectAllLabel: y,
+            clearLabel: I,
+            disabled: k,
+            actions: E
           }
         )
       ]
@@ -2553,7 +2553,7 @@ const Vt = ({
     right: !a && /* @__PURE__ */ e(
       W,
       {
-        icon: Ce,
+        icon: ke,
         size: "sm",
         className: "cursor-pointer text-f1-icon-secondary",
         onClick: () => n?.(t)
@@ -2619,7 +2619,7 @@ const Vt = ({
                 avatar: u.subItem.subAvatar
               })
             }
-          ) : /* @__PURE__ */ e(U, {});
+          ) : /* @__PURE__ */ e(K, {});
         }
       }
     ) })
@@ -2639,21 +2639,21 @@ const Vt = ({
   onCreateLabel: m,
   ...h
 }) => {
-  const p = (s ?? Kt) < rs, b = !c && !i && !p, x = s ?? Kt, w = b ? x - qt : x;
+  const p = (s ?? Kt) < rs, b = !c && !i && !p, v = s ?? Kt, y = b ? v - qt : v;
   return /* @__PURE__ */ o(
     "div",
     {
       className: "flex overflow-hidden",
       style: {
         height: i && (!f || f.length === 0) ? "435px" : "473px",
-        width: x
+        width: v
       },
       children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "min-h-0 flex-1",
-            style: { width: w + 1 + "px" },
+            style: { width: y + 1 + "px" },
             children: /* @__PURE__ */ e(
               es,
               {
@@ -2713,21 +2713,21 @@ const Vt = ({
   hideLabel: h = !1,
   maxLength: p,
   loading: b = !1,
-  required: x = !1,
-  readonly: w = !1,
-  append: A,
+  required: v = !1,
+  readonly: y = !1,
+  append: I,
   size: z = "sm",
-  open: B
+  open: R
 }) => {
   const D = q(
     () => a.some(
       (T) => T.subItems && T.subItems.length > 0
     ),
     [a]
-  ), _ = q(() => D ? a.flatMap(
-    (T) => (T.subItems ?? []).map((y) => ({
+  ), E = q(() => D ? a.flatMap(
+    (T) => (T.subItems ?? []).map((w) => ({
       parent: T,
-      subItem: y
+      subItem: w
     }))
   ) : a.map((T) => ({
     parent: null,
@@ -2737,7 +2737,7 @@ const Vt = ({
       subAvatar: T.avatar,
       subDeactivated: T.deactivated
     }
-  })), [D, a]), L = _.length === 0 ? void 0 : _.length === 1 ? _[0].subItem.subName : _.length + " " + n, K = _.length === 1 ? _[0].subItem.subName : void 0;
+  })), [D, a]), L = E.length === 0 ? void 0 : E.length === 1 ? E[0].subItem.subName : E.length + " " + n, U = E.length === 1 ? E[0].subItem.subName : void 0;
   return /* @__PURE__ */ e(
     er,
     {
@@ -2757,17 +2757,17 @@ const Vt = ({
       value: L,
       disabled: r,
       loading: b,
-      required: x,
-      readonly: w,
+      required: v,
+      readonly: y,
       size: z,
-      avatar: l || !K ? void 0 : {
+      avatar: l || !U ? void 0 : {
         type: "person",
-        firstName: K,
+        firstName: U,
         lastName: "",
-        src: _[0].subItem.subAvatar,
-        deactivated: _[0].subItem.subDeactivated
+        src: E[0].subItem.subAvatar,
+        deactivated: E[0].subItem.subDeactivated
       },
-      append: A ?? /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(tr, { open: B, disabled: r, size: z }) }),
+      append: I ?? /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(tr, { open: R, disabled: r, size: z }) }),
       children: /* @__PURE__ */ e(
         "span",
         {
@@ -2776,14 +2776,14 @@ const Vt = ({
             "my-auto flex items-center pr-1",
             t && "text-f1-foreground-secondary",
             L && "text-f1-foreground",
-            _.length === 1 && !l || c && !L ? "pl-8" : "pl-2"
+            E.length === 1 && !l || c && !L ? "pl-8" : "pl-2"
           ),
           children: /* @__PURE__ */ e(
             me,
             {
               tag: "span",
-              className: _.length === 1 && _[0].subItem.subDeactivated ? "text-f1-foreground-disabled" : void 0,
-              children: _.length === 0 ? t ?? "" : _.length === 1 ? _[0].subItem.subName : `${_.length} ${n}`
+              className: E.length === 1 && E[0].subItem.subDeactivated ? "text-f1-foreground-disabled" : void 0,
+              children: E.length === 0 ? t ?? "" : E.length === 1 ? E[0].subItem.subName : `${E.length} ${n}`
             }
           )
         }
@@ -2791,197 +2791,197 @@ const Vt = ({
     }
   );
 }, Go = (t) => {
-  const [n, a] = E(
+  const [n, a] = _(
     (t.alwaysOpen || t.defaultOpen) ?? !1
-  ), r = (y) => {
-    a(y), t.onOpenChange?.(y);
+  ), r = (w) => {
+    a(w), t.onOpenChange?.(w);
   };
   $(() => {
     t.defaultOpen && n && t.onOpenChange?.(!0);
   }, [t.defaultOpen]);
-  const [l, s] = E(t.entities), [i, c] = E(""), [d, f] = nr("", 300), u = q(
+  const [l, s] = _(t.entities), [i, c] = _(""), [d, f] = nr("", 300), u = q(
     () => t.entities.some(
-      (y) => y.subItems && y.subItems.length > 0
+      (w) => w.subItems && w.subItems.length > 0
     ),
     [t.entities]
   ), m = Ke(ar), p = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
-  function b(y) {
+  function b(w) {
     if (t.singleSelector) {
-      t.onSelect(y), a(!1);
+      t.onSelect(w), a(!1);
       return;
     }
-    const S = t.selectedEntities ?? [], N = l.find((k) => k.id === y.id);
-    if (!N)
+    const k = t.selectedEntities ?? [], C = l.find((S) => S.id === w.id);
+    if (!C)
       return;
-    const I = new Set(
-      (N.subItems ?? []).map((k) => k.subId)
-    ), M = /* @__PURE__ */ new Set([N.id]);
-    l.forEach((k) => {
-      k.id !== N.id && (k.subItems ?? []).some(
-        (re) => I.has(re.subId)
-      ) && M.add(k.id);
+    const F = new Set(
+      (C.subItems ?? []).map((S) => S.subId)
+    ), B = /* @__PURE__ */ new Set([C.id]);
+    l.forEach((S) => {
+      S.id !== C.id && (S.subItems ?? []).some(
+        (re) => F.has(re.subId)
+      ) && B.add(S.id);
     });
-    const v = [...S];
-    function C(k) {
-      const V = v.findIndex((re) => re.id === k.id);
-      V >= 0 ? v[V] = k : v.push(k);
+    const x = [...k];
+    function N(S) {
+      const V = x.findIndex((re) => re.id === S.id);
+      V >= 0 ? x[V] = S : x.push(S);
     }
-    M.forEach((k) => {
-      const V = l.find((P) => P.id === k);
+    B.forEach((S) => {
+      const V = l.find((P) => P.id === S);
       if (!V) return;
       const re = V.subItems?.filter(
-        (P) => I.has(P.subId)
-      ) ?? [], le = v.findIndex((P) => P.id === k);
+        (P) => F.has(P.subId)
+      ) ?? [], le = x.findIndex((P) => P.id === S);
       if (le >= 0) {
-        const P = v[le].subItems ?? [], Se = new Set(P.map((Ie) => Ie.subId)), Qe = [
+        const P = x[le].subItems ?? [], Ie = new Set(P.map((Fe) => Fe.subId)), Qe = [
           ...P,
-          ...re.filter((Ie) => !Se.has(Ie.subId))
+          ...re.filter((Fe) => !Ie.has(Fe.subId))
         ];
-        C({
+        N({
           ...V,
           subItems: Qe
         });
       } else
-        C({
+        N({
           ...V,
           subItems: re
         });
-    }), t.onSelect(v);
+    }), t.onSelect(x);
   }
-  function x(y, S) {
+  function v(w, k) {
     if (t.singleSelector)
-      t.onSelect({ ...y, subItems: [{ ...S }] }), a(!1);
+      t.onSelect({ ...w, subItems: [{ ...k }] }), a(!1);
     else {
-      const N = t.selectedEntities ?? [], I = new Set(N.map((C) => C.id)), M = new Map(
-        N.map((C) => [C.id, C.subItems ?? []])
+      const C = t.selectedEntities ?? [], F = new Set(C.map((N) => N.id)), B = new Map(
+        C.map((N) => [N.id, N.subItems ?? []])
       );
-      I.add(y.id), t.entities.forEach((C) => {
-        C.subItems?.some(
-          (V) => V.subId === S.subId
-        ) && I.add(C.id);
+      F.add(w.id), t.entities.forEach((N) => {
+        N.subItems?.some(
+          (V) => V.subId === k.subId
+        ) && F.add(N.id);
       });
-      const v = [];
-      t.entities.forEach((C) => {
-        if (I.has(C.id)) {
-          let V = [...M.get(C.id) ?? []];
-          C.subItems?.some(
-            (P) => P.subId === S.subId
+      const x = [];
+      t.entities.forEach((N) => {
+        if (F.has(N.id)) {
+          let V = [...B.get(N.id) ?? []];
+          N.subItems?.some(
+            (P) => P.subId === k.subId
           ) && (V.some(
-            (Se) => Se.subId === S.subId
-          ) || V.push(S));
+            (Ie) => Ie.subId === k.subId
+          ) || V.push(k));
           const le = new Set(
-            (C.subItems ?? []).map((P) => P.subId)
+            (N.subItems ?? []).map((P) => P.subId)
           );
           V = V.filter(
             (P) => le.has(P.subId)
-          ), v.push({
-            ...C,
+          ), x.push({
+            ...N,
             subItems: V
           });
         }
-      }), t.onSelect(v);
+      }), t.onSelect(x);
     }
   }
-  function w(y) {
+  function y(w) {
     if (t.singleSelector) {
       t.onSelect(null);
       return;
     }
-    let S = [];
-    const N = t.selectedEntities ?? [];
+    let k = [];
+    const C = t.selectedEntities ?? [];
     if (u) {
-      const I = l.find(
-        (v) => v.id === y.id
+      const F = l.find(
+        (x) => x.id === w.id
       );
-      if (!I)
+      if (!F)
         return;
-      const M = new Set(
-        (I.subItems ?? []).map((v) => v.subId)
+      const B = new Set(
+        (F.subItems ?? []).map((x) => x.subId)
       );
-      for (const v of N) {
-        const C = (v.subItems ?? []).filter(
-          (k) => !M.has(k.subId)
+      for (const x of C) {
+        const N = (x.subItems ?? []).filter(
+          (S) => !B.has(S.subId)
         );
-        C.length > 0 && S.push({
-          ...v,
-          subItems: C
+        N.length > 0 && k.push({
+          ...x,
+          subItems: N
         });
       }
     } else
-      S = (N ?? []).filter((I) => I.id !== y.id);
-    t.onSelect(S);
+      k = (C ?? []).filter((F) => F.id !== w.id);
+    t.onSelect(k);
   }
-  function A(y, S) {
+  function I(w, k) {
     if (t.singleSelector) {
       t.onSelect(null);
       return;
     }
-    const N = t.selectedEntities ?? [], I = S.subId, M = [];
-    for (const v of N) {
-      const C = v.subItems?.filter((k) => k.subId !== I) ?? [];
-      C.length > 0 && M.push({
-        ...v,
-        subItems: C
+    const C = t.selectedEntities ?? [], F = k.subId, B = [];
+    for (const x of C) {
+      const N = x.subItems?.filter((S) => S.subId !== F) ?? [];
+      N.length > 0 && B.push({
+        ...x,
+        subItems: N
       });
     }
-    t.onSelect(M);
+    t.onSelect(B);
   }
   function z() {
     if (t.singleSelector) {
       t.onSelect(null);
       return;
     }
-    const y = t.selectedEntities ?? [];
-    let S = [];
+    const w = t.selectedEntities ?? [];
+    let k = [];
     if (u) {
-      const N = new Set(
+      const C = new Set(
         l.flatMap(
-          (I) => (I.subItems ?? []).map((M) => M.subId)
+          (F) => (F.subItems ?? []).map((B) => B.subId)
         )
       );
-      for (const I of y) {
-        const M = (I.subItems ?? []).filter(
-          (v) => !N.has(v.subId)
+      for (const F of w) {
+        const B = (F.subItems ?? []).filter(
+          (x) => !C.has(x.subId)
         );
-        M.length > 0 && S.push({
-          ...I,
-          subItems: M
+        B.length > 0 && k.push({
+          ...F,
+          subItems: B
         });
       }
     } else {
-      const N = new Set(
-        l.map((I) => I.id)
+      const C = new Set(
+        l.map((F) => F.id)
       );
-      S = (y ?? []).filter((I) => !N.has(I.id));
+      k = (w ?? []).filter((F) => !C.has(F.id));
     }
-    t.onSelect(S);
+    t.onSelect(k);
   }
-  function B() {
-    const y = [...t.selectedEntities ?? []];
-    l.forEach((S) => {
-      const N = y.find((I) => I.id === S.id);
-      if (!N)
-        y.push({
-          ...S,
-          subItems: S.subItems || []
+  function R() {
+    const w = [...t.selectedEntities ?? []];
+    l.forEach((k) => {
+      const C = w.find((F) => F.id === k.id);
+      if (!C)
+        w.push({
+          ...k,
+          subItems: k.subItems || []
         });
       else {
-        const I = Array.from(
+        const F = Array.from(
           /* @__PURE__ */ new Set([
-            ...N.subItems ?? [],
-            ...S.subItems ?? []
+            ...C.subItems ?? [],
+            ...k.subItems ?? []
           ])
         );
-        N.subItems = I;
+        C.subItems = F;
       }
-    }), t.singleSelector || t.onSelect(y);
+    }), t.singleSelector || t.onSelect(w);
   }
-  const D = (y) => {
-    c(y), f(y);
-  }, _ = (y, S) => {
-    t.onItemExpandedChange(y.id, S), s(
+  const D = (w) => {
+    c(w), f(w);
+  }, E = (w, k) => {
+    t.onItemExpandedChange(w.id, k), s(
       l.map(
-        (N) => N.id === y.id ? { ...N, expanded: !y.expanded } : N
+        (C) => C.id === w.id ? { ...C, expanded: !w.expanded } : C
       )
     );
   };
@@ -2991,31 +2991,31 @@ const Vt = ({
       return;
     }
     if (u && !t.applySearchToGroup) {
-      const S = t.entities.map((N) => {
-        const I = ss(N, d), M = N.subItems?.map((v) => ({
-          ...v,
+      const k = t.entities.map((C) => {
+        const F = ss(C, d), B = C.subItems?.map((x) => ({
+          ...x,
           score: je(
             d,
-            v.subSearchKeys ?? [v.subName]
+            x.subSearchKeys ?? [x.subName]
           )
-        })).filter((v) => v.score < 1 / 0).sort((v, C) => v.score - C.score);
+        })).filter((x) => x.score < 1 / 0).sort((x, N) => x.score - N.score);
         return {
-          ...N,
-          score: I,
-          expanded: N.expanded ?? (M?.length ?? 0) > 0,
-          subItems: M
+          ...C,
+          score: F,
+          expanded: C.expanded ?? (B?.length ?? 0) > 0,
+          subItems: B
         };
-      }).filter((N) => N.score < 1 / 0).sort((N, I) => N.score - I.score);
-      s(S);
+      }).filter((C) => C.score < 1 / 0).sort((C, F) => C.score - F.score);
+      s(k);
     } else {
-      const y = t.entities.map((S) => {
-        const N = je(
+      const w = t.entities.map((k) => {
+        const C = je(
           d,
-          S.searchKeys ?? [S.name]
+          k.searchKeys ?? [k.name]
         );
-        return { ...S, score: N };
-      }).filter((S) => S.score < 1 / 0).sort((S, N) => S.score - N.score);
-      s(y);
+        return { ...k, score: C };
+      }).filter((k) => k.score < 1 / 0).sort((k, C) => k.score - C.score);
+      s(w);
     }
   }, [
     d,
@@ -3024,12 +3024,12 @@ const Vt = ({
     u,
     s
   ]);
-  const L = G(null), [K, T] = E(0);
-  return En(() => {
-    const y = () => {
+  const L = G(null), [U, T] = _(0);
+  return Fn(() => {
+    const w = () => {
       L.current && T(L.current.offsetWidth);
     };
-    return y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
+    return w(), window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, []), t.alwaysOpen ? /* @__PURE__ */ e(
     "div",
     {
@@ -3047,15 +3047,15 @@ const Vt = ({
           onGroupChange: t.onGroupChange,
           selectedGroup: t.selectedGroup,
           onSelect: b,
-          onRemove: w,
-          onSubItemRemove: A,
-          onSubItemSelect: x,
+          onRemove: y,
+          onSubItemRemove: I,
+          onSubItemSelect: v,
           onClear: z,
-          onSelectAll: B,
+          onSelectAll: R,
           selectedEntities: t.selectedEntities ?? [],
           search: i,
           onSearch: D,
-          onToggleExpand: _,
+          onToggleExpand: E,
           searchPlaceholder: t.searchPlaceholder,
           selectAllLabel: t.selectAllLabel,
           clearLabel: t.clearLabel,
@@ -3064,7 +3064,7 @@ const Vt = ({
           loading: t.loading,
           notFoundTitle: t.notFoundTitle,
           notFoundSubtitle: t.notFoundSubtitle,
-          width: t.width ?? K - 2,
+          width: t.width ?? U - 2,
           disabled: t.disabled,
           hiddenAvatar: t.hiddenAvatar,
           onCreate: t.onCreate,
@@ -3122,15 +3122,15 @@ const Vt = ({
             onGroupChange: t.onGroupChange,
             selectedGroup: t.selectedGroup,
             onSelect: b,
-            onRemove: w,
-            onSubItemRemove: A,
-            onSubItemSelect: x,
+            onRemove: y,
+            onSubItemRemove: I,
+            onSubItemSelect: v,
             onClear: z,
-            onSelectAll: B,
+            onSelectAll: R,
             selectedEntities: t.selectedEntities ?? [],
             search: i,
             onSearch: D,
-            onToggleExpand: _,
+            onToggleExpand: E,
             searchPlaceholder: t.searchPlaceholder,
             selectAllLabel: t.selectAllLabel,
             clearLabel: t.clearLabel,
@@ -3197,7 +3197,7 @@ const is = ({
     onChange(h) {
       h && d?.(t);
     }
-  }), u = Dn(n, {
+  }), u = En(n, {
     yesterdayRelative: !1
   });
   return /* @__PURE__ */ o(
@@ -3276,7 +3276,7 @@ const is = ({
   onEndReached: r,
   onEndReachedItemsThreshold: l = 5
 }) => {
-  const s = se(), i = rl(t, "createdAt"), c = Object.values(i).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ir((u) => {
+  const s = se(), i = el(t, "createdAt"), c = Object.values(i).slice().flatMap((u) => u.map((m) => m.id)).slice(-l), d = ir((u) => {
     c.includes(u) && r?.();
   }, 1e3), f = ms(
     Object.entries(i).filter(([u, m]) => !!m.length)
@@ -3390,7 +3390,7 @@ function xs({
                 a ? "bottom-0.5" : "-bottom-[3px]"
               ),
               children: /* @__PURE__ */ e(
-                bn,
+                _n,
                 {
                   lastEmojiReaction: l,
                   onSelect: s,
@@ -3450,18 +3450,18 @@ const ws = ({
   typeLabel: f,
   date: u
 }) => {
-  const [m, h] = E(i), p = G(null);
+  const [m, h] = _(i), p = G(null);
   $(() => {
     h(i);
   }, [i]);
   const b = (D) => {
     h(D), c?.(D);
-  }, x = Ue(), { canvasRef: w, handleMouseEnter: A, handleMouseLeave: z } = vs(x), B = bt({
+  }, v = Ue(), { canvasRef: y, handleMouseEnter: I, handleMouseLeave: z } = vs(v), R = bt({
     emoji: ps[d],
     size: "sm"
   });
   return /* @__PURE__ */ o(
-    ve,
+    we,
     {
       href: t,
       onClick: l,
@@ -3469,13 +3469,13 @@ const ws = ({
         "relative flex flex-col rounded-xl border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary no-underline transition-shadow hover:shadow",
         ne()
       ),
-      onMouseEnter: x ? void 0 : A,
-      onMouseLeave: x ? void 0 : z,
+      onMouseEnter: v ? void 0 : I,
+      onMouseLeave: v ? void 0 : z,
       children: [
         /* @__PURE__ */ e(
           "canvas",
           {
-            ref: w,
+            ref: y,
             className: "pointer-events-none absolute inset-0 z-50 h-full w-full"
           }
         ),
@@ -3500,7 +3500,7 @@ const ws = ({
             ] }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-1.5 text-f1-foreground-secondary", children: [
               /* @__PURE__ */ e("span", { className: "truncate", children: f }),
-              /* @__PURE__ */ e("span", { className: "shrink-0 leading-none", children: B })
+              /* @__PURE__ */ e("span", { className: "shrink-0 leading-none", children: R })
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(ct, { date: u }) })
@@ -3530,13 +3530,13 @@ const ws = ({
   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(xn, { module: "kudos", size: "lg" }),
+    /* @__PURE__ */ e(bn, { 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 })
     ] })
   ] }),
-  /* @__PURE__ */ e("div", { className: "w-full sm:w-fit [&>div]:w-full", children: /* @__PURE__ */ e(R, { label: a, variant: "outline", onClick: r }) })
+  /* @__PURE__ */ e("div", { className: "w-full sm:w-fit [&>div]:w-full", children: /* @__PURE__ */ e(M, { label: a, variant: "outline", onClick: r }) })
 ] });
 function Ns({
   emoji: t,
@@ -3545,10 +3545,10 @@ function Ns({
   users: r,
   onInteraction: l
 }) {
-  const [s, i] = E(a), [c, d] = E(n), f = G(null), { fireEmojiConfetti: u } = ur(), m = (b, x) => {
-    b.stopPropagation(), d(c + (s ? -1 : 1)), i(!s), l?.(x), s || u(x, f);
+  const [s, i] = _(a), [c, d] = _(n), f = G(null), { fireEmojiConfetti: u } = ur(), m = (b, v) => {
+    b.stopPropagation(), d(c + (s ? -1 : 1)), i(!s), l?.(v), s || u(v, f);
   }, h = r?.map((b) => b.name).join(", ") || "", p = /* @__PURE__ */ e(
-    vn,
+    xn,
     {
       ref: f,
       variant: "outline",
@@ -3584,7 +3584,7 @@ function Ns({
 function Cs({ items: t, onInteraction: n, locale: a, action: r }) {
   return /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-2", children: [
     r && /* @__PURE__ */ e(
-      R,
+      M,
       {
         label: r.label,
         icon: r.icon,
@@ -3593,7 +3593,7 @@ function Cs({ items: t, onInteraction: n, locale: a, action: r }) {
         hideLabel: !0
       }
     ),
-    /* @__PURE__ */ e(bn, { onSelect: n, locale: a }),
+    /* @__PURE__ */ e(_n, { onSelect: n, locale: a }),
     t.map((l) => /* @__PURE__ */ e(
       Ns,
       {
@@ -3639,7 +3639,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
     ),
     children: t.map((a) => {
       const r = /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        Le,
+        Ee,
         {
           icon: a.icon,
           text: a.label ?? (a.description || ""),
@@ -3678,7 +3678,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
         ref: h,
         className: "relative flex flex-row items-stretch gap-2.5 overflow-hidden rounded-sm p-2",
         children: [
-          !m && /* @__PURE__ */ o(U, { children: [
+          !m && /* @__PURE__ */ o(K, { children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -3726,7 +3726,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                 /* @__PURE__ */ e("p", { className: "text-f1-foreground-secondary", children: l })
               ] }),
               /* @__PURE__ */ o("div", { className: "flex flex-row items-center", children: [
-                f && /* @__PURE__ */ o(U, { children: [
+                f && /* @__PURE__ */ o(K, { children: [
                   /* @__PURE__ */ e(ct, { date: f }),
                   /* @__PURE__ */ e(
                     W,
@@ -3761,7 +3761,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   place: a,
   date: r
 }) => {
-  let l = ll(r);
+  let l = tl(r);
   const s = (i) => {
     i.stopPropagation();
   };
@@ -3774,7 +3774,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
         onClick: s,
         children: /* @__PURE__ */ e("source", { src: n })
       }
-    ) : /* @__PURE__ */ o(U, { children: [
+    ) : /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ e(
         "img",
         {
@@ -3854,46 +3854,46 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
   comment: h,
   actions: p,
   dropdownItems: b,
-  noReactionsButton: x = !1,
-  descriptionExpandable: w = !1
+  noReactionsButton: v = !1,
+  descriptionExpandable: y = !1
 }) => {
-  const A = ot(), z = ot(), B = G(null), [D, _] = E(null), [L, K] = E(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), y = w && D?.id === t && D.description === s, S = !y, N = Dn(r), I = () => {
+  const I = ot(), z = ot(), R = G(null), [D, E] = _(null), [L, U] = _(!1), T = [f.views, f.comments].filter(Boolean).join(" · "), w = y && D?.id === t && D.description === s, k = !w, C = En(r), F = () => {
     i(t);
-  }, M = (k) => {
-    k.stopPropagation();
-  }, v = n ? `${n.firstName} ${n.lastName}` : void 0, C = (k) => {
-    k.preventDefault(), k.stopPropagation(), s && _({ id: t, description: s });
+  }, B = (S) => {
+    S.stopPropagation();
+  }, x = n ? `${n.firstName} ${n.lastName}` : void 0, N = (S) => {
+    S.preventDefault(), S.stopPropagation(), s && E({ id: t, description: s });
   };
   return $(() => {
-    y && B.current?.focus();
-  }, [y]), $(() => {
-    w || _(null);
+    w && R.current?.focus();
   }, [w]), $(() => {
-    const k = B.current;
-    if (!w || !k || y) {
-      K(!1);
+    y || E(null);
+  }, [y]), $(() => {
+    const S = R.current;
+    if (!y || !S || w) {
+      U(!1);
       return;
     }
     const V = () => {
-      K(
-        k.scrollHeight > k.clientHeight
+      U(
+        S.scrollHeight > S.clientHeight
       );
     };
     if (V(), typeof ResizeObserver > "u") return;
     const re = new ResizeObserver(V);
-    return re.observe(k), () => re.disconnect();
-  }, [w, y, s]), /* @__PURE__ */ o(
+    return re.observe(S), () => re.disconnect();
+  }, [y, w, s]), /* @__PURE__ */ o(
     "div",
     {
       className: "flex w-full cursor-pointer flex-row gap-3 rounded-xl border border-solid border-transparent p-3 pt-2 hover:bg-f1-background-hover focus:border-f1-border-secondary focus:outline focus:outline-1 focus:outline-offset-1 focus:outline-f1-border-selected-bold md:pb-4 md:pt-3",
-      onClick: I,
+      onClick: F,
       id: `community-post-${t}`,
       children: [
         /* @__PURE__ */ e("div", { className: "hidden md:block", children: n ? /* @__PURE__ */ e(
           Te,
           {
             href: n.url || "#",
-            title: v,
+            title: x,
             stopPropagation: !0,
             children: /* @__PURE__ */ e(
               ge,
@@ -3909,13 +3909,13 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
           /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-col gap-2", children: [
             /* @__PURE__ */ o("div", { className: "flex flex-row justify-between", children: [
               /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-row flex-wrap items-center gap-1", children: [
-                n ? /* @__PURE__ */ o(U, { children: [
+                n ? /* @__PURE__ */ o(K, { children: [
                   /* @__PURE__ */ e(
                     Te,
                     {
                       href: n.url,
                       className: "block md:hidden",
-                      title: v,
+                      title: x,
                       stopPropagation: !0,
                       children: /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
                         ge,
@@ -3932,10 +3932,10 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                     Te,
                     {
                       href: n.url,
-                      title: v,
+                      title: x,
                       className: "font-medium text-f1-foreground no-underline visited:text-f1-foreground",
                       stopPropagation: !0,
-                      children: v
+                      children: x
                     }
                   )
                 ] }) : /* @__PURE__ */ e("div", { className: "block md:hidden", children: /* @__PURE__ */ e(st, { icon: Lt, size: "sm" }) }),
@@ -3963,21 +3963,21 @@ const Ss = () => /* @__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: [
-                  p?.map((k) => /* @__PURE__ */ e(
-                    R,
+                  p?.map((S) => /* @__PURE__ */ e(
+                    M,
                     {
-                      hideLabel: !k.label,
-                      ...k.icon && { icon: k.icon },
+                      hideLabel: !S.label,
+                      ...S.icon && { icon: S.icon },
                       variant: "outline",
                       size: "md",
-                      onClick: k.onClick,
-                      label: k.label ?? "",
-                      title: k.label ?? ""
+                      onClick: S.onClick,
+                      label: S.label ?? "",
+                      title: S.label ?? ""
                     },
-                    k.label
+                    S.label
                   )),
                   b?.length && /* @__PURE__ */ e(
-                    Ne,
+                    Ce,
                     {
                       items: b,
                       icon: it,
@@ -3986,7 +3986,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                   )
                 ] }),
                 /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(
-                  Ne,
+                  Ce,
                   {
                     items: [
                       {
@@ -4001,12 +4001,12 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ e("span", { className: "-mt-3 text-sm text-f1-foreground-secondary", children: N }),
+            /* @__PURE__ */ e("span", { className: "-mt-3 text-sm text-f1-foreground-secondary", children: C }),
             /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-col gap-1 text-f1-foreground", children: [
               /* @__PURE__ */ e(
                 "p",
                 {
-                  id: A,
+                  id: I,
                   className: g(
                     "text-xl font-semibold",
                     "line-clamp-2 break-words"
@@ -4014,25 +4014,25 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
                   children: l
                 }
               ),
-              s && /* @__PURE__ */ o(U, { children: [
+              s && /* @__PURE__ */ o(K, { children: [
                 /* @__PURE__ */ e(
                   Kn,
                   {
-                    ref: B,
+                    ref: R,
                     id: z,
                     content: s,
-                    collapsed: S,
-                    tabIndex: y ? -1 : void 0,
-                    className: g(y && ne())
+                    collapsed: k,
+                    tabIndex: w ? -1 : void 0,
+                    className: g(w && ne())
                   }
                 ),
-                w && L && !y && /* @__PURE__ */ e(
+                y && L && !w && /* @__PURE__ */ e(
                   Ls,
                   {
-                    describedBy: A,
+                    describedBy: I,
                     controls: z,
-                    expanded: y,
-                    onClick: C
+                    expanded: w,
+                    onClick: N
                   }
                 )
               ] })
@@ -4043,10 +4043,10 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
             {
               controls: !0,
               className: "aspect-video h-full w-full bg-f1-background-secondary object-cover",
-              onClick: M,
+              onClick: B,
               children: /* @__PURE__ */ e("source", { src: c })
             }
-          ) : /* @__PURE__ */ o(U, { children: [
+          ) : /* @__PURE__ */ o(K, { children: [
             /* @__PURE__ */ e(
               "img",
               {
@@ -4060,7 +4060,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
           ] }) }),
           d && /* @__PURE__ */ e("div", { className: "w-full md:max-w-[480px]", children: /* @__PURE__ */ e(Yn, { ...d }) }),
           /* @__PURE__ */ e("p", { className: "text-f1-foreground-secondary", children: T }),
-          !x && /* @__PURE__ */ e(
+          !v && /* @__PURE__ */ e(
             ks,
             {
               items: u?.items ?? [],
@@ -4134,8 +4134,8 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               }
             ) })
           ] }),
-          "bottomTags" in a && /* @__PURE__ */ e("div", { className: "-ml-1.5 flex flex-row items-center [&>div]:-mr-1", children: a.bottomTags.map((s, i) => /* @__PURE__ */ o(U, { children: [
-            /* @__PURE__ */ e(Le, { ...s }, s.text),
+          "bottomTags" in a && /* @__PURE__ */ e("div", { className: "-ml-1.5 flex flex-row items-center [&>div]:-mr-1", children: a.bottomTags.map((s, i) => /* @__PURE__ */ o(K, { children: [
+            /* @__PURE__ */ e(Ee, { ...s }, s.text),
             i < a.bottomTags.length - 1 && /* @__PURE__ */ e("span", { children: "·" })
           ] })) }),
           "description" in a && a.description && /* @__PURE__ */ e("p", { className: "truncate text-f1-foreground-secondary", children: a.description })
@@ -4144,7 +4144,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
           "rightTag" in a && a.rightTag && /* @__PURE__ */ e(br, { ...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(
-              R,
+              M,
               {
                 variant: "outline",
                 onClick: a.actions.primary.onClick,
@@ -4153,7 +4153,7 @@ const Ss = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
               }
             ),
             a.actions?.secondary && /* @__PURE__ */ e(
-              R,
+              M,
               {
                 variant: "outline",
                 onClick: a.actions.secondary.onClick,
@@ -4206,7 +4206,7 @@ function zs({
   ai: r,
   aiPromotion: l
 }) {
-  const s = r?.enabled ? xr : l?.enabled ? Vl : el, i = r?.enabled ? r : l?.enabled ? l : void 0;
+  const s = r?.enabled ? xr : l?.enabled ? Vl : Zr, i = r?.enabled ? r : l?.enabled ? l : void 0;
   return /* @__PURE__ */ e(s, { ...i, children: /* @__PURE__ */ e(
     $s,
     {
@@ -4238,7 +4238,7 @@ function Bs(t, n, a) {
   return !n && t ? a === "hidden" : n && !t ? a !== "hidden" : !1;
 }
 function Rs(t, n) {
-  const { sidebarState: a, toggleSidebar: r } = ke(), l = G(t);
+  const { sidebarState: a, toggleSidebar: r } = Se(), l = G(t);
   $(() => {
     n && Bs(
       t,
@@ -4254,31 +4254,33 @@ function $s({
   sidebar: r,
   banner: l
 }) {
-  const { sidebarState: s, toggleSidebar: i, isSmallScreen: c, setForceFloat: d } = ke(), f = Ue(), {
+  const { sidebarState: s, toggleSidebar: i, isSmallScreen: c, setForceFloat: d } = Se(), f = Ue(), {
     open: u,
     visualizationMode: m,
     canvasContent: h,
-    chatWidth: p,
-    resizable: b
-  } = vr(), x = m === "fullscreen", w = m === "canvas", { open: A } = qe(), z = b ? p : yr, B = G(x), D = x && !B.current, _ = !x && B.current, [
-    L,
-    K
-  ] = E(!1);
+    canvasEntities: p,
+    closeCanvas: b,
+    chatWidth: v,
+    resizable: y
+  } = vr(), I = m === "fullscreen", z = m === "canvas", { open: R } = qe(), D = y ? v : wr, E = G(I), L = I && !E.current, U = !I && E.current, [
+    T,
+    w
+  ] = _(!1);
   $(() => {
-    !x && B.current && K(!0), B.current = x;
-  }, [x]);
-  const T = x || L || _, y = q(() => D ? { duration: 0.15, ease: "easeOut" } : _ ? { duration: 0.4, ease: [0.25, 0.1, 0.25, 1] } : { duration: 0 }, [D, _]), S = rt(
+    !I && E.current && w(!0), E.current = I;
+  }, [I]);
+  const k = I || T || U, C = q(() => L ? { duration: 0.15, ease: "easeOut" } : U ? { duration: 0.4, ease: [0.25, 0.1, 0.25, 1] } : { duration: 0 }, [L, U]), F = rt(
     `(max-width: ${Re.xl}px)`,
     { initializeWithValue: !0 }
-  ), N = rt(`(max-width: ${Re.md}px)`, {
+  ), B = rt(`(max-width: ${Re.md}px)`, {
     initializeWithValue: !0
   });
   return $(() => {
     d(u);
   }, [u, d]), $(() => {
-    d(A);
-  }, [A, d]), Rs(u, S), /* @__PURE__ */ e(
-    wr,
+    d(R);
+  }, [R, d]), Rs(u, F), /* @__PURE__ */ e(
+    nl,
     {
       reducedMotion: f ? "always" : "never",
       transition: {
@@ -4287,8 +4289,8 @@ function $s({
       },
       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(wn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
-          /* @__PURE__ */ e(Ee, { children: s === "unlocked" && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(vn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
+          /* @__PURE__ */ e(_e, { children: s === "unlocked" && /* @__PURE__ */ e(
             X.nav,
             {
               className: g(
@@ -4310,8 +4312,8 @@ function $s({
                 !f && "transition-all",
                 s === "locked" ? "w-[240px] shrink-0 pl-3" : "w-0"
               ),
-              ref: (I) => {
-                s === "hidden" ? I?.setAttribute("inert", "") : I?.removeAttribute("inert");
+              ref: (x) => {
+                s === "hidden" ? x?.setAttribute("inert", "") : x?.removeAttribute("inert");
               },
               children: [
                 /* @__PURE__ */ e(Ps, { contentId: "content" }),
@@ -4324,7 +4326,7 @@ function $s({
             {
               className: "relative min-w-0 flex-1",
               animate: {
-                paddingRight: u && !N ? z : 0
+                paddingRight: u && !B ? D : 0
               },
               transition: { paddingRight: Ds },
               children: [
@@ -4335,8 +4337,8 @@ function $s({
                     layoutId: "main",
                     className: g(
                       "relative z-10 flex h-full max-w-full flex-1 xs:py-1",
-                      T ? "overflow-hidden" : "overflow-auto",
-                      !u && !A && "xs:pr-1",
+                      k ? "overflow-hidden" : "overflow-auto",
+                      !u && !R && "xs:pr-1",
                       s === "locked" ? "pl-0" : "xs:pl-1"
                     ),
                     layoutDependency: s,
@@ -4345,7 +4347,7 @@ function $s({
                       {
                         className: g(
                           "flex max-w-full flex-1",
-                          T ? "overflow-hidden" : "overflow-auto"
+                          k ? "overflow-hidden" : "overflow-auto"
                         ),
                         layout: "position",
                         children: a
@@ -4353,7 +4355,7 @@ function $s({
                     )
                   }
                 ),
-                t?.enabled && w && h && /* @__PURE__ */ e(
+                t?.enabled && z && h && /* @__PURE__ */ e(
                   "div",
                   {
                     className: g(
@@ -4361,10 +4363,17 @@ function $s({
                       // mode) so the canvas card's right-side shadow paints
                       // over the chat surface instead of being clipped by it.
                       "pointer-events-none flex justify-end",
-                      N ? "fixed inset-0 z-[50]" : "absolute bottom-0 left-0 top-0 z-[21]"
+                      B ? "fixed inset-0 z-[50]" : "absolute bottom-0 left-0 top-0 z-[21]"
                     ),
-                    style: N ? void 0 : { right: z },
-                    children: /* @__PURE__ */ e(Nr, {})
+                    style: B ? void 0 : { right: D },
+                    children: /* @__PURE__ */ e(
+                      yr,
+                      {
+                        content: h,
+                        onClose: b,
+                        entities: p
+                      }
+                    )
                   }
                 ),
                 t?.enabled && /* @__PURE__ */ e(
@@ -4373,7 +4382,7 @@ function $s({
                     className: g(
                       "pointer-events-none",
                       "[&_.copilotKitSidebarContentWrapper]:relative [&_.copilotKitSidebarContentWrapper]:h-full [&_.copilotKitSidebarContentWrapper]:w-full",
-                      N ? "fixed inset-0 z-[30]" : g(
+                      B ? "fixed inset-0 z-[30]" : g(
                         "absolute right-0 top-0 bottom-0",
                         // In canvas mode the chat wrapper must sit above
                         // the CanvasPanel (z-[15]) so the ResizeHandle's
@@ -4381,18 +4390,18 @@ function $s({
                         // canvas side of the seam) can receive hover
                         // events — otherwise the canvas captures them
                         // and the handle never lights up.
-                        T || w ? "z-20" : "z-0",
-                        s === "hidden" && T ? "pl-1" : "pl-0"
+                        k || z ? "z-20" : "z-0",
+                        s === "hidden" && k ? "pl-1" : "pl-0"
                       )
                     ),
                     animate: {
-                      width: N || x ? "100%" : z
+                      width: B || I ? "100%" : D
                     },
-                    transition: y,
+                    transition: C,
                     onAnimationComplete: () => {
-                      L && K(!1);
+                      T && w(!1);
                     },
-                    children: /* @__PURE__ */ e(Cr, {})
+                    children: /* @__PURE__ */ e(Nr, {})
                   }
                 )
               ]
@@ -4423,7 +4432,7 @@ function Xn({
   period: a,
   embedded: r = !1
 }) {
-  const { sidebarState: l, toggleSidebar: s, isSmallScreen: i } = ke();
+  const { sidebarState: l, toggleSidebar: s, isSmallScreen: i } = Se();
   return /* @__PURE__ */ o(
     "div",
     {
@@ -4431,9 +4440,9 @@ function Xn({
       children: [
         /* @__PURE__ */ e("div", { className: Ws({ period: a }) }),
         n && /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between pr-6 @container", children: [
-          /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2 px-5 py-4 @5xl:px-6", children: [
+          /* @__PURE__ */ o("div", { className: "@5xl:px-page flex flex-row items-center gap-2 px-5 py-4", children: [
             (i || l === "hidden") && /* @__PURE__ */ e(
-              R,
+              M,
               {
                 variant: "ghost",
                 onClick: () => s(),
@@ -4451,7 +4460,7 @@ function Xn({
                 ),
                 children: [
                   n?.onPulseClick ? /* @__PURE__ */ e(
-                    sl,
+                    al,
                     {
                       src: n.employeeAvatar,
                       firstName: n.employeeFirstName,
@@ -4534,7 +4543,7 @@ function js({ label: t, options: n, hasNewUpdate: a }) {
         bottom: "calc(8px + env(safe-area-inset-bottom))",
         right: "calc(8px + env(safe-area-inset-right))"
       },
-      children: /* @__PURE__ */ e(Ne, { items: Ms(n), children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ e(Ce, { items: Ms(n), children: /* @__PURE__ */ o(
         "button",
         {
           className: g(
@@ -4543,7 +4552,7 @@ function js({ label: t, options: n, hasNewUpdate: a }) {
           ),
           "aria-label": t,
           children: [
-            /* @__PURE__ */ e(W, { icon: yn, size: "sm" }),
+            /* @__PURE__ */ e(W, { icon: wn, 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" })
           ]
         }
@@ -4558,7 +4567,10 @@ function Jn({ children: t, header: n, embedded: a = !1 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: `flex min-h-full w-full flex-col overflow-hidden ${a ? "" : "xs:rounded-xl"} bg-f1-special-page ring-1 ring-inset ring-f1-border-secondary`,
+      className: g(
+        "flex min-h-full w-full flex-col overflow-hidden bg-f1-special-page ring-1 ring-inset ring-f1-border-secondary",
+        !a && "xs:rounded-xl"
+      ),
       children: [
         n && /* @__PURE__ */ e("div", { className: "flex flex-col", children: n }),
         /* @__PURE__ */ e("div", { className: "isolate flex w-full flex-1 flex-col overflow-auto [&>*]:flex-1", children: t })
@@ -4613,7 +4625,7 @@ const Gs = ({
   children: r,
   additionalOptions: l = []
 }) => {
-  const s = se(), [i, c] = E(!1), d = q(
+  const s = se(), [i, c] = _(!1), d = q(
     () => [
       ...t.map((u) => ({
         value: u.id,
@@ -4685,12 +4697,12 @@ const Gs = ({
     ),
     children: [
       /* @__PURE__ */ e(
-        kr,
+        Cr,
         {
           name: t?.name?.[0],
           src: t?.logo,
           size: "sm",
-          badge: n ? { icon: Nn, type: "highlight" } : void 0
+          badge: n ? { icon: yn, type: "highlight" } : void 0
         }
       ),
       /* @__PURE__ */ e(me, { tag: "span", children: t?.name ?? "" })
@@ -4708,7 +4720,7 @@ function ec({
 }) {
   const c = se();
   return /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between gap-1 p-3", children: [
-    /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Ne, { items: n, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Ce, { items: n, children: /* @__PURE__ */ o(
       "button",
       {
         className: g(
@@ -4732,7 +4744,7 @@ function ec({
     ) }) }),
     a && /* @__PURE__ */ e(be, { label: c.notifications, shortcut: r, children: /* @__PURE__ */ o("div", { className: "relative", children: [
       /* @__PURE__ */ e(
-        R,
+        M,
         {
           icon: pn,
           label: c.notifications,
@@ -4741,7 +4753,7 @@ function ec({
           hideLabel: !0
         }
       ),
-      i && /* @__PURE__ */ e("div", { className: "absolute -right-1 -top-1 rounded-full bg-f1-background", children: /* @__PURE__ */ e(Sr, { type: "highlight", size: "sm", icon: Nn }) })
+      i && /* @__PURE__ */ e("div", { className: "absolute -right-1 -top-1 rounded-full bg-f1-background", children: /* @__PURE__ */ e(kr, { type: "highlight", size: "sm", icon: yn }) })
     ] }) })
   ] });
 }
@@ -4801,11 +4813,11 @@ function Hs({ isExpanded: t }) {
   );
 }
 function Us() {
-  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = ke(), l = G(null);
+  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = Se(), l = G(null);
   return $(() => {
     t === "hidden" && n === "locked" && l.current?.focus();
   }, [t, n]), /* @__PURE__ */ o(
-    vn,
+    xn,
     {
       variant: "ghost",
       size: "md",
@@ -4817,7 +4829,7 @@ function Us() {
       "aria-label": "Close Sidebar",
       children: [
         /* @__PURE__ */ e("div", { className: g("hidden", { flex: !r }), children: /* @__PURE__ */ e(Hs, { isExpanded: n === "locked" }) }),
-        /* @__PURE__ */ e("div", { className: g("hidden", { flex: r }), children: /* @__PURE__ */ e(W, { icon: Ce, size: "md" }) })
+        /* @__PURE__ */ e("div", { className: g("hidden", { flex: r }), children: /* @__PURE__ */ e(W, { icon: ke, size: "md" }) })
       ]
     }
   );
@@ -4846,14 +4858,14 @@ function tc({
   ] });
 }
 function Ks() {
-  const [t, n] = E(!1);
+  const [t, n] = _(!1);
   return $(() => {
     n(window.matchMedia("(pointer: coarse)").matches);
   }, []), t;
 }
 const Qn = Nt(void 0);
 function qs({ children: t }) {
-  const [n, a] = E(!1), [r, l] = E(null);
+  const [n, a] = _(!1), [r, l] = _(null);
   return /* @__PURE__ */ e(
     Qn.Provider,
     {
@@ -4890,7 +4902,7 @@ const Ys = ({
 ] }), Zs = ({ item: t }) => {
   const { isActive: n } = gt(), { label: a, icon: r, ...l } = t, s = n(l.href, { exact: l.exactMatch });
   return /* @__PURE__ */ e(
-    ve,
+    we,
     {
       ...l,
       className: g(
@@ -4912,40 +4924,40 @@ const Ys = ({
   onReorderFinish: c,
   isSortable: d = !0
 }) => {
-  const f = se(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: p } = It(), { isActive: b } = gt(), x = b(t.href, { exact: t.exactMatch }), w = G(!1), [A, z] = E(!1), B = l === 0, D = l === s - 1, _ = s === 1, L = q(() => {
-    const I = [];
-    return !_ && !B && I.push({
+  const f = se(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: p } = It(), { isActive: b } = gt(), v = b(t.href, { exact: t.exactMatch }), y = G(!1), [I, z] = _(!1), R = l === 0, D = l === s - 1, E = s === 1, L = q(() => {
+    const F = [];
+    return !E && !R && F.push({
       label: f.actions.moveUp,
       onClick: () => i?.(l, l - 1),
-      icon: Ir
-    }), !_ && !D && I.push({
+      icon: Sr
+    }), !E && !D && F.push({
       label: f.actions.moveDown,
       onClick: () => i?.(l, l + 1),
-      icon: Fr
-    }), I.length > 0 && I.push({ type: "separator" }), I.push({
+      icon: Ir
+    }), F.length > 0 && F.push({ type: "separator" }), F.push({
       label: f.favorites.remove,
       onClick: () => r?.(t),
-      icon: Ar,
+      icon: Fr,
       critical: !0
-    }), I;
-  }, [_, B, D, f, i, l, r, t]), K = () => {
-    m(!0), z(!1), p(t.href || null), w.current = !0;
+    }), F;
+  }, [E, R, D, f, i, l, r, t]), U = () => {
+    m(!0), z(!1), p(t.href || null), y.current = !0;
   }, T = () => {
     m(!1), p(null), c(), setTimeout(() => {
-      w.current = !1;
+      y.current = !1;
     }, 0);
-  }, y = u && h === t.href, S = q(
+  }, w = u && h === t.href, k = q(
     () => g(
       "group relative cursor-pointer select-none list-none rounded backdrop-blur-sm active:cursor-grabbing",
       d && "touch-none",
-      x ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary",
-      A && "bg-f1-background-secondary",
-      y && "bg-f1-background-secondary"
+      v ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary",
+      I && "bg-f1-background-secondary",
+      w && "bg-f1-background-secondary"
     ),
-    [x, A, y, d]
-  ), N = q(() => /* @__PURE__ */ o(U, { children: [
+    [v, I, w, d]
+  ), C = q(() => /* @__PURE__ */ o(K, { children: [
     /* @__PURE__ */ e("div", { className: "flex w-full items-center justify-between px-1.5 py-1.5", children: /* @__PURE__ */ e(Qs, { tooltip: n, children: /* @__PURE__ */ o(
-      ve,
+      we,
       {
         onClick: t.onClick,
         href: t.href,
@@ -4953,7 +4965,7 @@ const Ys = ({
         className: g(
           // w-[calc(100%-24px-2px)] - here 24px is the size of the dropdown button and 2 px is the gap
           "flex w-[calc(100%-24px-2px)] items-center gap-1.5 no-underline",
-          y && "pointer-events-none"
+          w && "pointer-events-none"
         ),
         draggable: !1,
         children: [
@@ -4964,10 +4976,10 @@ const Ys = ({
               size: "md",
               className: g(
                 "transition-colors",
-                x ? "text-f1-icon-bold" : "text-f1-icon"
+                v ? "text-f1-icon-bold" : "text-f1-icon"
               )
             }
-          ) : t.avatar ? /* @__PURE__ */ e(Lr, { size: "xs", avatar: t.avatar }) : null,
+          ) : t.avatar ? /* @__PURE__ */ e(Ar, { size: "xs", avatar: t.avatar }) : null,
           /* @__PURE__ */ e(
             me,
             {
@@ -4986,13 +4998,13 @@ const Ys = ({
       {
         className: g(
           "absolute inset-y-1 right-1 z-10 flex h-6 w-6 items-center justify-center rounded-sm opacity-0 transition-opacity duration-100 hover:bg-f1-background-secondary group-hover:opacity-100",
-          A && "bg-f1-background-secondary opacity-100",
-          y && "opacity-100"
+          I && "bg-f1-background-secondary opacity-100",
+          w && "opacity-100"
         ),
         children: /* @__PURE__ */ e(
-          Ne,
+          Ce,
           {
-            open: A,
+            open: I,
             onOpenChange: z,
             items: L,
             children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", role: "list", children: /* @__PURE__ */ e(W, { icon: it, size: "sm" }) })
@@ -5000,23 +5012,23 @@ const Ys = ({
         )
       }
     )
-  ] }), [t, x, A, y, L, n]);
+  ] }), [t, v, I, w, L, n]);
   return d ? /* @__PURE__ */ e(
-    Cn,
+    On,
     {
       value: t,
       drag: "y",
       dragConstraints: a,
       dragElastic: 0.1,
-      onDragStart: K,
+      onDragStart: U,
       onDragEnd: T,
-      className: S,
+      className: k,
       whileDrag: {
         scale: 1.05
       },
-      children: N
+      children: C
     }
-  ) : /* @__PURE__ */ e("div", { className: S, children: N });
+  ) : /* @__PURE__ */ e("div", { className: k, children: C });
 }, ea = ({
   title: t,
   isOpen: n = !0,
@@ -5026,12 +5038,12 @@ const Ys = ({
   isDragging: s,
   wasDragging: i
 }) => {
-  const [c, d] = E(n), f = Ue(), u = () => {
+  const [c, d] = _(n), f = Ue(), u = () => {
     if (s || i?.current) return;
     const m = !c;
     d(m), r?.(m);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(_r, { open: c, children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ o(Lr, { open: c, children: [
     /* @__PURE__ */ e("div", { className: "group relative flex items-center", children: /* @__PURE__ */ o(
       "div",
       {
@@ -5067,7 +5079,7 @@ const Ys = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ e(Or, { forceMount: !0, className: "flex flex-col gap-1", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Er, { forceMount: !0, className: "flex flex-col gap-1", children: /* @__PURE__ */ e(
       X.div,
       {
         initial: !1,
@@ -5092,7 +5104,7 @@ const Ys = ({
   onDragEnd: l,
   currentOrder: s
 }) => {
-  const { isDragging: i, setIsDragging: c } = It(), d = G(!1), f = Er(), u = () => {
+  const { isDragging: i, setIsDragging: c } = It(), d = G(!1), f = rl(), u = () => {
     c(!0), d.current = !0;
   }, m = () => {
     c(!1), setTimeout(() => {
@@ -5116,13 +5128,13 @@ const Ys = ({
             "flex flex-col gap-0.5",
             i && !d.current && "pointer-events-none"
           ),
-          children: t.items.map((b, x) => /* @__PURE__ */ e(Zs, { item: b }, x))
+          children: t.items.map((b, v) => /* @__PURE__ */ e(Zs, { item: b }, v))
         }
       )
     }
   );
   return n ? /* @__PURE__ */ e(
-    Cn,
+    On,
     {
       id: t.id,
       value: t,
@@ -5169,9 +5181,9 @@ function nc({
 }) {
   const s = G(null), i = t.filter(
     (b) => b.isSortable === !1
-  ), [c, d] = E(
+  ), [c, d] = _(
     t.filter((b) => b.isSortable !== !1)
-  ), [f, u] = E(0), m = Q((b) => {
+  ), [f, u] = _(0), m = Q((b) => {
     d(b);
   }, []), h = Q(
     (b) => {
@@ -5179,7 +5191,7 @@ function nc({
     },
     [a]
   ), p = Ks();
-  return /* @__PURE__ */ e(qs, { children: /* @__PURE__ */ e(wn, { id: "sidebar-menu", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(qs, { children: /* @__PURE__ */ e(vn, { id: "sidebar-menu", children: /* @__PURE__ */ e(
     Js,
     {
       disableDragging: p,
@@ -5208,82 +5220,82 @@ function Js({
   forceUpdate: d,
   disableDragging: f = !1
 }) {
-  const u = se(), { isDragging: m } = It(), h = t.some((v) => v.isRoot), p = t.filter((v) => !v.isRoot).length > 0, b = n.length > 0, x = G(null), [w, A] = E(i), z = i.length > 0;
+  const u = se(), { isDragging: m } = It(), h = t.some((x) => x.isRoot), p = t.filter((x) => !x.isRoot).length > 0, b = n.length > 0, v = G(null), [y, I] = _(i), z = i.length > 0;
   $(() => {
-    JSON.stringify(i) !== JSON.stringify(w) && A(i);
+    JSON.stringify(i) !== JSON.stringify(y) && I(i);
   }, [i]);
-  const B = (v) => {
-    A(v);
+  const R = (x) => {
+    I(x);
   }, D = Q(
-    (v) => {
-      const C = w.filter((k) => k.href !== v.href);
-      A(C), c?.(C);
+    (x) => {
+      const N = y.filter((S) => S.href !== x.href);
+      I(N), c?.(N);
     },
-    [w, c]
-  ), _ = Q(
-    (v, C) => {
-      if (C < 0 || C >= w.length) return;
-      const k = [...w], [V] = k.splice(v, 1);
-      k.splice(C, 0, V), A(k), c?.(k);
+    [y, c]
+  ), E = Q(
+    (x, N) => {
+      if (N < 0 || N >= y.length) return;
+      const S = [...y], [V] = S.splice(x, 1);
+      S.splice(N, 0, V), I(S), c?.(S);
     },
-    [w, c]
-  ), [L, K] = E(!1), T = G(null);
+    [y, c]
+  ), [L, U] = _(!1), T = G(null);
   $(() => {
-    n.length > 0 && !L && (a([...n]), K(!0));
+    n.length > 0 && !L && (a([...n]), U(!0));
   }, [n, a, L]), $(() => {
-    const v = () => {
+    const x = () => {
       T.current !== null && window.clearTimeout(T.current), T.current = window.setTimeout(() => {
         r.current && n.length > 0 && d();
       }, 50);
     };
-    return window.addEventListener("resize", v), () => {
-      window.removeEventListener("resize", v), T.current !== null && window.clearTimeout(T.current);
+    return window.addEventListener("resize", x), () => {
+      window.removeEventListener("resize", x), T.current !== null && window.clearTimeout(T.current);
     };
   }, [r, n, d]);
-  const y = "flex flex-col gap-0.5", S = q(
-    () => w.reduce(
-      (v, C, k) => (C.label in v || (v[C.label] = []), v[C.label].push(k), v),
+  const w = "flex flex-col gap-0.5", k = q(
+    () => y.reduce(
+      (x, N, S) => (N.label in x || (x[N.label] = []), x[N.label].push(S), x),
       {}
     ),
-    [w]
-  ), N = q(
-    () => z && w.map((v, C) => /* @__PURE__ */ e(
+    [y]
+  ), C = q(
+    () => z && y.map((x, N) => /* @__PURE__ */ e(
       Xs,
       {
         isSortable: !f,
-        tooltip: (S[v.label] ?? []).length > 1 ? v.tooltip : void 0,
-        item: v,
-        dragConstraints: x,
+        tooltip: (k[x.label] ?? []).length > 1 ? x.tooltip : void 0,
+        item: x,
+        dragConstraints: v,
         onRemove: D,
-        index: C,
-        total: w.length,
-        onMove: _,
+        index: N,
+        total: y.length,
+        onMove: E,
         onReorderFinish: () => {
-          c?.(w);
+          c?.(y);
         }
       },
-      `${v.href}-${v.label}`
+      `${x.href}-${x.label}`
     )),
     [
       z,
-      w,
-      S,
+      y,
+      k,
       D,
-      _,
+      E,
       c,
       f
     ]
-  ), I = "flex flex-col gap-3", M = q(() => n.map((v) => /* @__PURE__ */ e(
+  ), F = "flex flex-col gap-3", B = q(() => n.map((x) => /* @__PURE__ */ e(
     nt,
     {
-      category: v,
+      category: x,
       isSortable: !f,
       dragConstraints: r,
       onCollapse: l,
       onDragEnd: s,
       currentOrder: n
     },
-    v.id
+    x.id
   )), [n, f, r, l, s]);
   return /* @__PURE__ */ o(
     "div",
@@ -5293,31 +5305,31 @@ function Js({
         m && "cursor-grabbing [&_*]:cursor-grabbing"
       ),
       children: [
-        h && /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((v) => v.isRoot).map((v, C) => /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((x) => x.isRoot).map((x, N) => /* @__PURE__ */ e(
           nt,
           {
-            category: v,
+            category: x,
             onCollapse: l
           },
-          `fixed-${C}`
+          `fixed-${N}`
         )) }),
-        z && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: /* @__PURE__ */ e(ea, { title: u.favorites.favorites, children: /* @__PURE__ */ e("div", { ref: x, children: f ? /* @__PURE__ */ e("div", { className: y, children: N }) : /* @__PURE__ */ e(
-          Et,
+        z && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: /* @__PURE__ */ e(ea, { title: u.favorites.favorites, children: /* @__PURE__ */ e("div", { ref: v, children: f ? /* @__PURE__ */ e("div", { className: w, children: C }) : /* @__PURE__ */ e(
+          Dt,
           {
             axis: "y",
-            values: w,
-            onReorder: B,
-            className: y,
-            children: N
+            values: y,
+            onReorder: R,
+            className: w,
+            children: C
           }
         ) }) }) }),
-        p && /* @__PURE__ */ e("div", { className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3", children: t.filter((v) => !v.isRoot).map((v, C) => /* @__PURE__ */ e(
+        p && /* @__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: v,
+            category: x,
             onCollapse: l
           },
-          `fixed-${C}`
+          `fixed-${N}`
         )) }),
         b && /* @__PURE__ */ e(
           "div",
@@ -5326,15 +5338,15 @@ function Js({
               "mt-3 flex w-full flex-col gap-3 bg-transparent px-3 [&_li]:list-none"
             ),
             ref: r,
-            children: f ? /* @__PURE__ */ e("div", { className: I, children: M }) : /* @__PURE__ */ e(
-              Et,
+            children: f ? /* @__PURE__ */ e("div", { className: F, children: B }) : /* @__PURE__ */ e(
+              Dt,
               {
                 axis: "y",
                 values: n,
                 onReorder: a,
                 layoutScroll: !0,
-                className: I,
-                children: M
+                className: F,
+                children: B
               }
             )
           }
@@ -5365,10 +5377,10 @@ function ac({
       ...r,
       children: [
         /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ e(W, { icon: Dr, size: "md" }),
+          /* @__PURE__ */ e(W, { icon: _r, size: "md" }),
           /* @__PURE__ */ e("span", { children: n })
         ] }),
-        /* @__PURE__ */ e("div", { className: "hidden xs:block", children: /* @__PURE__ */ e(Tr, { keys: a }) })
+        /* @__PURE__ */ e("div", { className: "hidden xs:block", children: /* @__PURE__ */ e(Or, { keys: a }) })
       ]
     }
   ) });
@@ -5400,7 +5412,7 @@ function ei({
   footer: a,
   onFooterDropdownClick: r
 }) {
-  const { sidebarState: l, isSmallScreen: s } = ke(), i = Ue(), [c, d] = lt({ threshold: 1 }), [f, u] = lt({ threshold: 1 }), m = se(), h = {
+  const { sidebarState: l, isSmallScreen: s } = Se(), i = Ue(), [c, d] = lt({ threshold: 1 }), [f, u] = lt({ threshold: 1 }), m = se(), h = {
     x: {
       ease: l !== "locked" ? s ? [0.25, 0.46, 0.45, 0.94] : [0.175, 0.885, 0.32, 1.1] : [0, 0, 0.58, 1],
       duration: i ? 0 : l !== "locked" && !s ? 0.3 : 0.2
@@ -5408,7 +5420,7 @@ function ei({
     top: { duration: i ? 0 : 0.1 },
     left: { duration: i ? 0 : 0.1 },
     default: { duration: i ? 0 : 0.2 }
-  }, p = () => a ? tl(a) && r ? _n(
+  }, p = () => a ? Xr(a) && r ? An(
     a,
     {
       onDropdownClick: r
@@ -5459,7 +5471,7 @@ function ei({
               "bottom-ref"
             )
           ] }),
-          /* @__PURE__ */ o(Ee, { children: [
+          /* @__PURE__ */ o(_e, { children: [
             !d && /* @__PURE__ */ e(Qt, { position: "top" }, "shadow-scroll-top"),
             !u && /* @__PURE__ */ e(Qt, { position: "bottom" }, "shadow-scroll-bottom")
           ] })
@@ -5481,12 +5493,12 @@ const rc = ae(ei), ti = {
     size: "sm"
   },
   rejected: {
-    icon: Ce,
+    icon: ke,
     type: "critical",
     size: "sm"
   }
 }, ni = {
-  icon: yn,
+  icon: wn,
   type: "neutral",
   size: "sm"
 }, ai = {
@@ -5527,7 +5539,7 @@ const li = ({
       ] }),
       /* @__PURE__ */ e($e, { text: i, variant: ti[a] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(kn, { avatars: c, layout: "fill", type: "person", size: "md" }) })
+    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(Nn, { avatars: c, layout: "fill", type: "person", size: "md" }) })
   ] });
 }, si = ({ steps: t }) => {
   const a = se().approvals.history, r = t.findIndex((l) => l.status === "pending");
@@ -5547,7 +5559,7 @@ const li = ({
         ),
         s !== t.length - 1 && /* @__PURE__ */ e("div", { className: "h-[96px] w-px bg-f1-border-secondary" })
       ] }, l.title)) }),
-      /* @__PURE__ */ e("div", { className: "flex w-full flex-col rounded-xl border border-solid border-f1-border", children: t.map((l, s) => /* @__PURE__ */ o(U, { children: [
+      /* @__PURE__ */ e("div", { className: "flex w-full flex-col rounded-xl border border-solid border-f1-border", children: t.map((l, s) => /* @__PURE__ */ o(K, { children: [
         /* @__PURE__ */ e(
           li,
           {
@@ -5712,7 +5724,7 @@ const li = ({
   height: h,
   width: p,
   ...b
-}, x) {
+}, v) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5733,7 +5745,7 @@ const li = ({
         }),
         n
       ),
-      ref: x,
+      ref: v,
       ...b
     }
   );
@@ -5796,7 +5808,7 @@ const li = ({
   },
   oi
 ), hi = ({ children: t }) => {
-  const { enabled: n } = Sn();
+  const { enabled: n } = Dn();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5820,7 +5832,7 @@ const li = ({
     }
   );
 }, gi = () => /* @__PURE__ */ e("div", { className: "min-h-[0.15rem] min-w-[0.15rem] rounded-full bg-f1-foreground-secondary" }), pi = j(function({ header: n, children: a, action: r, summaries: l, alert: s, status: i, fullHeight: c = !1 }, d) {
-  const { enabled: f, toggle: u } = Sn();
+  const { enabled: f, toggle: u } = Dn();
   $(() => {
     if (s && i)
       throw Error(
@@ -5845,12 +5857,12 @@ const li = ({
               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(gi, {}),
-                /* @__PURE__ */ e(In, { className: "truncate", children: n.subtitle })
+                /* @__PURE__ */ e(Cn, { className: "truncate", children: n.subtitle })
               ] }),
               n.info && /* @__PURE__ */ e(be, { label: n.info, children: /* @__PURE__ */ e(
                 W,
                 {
-                  icon: Fn,
+                  icon: kn,
                   size: "sm",
                   className: "text-f1-foreground-secondary"
                 }
@@ -5858,10 +5870,10 @@ const li = ({
               n.count && /* @__PURE__ */ e("div", { className: "ml-0.5", children: /* @__PURE__ */ e(He, { value: n.count }) })
             ] }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-3", children: [
-              s && /* @__PURE__ */ e(An, { text: s, level: "critical" }),
+              s && /* @__PURE__ */ e(Sn, { text: s, level: "critical" }),
               i && /* @__PURE__ */ e($e, { text: i.text, variant: i.variant }),
               n.link && /* @__PURE__ */ e(
-                zr,
+                Dr,
                 {
                   onClick: h,
                   href: n.link.url,
@@ -5872,11 +5884,11 @@ const li = ({
             ] })
           ] }),
           n.comment && /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-3 overflow-visible", children: [
-            /* @__PURE__ */ e(hi, { children: /* @__PURE__ */ e(Pr, { children: n.comment }) }),
+            /* @__PURE__ */ e(hi, { children: /* @__PURE__ */ e(Tr, { children: n.comment }) }),
             !!n.canBeBlurred && /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-              R,
+              M,
               {
-                icon: f ? Br : Rr,
+                icon: f ? zr : Pr,
                 hideLabel: !0,
                 label: "hide/show",
                 variant: "outline",
@@ -5896,11 +5908,11 @@ const li = ({
             ] })
           ] }, b)) }),
           ie.Children.toArray(a).filter(m).map((p, b) => /* @__PURE__ */ o(ie.Fragment, { children: [
-            b > 0 && /* @__PURE__ */ e($r, { bare: !0 }),
+            b > 0 && /* @__PURE__ */ e(ll, { bare: !0 }),
             p
           ] }, b))
         ] }),
-        r && /* @__PURE__ */ e(Wr, { children: /* @__PURE__ */ e(R, { variant: "neutral", size: "sm", ...r }) })
+        r && /* @__PURE__ */ e(Br, { children: /* @__PURE__ */ e(M, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
@@ -5932,7 +5944,7 @@ const li = ({
               "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(In, { children: n.subtitle })
+                n?.subtitle && /* @__PURE__ */ e(Cn, { children: n.subtitle })
               ]
             }
           ) }),
@@ -5954,14 +5966,14 @@ const li = ({
       }
     );
   }
-), ye = ae(
+), Ne = ae(
   H("Widget", ee(pi, xi))
 ), ce = Object.assign(
   j(function({ chart: n, summaries: a, ...r }, l) {
-    return /* @__PURE__ */ e(ye, { ref: l, ...r, summaries: a, children: n && /* @__PURE__ */ e("div", { className: "min-h-52 min-w-52 grow pt-2", children: n }) });
+    return /* @__PURE__ */ e(Ne, { ref: l, ...r, summaries: a, children: n && /* @__PURE__ */ e("div", { className: "min-h-52 min-w-52 grow pt-2", children: n }) });
   }),
   {
-    Skeleton: ye.Skeleton
+    Skeleton: Ne.Skeleton
   }
 ), vi = ee(
   j(function({ canBeBlurred: n, ...a }, r) {
@@ -5980,7 +5992,7 @@ const li = ({
       {
         ref: r,
         ...l,
-        chart: /* @__PURE__ */ e(il, { ...s, canBeBlurred: n })
+        chart: /* @__PURE__ */ e(sl, { ...s, canBeBlurred: n })
       }
     );
   }),
@@ -5994,7 +6006,7 @@ const li = ({
     {
       ref: a,
       ...n,
-      chart: /* @__PURE__ */ e(ol, { yAxis: { hide: !0 }, ...n.chart })
+      chart: /* @__PURE__ */ e(il, { yAxis: { hide: !0 }, ...n.chart })
     }
   );
 }), Ni = H(
@@ -6008,7 +6020,7 @@ const li = ({
         {
           ref: a,
           ...n,
-          chart: /* @__PURE__ */ e(cl, { yAxis: { hide: !0 }, ...n.chart })
+          chart: /* @__PURE__ */ e(ol, { yAxis: { hide: !0 }, ...n.chart })
         }
       );
     }
@@ -6025,7 +6037,7 @@ const li = ({
         {
           ref: a,
           ...n,
-          chart: /* @__PURE__ */ e(dl, { ...n.chart })
+          chart: /* @__PURE__ */ e(cl, { ...n.chart })
         }
       );
     }
@@ -6052,7 +6064,7 @@ const li = ({
         {
           ref: a,
           ...n,
-          chart: /* @__PURE__ */ e(ul, { xAxis: { hide: !0 }, ...n.chart })
+          chart: /* @__PURE__ */ e(dl, { xAxis: { hide: !0 }, ...n.chart })
         }
       );
     }
@@ -6422,7 +6434,7 @@ const li = ({
             /* @__PURE__ */ o("div", { className: "relative flex min-h-28 flex-1 flex-col items-start gap-5", children: [
               /* @__PURE__ */ e("p", { className: "flex w-3/4 text-xl font-semibold", children: a }),
               r && /* @__PURE__ */ e(
-                R,
+                M,
                 {
                   label: r,
                   icon: l,
@@ -6440,11 +6452,11 @@ const li = ({
   H("ChartWidgetEmptyState", $i)
 );
 function Wi(t, n) {
-  const a = G(null), r = G(null), [l, s] = E({
+  const a = G(null), r = G(null), [l, s] = _({
     visibleItems: [],
     overflowItems: []
   });
-  Mr({
+  Rr({
     ref: a,
     onResize: () => {
       f();
@@ -6465,9 +6477,9 @@ function Wi(t, n) {
     (u, m) => {
       let h = 0, p = 0;
       for (let b = 0; b < u.length; b++) {
-        const x = p + u[b];
-        if (x > m + 30) break;
-        p = x, p = i(
+        const v = p + u[b];
+        if (v > m + 30) break;
+        p = v, p = i(
           p,
           b,
           u.length
@@ -6675,14 +6687,14 @@ function vc({
       withEmoji: "emoji" in c && !!c.emoji,
       withPointerCursor: s,
       children: [
-        "alert" in c && c.alert && /* @__PURE__ */ e(jr, { type: c.alert }),
-        "emoji" in c && c.emoji && /* @__PURE__ */ e(Vr, { emoji: c.emoji }),
+        "alert" in c && c.alert && /* @__PURE__ */ e($r, { type: c.alert }),
+        "emoji" in c && c.emoji && /* @__PURE__ */ e(Wr, { 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(
-          kn,
+          Nn,
           {
             avatars: r,
             remainingCount: l,
@@ -6709,7 +6721,7 @@ function nn({
   return /* @__PURE__ */ o(Gi, { onClick: (c) => {
     c.preventDefault(), r?.(t);
   }, className: s, children: [
-    /* @__PURE__ */ e(xn, { module: l ?? "inbox", size: "md" }),
+    /* @__PURE__ */ e(bn, { 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 })
@@ -6756,8 +6768,8 @@ function ht({
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
-      a && /* @__PURE__ */ e(An, { ...a }),
-      r && /* @__PURE__ */ e(Le, { ...r }),
+      a && /* @__PURE__ */ e(Sn, { ...a }),
+      r && /* @__PURE__ */ e(Ee, { ...r }),
       !!l && /* @__PURE__ */ e(He, { value: l })
     ] })
   ] });
@@ -6811,7 +6823,7 @@ const Ui = ({ title: t, info: n }) => /* @__PURE__ */ o("div", { className: "fle
             {
               label: r.label,
               description: r.description,
-              children: /* @__PURE__ */ e(W, { icon: Fn, size: "sm" })
+              children: /* @__PURE__ */ e(W, { icon: kn, size: "sm" })
             }
           ) })
         ] }),
@@ -6835,7 +6847,7 @@ function Cc({
       /* @__PURE__ */ e("span", { className: "text-xl text-f1-foreground-secondary", children: n })
     ] }),
     /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
-      fl,
+      ul,
       {
         data: a,
         legend: l,
@@ -6908,11 +6920,11 @@ const na = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, Ki = ({
   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, p = m.variant === "clocked-in" ? Math.min(h, c) : 0, x = (h - p) / s;
+        const h = (m.to.getTime() - m.from.getTime()) / 1e3, p = m.variant === "clocked-in" ? Math.min(h, c) : 0, v = (h - p) / s;
         return c -= p, m.variant === "clocked-in" && r ? [
           ...u,
           {
-            value: p / s + x,
+            value: p / s + v,
             color: xe.overtime
           }
         ] : [
@@ -6922,7 +6934,7 @@ const na = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, Ki = ({
             color: xe.overtime
           },
           {
-            value: x,
+            value: v,
             color: xe[m.variant]
           }
         ];
@@ -6968,8 +6980,8 @@ function Xi({
     remainingMinutes: a
   });
   return /* @__PURE__ */ o("div", { className: "relative h-40 w-40", children: [
-    /* @__PURE__ */ e(ml, { width: 156, height: 156, children: /* @__PURE__ */ e(
-      hl,
+    /* @__PURE__ */ e(fl, { width: 156, height: 156, children: /* @__PURE__ */ e(
+      ml,
       {
         data: r,
         cx: 74,
@@ -6984,7 +6996,7 @@ function Xi({
         strokeWidth: 0,
         isAnimationActive: !1,
         children: r.map((c, d) => /* @__PURE__ */ e(
-          Gr,
+          Mr,
           {
             fill: c.color,
             role: "presentation",
@@ -7024,7 +7036,7 @@ function Ji({
             children: t ?? n
           }
         ),
-        /* @__PURE__ */ e(W, { icon: Hr })
+        /* @__PURE__ */ e(W, { icon: jr })
       ]
     }
   );
@@ -7045,51 +7057,51 @@ function kc({
   onChangeBreakTypeId: h,
   canShowBreakButton: p = !0,
   canSeeGraph: b = !0,
-  canSeeRemainingTime: x = !0,
+  canSeeRemainingTime: v = !0,
   // onClickProjectSelector,
-  onChangeLocationId: w,
-  canShowProject: A = !0,
+  onChangeLocationId: y,
+  canShowProject: I = !0,
   projectSelectorElement: z,
-  breakTypeName: B
+  breakTypeName: R
 }) {
-  const { status: D, statusText: _, subtitle: L, statusColor: K } = Ki({
+  const { status: D, statusText: E, subtitle: L, statusColor: U } = Ki({
     data: a,
     labels: r,
     trackedMinutes: t,
     remainingMinutes: n,
-    canSeeRemainingTime: x
-  }), T = D === "clocked-out", y = m?.map((P) => ({
+    canSeeRemainingTime: v
+  }), T = D === "clocked-out", w = m?.map((P) => ({
     value: P.id,
     label: P.duration ? `${P.name} · ${P.duration}` : P.name,
     description: P.description,
     tag: P.isPaid ? r.paid : r.unpaid
-  })) ?? [], [S, N] = E(!1), I = () => {
-    if (y.length > 1)
-      S || N(!0);
+  })) ?? [], [k, C] = _(!1), F = () => {
+    if (w.length > 1)
+      k || C(!0);
     else {
-      const P = y?.[0]?.value;
+      const P = w?.[0]?.value;
       u?.(P);
     }
-  }, M = (P) => {
-    h?.(P), N(!1), u?.(P);
-  }, v = T && s.length && !c && i, C = s.find((P) => P.id === l), k = s.map((P) => ({
+  }, B = (P) => {
+    h?.(P), C(!1), u?.(P);
+  }, x = T && s.length && !c && i, N = s.find((P) => P.id === l), S = s.map((P) => ({
     value: P.id,
     label: P.name,
     icon: P.icon
-  })), V = D === "break", [re, le] = E(!1);
+  })), V = D === "break", [re, le] = _(!1);
   return /* @__PURE__ */ e("div", { className: "@container", children: /* @__PURE__ */ o("div", { className: "flex-grow flex-col", children: [
     /* @__PURE__ */ o("div", { className: "flex flex-col-reverse items-center gap-2 @xs:flex-row", children: [
       /* @__PURE__ */ o("div", { className: "flex-1 space-y-4", children: [
         /* @__PURE__ */ o("div", { className: "flex flex-col items-center space-y-0.5 @xs:items-start", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { className: "line-clamp-1 text-2xl font-semibold text-f1-foreground", children: _ }),
+            /* @__PURE__ */ e("span", { className: "line-clamp-1 text-2xl font-semibold text-f1-foreground", children: E }),
             /* @__PURE__ */ o("div", { className: "relative aspect-square h-4", children: [
               /* @__PURE__ */ e(
                 X.div,
                 {
                   className: "absolute inset-0 rounded-full opacity-20",
                   style: {
-                    backgroundColor: K
+                    backgroundColor: U
                   },
                   initial: { scale: 0.5, opacity: 0.6 },
                   animate: { scale: 1.6, opacity: 0 },
@@ -7105,7 +7117,7 @@ function kc({
                 {
                   className: "absolute inset-[3px] rounded-full",
                   style: {
-                    backgroundColor: K
+                    backgroundColor: U
                   }
                 }
               )
@@ -7115,71 +7127,71 @@ function kc({
         ] }),
         /* @__PURE__ */ o("div", { className: "flex justify-center gap-2 @xs:justify-start", children: [
           D === "clocked-out" && /* @__PURE__ */ e("div", { className: "mr-3 @xs:mr-0", children: /* @__PURE__ */ e(
-            R,
+            M,
             {
               onClick: d,
               label: r.clockIn,
-              icon: _t
+              icon: Et
             }
           ) }),
-          D === "clocked-in" && /* @__PURE__ */ o(U, { children: [
-            p && /* @__PURE__ */ e(U, { children: y.length > 1 && h ? /* @__PURE__ */ e(
+          D === "clocked-in" && /* @__PURE__ */ o(K, { children: [
+            p && /* @__PURE__ */ e(K, { children: w.length > 1 && h ? /* @__PURE__ */ e(
               We,
               {
                 label: r.break,
                 hideLabel: !0,
                 value: "",
-                options: y,
-                onChange: M,
-                open: S,
-                onOpenChange: N,
+                options: w,
+                onChange: B,
+                open: k,
+                onOpenChange: C,
                 children: /* @__PURE__ */ e("div", { "aria-label": "Select break type", children: /* @__PURE__ */ e(
-                  R,
+                  M,
                   {
                     label: r.break,
                     variant: "neutral",
-                    icon: Ot,
+                    icon: _t,
                     hideLabel: !0
                   }
                 ) })
               }
             ) : /* @__PURE__ */ e(
-              R,
+              M,
               {
-                onClick: I,
+                onClick: F,
                 label: r.break,
                 variant: "neutral",
-                icon: Ot,
+                icon: _t,
                 hideLabel: !0
               }
             ) }),
             /* @__PURE__ */ e(
-              R,
+              M,
               {
                 onClick: f,
                 label: r.clockOut,
                 variant: "neutral",
-                icon: Dt
+                icon: Ot
               }
             )
           ] }),
-          D === "break" && /* @__PURE__ */ o(U, { children: [
+          D === "break" && /* @__PURE__ */ o(K, { children: [
             /* @__PURE__ */ e(
-              R,
+              M,
               {
                 onClick: f,
                 label: r.clockOut,
                 variant: "neutral",
-                icon: Dt,
+                icon: Ot,
                 hideLabel: !0
               }
             ),
             /* @__PURE__ */ e(
-              R,
+              M,
               {
                 onClick: d,
                 label: r.resume,
-                icon: _t
+                icon: Et
               }
             )
           ] })
@@ -7190,44 +7202,44 @@ function kc({
         {
           data: a,
           trackedMinutes: t,
-          remainingMinutes: x ? n : 0
+          remainingMinutes: v ? n : 0
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "mt-6 flex flex-row flex-wrap items-center justify-center gap-2 @xs:justify-start", children: v ? /* @__PURE__ */ o(U, { children: [
+    /* @__PURE__ */ e("div", { className: "mt-6 flex flex-row flex-wrap items-center justify-center gap-2 @xs:justify-start", children: x ? /* @__PURE__ */ o(K, { children: [
       /* @__PURE__ */ e(
         We,
         {
           label: r.selectLocation,
           hideLabel: !0,
           value: l,
-          options: k,
-          onChange: w,
+          options: S,
+          onChange: y,
           open: re,
           onOpenChange: le,
           disabled: c,
           children: /* @__PURE__ */ e("div", { "aria-label": "Select location", children: /* @__PURE__ */ e(
             Ji,
             {
-              text: C?.name,
+              text: N?.name,
               placeholder: r.selectLocation,
-              icon: C?.icon
+              icon: N?.icon
             }
           ) })
         }
       ),
-      A && z
-    ] }) : /* @__PURE__ */ o(U, { children: [
-      i && C && /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Le, { text: C.name, icon: C.icon }) }),
-      A && z,
-      V && B && /* @__PURE__ */ e(Le, { text: B })
+      I && z
+    ] }) : /* @__PURE__ */ o(K, { children: [
+      i && N && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(Ee, { text: N.name, icon: N.icon }) }),
+      I && z,
+      V && R && /* @__PURE__ */ e(Ee, { text: R })
     ] }) })
   ] }) });
 }
 const Qi = {
-  done: qr,
-  "in-progress": Kr,
-  todo: Ur
+  done: Hr,
+  "in-progress": Gr,
+  todo: Vr
 }, eo = {
   done: "text-f1-icon-success",
   "in-progress": "text-f1-icon-info",
@@ -7258,7 +7270,7 @@ function to({
       } : void 0,
       rawTag: t.badge && !t.badge.isPastDue ? {
         text: t.badge.text,
-        icon: Yr
+        icon: Ur
       } : void 0,
       count: t.counter,
       onClick: l
@@ -7374,7 +7386,7 @@ var No = ({ stones: t, containerSize: n }) => {
   let r = a.getBoundingClientRect();
   return n.push({ width: r.width, height: r.height }), n;
 }, []), ko = ({ boxesRefs: t, wrapperRef: n, children: a, windowWidth: r, wrapperWidth: l }) => {
-  let [{ positions: s, containerHeight: i, stones: c, availableSpots: d }, f] = E({ positions: [], containerHeight: null, stones: [], availableSpots: [] });
+  let [{ positions: s, containerHeight: i, stones: c, availableSpots: d }, f] = _({ positions: [], containerHeight: null, stones: [], availableSpots: [] });
   return $(() => {
     var u, m;
     let h = Co(t.current), p = (m = (u = n.current) == null ? void 0 : u.offsetWidth) != null ? m : 0;
@@ -7399,7 +7411,7 @@ function Lo(t, n, a) {
   };
 }
 var Eo = () => {
-  let [t, n] = E(), a = G(Lo(n, 300));
+  let [t, n] = _(), a = G(Lo(n, 300));
   return $(() => {
     let r = () => {
       a.current(window.innerWidth);
@@ -7409,7 +7421,7 @@ var Eo = () => {
     };
   }, []), t;
 }, _o = (t) => {
-  let [n, a] = E(null);
+  let [n, a] = _(null);
   return $(() => {
     let r = new ResizeObserver((l) => {
       for (let s of l) a(s.contentRect.width);
@@ -7421,15 +7433,15 @@ var Eo = () => {
 }, Oo = (t) => {
   var n = t, { children: a, style: r, transition: l = !1, transitionDuration: s = 500, transitionStep: i = 50 } = n, c = lo(n, ["children", "style", "transition", "transitionDuration", "transitionStep"]);
   let d = G([]), f = G(null), u = Eo(), m = _o(f), { positions: h, containerHeight: p } = ko({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), b = oe({ minHeight: p ?? 0, position: "relative" }, r);
-  return e("div", Je(oe({ ref: f, style: b }, c), { children: On.map(a, (x, w) => {
-    if (typeof x != "object" || !x || !("type" in x)) return x;
-    let A = { style: Ao({ style: x.props.style, position: h[w], transition: l, transitionDuration: s }), ref: (z) => d.current[w] = z };
-    return _n(x, oe(oe({}, x.props), A));
+  return e("div", Je(oe({ ref: f, style: b }, c), { children: Ln.map(a, (v, y) => {
+    if (typeof v != "object" || !v || !("type" in v)) return v;
+    let I = { style: Ao({ style: v.props.style, position: h[y], transition: l, transitionDuration: s }), ref: (z) => d.current[y] = z };
+    return An(v, oe(oe({}, v.props), I));
   }) }));
 };
 const Do = { sm: 340, md: 480, lg: 640 }, rn = j(
   function({ children: n, widgetWidth: a = "sm" }, r) {
-    const l = Do[a], [s, i] = E(), c = On.toArray(n), d = G(null);
+    const l = Do[a], [s, i] = _(), c = Ln.toArray(n), d = G(null);
     return $(() => {
       const f = () => {
         const u = d.current?.offsetWidth;
@@ -7450,14 +7462,14 @@ const Do = { sm: 340, md: 480, lg: 640 }, rn = j(
       u
     )) }, s) }) }) });
   }
-), To = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], Ic = ee(rn, () => /* @__PURE__ */ e(Ln, { children: /* @__PURE__ */ e(rn, { children: To.map((t, n) => /* @__PURE__ */ e(ye.Skeleton, { height: t }, n)) }) })), ln = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex min-h-40 flex-row items-stretch gap-4 text-f1-foreground @container [&>div]:min-w-[calc(100vw-64px)] @2xl:[&>div]:min-w-[calc(50vw-48px)]", children: t }), Fc = ee(
+), To = ["sm", "lg", "md", "md", "lg", "sm", "lg", "lg", "sm", "sm", "md", "md"], Ic = ee(rn, () => /* @__PURE__ */ e(In, { children: /* @__PURE__ */ e(rn, { children: To.map((t, n) => /* @__PURE__ */ e(Ne.Skeleton, { height: t }, n)) }) })), ln = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex min-h-40 flex-row items-stretch gap-4 text-f1-foreground @container [&>div]:min-w-[calc(100vw-64px)] @2xl:[&>div]:min-w-[calc(50vw-48px)]", children: t }), Fc = ee(
   j(function({ children: n }, a) {
     return /* @__PURE__ */ e(Ge, { ref: a, showBar: !1, children: /* @__PURE__ */ e(ln, { children: n }) });
   }),
-  () => /* @__PURE__ */ e(Ln, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
-    /* @__PURE__ */ e(ye.Skeleton, {}),
-    /* @__PURE__ */ e(ye.Skeleton, {}),
-    /* @__PURE__ */ e(ye.Skeleton, {})
+  () => /* @__PURE__ */ e(In, { orientation: "horizontal", children: /* @__PURE__ */ o(ln, { children: [
+    /* @__PURE__ */ e(Ne.Skeleton, {}),
+    /* @__PURE__ */ e(Ne.Skeleton, {}),
+    /* @__PURE__ */ e(Ne.Skeleton, {})
   ] }) })
 );
 function zo({
@@ -7471,7 +7483,7 @@ function zo({
       "You can only provide up to two actions for the WidgetEmptyState"
     );
   return /* @__PURE__ */ e(
-    Zr,
+    hl,
     {
       title: t,
       description: n,
@@ -7483,7 +7495,7 @@ function zo({
 const Ac = ae(
   H("WidgetEmptyState", zo)
 ), la = j(
-  ({ title: t, children: n }, a) => (Xr(
+  ({ title: t, children: n }, a) => (Kr(
     t,
     { disallowEmpty: !0 },
     { componentName: "WidgetSection" }
@@ -7501,7 +7513,7 @@ const Lc = ae(
   disallowedRoutes: a,
   children: r
 }) => {
-  const l = Jr(), s = window.location.pathname, i = q(() => n?.length ? n.includes(s) : a?.length ? !a.includes(s) : !0, [s, n, a]), c = q(() => {
+  const l = qr(), s = window.location.pathname, i = q(() => n?.length ? n.includes(s) : a?.length ? !a.includes(s) : !0, [s, n, a]), c = q(() => {
     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]);
@@ -7521,14 +7533,14 @@ export {
   jl as AiPromotionChat,
   Vl as AiPromotionChatProvider,
   Zo as ApplicationFrame,
-  Ad as AreaChart,
+  id as AreaChart,
   cc as AreaChartWidget,
   oc as AutoGrid,
-  Sr as Badge,
-  Ld as BarChart,
+  kr as Badge,
+  od as BarChart,
   dc as BarChartWidget,
   hs as BaseActivityItemList,
-  Ed as BaseBanner,
+  cd as BaseBanner,
   ws as BaseCelebration,
   Es as BaseCommunityPost,
   Tc as BaseTabs,
@@ -7536,78 +7548,78 @@ export {
   wl as Breadcrumbs,
   mt as CalendarEvent,
   pc as CalendarEventList,
-  Pc as CardSelectableContainer,
-  nl as Carousel,
-  _d as CategoryBarChart,
+  dd as CardSelectableContainer,
+  Jr as Carousel,
+  ud as CategoryBarChart,
   Cc as CategoryBarSection,
   Uo as Celebration,
   ys as CelebrationSkeleton,
   gc as ChartWidgetEmptyState,
-  Bc as Chip,
+  Pc as Chip,
   kc as ClockInControls,
-  Od as ComboChart,
+  fd as ComboChart,
   qo as CommunityPost,
   _s as CommunityPostSkeleton,
   Vs as CompanySelector,
   He as Counter,
   Ic as Dashboard,
   Xo as DaytimePage,
-  Rc as DetailsItem,
-  $c as DetailsItemsList,
-  Dd as Dialog,
-  Ne as Dropdown,
+  Bc as DetailsItem,
+  Rc as DetailsItemsList,
+  md as Dialog,
+  Ce as Dropdown,
   Go as EntitySelect,
-  Wc as F0ActionBar,
-  Td as F0AiBanner,
-  xn as F0AvatarModule,
-  Mc as F0ButtonToggle,
+  hd as F0ActionBar,
+  gd as F0AiBanner,
+  bn as F0AvatarModule,
+  $c as F0ButtonToggle,
   jo as F0Callout,
   Mo as F0SegmentedControl,
-  jc as F0TableOfContent,
+  pd as F0TableOfContent,
   Vo as F0VersionHistory,
-  Vc as F1SearchBox,
-  Gc as FILE_TYPES,
-  Hc as FileItem,
+  Wc as F1SearchBox,
+  bd as FILE_TYPES,
+  Mc as FileItem,
   Ko as HighlightBanner,
   xc as IndicatorsList,
-  Uc as Input,
-  Kc as Item,
-  qc as ItemSectionHeader,
-  zd as LineChart,
+  jc as Input,
+  xd as Item,
+  vd as ItemSectionHeader,
+  wd as LineChart,
   uc as LineChartWidget,
   nc as Menu,
-  Yc as MobileDropdown,
-  Pd as NotesTextEditor,
-  Bd as NotesTextEditorPatchTargetNotFoundError,
-  Rd as NotesTextEditorSkeleton,
-  $d as NotesTextEditorUnsupportedPatchTypeError,
-  Zc as NumberInput,
+  Vc as MobileDropdown,
+  yd as NotesTextEditor,
+  Nd as NotesTextEditorPatchTargetNotFoundError,
+  Cd as NotesTextEditorSkeleton,
+  kd as NotesTextEditorUnsupportedPatchTypeError,
+  Sd as NumberInput,
   Jo as OmniButton,
   lc as OneApprovalHistory,
-  Xc as OneCalendar,
-  Jc as OneCalendarInternal,
-  Qc as OneDataCollection,
-  ed as OneDateNavigator,
-  Zr as OneEmptyState,
-  td as OnePagination,
+  Gc as OneCalendar,
+  Hc as OneCalendarInternal,
+  Id as OneDataCollection,
+  Fd as OneDateNavigator,
+  hl as OneEmptyState,
+  Ad as OnePagination,
   Yo as OnePersonListItem,
   Ec as OneRestrictComponent,
   Qo as Page,
   Wo as PageHeader,
-  Wd as PieChart,
+  Ld as PieChart,
   fc as PieChartWidget,
   hi as PrivateBox,
-  Md as ProgressBarChart,
-  jd as RadarChart,
+  Ed as ProgressBarChart,
+  _d as RadarChart,
   ks as Reactions,
-  nd as ResourceHeader,
+  Od as ResourceHeader,
   hr as RichTextDisplay,
-  ad as RichTextEditor,
+  Dd as RichTextEditor,
   _c as ScrollArea,
   ac as SearchBar,
-  rd as SectionHeader,
+  Td as SectionHeader,
   We as Select,
-  Tr as Shortcut,
+  Or as Shortcut,
   rc as Sidebar,
   ec as SidebarFooter,
   tc as SidebarHeader,
@@ -7615,21 +7627,21 @@ export {
   ic as Split,
   sc as Stack,
   hc as SummariesWidget,
-  ld as Switch,
-  sd as Tabs,
-  id as TabsSkeleton,
+  Uc as Switch,
+  Kc as Tabs,
+  qc as TabsSkeleton,
   Sc as TasksList,
-  od as Textarea,
-  cd as ToggleGroup,
-  dd as ToggleGroupItem,
+  zd as Textarea,
+  Yc as ToggleGroup,
+  Zc as ToggleGroupItem,
   be as Tooltip,
   Nc as TwoColumnsList,
-  Vd as VerticalBarChart,
+  Pd as VerticalBarChart,
   mc as VerticalBarChartWidget,
   dt as VirtualList,
-  ud as WeekStartDay,
-  fd as Weekdays,
-  ye as Widget,
+  Xc as WeekStartDay,
+  Jc as Weekdays,
+  Ne as Widget,
   vc as WidgetAvatarsListItem,
   Ac as WidgetEmptyState,
   bc as WidgetHighlightButton,
@@ -7639,24 +7651,24 @@ export {
   yc as WidgetSimpleList,
   ht as WidgetSimpleListItem,
   Fc as WidgetStrip,
-  md as actionBarStatuses,
-  Gd as buttonToggleSizes,
-  Hd as buttonToggleVariants,
-  hd as chipVariants,
-  gd as downloadAsCSV,
-  pd as generateCSVContent,
-  bd as getGranularityDefinition,
-  xd as getGranularityDefinitions,
-  vd as getGranularitySimpleDefinition,
-  wd as granularityDefinitions,
-  yd as modules,
-  Ud as predefinedPresets,
-  Nd as rangeSeparator,
-  Kd as selectSizes,
+  Bd as actionBarStatuses,
+  Rd as buttonToggleSizes,
+  $d as buttonToggleVariants,
+  Qc as chipVariants,
+  Wd as downloadAsCSV,
+  Md as generateCSVContent,
+  ed as getGranularityDefinition,
+  td as getGranularityDefinitions,
+  nd as getGranularitySimpleDefinition,
+  ad as granularityDefinitions,
+  rd as modules,
+  jd as predefinedPresets,
+  ld as rangeSeparator,
+  Vd as selectSizes,
   qe as useAiPromotionChat,
-  Cd as useDataCollectionData,
-  kd as useDataCollectionSource,
-  Sd as useExportAction,
-  Id as useInfiniteScrollPagination,
-  ke as useSidebar
+  Gd as useDataCollectionData,
+  Hd as useDataCollectionSource,
+  Ud as useExportAction,
+  Kd as useInfiniteScrollPagination,
+  Se as useSidebar
 };