@factorialco/f0-react 1.464.2 → 1.464.3

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { a9 as oa, aa as ca, ab as da, ac as ua, ad as Ft, ae as Te, af as fa, ag as ht, ah as rt, ai as Be, O as b, W as Z, P as be, u as se, aj as ma, ak as ha, al as pa, am as ba, an as ga, a5 as oe, ao as xa, U as Ee, ap as va, aq as wa, ar as $, as as ya, at as Na, M as _e, au as ln, av as Ca, aw as ka, Q as B, ax as sn, a8 as E, ay as ge, az as Sa, aA as Ia, aB as Fa, aC as Aa, aD as La, aE as Ce, aF as on, aG as Ea, aH as xe, aI as $e, aJ as _a, aK as pt, n as cn, aL as Ne, aM as Oa, aN as dn, a6 as ne, aO as H, R as un, aP as fn, aQ as Ta, aR as mn, aS as me, a7 as ee, aT as Da, aU as za, aV as Pa, aW as Ra, X as pe, aX as Ge, aY as Ba, aZ as $a, a_ as Wa, a$ as Ma, b0 as He, b1 as hn, b2 as ja, b3 as Va, b4 as Ga, b5 as We, b6 as Ha, b7 as Ua, b8 as Ka, b9 as qa, ba as Ya, bb as Za, bc as Xa, bd as Ja, be as Qa, bf as er, bg as lt, bh as it, bi as pn, bj as tr, bk as nr, bl as bn, bm as ar, bn as rr, T as Ue, bo as bt, bp as gn, bq as lr, br as xn, bs as ir, bt as sr, bu as or, bv as Le, bw as cr, bx as De, by as At, bz as st, bA as dr, bB as ur, a as fr, c as mr, bC as hr, bD as vn, bE as pr, bF as br, F as gr, bG as wn, _ as xr, bH as yn, bI as vr, bJ as Lt, bK as wr, bL as yr, bM as Nr, bN as Cr, bO as Nn, bP as kr, bQ as Sr, bR as Ir, bS as Fr, bT as Ar, Y as Cn, bU as ue, bV as kn, bW as gt, bX as xt, bY as vt, bZ as Sn, b_ as wt, b$ as In, $ as Fn, c0 as Lr, c1 as Er, c2 as _r, c3 as Or, c4 as Tr, c5 as Dr, c6 as zr, c7 as Pr, c8 as Rr, c9 as Br, ca as $r, cb as Et, cc as _t, cd as Ot, ce as Wr, cf as Mr, cg as jr, ch as Vr, ci as An, cj as Gr, ck as Hr, cl as Ur } from "./F0AiChat-BpJz7hVx.js";
-import { cF as Ac, cE as Lc, co as Ec, cR as _c, cy as Oc, cz as Tc, cn as Dc, cB as zc, cp as Pc, d1 as Rc, c$ as Bc, cq as $c, cC as Wc, cD as Mc, cA as jc, cr as Vc, cN as Gc, cO as Hc, cS as Uc, cZ as Kc, c_ as qc, d0 as Yc, cx as Zc, cs as Xc, cH as Jc, cG as Qc, ct as ed, cu as td, cv as nd, cP as ad, d2 as rd, cm as ld, cQ as id, cU as sd, cV as od, cM as cd, cJ as dd, cL as ud, cI as fd, cw as md, cK as hd, cW as pd, cX as bd, cT as gd, cY as xd } from "./F0AiChat-BpJz7hVx.js";
+import { a9 as oa, aa as ca, ab as da, ac as ua, ad as Ft, ae as Te, af as fa, ag as ht, ah as rt, ai as Be, O as p, W as Z, P as pe, u as se, aj as ma, ak as ha, al as ba, am as pa, an as ga, a5 as oe, ao as xa, U as Ee, ap as va, aq as wa, ar as $, as as ya, at as Na, M as _e, au as ln, av as Ca, aw as ka, Q as B, ax as sn, a8 as E, ay as ge, az as Sa, aA as Ia, aB as Fa, aC as Aa, aD as La, aE as Ce, aF as on, aG as Ea, aH as xe, aI as $e, aJ as _a, aK as bt, n as cn, aL as Ne, aM as Oa, aN as dn, a6 as ne, aO as H, R as un, aP as fn, aQ as Ta, aR as mn, aS as me, a7 as ee, aT as Da, aU as za, aV as Pa, aW as Ra, X as be, aX as Ge, aY as Ba, aZ as $a, a_ as Wa, a$ as Ma, b0 as He, b1 as hn, b2 as ja, b3 as Va, b4 as Ga, b5 as We, b6 as Ha, b7 as Ua, b8 as Ka, b9 as qa, ba as Ya, bb as Za, bc as Xa, bd as Ja, be as Qa, bf as er, bg as lt, bh as it, bi as bn, bj as tr, bk as nr, bl as pn, bm as ar, bn as rr, T as Ue, bo as pt, bp as gn, bq as lr, br as xn, bs as ir, bt as sr, bu as or, bv as Le, bw as cr, bx as De, by as At, bz as st, bA as dr, bB as ur, a as fr, c as mr, bC as hr, bD as vn, bE as br, bF as pr, F as gr, bG as wn, _ as xr, bH as yn, bI as vr, bJ as Lt, bK as wr, bL as yr, bM as Nr, bN as Cr, bO as Nn, bP as kr, bQ as Sr, bR as Ir, bS as Fr, bT as Ar, Y as Cn, bU as ue, bV as kn, bW as gt, bX as xt, bY as vt, bZ as Sn, b_ as wt, b$ as In, $ as Fn, c0 as Lr, c1 as Er, c2 as _r, c3 as Or, c4 as Tr, c5 as Dr, c6 as zr, c7 as Pr, c8 as Rr, c9 as Br, ca as $r, cb as Et, cc as _t, cd as Ot, ce as Wr, cf as Mr, cg as jr, ch as Vr, ci as An, cj as Gr, ck as Hr, cl as Ur } from "./F0AiChat-CuAyl4Bo.js";
+import { cF as Ac, cE as Lc, co as Ec, cR as _c, cy as Oc, cz as Tc, cn as Dc, cB as zc, cp as Pc, d1 as Rc, c$ as Bc, cq as $c, cC as Wc, cD as Mc, cA as jc, cr as Vc, cN as Gc, cO as Hc, cS as Uc, cZ as Kc, c_ as qc, d0 as Yc, cx as Zc, cs as Xc, cH as Jc, cG as Qc, ct as ed, cu as td, cv as nd, cP as ad, d2 as rd, cm as ld, cQ as id, cU as sd, cV as od, cM as cd, cJ as dd, cL as ud, cI as fd, cw as md, cK as hd, cW as bd, cX as pd, cT as gd, cY as xd } from "./F0AiChat-CuAyl4Bo.js";
 import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
 import re, { forwardRef as j, useRef as V, useTransition as Kr, useState as _, useLayoutEffect as Ln, useContext as Ke, createContext as yt, useCallback as Q, useMemo as K, useEffect as W, useId as qr, Fragment as Yr, isValidElement as Zr, cloneElement as En, Children as _n } from "react";
-import { C as Xr, P as Jr, g as On, c as Qr, F as ot, f as el, a as tl, A as nl, B as al, L as rl, b as ll, V as il, d as sl, e as Tt, h as ol, i as cl } from "./index-CIbdOzH6.js";
-import { l as wd, m as yd, j as Nd, n as Cd, s as kd, D as Sd, k as Id, o as Fd, w as Ad, x as Ld, N as Ed, y as _d, p as Od, r as Td, R as Dd, u as zd, q as Pd, _ as Rd, v as Bd, t as $d } from "./index-CIbdOzH6.js";
+import { C as Xr, P as Jr, g as On, c as Qr, F as ot, f as el, a as tl, A as nl, B as al, L as rl, b as ll, V as il, d as sl, e as Tt, h as ol, i as cl } from "./index-ozaVCpfr.js";
+import { l as wd, m as yd, j as Nd, n as Cd, s as kd, D as Sd, k as Id, o as Fd, w as Ad, x as Ld, N as Ed, y as _d, p as Od, r as Td, R as Dd, u as zd, q as Pd, _ as Rd, v as Bd, t as $d } from "./index-ozaVCpfr.js";
 const dl = oa("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -82,7 +82,7 @@ function hl(t, n, a = []) {
     minWidth: Dt(l)
   };
 }
-function pl({ breadcrumbs: t, append: n }) {
+function bl({ breadcrumbs: t, append: n }) {
   const a = V(null), r = V(null), [, l] = Kr(), [i, s] = _(null), c = (i?.collapsedItems || []).length > 0;
   return Ln(() => {
     const d = a.current, f = r.current;
@@ -90,12 +90,12 @@ function pl({ breadcrumbs: t, append: n }) {
     const u = () => {
       const h = a.current?.clientWidth ?? null, g = Array.from(f.children);
       l(() => {
-        const p = hl(
+        const b = hl(
           h,
           t,
           g
         );
-        s(p);
+        s(b);
       });
     }, m = new ResizeObserver(u);
     return m.observe(d), u(), () => m.disconnect();
@@ -186,7 +186,7 @@ function ke() {
     }
   } : t;
 }
-function bl({ children: t }) {
+function pl({ children: t }) {
   const { currentPath: n } = ht(), [a, r] = _(!1), [l, i] = _(!1), s = a ? Be.xl : Be.md, c = rt(`(max-width: ${s}px)`, {
     initializeWithValue: !0
   }), [d, f] = _(() => {
@@ -194,7 +194,7 @@ function bl({ children: t }) {
     return A !== null ? !!A : !0;
   }), [u, m] = _(!1), [h, g] = _(
     null
-  ), p = Q(
+  ), b = Q(
     ({ isInvokedByUser: A } = {
       isInvokedByUser: !0
     }) => {
@@ -220,7 +220,7 @@ function bl({ children: t }) {
         isSmallScreen: c,
         isLastToggleInvokedByUser: l,
         sidebarState: w,
-        toggleSidebar: p,
+        toggleSidebar: b,
         prevSidebarState: h,
         setForceFloat: r
       },
@@ -228,7 +228,7 @@ function bl({ children: t }) {
     }
   );
 }
-const gl = be({
+const gl = pe({
   variants: {
     size: {
       sm: "h-[1.375rem] w-[1.375rem]",
@@ -285,7 +285,7 @@ const gl = be({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: b(gl({ size: n }), h),
+      className: p(gl({ size: n }), h),
       style: {
         background: "transparent",
         perspective: t ? "10px" : void 0,
@@ -313,30 +313,30 @@ const gl = be({
             "--gradient-angle": "0deg",
             ...g.style
           },
-          ...(({ style: p, ...x }) => x)(g),
+          ...(({ style: b, ...x }) => x)(g),
           children: [
             /* @__PURE__ */ o("defs", { children: [
               /* @__PURE__ */ e("clipPath", { id: `${s}-circle`, children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16" }) }),
-              Pt.map((p) => /* @__PURE__ */ e("clipPath", { id: `${s}-${p.id}`, children: /* @__PURE__ */ e("path", { d: p.path }) }, p.id))
+              Pt.map((b) => /* @__PURE__ */ e("clipPath", { id: `${s}-${b.id}`, children: /* @__PURE__ */ e("path", { d: b.path }) }, b.id))
             ] }),
-            /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((p) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("g", { clipPath: `url(#${s}-circle)`, children: Pt.map((b) => /* @__PURE__ */ e(
               Z.foreignObject,
               {
                 x: "0",
                 y: "0",
                 width: "32",
                 height: "32",
-                clipPath: `url(#${s}-${p.id})`,
+                clipPath: `url(#${s}-${b.id})`,
                 animate: {
                   "--rotate3d-angle": ["0deg", "180deg", "180deg", "360deg"],
                   "--scale": r ? 8 : 1,
                   "--rotate": r ? "90deg" : "0deg",
-                  opacity: r ? p.id === "left" ? 1 : 0 : 1,
+                  opacity: r ? b.id === "left" ? 1 : 0 : 1,
                   filter: t ? ["blur(0px)", "blur(8px)", "blur(0px)"] : void 0
                 },
                 transition: {
                   "--rotate3d-angle": {
-                    delay: t ? p.delay : 0,
+                    delay: t ? b.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.99, 0.9999, 1]
@@ -354,7 +354,7 @@ const gl = be({
                     ease: "easeInOut"
                   },
                   filter: {
-                    delay: t ? p.delay : 0,
+                    delay: t ? b.delay : 0,
                     duration: 1.8,
                     ease: [0.65, 0, 0.35, 1],
                     times: [0, 0.5, 1]
@@ -364,8 +364,8 @@ const gl = be({
                   "--rotate3d-angle": "0deg",
                   "--scale": 1,
                   "--rotate": "0deg",
-                  transform: t ? `rotate3d(${p.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
-                  transformOrigin: p.transformOrigin,
+                  transform: t ? `rotate3d(${b.rotateAxis}, var(--rotate3d-angle))` : "scale(var(--scale)) rotate(var(--rotate))",
+                  transformOrigin: b.transformOrigin,
                   willChange: "transform"
                 },
                 children: /* @__PURE__ */ e(
@@ -379,7 +379,7 @@ const gl = be({
                   }
                 )
               },
-              p.id
+              b.id
             )) })
           ]
         }
@@ -391,7 +391,7 @@ const gl = be({
     vl
   ), h = V(null), g = (x) => {
     h.current = x;
-  }, p = () => {
+  }, b = () => {
     h.current && h.current();
   };
   return W(() => {
@@ -416,7 +416,7 @@ const gl = be({
         setShouldPlayEntranceAnimation: f,
         setAutoClearMinutes: m,
         autoClearMinutes: l ? u : null,
-        clear: p,
+        clear: b,
         setClearFunction: g
       },
       children: t
@@ -445,7 +445,7 @@ const Rn = ({
 }) => {
   const { enabled: a, setOpen: r, open: l } = qe(), i = se(), [s, c] = _(!1);
   return a ? /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(ma, { children: /* @__PURE__ */ o(ha, { delayDuration: 850, disableHoverableContent: !0, children: [
-    /* @__PURE__ */ e(pa, { asChild: !0, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(ba, { asChild: !0, children: /* @__PURE__ */ e(
       Z.div,
       {
         animate: {
@@ -462,14 +462,14 @@ const Rn = ({
           "--gradient-angle": "180deg"
         },
         children: /* @__PURE__ */ e(
-          ba,
+          pa,
           {
             onCheckedChange: (d) => {
               r(d);
             },
             checked: l,
             "aria-label": l ? i.ai.closeChat : i.ai.openChat,
-            className: b(
+            className: p(
               "group relative h-8 w-12 rounded-full border-none bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary transition-all hover:bg-f1-background-hover",
               "shadow-[0_2px_6px_-1px_rgba(13,22,37,.04),inset_0_0_4px_rgba(13,22,37,.04)] data-[state=checked]:shadow-[0_2px_6px_-1px_rgba(13,22,37,.04),inset_0_0_4px_rgba(13,22,37,.6)]",
               "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:ring-1 after:ring-inset after:ring-f1-border after:transition-all after:content-[''] data-[state=checked]:after:ring-f1-border-inverse",
@@ -484,7 +484,7 @@ const Rn = ({
             children: /* @__PURE__ */ e(
               ga,
               {
-                className: b(
+                className: p(
                   "block h-[1.375rem] w-[1.375rem] translate-x-[0.3125rem] rounded-full transition-transform duration-300 data-[state=checked]:translate-x-[1.3125rem]"
                 ),
                 style: {
@@ -524,7 +524,7 @@ const Rn = ({
   return /* @__PURE__ */ e(Ee, { mode: "wait", children: /* @__PURE__ */ e(
     "button",
     {
-      className: b(
+      className: p(
         "flex h-6 w-6 items-center justify-center rounded",
         oe()
       ),
@@ -586,15 +586,15 @@ const Rn = ({
   hasUnread: f = !1,
   crossSelling: u
 }) => {
-  const [m, h] = _("idle"), [g, p] = _(null), [x, ...w] = g ?? [], [A, T] = _(!1);
+  const [m, h] = _("idle"), [g, b] = _(null), [x, ...w] = g ?? [], [A, T] = _(!1);
   W(() => {
-    p(null), h("idle");
+    b(null), h("idle");
   }, [t]);
   const R = Q(async () => {
     try {
       h("fetching");
       const O = await a();
-      h("idle"), p(O);
+      h("idle"), b(O);
     } catch {
       h("error");
     }
@@ -696,7 +696,7 @@ const Rn = ({
           target: "_blank",
           referrerPolicy: "no-referrer",
           rel: "noopener noreferrer",
-          className: b(s, "text-f1-foreground no-underline"),
+          className: p(s, "text-f1-foreground no-underline"),
           children: [
             /* @__PURE__ */ e("div", { className: "px-1 pt-1", children: c ? /* @__PURE__ */ e("div", { className: "overflow-clip rounded border border-solid border-f1-border-secondary", children: /* @__PURE__ */ e(
               "video",
@@ -735,7 +735,7 @@ const Rn = ({
   unread: r = !1,
   onClick: l
 }) => {
-  const i = b("flex flex-col items-stretch gap-3 w-full");
+  const i = p("flex flex-col items-stretch gap-3 w-full");
   return /* @__PURE__ */ e(Fa, { asChild: !0, className: i, onClick: l, children: /* @__PURE__ */ e(
     ge,
     {
@@ -743,7 +743,7 @@ const Rn = ({
       target: "_blank",
       referrerPolicy: "no-referrer",
       rel: "noopener noreferrer",
-      className: b(
+      className: p(
         i,
         "text-f1-foreground no-underline hover:cursor-pointer"
       ),
@@ -790,7 +790,7 @@ const Rn = ({
   /* @__PURE__ */ e(
     "div",
     {
-      className: b(
+      className: p(
         "grid size-14 place-items-center overflow-clip rounded border border-solid border-f1-border-secondary bg-f1-background-tertiary *:block",
         l
       ),
@@ -852,7 +852,7 @@ const Rn = ({
   "div",
   {
     "aria-hidden": "true",
-    className: b("size-2 rounded bg-f1-background-selected-bold", t)
+    className: p("size-2 rounded bg-f1-background-selected-bold", t)
   }
 ), Ll = ({
   isVisible: t,
@@ -952,11 +952,11 @@ function zo({
       module: t.id
     },
     ...a
-  ], g = n && Object.keys(n).length !== 0, p = a.length > 0, x = !l && r.length > 0, w = !l && !!s?.isVisible, A = h[h.length - 1], T = p ? h[h.length - 2] : null;
+  ], g = n && Object.keys(n).length !== 0, b = a.length > 0, x = !l && r.length > 0, w = !l && !!s?.isVisible, A = h[h.length - 1], T = b ? h[h.length - 2] : null;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: b(
+      className: p(
         "flex items-center justify-between px-5 py-4 xs:px-6",
         l ? "h-12" : "h-16"
       ),
@@ -983,12 +983,12 @@ function zo({
           /* @__PURE__ */ o(
             "div",
             {
-              className: b(
+              className: p(
                 "flex flex-grow items-center gap-2",
-                l && p && "justify-center"
+                l && b && "justify-center"
               ),
               children: [
-                l && p && T && !("loading" in T) && /* @__PURE__ */ e("div", { className: "absolute left-4", children: /* @__PURE__ */ e(ge, { href: T.href, children: /* @__PURE__ */ e(
+                l && b && T && !("loading" in T) && /* @__PURE__ */ e("div", { className: "absolute left-4", children: /* @__PURE__ */ e(ge, { href: T.href, children: /* @__PURE__ */ e(
                   B,
                   {
                     variant: "ghost",
@@ -998,8 +998,8 @@ function zo({
                     onClick: (R) => R.preventDefault()
                   }
                 ) }) }),
-                l && p ? /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-f1-foreground", children: "loading" in A ? /* @__PURE__ */ e(E, { className: "h-4 w-24" }) : A.label }) : /* @__PURE__ */ e(
-                  pl,
+                l && b ? /* @__PURE__ */ e("div", { className: "text-lg font-semibold text-f1-foreground", children: "loading" in A ? /* @__PURE__ */ e(E, { className: "h-4 w-24" }) : A.label }) : /* @__PURE__ */ e(
+                  bl,
                   {
                     breadcrumbs: h,
                     append: c !== void 0 && /* @__PURE__ */ e(
@@ -1046,7 +1046,7 @@ function zo({
               /* @__PURE__ */ e(
                 $t,
                 {
-                  icon: pt,
+                  icon: bt,
                   label: i.next?.title || "Next",
                   href: i.next?.url || "",
                   disabled: !i.next
@@ -1130,7 +1130,7 @@ const _l = () => {
   return /* @__PURE__ */ o(
     Z.div,
     {
-      className: b(
+      className: p(
         "relative isolate m-3 mt-2 flex flex-col gap-3 rounded-lg border border-solid border-f1-border",
         "after:pointer-events-none after:absolute after:inset-0.5 after:z-[-2] after:rounded-[inherit] after:bg-f1-foreground-secondary after:opacity-0 after:blur-[5px] after:content-['']",
         "from-[#E55619] via-[#A1ADE5] to-[#E51943] after:scale-90 after:bg-[conic-gradient(from_var(--gradient-angle),var(--tw-gradient-stops))]",
@@ -1157,7 +1157,7 @@ const _l = () => {
             disabled: !0,
             name: "one-ai-input",
             placeholder: t.ai.inputPlaceholder,
-            className: b(
+            className: p(
               "col-start-1 row-start-1",
               "mx-3 mb-0 mt-3 flex-1 resize-none outline-none transition-all",
               "bg-white text-f1-foreground placeholder:text-f1-foreground-secondary",
@@ -1361,7 +1361,7 @@ const _l = () => {
   H("AiPromotionChat", Pl)
 ), Bl = ne(
   H("AiPromotionChatProvider", zl)
-), $n = be({
+), $n = pe({
   base: "flex w-full flex-col rounded-lg p-[1px]",
   variants: {
     variant: {
@@ -1401,7 +1401,7 @@ const _l = () => {
             /* @__PURE__ */ o(
               "div",
               {
-                className: b(
+                className: p(
                   "flex flex-row items-center gap-2",
                   Mt[i]
                 ),
@@ -1433,7 +1433,7 @@ const _l = () => {
             /* @__PURE__ */ e(
               "div",
               {
-                className: b(
+                className: p(
                   "bg-f1-background px-4 py-3",
                   c ? "rounded-t-[13.25px]" : "rounded-[13.25px]"
                 ),
@@ -1469,7 +1469,7 @@ const _l = () => {
         /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: p(
               "rounded-t-[13.25px] bg-f1-background px-4 py-3",
               t && "rounded-[13.25px]"
             ),
@@ -1504,7 +1504,7 @@ function jl({
     "button",
     {
       type: "button",
-      className: b(
+      className: p(
         "flex w-full flex-row items-center gap-[6px] rounded-md p-[6px] pr-2 text-left transition-colors",
         n && "bg-f1-background-tertiary",
         a && "cursor-pointer hover:bg-f1-background-hover",
@@ -1539,7 +1539,7 @@ function Vl({
     "button",
     {
       type: "button",
-      className: b(
+      className: p(
         "flex w-full flex-col gap-[6px] rounded-md px-2 py-[6px] text-left transition-colors",
         r && "bg-f1-background-tertiary",
         a && "cursor-pointer hover:bg-f1-background-hover",
@@ -1553,7 +1553,7 @@ function Vl({
         /* @__PURE__ */ e(me, { lines: 1, className: "font-medium text-f1-foreground", children: s }),
         /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-[6px]", children: [
           /* @__PURE__ */ e(
-            pe,
+            be,
             {
               firstName: t.firstName,
               lastName: t.lastName,
@@ -1639,7 +1639,7 @@ const Ro = ne(
       "div",
       {
         ref: s,
-        className: b("scrollbar-macos w-full overflow-auto", r),
+        className: p("scrollbar-macos w-full overflow-auto", r),
         style: {
           height: `${t}px`
         },
@@ -1680,16 +1680,16 @@ const ct = H("VirtualList", Mn), jn = ({
   semiBold: r = !1
 }) => {
   if (!n)
-    return /* @__PURE__ */ e("span", { className: b("line-clamp-1", r ? "font-semibold" : ""), children: t });
+    return /* @__PURE__ */ e("span", { className: p("line-clamp-1", r ? "font-semibold" : ""), children: t });
   if (t.toLowerCase().indexOf(n.toLowerCase()) === -1)
     if (a.find(
       (s) => s.toLowerCase().indexOf(n.toLowerCase().trim()) >= 0
     ))
       n = t.split(" ")[0];
     else
-      return /* @__PURE__ */ e("span", { className: b("line-clamp-1", r ? "font-semibold" : ""), children: t });
+      return /* @__PURE__ */ e("span", { className: p("line-clamp-1", r ? "font-semibold" : ""), children: t });
   const l = new RegExp(`(${n})`, "gi"), i = t.split(l);
-  return /* @__PURE__ */ e("span", { className: b("line-clamp-1", r ? "font-semibold" : ""), children: i.map(
+  return /* @__PURE__ */ e("span", { className: p("line-clamp-1", r ? "font-semibold" : ""), children: i.map(
     (s, c) => s.toLowerCase() === n.toLowerCase() ? /* @__PURE__ */ e(
       "span",
       {
@@ -1728,7 +1728,7 @@ const Hl = ({
   disabled: f = !1,
   hiddenAvatar: u = !1
 }) => {
-  const m = t.name.split(" "), h = m[0] || "", g = m.slice(1).join(" "), p = (w) => {
+  const m = t.name.split(" "), h = m[0] || "", g = m.slice(1).join(" "), b = (w) => {
     w.preventDefault(), w.stopPropagation(), !f && (n ? r(t) : a(t));
   }, x = (w) => {
     if (w.key === "Enter" || w.key === " ") {
@@ -1740,15 +1740,15 @@ const Hl = ({
     "label",
     {
       "aria-label": t.name,
-      className: b(
+      className: p(
         l,
-        "flex flex-row flex-wrap items-center gap-2 rounded-[10px] border px-2 py-1.5 hover:cursor-pointer",
+        "flex flex-row flex-wrap items-center gap-2 rounded border px-2 py-1.5 hover:cursor-pointer",
         "focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:bg-f1-background-hover",
         n && d ? "bg-f1-background-selected-bold/10 transition-colors dark:bg-f1-background-selected-bold/20" : ""
       ),
       children: [
         !u && /* @__PURE__ */ e(
-          pe,
+          be,
           {
             src: t.avatar,
             firstName: h,
@@ -1760,7 +1760,7 @@ const Hl = ({
         /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: p(
               "flex flex-1 flex-row items-center gap-2 break-all",
               t.deactivated ? "text-f1-foreground/[0.61]" : void 0
             ),
@@ -1780,9 +1780,9 @@ const Hl = ({
             "data-avatarname-navigator-element": "true",
             checked: n,
             disabled: f,
-            onClick: p,
+            onClick: b,
             onKeyDown: x,
-            className: b(
+            className: p(
               "pointer-events-none ml-auto",
               d ? "opacity-0" : ""
             )
@@ -1814,7 +1814,7 @@ const Hl = ({
   isChild: m = !1,
   hideLine: h = !1,
   showGroupIcon: g = !1,
-  singleSelector: p = !1,
+  singleSelector: b = !1,
   disabled: x = !1,
   hiddenAvatar: w = !1
 }) => {
@@ -1829,7 +1829,7 @@ const Hl = ({
         selected: l,
         onSelect: s,
         onRemove: c,
-        singleSelector: p,
+        singleSelector: b,
         goToFirst: f,
         goToLast: u,
         disabled: x,
@@ -1839,7 +1839,7 @@ const Hl = ({
   const R = (k) => {
     if (k.key === " ")
       k.preventDefault(), d(!n);
-    else if (k.key === "Enter" && p)
+    else if (k.key === "Enter" && b)
       d(!n);
     else if (k.key === "Enter") {
       if (x) return;
@@ -1849,7 +1849,7 @@ const Hl = ({
     if (A)
       d(!n), T(!1);
     else {
-      if (x || p) return;
+      if (x || b) return;
       l ? c(r) : s(r);
     }
   };
@@ -1876,7 +1876,7 @@ const Hl = ({
           onPointerDown: () => {
             T(!0);
           },
-          className: "flex flex-1 flex-row items-center gap-2 rounded-[10px] border px-2 py-1.5 focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:cursor-pointer hover:bg-f1-background-hover",
+          className: "flex flex-1 flex-row items-center gap-2 rounded border px-2 py-1.5 focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:cursor-pointer hover:bg-f1-background-hover",
           children: [
             g && /* @__PURE__ */ e(
               $,
@@ -1909,7 +1909,7 @@ const Hl = ({
                   k.stopPropagation(), T(!1);
                 },
                 "data-avatarname-navigator-element": "true",
-                className: b("ml-auto", p ? "opacity-0" : "")
+                className: p("ml-auto", b ? "opacity-0" : "")
               }
             )
           ]
@@ -1931,8 +1931,8 @@ const jt = ({
   "label",
   {
     "aria-label": t,
-    className: b(
-      "flex flex-row flex-wrap items-center gap-1.5 rounded-[10px] border px-1.5 py-1.5 hover:cursor-pointer",
+    className: p(
+      "flex flex-row flex-wrap items-center gap-1.5 rounded border px-1.5 py-1.5 hover:cursor-pointer",
       "focus-within:outline focus-within:outline-1 focus-within:-outline-offset-1 focus-within:outline-f1-border-selected-bold hover:bg-f1-background-hover",
       "select-none"
     ),
@@ -1948,7 +1948,7 @@ const jt = ({
           variant: "outline"
         }
       ),
-      /* @__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: b("line-clamp-1"), children: t }) }) })
+      /* @__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: p("line-clamp-1"), children: t }) }) })
     ]
   }
 ) }), Ae = ({ primaryAction: t, secondaryActions: n }) => {
@@ -1998,7 +1998,7 @@ const jt = ({
 }) => {
   const u = !c && (n || a), m = t && t.length > 0;
   if (!(!s && (!c && u || m))) return null;
-  let g, p, x = d ? {
+  let g, b, x = d ? {
     label: n || "",
     onClick: d,
     variant: "outline",
@@ -2015,7 +2015,7 @@ const jt = ({
       primaryAction: x,
       secondaryActions: w ? [w] : []
     }
-  ), p = /* @__PURE__ */ e(
+  ), b = /* @__PURE__ */ e(
     Ae,
     {
       primaryAction: t[0],
@@ -2027,9 +2027,9 @@ const jt = ({
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : u && (g = /* @__PURE__ */ e(Ae, { primaryAction: x, secondaryActions: [] }), w && (p = /* @__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 && (g = /* @__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: [
     g,
-    p
+    b
   ] }) });
 }, Kl = ({
   search: t,
@@ -2038,7 +2038,7 @@ const jt = ({
   disabled: r = !1,
   goToFirst: l,
   goToLast: i
-}) => /* @__PURE__ */ o("div", { className: "flex justify-between gap-1 rounded-[10px] border-[1px] border-solid border-f1-border px-2 py-[3px] transition-all focus-within:border-f1-border-hover hover:border-f1-border-hover", children: [
+}) => /* @__PURE__ */ o("div", { className: "flex justify-between gap-1 rounded border-[1px] border-solid border-f1-border px-2 py-[3px] transition-all focus-within:border-f1-border-hover hover:border-f1-border-hover", children: [
   /* @__PURE__ */ e($, { icon: dl, size: "md" }),
   /* @__PURE__ */ e(
     "input",
@@ -2078,7 +2078,7 @@ const jt = ({
   onSearch: m,
   selectedEntities: h = [],
   onGroupChange: g,
-  onToggleExpand: p,
+  onToggleExpand: b,
   searchPlaceholder: x,
   selectAllLabel: w,
   clearLabel: A,
@@ -2152,7 +2152,7 @@ const jt = ({
         Pe,
         {
           expanded: J.expanded ?? !1,
-          onExpand: () => p(J, !0),
+          onExpand: () => b(J, !0),
           search: l,
           groupView: t,
           entity: J,
@@ -2183,7 +2183,7 @@ const jt = ({
       N,
       s,
       i,
-      p,
+      b,
       l,
       r,
       D
@@ -2257,7 +2257,7 @@ const jt = ({
           {
             groupView: !0,
             expanded: te.expanded ?? !1,
-            onExpand: (Fe) => p(te, Fe),
+            onExpand: (Fe) => b(te, Fe),
             search: l,
             entity: te,
             onSelect: i,
@@ -2324,7 +2324,7 @@ const jt = ({
       s,
       a,
       S,
-      p,
+      b,
       r,
       d,
       c,
@@ -2360,7 +2360,7 @@ const jt = ({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: b(
+      className: p(
         "flex w-full flex-col rounded-l-xl border-0",
         D || y ? "rounded-r-xl" : "",
         O
@@ -2369,7 +2369,7 @@ const jt = ({
         /* @__PURE__ */ o(
           "header",
           {
-            className: b(
+            className: p(
               "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",
               D || y ? "rounded-t-xl border-r-0" : ""
             ),
@@ -2393,8 +2393,8 @@ const jt = ({
                   onChange: g,
                   options: a,
                   value: r,
-                  className: b(
-                    "h-8 rounded-[10px] bg-transparent py-[5px]",
+                  className: p(
+                    "h-8 rounded bg-transparent py-[5px]",
                     r === "all" ? "text-f1-foreground-secondary" : ""
                   )
                 }
@@ -2405,7 +2405,7 @@ const jt = ({
         /* @__PURE__ */ o(
           "section",
           {
-            className: b(
+            className: p(
               "flex-grow-1 flex h-96 flex-col justify-start gap-1 border-0 border-r-[1px] border-solid border-f1-border-secondary bg-f1-background",
               la ? "" : "rounded-b-xl border-r-0"
             ),
@@ -2477,7 +2477,7 @@ const jt = ({
 }) => /* @__PURE__ */ e("div", { className: "pr-2 pt-1.5", children: /* @__PURE__ */ e(
   Ha,
   {
-    className: b(
+    className: p(
       "max-w-54 w-fit gap-1 text-ellipsis break-all border-[1px] border-solid border-f1-border-secondary py-[1px] pl-[1px]",
       "rounded-full",
       l ? "pl-2" : "pl-0"
@@ -2581,7 +2581,7 @@ const jt = ({
   onCreateLabel: m,
   ...h
 }) => {
-  const g = (i ?? Ut) < Ql, p = !c && !s && !g, x = i ?? Ut, w = p ? x - Kt : x;
+  const g = (i ?? Ut) < Ql, b = !c && !s && !g, x = i ?? Ut, w = b ? x - Kt : x;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2615,7 +2615,7 @@ const jt = ({
             )
           }
         ),
-        p && /* @__PURE__ */ e(
+        b && /* @__PURE__ */ e(
           "div",
           {
             className: "min-h-0",
@@ -2654,7 +2654,7 @@ const jt = ({
   onClickContent: m,
   hideLabel: h = !1,
   maxLength: g,
-  loading: p = !1,
+  loading: b = !1,
   required: x = !1,
   readonly: w = !1,
   append: A,
@@ -2698,7 +2698,7 @@ const jt = ({
       clearable: !1,
       value: k,
       disabled: r,
-      loading: p,
+      loading: b,
       required: x,
       readonly: w,
       size: T,
@@ -2714,7 +2714,7 @@ const jt = ({
         "span",
         {
           role: "button",
-          className: b(
+          className: p(
             "my-auto flex items-center pr-1",
             t && "text-f1-foreground-secondary",
             k && "text-f1-foreground",
@@ -2747,7 +2747,7 @@ const jt = ({
     ),
     [t.entities]
   ), m = Ke(Xa), g = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
-  function p(y) {
+  function b(y) {
     if (t.singleSelector) {
       t.onSelect(y), a(!1);
       return;
@@ -2976,7 +2976,7 @@ const jt = ({
     "div",
     {
       ref: k,
-      className: b(
+      className: p(
         "scrollbar-macos relative overflow-hidden rounded-xl border-[1px] border-solid border-f1-border-secondary bg-transparent p-0",
         t.width ? "w-fit" : "w-full"
       ),
@@ -2988,7 +2988,7 @@ const jt = ({
           groups: t.groups,
           onGroupChange: t.onGroupChange,
           selectedGroup: t.selectedGroup,
-          onSelect: p,
+          onSelect: b,
           onRemove: w,
           onSubItemRemove: A,
           onSubItemSelect: x,
@@ -3052,7 +3052,7 @@ const jt = ({
       er,
       {
         container: g,
-        className: b(
+        className: p(
           "scrollbar-macos relative w-full overflow-hidden overscroll-contain rounded-xl border-[1px] border-solid border-f1-border-secondary bg-transparent p-0"
         ),
         children: /* @__PURE__ */ e(
@@ -3063,7 +3063,7 @@ const jt = ({
             groups: t.groups,
             onGroupChange: t.onGroupChange,
             selectedGroup: t.selectedGroup,
-            onSelect: p,
+            onSelect: b,
             onRemove: w,
             onSubItemRemove: A,
             onSubItemSelect: x,
@@ -3151,7 +3151,7 @@ const ni = ({
         c(t);
       },
       children: [
-        /* @__PURE__ */ e(it, { icon: l ?? pn }),
+        /* @__PURE__ */ e(it, { icon: l ?? bn }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
           /* @__PURE__ */ e(
             "p",
@@ -3291,7 +3291,7 @@ function mi({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: b(
+      className: p(
         "relative h-32 w-full overflow-hidden rounded-md bg-f1-background",
         a ? "" : fi[ar(
           [t, n].join("")
@@ -3313,7 +3313,7 @@ function mi({
                 clipPath: "path('M69.6933 48.707C71.1842 44.7556 72 40.4731 72 36C72 16.1177 55.8823 0 36 0C16.1177 0 0 16.1177 0 36C0 55.8823 16.1177 72 36 72C40.4731 72 44.7556 71.1842 48.707 69.6933C48.6283 69.4953 48.5557 69.2942 48.4894 69.0902C48 67.5838 48 65.7226 48 62C48 58.2774 48 56.4162 48.4894 54.9098C49.4786 51.8655 51.8655 49.4786 54.9098 48.4894C56.4162 48 58.2774 48 62 48C65.7226 48 67.5838 48 69.0902 48.4894C69.2942 48.5557 69.4953 48.6283 69.6933 48.707')"
               } : {},
               children: /* @__PURE__ */ e(
-                pe,
+                be,
                 {
                   src: a,
                   firstName: t,
@@ -3327,12 +3327,12 @@ function mi({
             "div",
             {
               ref: s,
-              className: b(
+              className: p(
                 "absolute -right-0.5",
                 a ? "bottom-0.5" : "-bottom-[3px]"
               ),
               children: /* @__PURE__ */ e(
-                bn,
+                pn,
                 {
                   lastEmojiReaction: l,
                   onSelect: i,
@@ -3379,7 +3379,7 @@ function hi(t) {
   }, []);
   return { canvasRef: n, handleMouseEnter: r, handleMouseLeave: l };
 }
-const pi = ({
+const bi = ({
   link: t,
   firstName: n,
   lastName: a,
@@ -3396,9 +3396,9 @@ const pi = ({
   W(() => {
     h(s);
   }, [s]);
-  const p = (O) => {
+  const b = (O) => {
     h(O), c?.(O);
-  }, x = Ue(), { canvasRef: w, handleMouseEnter: A, handleMouseLeave: T } = hi(x), R = bt({
+  }, x = Ue(), { canvasRef: w, handleMouseEnter: A, handleMouseLeave: T } = hi(x), R = pt({
     emoji: ui[d],
     size: "sm"
   });
@@ -3407,7 +3407,7 @@ const pi = ({
     {
       href: t,
       onClick: l,
-      className: b(
+      className: p(
         "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",
         oe()
       ),
@@ -3429,7 +3429,7 @@ const pi = ({
             src: r,
             canReact: i,
             lastEmojiReaction: m,
-            onReactionSelect: p,
+            onReactionSelect: b,
             pickerRef: g
           }
         ) }),
@@ -3450,7 +3450,7 @@ const pi = ({
       ]
     }
   );
-}, bi = () => /* @__PURE__ */ o(
+}, pi = () => /* @__PURE__ */ o(
   "div",
   {
     className: "bg-f1-background-inverse-secondar flex flex-col rounded-xl border border-solid border-f1-border-secondary",
@@ -3465,7 +3465,7 @@ const pi = ({
       ] }) }) })
     ]
   }
-), Wo = ee(pi, bi), Mo = ({
+), Wo = ee(bi, pi), Mo = ({
   title: t,
   subtitle: n,
   buttonLabel: a,
@@ -3487,24 +3487,24 @@ function gi({
   users: r,
   onInteraction: l
 }) {
-  const [i, s] = _(a), [c, d] = _(n), f = V(null), { fireEmojiConfetti: u } = lr(), m = (p, x) => {
-    p.stopPropagation(), d(c + (i ? -1 : 1)), s(!i), l?.(x), i || u(x, f);
-  }, h = r?.map((p) => p.name).join(", ") || "", g = /* @__PURE__ */ e(
+  const [i, s] = _(a), [c, d] = _(n), f = V(null), { fireEmojiConfetti: u } = lr(), m = (b, x) => {
+    b.stopPropagation(), d(c + (i ? -1 : 1)), s(!i), l?.(x), i || u(x, f);
+  }, h = r?.map((b) => b.name).join(", ") || "", g = /* @__PURE__ */ e(
     xn,
     {
       ref: f,
       variant: "outline",
       size: "md",
       compact: !0,
-      onClick: (p) => {
-        m(p, t);
+      onClick: (b) => {
+        m(b, t);
       },
-      className: b(
+      className: p(
         "flex items-center gap-1 px-[3px] font-medium leading-tight shadow-none transition-all active:scale-90 motion-reduce:transition-none motion-reduce:active:scale-100",
         i && "border-f1-border-selected bg-f1-background-selected hover:border-f1-border-selected-bold"
       ),
       "aria-label": ir(t),
-      prepend: /* @__PURE__ */ e(bt, { emoji: t, size: "md" }),
+      prepend: /* @__PURE__ */ e(pt, { emoji: t, size: "md" }),
       children: /* @__PURE__ */ e(
         sr,
         {
@@ -3513,7 +3513,7 @@ function gi({
             duration: 200,
             easing: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
           },
-          className: b(
+          className: p(
             "tabular-nums",
             i ? "text-f1-foreground-selected" : "text-f1-foreground"
           )
@@ -3535,7 +3535,7 @@ function xi({ items: t, onInteraction: n, locale: a, action: r }) {
         hideLabel: !0
       }
     ),
-    /* @__PURE__ */ e(bn, { onSelect: n, locale: a }),
+    /* @__PURE__ */ e(pn, { onSelect: n, locale: a }),
     t.map((l) => /* @__PURE__ */ e(
       gi,
       {
@@ -3556,7 +3556,7 @@ const vi = H("Reactions", xi), wi = ({
   or,
   {
     content: t,
-    className: b(
+    className: p(
       "FactorialOneTextEditor",
       n && "line-clamp-5 break-words"
     )
@@ -3570,7 +3570,7 @@ const vi = H("Reactions", xi), wi = ({
 ), Zt = ({ tags: t, right: n }) => /* @__PURE__ */ e(
   "div",
   {
-    className: b(
+    className: p(
       "flex flex-1 flex-row items-center gap-1.5",
       n && "justify-end"
     ),
@@ -3768,7 +3768,7 @@ const vi = H("Reactions", xi), wi = ({
   inLabel: m,
   comment: h,
   actions: g,
-  dropdownItems: p,
+  dropdownItems: b,
   noReactionsButton: x = !1
 }) => {
   const w = [f.views, f.comments].filter(Boolean).join(" · "), A = !0, T = On(r), R = () => {
@@ -3790,7 +3790,7 @@ const vi = H("Reactions", xi), wi = ({
             title: L,
             stopPropagation: !0,
             children: /* @__PURE__ */ e(
-              pe,
+              be,
               {
                 firstName: n.firstName,
                 lastName: n.lastName,
@@ -3812,7 +3812,7 @@ const vi = H("Reactions", xi), wi = ({
                       title: L,
                       stopPropagation: !0,
                       children: /* @__PURE__ */ e("span", { className: "flex items-center", children: /* @__PURE__ */ e(
-                        pe,
+                        be,
                         {
                           firstName: n.firstName,
                           lastName: n.lastName,
@@ -3836,7 +3836,7 @@ const vi = H("Reactions", xi), wi = ({
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: b(
+                    className: p(
                       "text-f1-foreground-secondary",
                       !n && "capitalize"
                     ),
@@ -3870,10 +3870,10 @@ const vi = H("Reactions", xi), wi = ({
                     },
                     k.label
                   )),
-                  p?.length && /* @__PURE__ */ e(
+                  b?.length && /* @__PURE__ */ e(
                     Ne,
                     {
-                      items: p,
+                      items: b,
                       icon: st,
                       size: "sm"
                     }
@@ -3887,7 +3887,7 @@ const vi = H("Reactions", xi), wi = ({
                         label: h.label,
                         onClick: h.onClick
                       },
-                      ...p ?? []
+                      ...b ?? []
                     ],
                     icon: st,
                     size: "sm"
@@ -3900,7 +3900,7 @@ const vi = H("Reactions", xi), wi = ({
               /* @__PURE__ */ e(
                 "p",
                 {
-                  className: b(
+                  className: p(
                     "text-xl font-semibold",
                     "line-clamp-2 break-words"
                   ),
@@ -3979,14 +3979,14 @@ const vi = H("Reactions", xi), wi = ({
     "div",
     {
       ref: r,
-      className: b(
+      className: p(
         "flex w-full flex-row flex-wrap items-center gap-2 rounded-md border p-2 hover:bg-f1-background-hover focus:outline focus:outline-1 focus:outline-offset-1 focus:outline-f1-border-selected-bold",
         a.withPointerCursor && "cursor-pointer"
       ),
       onClick: l,
       children: [
         /* @__PURE__ */ e(
-          pe,
+          be,
           {
             firstName: t.firstName,
             lastName: t.lastName,
@@ -4060,7 +4060,7 @@ function Li({
   ai: r,
   aiPromotion: l
 }) {
-  return /* @__PURE__ */ e(bl, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(pl, { children: /* @__PURE__ */ e(
     Ei,
     {
       ai: r,
@@ -4131,8 +4131,8 @@ function Di({
     visualizationMode: m,
     canvasContent: h,
     chatWidth: g,
-    resizable: p
-  } = mr(), x = m === "fullscreen", w = m === "canvas", { open: A } = qe(), T = p ? g : pr, R = V(x), O = x && !R.current, L = !x && R.current, [
+    resizable: b
+  } = mr(), x = m === "fullscreen", w = m === "canvas", { open: A } = qe(), T = b ? g : br, R = V(x), O = x && !R.current, L = !x && R.current, [
     k,
     X
   ] = _(!1);
@@ -4163,7 +4163,7 @@ function Di({
           /* @__PURE__ */ e(Ee, { children: i === "unlocked" && /* @__PURE__ */ e(
             Z.nav,
             {
-              className: b(
+              className: p(
                 "fixed inset-0 z-20 bg-f1-background-inverse",
                 !c && "hidden"
               ),
@@ -4177,7 +4177,7 @@ function Di({
           /* @__PURE__ */ o(
             "div",
             {
-              className: b(
+              className: p(
                 i !== "locked" ? "z-30" : "z-0",
                 !f && "transition-all",
                 i === "locked" ? "w-[240px] shrink-0 pl-3" : "w-0"
@@ -4205,7 +4205,7 @@ function Di({
                   {
                     id: "content",
                     layoutId: "main",
-                    className: b(
+                    className: p(
                       "relative z-10 flex h-full max-w-full flex-1 xs:py-1",
                       D ? "overflow-hidden" : "overflow-auto",
                       !u && !A && "xs:pr-1",
@@ -4215,7 +4215,7 @@ function Di({
                     children: /* @__PURE__ */ e(
                       Z.div,
                       {
-                        className: b(
+                        className: p(
                           "flex max-w-full flex-1",
                           D ? "overflow-hidden" : "overflow-auto"
                         ),
@@ -4228,21 +4228,21 @@ function Di({
                 t?.enabled && w && h && /* @__PURE__ */ e(
                   "div",
                   {
-                    className: b(
+                    className: p(
                       "pointer-events-none",
                       N ? "fixed inset-0 z-[50]" : "absolute bottom-0 left-0 top-0 z-[15]"
                     ),
                     style: N ? void 0 : { right: T },
-                    children: /* @__PURE__ */ e(br, {})
+                    children: /* @__PURE__ */ e(pr, {})
                   }
                 ),
                 t?.enabled && /* @__PURE__ */ e(
                   Z.div,
                   {
-                    className: b(
+                    className: p(
                       "pointer-events-none",
                       "[&_.copilotKitSidebarContentWrapper]:relative [&_.copilotKitSidebarContentWrapper]:h-full [&_.copilotKitSidebarContentWrapper]:w-full",
-                      N ? "fixed inset-0 z-[30]" : b(
+                      N ? "fixed inset-0 z-[30]" : p(
                         "absolute right-0 top-0 bottom-0",
                         D ? "z-20" : "z-0",
                         i === "hidden" && D ? "pl-1" : "pl-0"
@@ -4267,7 +4267,7 @@ function Di({
     }
   );
 }
-const zi = be({
+const zi = pe({
   base: "pointer-events-none absolute inset-0 h-screen max-h-[1000px] opacity-[0.08]",
   variants: {
     period: {
@@ -4308,7 +4308,7 @@ function qn({
             /* @__PURE__ */ o(
               "div",
               {
-                className: b(
+                className: p(
                   "flex flex-row items-center",
                   s ? "gap-1.5" : "gap-3"
                 ),
@@ -4323,7 +4323,7 @@ function qn({
                       onPulseClick: n.onPulseClick
                     }
                   ) : /* @__PURE__ */ e(
-                    pe,
+                    be,
                     {
                       src: n.employeeAvatar,
                       firstName: n.employeeFirstName,
@@ -4335,7 +4335,7 @@ function qn({
                     /* @__PURE__ */ e(
                       "p",
                       {
-                        className: b(
+                        className: p(
                           s ? "text-lg" : "text-2xl",
                           "font-semibold text-f1-foreground"
                         ),
@@ -4345,7 +4345,7 @@ function qn({
                     n.description && /* @__PURE__ */ e(
                       "p",
                       {
-                        className: b(
+                        className: p(
                           s ? "text-md" : "text-lg",
                           "text-f1-foreground-secondary"
                         ),
@@ -4365,7 +4365,7 @@ function qn({
         /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: p(
               "isolate flex w-full flex-1 flex-col overflow-y-auto overflow-x-hidden [&>*]:flex-1",
               s && "-mt-3"
             ),
@@ -4400,7 +4400,7 @@ function Ri({ label: t, options: n, hasNewUpdate: a }) {
       children: /* @__PURE__ */ e(Ne, { items: Pi(n), children: /* @__PURE__ */ o(
         "button",
         {
-          className: b(
+          className: p(
             "relative flex h-6 w-6 items-center justify-center rounded-full bg-f1-background-inverse text-f1-foreground-inverse shadow-md transition-all",
             oe()
           ),
@@ -4514,7 +4514,7 @@ const $i = ({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: b(
+          className: p(
             "group flex w-fit max-w-full flex-nowrap items-center justify-center gap-1 rounded p-1.5 text-f1-foreground transition-colors hover:bg-f1-background-hover data-[state=open]:bg-f1-background-hover",
             oe()
           ),
@@ -4529,7 +4529,7 @@ const $i = ({
                 animate: { rotate: s ? 180 : 0 },
                 transition: { duration: 0.2 },
                 className: "flex h-3 w-3 shrink-0 items-center justify-center text-f1-icon-bold",
-                children: /* @__PURE__ */ e($, { icon: pt, size: "xs" })
+                children: /* @__PURE__ */ e($, { icon: bt, size: "xs" })
               }
             ) }) })
           ]
@@ -4543,7 +4543,7 @@ const $i = ({
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: b(
+    className: p(
       "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden rounded text-lg font-semibold text-f1-foreground transition-colors"
     ),
     children: [
@@ -4574,14 +4574,14 @@ function qo({
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ e(Ne, { items: n, children: /* @__PURE__ */ o(
       "button",
       {
-        className: b(
+        className: p(
           "flex w-full max-w-full items-center gap-1.5 rounded p-1.5 font-medium transition-colors hover:bg-f1-background-secondary data-[state=open]:bg-f1-background-secondary",
           oe("focus-visible:ring-inset")
         ),
         onClick: i,
         children: [
           /* @__PURE__ */ e(
-            pe,
+            be,
             {
               src: t.avatarUrl,
               firstName: t.firstName,
@@ -4597,7 +4597,7 @@ function qo({
       /* @__PURE__ */ e(
         B,
         {
-          icon: pn,
+          icon: bn,
           label: c.notifications,
           onClick: l,
           variant: "ghost",
@@ -4640,7 +4640,7 @@ function Wi({ isExpanded: t }) {
             strokeWidth: "1.3",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            className: b(
+            className: p(
               "translate-x-0 stroke-current transition-all duration-200 ease-out motion-reduce:transition-none",
               t ? "opacity-0 group-hover:-translate-x-1 group-hover:opacity-100" : "opacity-1 group-hover:translate-x-[3px]"
             )
@@ -4653,7 +4653,7 @@ function Wi({ isExpanded: t }) {
             d: "M7.5 5L7.5 15",
             strokeWidth: "1.3",
             strokeLinecap: "round",
-            className: b(
+            className: p(
               "stroke-current transition-all duration-200 ease-out motion-reduce:transition-none",
               t ? "translate-x-0 opacity-100 group-hover:-translate-x-0.5 group-hover:opacity-0" : "-translate-x-0.5 opacity-0 group-hover:translate-x-0 group-hover:opacity-100"
             )
@@ -4679,8 +4679,8 @@ function Mi() {
       compact: !0,
       "aria-label": "Close Sidebar",
       children: [
-        /* @__PURE__ */ e("div", { className: b("hidden", { flex: !r }), children: /* @__PURE__ */ e(Wi, { isExpanded: n === "locked" }) }),
-        /* @__PURE__ */ e("div", { className: b("hidden", { flex: r }), children: /* @__PURE__ */ e($, { icon: Ce, size: "md" }) })
+        /* @__PURE__ */ e("div", { className: p("hidden", { flex: !r }), children: /* @__PURE__ */ e(Wi, { isExpanded: n === "locked" }) }),
+        /* @__PURE__ */ e("div", { className: p("hidden", { flex: r }), children: /* @__PURE__ */ e($, { icon: Ce, size: "md" }) })
       ]
     }
   );
@@ -4741,7 +4741,7 @@ const Gi = ({
       {
         icon: t.icon,
         size: "md",
-        className: b(
+        className: p(
           "transition-colors",
           n ? "text-f1-icon-bold" : "text-f1-icon"
         )
@@ -4756,7 +4756,7 @@ const Gi = ({
     ge,
     {
       ...l,
-      className: b(
+      className: p(
         "flex cursor-pointer items-center rounded py-1.5 pl-1.5 pr-2 no-underline transition-colors",
         oe("focus-visible:ring-inset"),
         i ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary"
@@ -4775,7 +4775,7 @@ const Gi = ({
   onReorderFinish: c,
   isSortable: d = !0
 }) => {
-  const f = se(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: g } = St(), { isActive: p } = ht(), x = p(t.href, { exact: t.exactMatch }), w = V(!1), [A, T] = _(!1), R = l === 0, O = l === i - 1, L = i === 1, k = K(() => {
+  const f = se(), { isDragging: u, setIsDragging: m, draggedItemId: h, setDraggedItemId: g } = St(), { isActive: b } = ht(), x = b(t.href, { exact: t.exactMatch }), w = V(!1), [A, T] = _(!1), R = l === 0, O = l === i - 1, L = i === 1, k = K(() => {
     const I = [];
     return !L && !R && I.push({
       label: f.actions.moveUp,
@@ -4798,7 +4798,7 @@ const Gi = ({
       w.current = !1;
     }, 0);
   }, y = u && h === t.href, S = K(
-    () => b(
+    () => p(
       "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",
@@ -4813,7 +4813,7 @@ const Gi = ({
         onClick: t.onClick,
         href: t.href,
         exactMatch: t.exactMatch,
-        className: b(
+        className: p(
           // 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"
@@ -4825,7 +4825,7 @@ const Gi = ({
             {
               icon: t.icon,
               size: "md",
-              className: b(
+              className: p(
                 "transition-colors",
                 x ? "text-f1-icon-bold" : "text-f1-icon"
               )
@@ -4847,7 +4847,7 @@ const Gi = ({
     /* @__PURE__ */ e(
       "div",
       {
-        className: b(
+        className: p(
           "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"
@@ -4898,7 +4898,7 @@ const Gi = ({
     /* @__PURE__ */ e("div", { className: "group relative flex items-center", children: /* @__PURE__ */ o(
       "div",
       {
-        className: b(
+        className: p(
           "group relative flex w-full select-none items-center gap-1 rounded px-1.5 py-2 text-sm font-medium text-f1-foreground-secondary transition-colors hover:cursor-pointer hover:bg-f1-background-secondary",
           oe("focus-visible:ring-inset"),
           a && "hidden"
@@ -4920,7 +4920,7 @@ const Gi = ({
               children: /* @__PURE__ */ e(
                 $,
                 {
-                  icon: pt,
+                  icon: bt,
                   size: "xs",
                   className: "text-f1-icon-secondary"
                 }
@@ -4961,8 +4961,8 @@ const Gi = ({
     c(!1), setTimeout(() => {
       d.current = !1, i && l?.(i);
     }, 0);
-  }, h = (p) => {
-    !s && !d.current && r?.(t, p);
+  }, h = (b) => {
+    !s && !d.current && r?.(t, b);
   }, g = /* @__PURE__ */ e(
     Xn,
     {
@@ -4975,11 +4975,11 @@ const Gi = ({
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: b(
+          className: p(
             "flex flex-col gap-0.5",
             s && !d.current && "pointer-events-none"
           ),
-          children: t.items.map((p, x) => /* @__PURE__ */ e(Hi, { item: p }, x))
+          children: t.items.map((b, x) => /* @__PURE__ */ e(Hi, { item: b }, x))
         }
       )
     }
@@ -5031,14 +5031,14 @@ function Zo({
   favorites: l
 }) {
   const i = V(null), s = t.filter(
-    (p) => p.isSortable === !1
+    (b) => b.isSortable === !1
   ), [c, d] = _(
-    t.filter((p) => p.isSortable !== !1)
-  ), [f, u] = _(0), m = Q((p) => {
-    d(p);
+    t.filter((b) => b.isSortable !== !1)
+  ), [f, u] = _(0), m = Q((b) => {
+    d(b);
   }, []), h = Q(
-    (p) => {
-      a?.(p);
+    (b) => {
+      a?.(b);
     },
     [a]
   ), g = ji();
@@ -5054,7 +5054,7 @@ function Zo({
       onDragEnd: h,
       favorites: l,
       onFavoritesChange: r,
-      forceUpdate: () => u((p) => p + 1)
+      forceUpdate: () => u((b) => b + 1)
     },
     f
   ) }) });
@@ -5071,7 +5071,7 @@ function Ki({
   forceUpdate: d,
   disableDragging: f = !1
 }) {
-  const u = se(), { isDragging: m } = St(), h = t.some((v) => v.isRoot), g = t.filter((v) => !v.isRoot).length > 0, p = n.length > 0, x = V(null), [w, A] = _(s), T = s.length > 0;
+  const u = se(), { isDragging: m } = St(), h = t.some((v) => v.isRoot), g = t.filter((v) => !v.isRoot).length > 0, b = n.length > 0, x = V(null), [w, A] = _(s), T = s.length > 0;
   W(() => {
     JSON.stringify(s) !== JSON.stringify(w) && A(s);
   }, [s]);
@@ -5151,7 +5151,7 @@ function Ki({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: b(
+      className: p(
         "relative",
         m && "cursor-grabbing [&_*]:cursor-grabbing"
       ),
@@ -5182,10 +5182,10 @@ function Ki({
           },
           `fixed-${C}`
         )) }),
-        p && /* @__PURE__ */ e(
+        b && /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: p(
               "mt-3 flex w-full flex-col gap-3 bg-transparent px-3 [&_li]:list-none"
             ),
             ref: r,
@@ -5220,7 +5220,7 @@ function Xo({
     "button",
     {
       onClick: t,
-      className: b(
+      className: p(
         "mb-[calc(0.75rem-1px)] flex w-full cursor-pointer items-center justify-between rounded bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary p-1.5 text-f1-foreground-secondary ring-1 ring-inset ring-f1-border-secondary transition-all hover:ring-f1-border-hover",
         oe()
       ),
@@ -5243,7 +5243,7 @@ const Jt = ({ position: t }) => /* @__PURE__ */ e(
     animate: { opacity: 0.5 },
     exit: { opacity: 0 },
     transition: { duration: 0.2, ease: "easeOut" },
-    className: b(
+    className: p(
       "pointer-events-none absolute inset-x-0 z-10 h-3 after:absolute after:inset-x-0 after:h-px after:bg-f1-background-inverse after:opacity-[0.04] after:content-['']",
       t === "top" ? [
         "top-0",
@@ -5282,9 +5282,9 @@ function Yi({
     {
       initial: !1,
       "aria-label": m.navigation.sidebar.label,
-      className: b(
+      className: p(
         "absolute bottom-0 left-0 top-0 z-10 flex w-[var(--ds-sidebar-width)] flex-col transition-[background-color]",
-        l === "locked" ? "h-full" : b(
+        l === "locked" ? "h-full" : p(
           "shadow-lg ring-1 ring-f1-border-secondary backdrop-blur-2xl",
           i ? "h-full border-y-transparent border-l-transparent bg-f1-background/90" : "h-[calc(100%-16px)] bg-f1-background/60"
         )
@@ -5401,7 +5401,7 @@ const es = ({
         /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: p(
               "flex size-5 items-center justify-center rounded-xs text-sm font-medium",
               i < r ? "bg-f1-background-selected-bold text-f1-foreground-inverse" : "border border-solid border-f1-border-secondary bg-f1-background-secondary text-f1-foreground"
             ),
@@ -5451,7 +5451,7 @@ const es = ({
   md: "gap-2",
   lg: "gap-3",
   xl: "gap-4"
-}, ns = be({
+}, ns = pe({
   base: "grid grid-cols-1",
   variants: {
     tileSize: {
@@ -5474,16 +5474,16 @@ const es = ({
     gap: "4"
   }
 }), as = re.forwardRef(function({ className: n, gap: a, children: r, tileSize: l, ...i }, s) {
-  return /* @__PURE__ */ e("div", { className: b("@container", "grow"), ref: s, ...i, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: p("@container", "grow"), ref: s, ...i, children: /* @__PURE__ */ e(
     "div",
     {
-      className: b(ns({ gap: a, tileSize: l }), n),
+      className: p(ns({ gap: a, tileSize: l }), n),
       ref: s,
       ...i,
       children: r
     }
   ) });
-}), rs = be({
+}), rs = pe({
   base: "flex",
   variants: {
     overflow: {
@@ -5574,12 +5574,12 @@ const es = ({
   alignItems: m,
   height: h,
   width: g,
-  ...p
+  ...b
 }, x) {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: b(
+      className: p(
         rs({
           paddingX: i,
           basis: r,
@@ -5597,10 +5597,10 @@ const es = ({
         n
       ),
       ref: x,
-      ...p
+      ...b
     }
   );
-}), ls = be({
+}), ls = pe({
   base: "flex-row",
   variants: {
     gap: {
@@ -5617,12 +5617,12 @@ const es = ({
   return /* @__PURE__ */ e(
     Jn,
     {
-      className: b(ls({ gap: a, wrap: r }), n),
+      className: p(ls({ gap: a, wrap: r }), n),
       ref: i,
       ...l
     }
   );
-}), ss = be({
+}), ss = pe({
   base: "flex-col",
   variants: {
     gap: {
@@ -5634,7 +5634,7 @@ const es = ({
   return /* @__PURE__ */ e(
     Jn,
     {
-      className: b(ss({ gap: a }), n),
+      className: p(ss({ gap: a }), n),
       ref: i,
       ...l,
       children: r
@@ -5663,7 +5663,7 @@ const es = ({
   return /* @__PURE__ */ e(
     "div",
     {
-      className: b(
+      className: p(
         "inline-flex ring-1 ring-inset ring-transparent transition-all duration-150",
         n && "select-none overflow-hidden rounded-sm bg-f1-background-tertiary ring-f1-border-secondary"
       ),
@@ -5696,7 +5696,7 @@ const es = ({
   return /* @__PURE__ */ o(
     gt,
     {
-      className: b(
+      className: p(
         c ? "h-full" : "",
         "relative flex gap-3 border-f1-border-secondary"
       ),
@@ -5750,24 +5750,24 @@ const es = ({
           ] })
         ] }) }),
         /* @__PURE__ */ o(wt, { className: "flex h-full flex-col gap-4", children: [
-          l && /* @__PURE__ */ e("div", { className: "flex flex-row", children: l.map((g, p) => /* @__PURE__ */ o("div", { className: "grow", children: [
+          l && /* @__PURE__ */ e("div", { className: "flex flex-row", children: l.map((g, b) => /* @__PURE__ */ o("div", { className: "grow", children: [
             /* @__PURE__ */ e("div", { className: "mb-0.5 text-sm text-f1-foreground-secondary", children: g.label }),
             /* @__PURE__ */ o("div", { className: "flex flex-row items-end gap-0.5 text-2xl font-semibold", children: [
               !!g.prefixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: g.prefixUnit }),
               g.value,
               !!g.postfixUnit && /* @__PURE__ */ e("div", { className: "text-lg font-medium", children: g.postfixUnit })
             ] })
-          ] }, p)) }),
-          re.Children.toArray(a).filter(m).map((g, p) => /* @__PURE__ */ o(re.Fragment, { children: [
-            p > 0 && /* @__PURE__ */ e(Tr, { bare: !0 }),
+          ] }, b)) }),
+          re.Children.toArray(a).filter(m).map((g, b) => /* @__PURE__ */ o(re.Fragment, { children: [
+            b > 0 && /* @__PURE__ */ e(Tr, { bare: !0 }),
             g
-          ] }, p))
+          ] }, b))
         ] }),
         r && /* @__PURE__ */ e(Dr, { children: /* @__PURE__ */ e(B, { variant: "neutral", size: "sm", ...r }) })
       ]
     }
   );
-}), fs = be({
+}), fs = pe({
   variants: {
     height: {
       sm: "h-36",
@@ -5780,7 +5780,7 @@ const es = ({
     return /* @__PURE__ */ o(
       gt,
       {
-        className: b(
+        className: p(
           "flex gap-4 border-f1-border-secondary",
           a === "full" && "h-full"
         ),
@@ -5803,7 +5803,7 @@ const es = ({
             wt,
             {
               "aria-hidden": !0,
-              className: b(a !== "full" && fs({ height: a })),
+              className: p(a !== "full" && fs({ height: a })),
               children: [...Array(4)].map((l, i) => /* @__PURE__ */ e(
                 E,
                 {
@@ -5848,10 +5848,10 @@ const es = ({
     );
   }),
   ie.Skeleton
-), ps = H(
+), bs = H(
   "AreaChartWidget",
   hs
-), bs = j(function(n, a) {
+), ps = j(function(n, a) {
   return /* @__PURE__ */ e(
     ie,
     {
@@ -5862,7 +5862,7 @@ const es = ({
   );
 }), gs = H(
   "BarChartWidget",
-  ee(bs, ie.Skeleton)
+  ee(ps, ie.Skeleton)
 ), xs = ee(
   j(
     function(n, a) {
@@ -5929,7 +5929,7 @@ const es = ({
     name: "AreaChartWidget",
     type: "info"
   },
-  ps
+  bs
 ), rc = ue(
   {
     name: "BarChartWidget",
@@ -6261,18 +6261,18 @@ const es = ({
     return /* @__PURE__ */ o(
       gt,
       {
-        className: b(
+        className: p(
           "relative flex gap-4 overflow-hidden border-dashed",
           d
         ),
         ref: c,
         children: [
           /* @__PURE__ */ e(xt, { className: "-mt-0.5", children: /* @__PURE__ */ e(vt, { children: n }) }),
-          /* @__PURE__ */ o(wt, { className: b("flex flex-col gap-4", f), children: [
+          /* @__PURE__ */ o(wt, { className: p("flex flex-col gap-4", f), children: [
             /* @__PURE__ */ o(
               "div",
               {
-                className: b(
+                className: p(
                   "absolute -top-12 bottom-0 left-0 right-0 flex flex-col justify-end bg-gradient-to-b to-transparent opacity-30",
                   u
                 ),
@@ -6327,12 +6327,12 @@ function zs(t, n) {
   }, []), d = Q(
     (u, m) => {
       let h = 0, g = 0;
-      for (let p = 0; p < u.length; p++) {
-        const x = g + u[p];
+      for (let b = 0; b < u.length; b++) {
+        const x = g + u[b];
         if (x > m + 30) break;
         g = x, g = s(
           g,
-          p,
+          b,
           u.length
         ), h++;
       }
@@ -6377,7 +6377,7 @@ const Xe = function({
     "div",
     {
       ref: c,
-      className: b("relative flex h-full flex-col", r),
+      className: p("relative flex h-full flex-col", r),
       style: {
         minHeight: `${i}px`
       },
@@ -6433,7 +6433,7 @@ const dc = ({
   return t ? /* @__PURE__ */ e(
     "a",
     {
-      className: b(
+      className: p(
         a,
         "cursor-pointer focus:border-f1-background-selected-bold focus:outline-none"
       ),
@@ -6453,7 +6453,7 @@ function uc({
   return /* @__PURE__ */ e(Ps, { onClick: l, children: /* @__PURE__ */ o(
     "div",
     {
-      className: b(
+      className: p(
         "flex flex-col gap-0.5 rounded-md border border-solid border-f1-border-secondary px-3 py-2.5",
         l && "hover:border-f1-border-hover"
       ),
@@ -6480,8 +6480,8 @@ const Rs = j(
             children: a
           }
         ),
-        "icon" in l && l.icon && /* @__PURE__ */ e("span", { className: b("flex", r), children: /* @__PURE__ */ e($, { icon: l.icon }) }),
-        "emoji" in l && l.emoji && /* @__PURE__ */ e("span", { className: b("flex", r), children: /* @__PURE__ */ e(bt, { emoji: l.emoji, size: "md" }) })
+        "icon" in l && l.icon && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e($, { icon: l.icon }) }),
+        "emoji" in l && l.emoji && /* @__PURE__ */ e("span", { className: p("flex", r), children: /* @__PURE__ */ e(pt, { emoji: l.emoji, size: "md" }) })
       ] })
     ] }, a);
   }
@@ -6511,7 +6511,7 @@ const Rs = j(
   withPointerCursor: a,
   children: r
 }) => {
-  const l = b(
+  const l = p(
     "flex flex-row items-center rounded-md border border-solid border-transparent p-2 text-f1-foreground",
     n ? "gap-2" : "gap-2.5",
     a ? "cursor-pointer" : "cursor-default",
@@ -6565,7 +6565,7 @@ function tn({
   onClick: r,
   module: l
 }) {
-  const i = b(
+  const i = p(
     "flex flex-row gap-2 rounded-md border border-solid border-transparent p-2 text-f1-foreground",
     r ? "cursor-pointer hover:bg-f1-background-tertiary focus:border-f1-background-selected-bold focus:outline-none" : void 0
   );
@@ -6592,7 +6592,7 @@ function mt({
   rightIconClassName: d = "text-f1-icon-secondary",
   onClick: f
 }) {
-  const u = b(
+  const u = p(
     "flex flex-row items-start gap-1 rounded-md border border-solid border-transparent px-2 py-1.5 text-f1-foreground",
     f ? "cursor-pointer hover:bg-f1-background-tertiary focus:border-f1-background-selected-bold focus:outline-none" : void 0
   );
@@ -6605,7 +6605,7 @@ function mt({
         {
           icon: i,
           size: "md",
-          className: b("mt-0.5", c)
+          className: p("mt-0.5", c)
         }
       ),
       /* @__PURE__ */ e("p", { className: "mt-0.5 line-clamp-2 font-medium", children: n }),
@@ -6614,7 +6614,7 @@ function mt({
         {
           icon: s,
           size: "md",
-          className: b("mt-0.5", d)
+          className: p("mt-0.5", d)
         }
       )
     ] }),
@@ -6643,7 +6643,7 @@ function hc({
     }
   );
 }
-function pc({
+function bc({
   items: t,
   gap: n,
   minSize: a = 184,
@@ -6663,7 +6663,7 @@ function pc({
 const Ms = ({ title: t, info: n }) => /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ e("p", { className: "flex text-f1-foreground-secondary", children: t }),
   /* @__PURE__ */ e("div", { className: "max-w-32 flex-shrink-0 overflow-hidden text-ellipsis whitespace-nowrap text-right font-medium", children: n })
-] }), bc = j(
+] }), pc = j(
   function({ title: n, titleValue: a, titleTooltip: r, list: l }, i) {
     return /* @__PURE__ */ o("div", { ref: i, className: "flex flex-col gap-2", children: [
       n && /* @__PURE__ */ o("div", { className: "flex items-center justify-between gap-2 font-medium", children: [
@@ -6708,7 +6708,7 @@ function gc({
     !!r && /* @__PURE__ */ e("div", { className: l ? "mt-1" : "mt-2", children: /* @__PURE__ */ e(
       "span",
       {
-        className: b(
+        className: p(
           "text-f1-foreground",
           l ? "text-sm" : "text-base"
         ),
@@ -6733,8 +6733,8 @@ const Qn = (t, n) => ((n ?? 0) < -1 * (t ?? 0) ? -1 * t : n) ?? 0, js = ({
     const u = Qn(
       a,
       r
-    ), m = Math.abs(u), h = Math.floor(m / 60), g = Math.floor(m % 60), p = `${h.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
-    return r >= 0 ? `${n.remainingTime} ${p}` : `${n.overtime} ${p}`;
+    ), m = Math.abs(u), h = Math.floor(m / 60), g = Math.floor(m % 60), b = `${h.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
+    return r >= 0 ? `${n.remainingTime} ${b}` : `${n.overtime} ${b}`;
   })(), f = ve[s];
   return {
     status: s,
@@ -6880,7 +6880,7 @@ function Ks({
         /* @__PURE__ */ e(
           "span",
           {
-            className: b(
+            className: p(
               "font-medium",
               t ? "text-f1-foreground" : "text-f1-foreground-secondary"
             ),
@@ -6907,7 +6907,7 @@ function xc({
   breakTypes: m,
   onChangeBreakTypeId: h,
   canShowBreakButton: g = !0,
-  canSeeGraph: p = !0,
+  canSeeGraph: b = !0,
   canSeeRemainingTime: x = !0,
   // onClickProjectSelector,
   onChangeLocationId: w,
@@ -7048,7 +7048,7 @@ function xc({
           ] })
         ] })
       ] }),
-      p && /* @__PURE__ */ e(
+      b && /* @__PURE__ */ e(
         Us,
         {
           data: a,
@@ -7218,9 +7218,9 @@ var oo = (t, n) => n.filter(t), co = (t, n) => [...n].sort(t), uo = (t, n) => t.
   if (!t.bottom) return a;
   let r = t.bottom - t.top >= n.height;
   return a && r;
-}, po = ({ availableSpots: t, stone: n }) => so((a) => ho(a, n), t);
-function bo({ stone: t, availableSpots: n, containerSize: a }) {
-  let r = po({ availableSpots: n, stone: t }), l = { left: r.left, top: r.top }, i = mo({ optimalSpot: r, availableSpots: n.filter((d) => d !== r), stone: t, containerSize: a }), s = [...n, i], c = io({ spots: s, position: l, optimalSpot: r, stone: t });
+}, bo = ({ availableSpots: t, stone: n }) => so((a) => ho(a, n), t);
+function po({ stone: t, availableSpots: n, containerSize: a }) {
+  let r = bo({ availableSpots: n, stone: t }), l = { left: r.left, top: r.top }, i = mo({ optimalSpot: r, availableSpots: n.filter((d) => d !== r), stone: t, containerSize: a }), s = [...n, i], c = io({ spots: s, position: l, optimalSpot: r, stone: t });
   return s = [...oo(Boolean, c)], s = fo(s), { position: l, availableSpots: s };
 }
 var go = ({ stones: t, containerSize: n }) => {
@@ -7228,7 +7228,7 @@ var go = ({ stones: t, containerSize: n }) => {
   if (!t.length) return a;
   let r = 0, l = [], i = [{ top: 0, left: 0, right: n }];
   for (let s of t) {
-    let c = bo({ availableSpots: i, stone: s, containerSize: n }), d = c.position.top + s.height;
+    let c = po({ availableSpots: i, stone: s, containerSize: n }), d = c.position.top + s.height;
     r < d && (r = d), l.push(c.position), i = c.availableSpots;
   }
   return { availableSpots: i, positions: l, containerHeight: r };
@@ -7242,8 +7242,8 @@ var go = ({ stones: t, containerSize: n }) => {
     var u, m;
     let h = xo(t.current), g = (m = (u = n.current) == null ? void 0 : u.offsetWidth) != null ? m : 0;
     if (g === null) return;
-    let p = go({ stones: h, containerSize: g });
-    f(Je(le({}, p), { stones: h }));
+    let b = go({ stones: h, containerSize: g });
+    f(Je(le({}, b), { stones: h }));
   }, [a, t, n, r, l]), { positions: i, containerHeight: s, stones: c, availableSpots: d };
 }, wo = (t) => ({ fade: `${t}ms opacity ease`, fadeMove: `
     ${t}ms opacity ease,
@@ -7283,8 +7283,8 @@ var So = () => {
   }, [t]), n;
 }, Fo = (t) => {
   var n = t, { children: a, style: r, transition: l = !1, transitionDuration: i = 500, transitionStep: s = 50 } = n, c = eo(n, ["children", "style", "transition", "transitionDuration", "transitionStep"]);
-  let d = V([]), f = V(null), u = So(), m = Io(f), { positions: h, containerHeight: g } = vo({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), p = le({ minHeight: g ?? 0, position: "relative" }, r);
-  return e("div", Je(le({ ref: f, style: p }, c), { children: _n.map(a, (x, w) => {
+  let d = V([]), f = V(null), u = So(), m = Io(f), { positions: h, containerHeight: g } = vo({ boxesRefs: d, wrapperRef: f, children: a, windowWidth: u, wrapperWidth: m }), b = le({ minHeight: g ?? 0, position: "relative" }, r);
+  return e("div", Je(le({ ref: f, style: b }, c), { children: _n.map(a, (x, w) => {
     if (typeof x != "object" || !x || !("type" in x)) return x;
     let A = { style: Co({ style: x.props.style, position: h[w], transition: l, transitionDuration: i }), ref: (T) => d.current[w] = T };
     return En(x, le(le({}, x.props), A));
@@ -7392,11 +7392,11 @@ export {
   rc as BarChartWidget,
   ci as BaseActivityItemList,
   Nd as BaseBanner,
-  pi as BaseCelebration,
+  bi as BaseCelebration,
   Si as BaseCommunityPost,
   Ac as BaseTabs,
   Lc as BreadcrumbSelect,
-  pl as Breadcrumbs,
+  bl as Breadcrumbs,
   ft as CalendarEvent,
   dc as CalendarEventList,
   Ec as CardSelectableContainer,
@@ -7404,7 +7404,7 @@ export {
   Cd as CategoryBarChart,
   gc as CategoryBarSection,
   Wo as Celebration,
-  bi as CelebrationSkeleton,
+  pi as CelebrationSkeleton,
   cc as ChartWidgetEmptyState,
   _c as Chip,
   xc as ClockInControls,
@@ -7484,7 +7484,7 @@ export {
   td as ToggleGroup,
   nd as ToggleGroupItem,
   xe as Tooltip,
-  bc as TwoColumnsList,
+  pc as TwoColumnsList,
   Pd as VerticalBarChart,
   sc as VerticalBarChartWidget,
   ct as VirtualList,
@@ -7497,7 +7497,7 @@ export {
   hc as WidgetInboxList,
   tn as WidgetInboxListItem,
   Cc as WidgetSection,
-  pc as WidgetSimpleList,
+  bc as WidgetSimpleList,
   mt as WidgetSimpleListItem,
   yc as WidgetStrip,
   Rd as _RadarChart,
@@ -7514,8 +7514,8 @@ export {
   hd as rangeSeparator,
   $d as selectSizes,
   qe as useAiPromotionChat,
-  pd as useDataCollectionData,
-  bd as useDataCollectionSource,
+  bd as useDataCollectionData,
+  pd as useDataCollectionSource,
   gd as useExportAction,
   xd as useInfiniteScrollPagination,
   ke as useSidebar