@factorialco/f0-react 12.1.0 → 12.3.0

package/dist/{useData-DWwEymV5.js → useData-BPTvQHGp.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-BItFwnF5.js";
-import { $t as t, A as n, Ct as r, D as i, E as a, Ht as o, Mt as s, N as c, St as l, T as u, U as d, a as f, b as p, cr as m, fn as h, i as g, j as _, k as v, ln as y, on as b, or as x, p as S, sn as C, sr as w, t as T, vn as E, x as D, y as O, yn as k } from "./popover-B-ET_Kay.js";
+import { A as t, D as n, E as r, N as i, T as a, U as o, Xt as s, a as c, ar as l, b as u, bt as d, gn as f, hn as p, i as m, in as h, ir as g, j as _, k as v, kt as y, ln as b, on as x, p as S, rn as C, rr as w, t as T, x as E, y as D, yt as O, zt as k } from "./popover-BjrPOMeQ.js";
 import { L as A, R as ee } from "./tooltip-BX4dSfeL.js";
 import { t as j } from "./dist-Cuwaibqg.js";
 import * as M from "react";
@@ -1093,7 +1093,7 @@ function Ee(e, t) {
 }
 //#endregion
 //#region src/elements/F0Box/F0Box.tsx
-var De = E({
+var De = p({
 	base: "",
 	variants: {
 		...fe,
@@ -1198,10 +1198,10 @@ var De = E({
 	});
 });
 ke.displayName = "F0Box";
-var Ae = y({
+var Ae = x({
 	name: "F0Box",
 	type: "layout"
-}, ke), je = E({
+}, ke), je = p({
 	base: "text-base text-f1-foreground",
 	variants: {
 		variant: {
@@ -1253,69 +1253,69 @@ var Ae = y({
 	"positive-strong": "p",
 	"info-strong": "p",
 	code: "code"
-}, Ne = P(({ content: e, variant: t, align: n, className: i, as: a, ellipsis: o, noEllipsisTooltip: s, markdown: c, required: u, ...d }, f) => {
-	let p = a ?? Me[t ?? "body"], m = u ? /* @__PURE__ */ U("span", {
+}, Ne = P(({ content: e, variant: t, align: n, className: r, as: i, ellipsis: a, noEllipsisTooltip: o, markdown: s, required: c, ...l }, u) => {
+	let f = i ?? Me[t ?? "body"], p = c ? /* @__PURE__ */ U("span", {
 		className: "text-f1-foreground-critical",
 		"aria-hidden": "true",
 		children: " *"
 	}) : null;
-	if (o !== void 0) {
-		let r = typeof o == "number" ? o : 1;
-		return m ? N(p, {
-			...d,
+	if (a !== void 0) {
+		let i = typeof a == "number" ? a : 1;
+		return p ? N(f, {
+			...l,
 			className: A(je({
 				variant: t,
 				align: n
-			}), i, "inline-flex gap-0.5"),
-			ref: f
-		}, /* @__PURE__ */ U(l, {
-			lines: r,
-			noTooltip: s,
+			}), r, "inline-flex gap-0.5"),
+			ref: u
+		}, /* @__PURE__ */ U(O, {
+			lines: i,
+			noTooltip: o,
 			tag: "span",
 			className: "min-w-0",
-			markdown: c,
+			markdown: s,
 			children: e
-		}), m) : /* @__PURE__ */ U(l, {
-			ref: f,
-			lines: r,
-			noTooltip: s,
-			tag: p,
+		}), p) : /* @__PURE__ */ U(O, {
+			ref: u,
+			lines: i,
+			noTooltip: o,
+			tag: f,
 			className: A(je({
 				variant: t,
 				align: n
-			}), i),
-			markdown: c,
-			...d,
+			}), r),
+			markdown: s,
+			...l,
 			children: e
 		});
 	}
-	if (c) {
-		let a = r(e);
-		return m ? N(p, {
-			...d,
+	if (s) {
+		let i = d(e);
+		return p ? N(f, {
+			...l,
 			className: A(je({
 				variant: t,
 				align: n
-			}), i),
-			ref: f
-		}, /* @__PURE__ */ U("span", { dangerouslySetInnerHTML: { __html: a } }), m) : N(p, {
-			...d,
+			}), r),
+			ref: u
+		}, /* @__PURE__ */ U("span", { dangerouslySetInnerHTML: { __html: i } }), p) : N(f, {
+			...l,
 			className: A(je({
 				variant: t,
 				align: n
-			}), i),
-			ref: f,
-			dangerouslySetInnerHTML: { __html: a }
+			}), r),
+			ref: u,
+			dangerouslySetInnerHTML: { __html: i }
 		});
 	}
-	return N(p, {
-		...d,
+	return N(f, {
+		...l,
 		className: A(je({
 			variant: t,
 			align: n
-		}), i),
-		ref: f
-	}, e, m);
+		}), r),
+		ref: u
+	}, e, p);
 });
 Ne.displayName = "Text";
 //#endregion
@@ -1344,7 +1344,7 @@ var Pe = {
 	});
 };
 Ie.displayName = "ColorAvatar";
-var Le = m(x("F0AvatarColor", Ie)), Re = {
+var Le = l(w("F0AvatarColor", Ie)), Re = {
 	xs: {
 		box: "h-5 min-w-5",
 		circle: "size-4",
@@ -1398,7 +1398,7 @@ var Le = m(x("F0AvatarColor", Ie)), Re = {
 	});
 };
 ze.displayName = "ColorListAvatar";
-var Be = m(x("F0AvatarColorList", ze)), Ve = P((e, t) => /* @__PURE__ */ W("svg", {
+var Be = l(w("F0AvatarColorList", ze)), Ve = P((e, t) => /* @__PURE__ */ W("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -2161,7 +2161,7 @@ var Be = m(x("F0AvatarColorList", ze)), Ve = P((e, t) => /* @__PURE__ */ W("svg"
 	timeoff: Ot,
 	workflows: Mt,
 	whats_new: st
-}, Pt = E({
+}, Pt = p({
 	base: "relative flex shrink-0 items-center justify-center",
 	variants: { size: {
 		"4xs": "h-2.5 w-2.5",
@@ -2173,7 +2173,7 @@ var Be = m(x("F0AvatarColorList", ze)), Ve = P((e, t) => /* @__PURE__ */ W("svg"
 		lg: "h-10 w-10"
 	} },
 	defaultVariants: { size: "sm" }
-}), Ft = E({
+}), Ft = p({
 	base: "relative text-f1-foreground-inverse drop-shadow",
 	variants: { size: {
 		"4xs": "h-[7px] w-[7px]",
@@ -2226,7 +2226,7 @@ function Lt({ size: e = "sm", module: t, ...n }) {
 		}), r ? /* @__PURE__ */ U(r, { className: Ft({ size: e }) }) : null]
 	});
 }
-var Rt = m(Lt), zt = E({
+var Rt = l(Lt), zt = p({
 	base: "flex shrink-0 items-center justify-center rounded-full",
 	variants: {
 		type: {
@@ -2252,12 +2252,12 @@ var Rt = m(Lt), zt = E({
 	sm: "xs",
 	md: "sm",
 	lg: "md"
-}, Vt = m(x("Badge", ({ type: e, size: t = "md", icon: n }) => /* @__PURE__ */ U("div", {
+}, Vt = l(w("Badge", ({ type: e, size: t = "md", icon: n }) => /* @__PURE__ */ U("div", {
 	className: zt({
 		type: e,
 		size: t
 	}),
-	children: /* @__PURE__ */ U(C, {
+	children: /* @__PURE__ */ U(h, {
 		icon: n,
 		size: Bt[t]
 	})
@@ -2267,7 +2267,7 @@ var Rt = m(Lt), zt = E({
 		scope: n,
 		imageLoadingStatus: i,
 		onImageLoadingStatusChange: a,
-		children: /* @__PURE__ */ U(D.span, {
+		children: /* @__PURE__ */ U(E.span, {
 			...r,
 			ref: t
 		})
@@ -2275,15 +2275,15 @@ var Rt = m(Lt), zt = E({
 });
 qt.displayName = Ht;
 var Jt = "AvatarImage", Yt = M.forwardRef((e, t) => {
-	let { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {}, ...s } = e, c = Kt(Jt, n), l = Qt(r, s.referrerPolicy), u = i((e) => {
+	let { __scopeAvatar: i, src: a, onLoadingStatusChange: o = () => {}, ...s } = e, c = Kt(Jt, i), l = Qt(a, s.referrerPolicy), u = n((e) => {
 		o(e), c.onImageLoadingStatusChange(e);
 	});
-	return a(() => {
+	return r(() => {
 		l !== "idle" && u(l);
-	}, [l, u]), l === "loaded" ? /* @__PURE__ */ U(D.img, {
+	}, [l, u]), l === "loaded" ? /* @__PURE__ */ U(E.img, {
 		...s,
 		ref: t,
-		src: r
+		src: a
 	}) : null;
 });
 Yt.displayName = Jt;
@@ -2294,23 +2294,23 @@ var Xt = "AvatarFallback", Zt = M.forwardRef((e, t) => {
 			let e = window.setTimeout(() => s(!0), r);
 			return () => window.clearTimeout(e);
 		}
-	}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ U(D.span, {
+	}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ U(E.span, {
 		...i,
 		ref: t
 	}) : null;
 });
 Zt.displayName = Xt;
 function Qt(e, t) {
-	let [n, r] = M.useState("idle");
-	return a(() => {
+	let [n, i] = M.useState("idle");
+	return r(() => {
 		if (!e) {
-			r("error");
+			i("error");
 			return;
 		}
-		let n = !0, i = new window.Image(), a = (e) => () => {
-			n && r(e);
+		let n = !0, r = new window.Image(), a = (e) => () => {
+			n && i(e);
 		};
-		return r("loading"), i.onload = a("loaded"), i.onerror = a("error"), i.src = e, t && (i.referrerPolicy = t), () => {
+		return i("loading"), r.onload = a("loaded"), r.onerror = a("error"), r.src = e, t && (r.referrerPolicy = t), () => {
 			n = !1;
 		};
 	}, [e, t]), n;
@@ -2330,7 +2330,7 @@ var $t = qt, en = Yt, tn = Zt, nn = te(void 0), rn = ({ children: e, ...t }) =>
 		...e,
 		...r
 	});
-}), sn = E({
+}), sn = p({
 	base: "relative flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold ring-1 ring-inset ring-f1-border-secondary",
 	variants: {
 		size: {
@@ -2514,32 +2514,32 @@ var gn = {
 	lg: "md",
 	xl: "lg",
 	"2xl": "lg"
-}, xn = (e) => fn.includes(e), Sn = (e) => e && !xn(e) ? (console.warn(`The avatar size: ${e} is deprecated. Use ${pn[e]} instead.`), pn[e] ?? yn) : e ?? yn, Cn = ({ icon: e, src: t, flag: n }) => e ? "bg-f1-background-secondary" : t || n ? "bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary" : "", wn = P(({ src: e, name: n, size: r, type: i = "base", color: a = "random", "aria-label": o, "aria-labelledby": s, badge: c, flag: l, icon: u }, d) => {
-	let f = z(() => Object.fromEntries(Object.entries(pn).map(([e, t]) => [t, e])), []), p = Sn(r), m = mn(n, p), h = a === "random" ? hn(Array.isArray(n) ? n.join("") : n) : a, g = !!(o || s), _ = _n(p), v = vn(p), y = z(() => c ? /* @__PURE__ */ W(H, { children: [c.type === "module" ? /* @__PURE__ */ U(Rt, {
+}, xn = (e) => fn.includes(e), Sn = (e) => e && !xn(e) ? (console.warn(`The avatar size: ${e} is deprecated. Use ${pn[e]} instead.`), pn[e] ?? yn) : e ?? yn, Cn = ({ icon: e, src: t, flag: n }) => e ? "bg-f1-background-secondary" : t || n ? "bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary" : "", wn = P(({ src: e, name: t, size: n, type: r = "base", color: i = "random", "aria-label": a, "aria-labelledby": o, badge: c, flag: l, icon: u }, d) => {
+	let f = z(() => Object.fromEntries(Object.entries(pn).map(([e, t]) => [t, e])), []), p = Sn(n), m = mn(t, p), g = i === "random" ? hn(Array.isArray(t) ? t.join("") : t) : i, _ = !!(a || o), v = _n(p), y = vn(p), b = z(() => c ? /* @__PURE__ */ W(H, { children: [c.type === "module" ? /* @__PURE__ */ U(Rt, {
 		module: c.module,
-		size: v
+		size: y
 	}) : null, c.type === "module" ? null : /* @__PURE__ */ U(Vt, {
 		type: c.type,
 		icon: c.icon,
-		size: _
+		size: v
 	})] }) : null, [
 		c,
-		_,
-		v
-	]), b = /* @__PURE__ */ W("div", {
+		v,
+		y
+	]), x = /* @__PURE__ */ W("div", {
 		className: "relative inline-flex h-fit w-fit",
 		children: [/* @__PURE__ */ U("div", {
 			className: "relative h-fit w-fit",
-			style: c ? { clipPath: gn.get(i === "rounded" ? "rounded" : "base", p, c.type === "module" ? "module" : "default") } : void 0,
+			style: c ? { clipPath: gn.get(r === "rounded" ? "rounded" : "base", p, c.type === "module" ? "module" : "default") } : void 0,
 			children: /* @__PURE__ */ U(cn, {
 				size: f[p] || "small",
-				type: i,
-				color: h,
+				type: r,
+				color: g,
 				ref: d,
 				role: "img",
-				"aria-hidden": !g,
-				"aria-label": o,
-				"aria-labelledby": s,
+				"aria-hidden": !_,
+				"aria-label": a,
+				"aria-labelledby": o,
 				translate: "no",
 				"data-a11y-color-contrast-ignore": !0,
 				className: Cn({
@@ -2547,7 +2547,7 @@ var gn = {
 					src: e,
 					flag: l
 				}),
-				children: u ? /* @__PURE__ */ U(C, {
+				children: u ? /* @__PURE__ */ U(h, {
 					icon: u.icon,
 					color: u.color,
 					size: bn[p]
@@ -2565,13 +2565,13 @@ var gn = {
 			})
 		}), c ? /* @__PURE__ */ U("div", {
 			className: "absolute -bottom-0.5 -right-0.5",
-			children: y
+			children: b
 		}) : null]
 	});
-	return c?.tooltip ? /* @__PURE__ */ U(t, {
+	return c?.tooltip ? /* @__PURE__ */ U(s, {
 		description: c.tooltip,
-		children: b
-	}) : b;
+		children: x
+	}) : x;
 });
 wn.displayName = "BaseAvatar";
 //#endregion
@@ -2587,7 +2587,7 @@ var Tn = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, bad
 	badge: a
 });
 Tn.displayName = "CompanyAvatar";
-var En = m(Tn), Dn = [
+var En = l(Tn), Dn = [
 	"xs",
 	"sm",
 	"md",
@@ -2609,13 +2609,13 @@ var En = m(Tn), Dn = [
 	className: A("flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary", On[t]),
 	"aria-label": n,
 	"aria-labelledby": r,
-	children: /* @__PURE__ */ U(s, {
+	children: /* @__PURE__ */ U(y, {
 		emoji: e,
 		size: kn[t]
 	})
 }));
 An.displayName = "EmojiAvatar";
-var jn = m(An), Mn = {
+var jn = l(An), Mn = {
 	pdf: {
 		type: "PDF",
 		color: "text-f1-foreground-accent"
@@ -2745,16 +2745,16 @@ var jn = m(An), Mn = {
 		sm: "xs"
 	};
 	return e && t[e] ? t[e] : t.sm;
-}, Rn = P(({ file: e, badge: n, dataTestId: r, ...i }, a) => {
-	let { type: o, color: s } = Fn(e), c = z(() => Object.fromEntries(Object.entries(pn).map(([e, t]) => [t, e])), [])[i.size] ?? "small", l = In(i.size), u = Ln(i.size), d = z(() => n ? /* @__PURE__ */ W(H, { children: [n.type === "module" ? /* @__PURE__ */ U(Rt, {
-		module: n.module,
+}, Rn = P(({ file: e, badge: t, dataTestId: n, ...r }, i) => {
+	let { type: a, color: o } = Fn(e), c = z(() => Object.fromEntries(Object.entries(pn).map(([e, t]) => [t, e])), [])[r.size] ?? "small", l = In(r.size), u = Ln(r.size), d = z(() => t ? /* @__PURE__ */ W(H, { children: [t.type === "module" ? /* @__PURE__ */ U(Rt, {
+		module: t.module,
 		size: u
-	}) : null, n.type === "module" ? null : /* @__PURE__ */ U(Vt, {
-		type: n.type,
-		icon: n.icon,
+	}) : null, t.type === "module" ? null : /* @__PURE__ */ U(Vt, {
+		type: t.type,
+		icon: t.icon,
 		size: l
 	})] }) : null, [
-		n,
+		t,
 		l,
 		u
 	]), f = z(() => {
@@ -2764,22 +2764,22 @@ var jn = m(An), Mn = {
 			md: "text-sm",
 			lg: "text-sm"
 		};
-		return e[i.size || "sm"] ?? e.sm;
-	}, [i]);
-	return /* @__PURE__ */ U(w, {
-		dataTestId: r,
+		return e[r.size || "sm"] ?? e.sm;
+	}, [r]);
+	return /* @__PURE__ */ U(g, {
+		dataTestId: n,
 		children: /* @__PURE__ */ W(cn, {
-			ref: a,
+			ref: i,
 			className: A("bg-f1-background", "overflow-visible"),
-			...i,
+			...r,
 			size: c,
 			children: [/* @__PURE__ */ U(un, {
-				className: A("select-none font-semibold", f, s),
-				children: o
-			}), n ? /* @__PURE__ */ U("div", {
+				className: A("select-none font-semibold", f, o),
+				children: a
+			}), t ? /* @__PURE__ */ U("div", {
 				className: "absolute -bottom-0.5 -right-0.5",
-				children: n.tooltip ? /* @__PURE__ */ U(t, {
-					description: n.tooltip,
+				children: t.tooltip ? /* @__PURE__ */ U(s, {
+					description: t.tooltip,
 					children: /* @__PURE__ */ U("div", {
 						className: "cursor-help",
 						children: d
@@ -17457,7 +17457,7 @@ var od = (e) => {
 	if (!t) console.warn(`Flag component for code "${e}" not found`);
 	else return t;
 }, sd = ({ flag: e, size: t, "aria-label": n, "aria-labelledby": r, badge: i }) => {
-	let a = od(e), o = b().countries[e] ?? e;
+	let a = od(e), o = C().countries[e] ?? e;
 	return /* @__PURE__ */ U(wn, {
 		type: "base",
 		name: o,
@@ -17470,7 +17470,7 @@ var od = (e) => {
 	});
 };
 sd.displayName = "FlagAvatar";
-var cd = m(sd), ld = [
+var cd = l(sd), ld = [
 	"xs",
 	"sm",
 	"md",
@@ -17484,7 +17484,7 @@ var cd = m(sd), ld = [
 	className: A("flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background", ud[t]),
 	"aria-label": r,
 	"aria-labelledby": i,
-	children: /* @__PURE__ */ U(C, {
+	children: /* @__PURE__ */ U(h, {
 		icon: e,
 		size: t,
 		state: n,
@@ -17492,7 +17492,7 @@ var cd = m(sd), ld = [
 	})
 });
 dd.displayName = "IconAvatar";
-var fd = m(dd), pd = ({ firstName: e, lastName: t, src: n, size: r, "aria-label": i, "aria-labelledby": a, badge: o, deactivated: s, pending: c }) => {
+var fd = l(dd), pd = ({ firstName: e, lastName: t, src: n, size: r, "aria-label": i, "aria-labelledby": a, badge: o, deactivated: s, pending: c }) => {
 	let l = s ? oe : c ? J : void 0;
 	return /* @__PURE__ */ U(wn, {
 		type: "rounded",
@@ -17510,7 +17510,7 @@ var fd = m(dd), pd = ({ firstName: e, lastName: t, src: n, size: r, "aria-label"
 	});
 };
 pd.displayName = "PersonAvatar";
-var md = m(pd), hd = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, badge: a }) => /* @__PURE__ */ U(wn, {
+var md = l(pd), hd = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, badge: a }) => /* @__PURE__ */ U(wn, {
 	type: "base",
 	name: e,
 	src: t,
@@ -17521,10 +17521,10 @@ var md = m(pd), hd = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelle
 	badge: a
 });
 hd.displayName = "TeamAvatar";
-var gd = m(hd), _d = A("opacity-0 transition-opacity motion-reduce:transition-none", "group-hover/avatar-action:opacity-100 has-[:focus-visible]:opacity-100", "[@media(hover:none)]:opacity-100"), vd = ({ label: e, icon: t, critical: n = !1, onSelect: r }) => /* @__PURE__ */ W(c, {
+var gd = l(hd), _d = A("opacity-0 transition-opacity motion-reduce:transition-none", "group-hover/avatar-action:opacity-100 has-[:focus-visible]:opacity-100", "[@media(hover:none)]:opacity-100"), vd = ({ label: e, icon: t, critical: n = !1, onSelect: r }) => /* @__PURE__ */ W(i, {
 	className: A("flex w-full cursor-pointer items-start gap-1.5", n && "text-f1-foreground-critical"),
 	onSelect: r,
-	children: [t ? /* @__PURE__ */ U(C, {
+	children: [t ? /* @__PURE__ */ U(h, {
 		icon: t,
 		size: "md",
 		className: n ? "text-f1-icon-critical" : "text-f1-icon"
@@ -17532,8 +17532,8 @@ var gd = m(hd), _d = A("opacity-0 transition-opacity motion-reduce:transition-no
 		className: "truncate",
 		children: e
 	})]
-}), yd = ({ actions: e, children: t }) => {
-	let r = b(), [i, a] = V(!1), [o, s] = V(!1), c = async (e) => {
+}), yd = ({ actions: e, children: n }) => {
+	let r = C(), [i, a] = V(!1), [s, c] = V(!1), l = async (e) => {
 		if (e instanceof Promise) {
 			a(!0);
 			try {
@@ -17542,35 +17542,35 @@ var gd = m(hd), _d = A("opacity-0 transition-opacity motion-reduce:transition-no
 				a(!1);
 			}
 		}
-	}, [l] = e, u = e.length > 1, f = /* @__PURE__ */ U(p, {
-		icon: u ? ae : l.icon ?? ae,
-		label: u ? r.actions.edit : l.label,
+	}, [d] = e, f = e.length > 1, p = /* @__PURE__ */ U(u, {
+		icon: f ? ae : d.icon ?? ae,
+		label: f ? r.actions.edit : d.label,
 		hideLabel: !0,
 		size: "sm",
 		variant: "ghost",
 		loading: i,
-		onClick: u ? void 0 : () => void c(l.onClick())
+		onClick: f ? void 0 : () => void l(d.onClick())
 	});
 	return /* @__PURE__ */ W("div", {
 		className: "group/avatar-action relative inline-flex h-fit w-fit",
-		children: [t, /* @__PURE__ */ U("div", {
-			className: A("absolute -bottom-1 -right-1 inline-flex rounded-sm border border-solid border-f1-border-secondary bg-f1-background", _d, (i || o) && "opacity-100"),
-			children: u ? /* @__PURE__ */ W(n, {
-				open: o,
-				onOpenChange: s,
-				children: [/* @__PURE__ */ U(d, {
+		children: [n, /* @__PURE__ */ U("div", {
+			className: A("absolute -bottom-1 -right-1 inline-flex rounded-sm border border-solid border-f1-border-secondary bg-f1-background", _d, (i || s) && "opacity-100"),
+			children: f ? /* @__PURE__ */ W(t, {
+				open: s,
+				onOpenChange: c,
+				children: [/* @__PURE__ */ U(o, {
 					asChild: !0,
-					children: f
+					children: p
 				}), /* @__PURE__ */ U(_, {
 					align: "start",
 					children: e.map((e) => /* @__PURE__ */ U(vd, {
 						label: e.label,
 						icon: e.icon,
 						critical: e.critical,
-						onSelect: () => void c(e.onClick())
+						onSelect: () => void l(e.onClick())
 					}, e.label))
 				})]
-			}) : f
+			}) : p
 		})]
 	});
 }, bd = (e, t, n) => t.find((t) => t === e) ?? n, xd = ({ avatar: e, size: t = "xs", dataTestId: n }) => {
@@ -17655,8 +17655,8 @@ var gd = m(hd), _d = A("opacity-0 transition-opacity motion-reduce:transition-no
 }, Sd = ({ actions: e, ...t }) => e?.length ? /* @__PURE__ */ U(yd, {
 	actions: e,
 	children: /* @__PURE__ */ U(xd, { ...t })
-}) : /* @__PURE__ */ U(xd, { ...t }), Cd = m(Sd), wd = k.create(C), Td = ({ count: e, totalItemsCount: t, isOpen: n }) => {
-	let r = b();
+}) : /* @__PURE__ */ U(xd, { ...t }), Cd = l(Sd), wd = f.create(h), Td = ({ count: e, totalItemsCount: t, isOpen: n }) => {
+	let r = C();
 	return /* @__PURE__ */ W("div", {
 		className: A("flex items-center gap-1 rounded py-1.5 pl-3 pr-2 text-base font-medium text-f1-foreground transition-colors hover:bg-f1-background-secondary", n && "bg-f1-background-secondary"),
 		children: [
@@ -17679,20 +17679,20 @@ Td.displayName = "OverflowIndicator";
 //#region src/elements/OverflowList/useOverflowCalculation.ts
 var Ed = 20;
 function Dd(e, t, n) {
-	let r = B(null), i = B(null), a = B(null), s = B(null), c = B(null), [l, u] = V(null), [d, f] = V(!1);
-	o({
+	let r = B(null), i = B(null), a = B(null), o = B(null), s = B(null), [c, l] = V(null), [u, d] = V(!1);
+	k({
 		ref: r,
 		onResize: () => {
-			h();
+			m();
 		}
 	});
-	let p = F(() => {
+	let f = F(() => {
 		if (n?.itemsWidth) return Array.isArray(n.itemsWidth) ? n.itemsWidth : Array(e.length).fill(n.itemsWidth);
-		if (!s.current) return [];
-		let t = s.current.children, r = [];
+		if (!o.current) return [];
+		let t = o.current.children, r = [];
 		for (let e of t) r.push(e.getBoundingClientRect().width);
 		return r;
-	}, [n?.itemsWidth, e.length]), m = F(({ itemWidths: t, availableWidth: r }) => {
+	}, [n?.itemsWidth, e.length]), p = F(({ itemWidths: t, availableWidth: r }) => {
 		let i = 0, a = 0;
 		for (let e of t) {
 			let t = a + e;
@@ -17704,65 +17704,65 @@ function Dd(e, t, n) {
 		n?.max,
 		n?.min,
 		e.length
-	]), h = F(() => {
+	]), m = F(() => {
 		if (e.length === 0 || !r.current) return;
-		let o = r.current.clientWidth, s = i.current?.offsetWidth || a.current?.offsetWidth || 32, l = p(), d = l.map((e) => e + t), f = o - s - t, h = m({
+		let o = r.current.clientWidth, c = i.current?.offsetWidth || a.current?.offsetWidth || 32, u = f(), d = u.map((e) => e + t), m = o - c - t, h = p({
 			itemWidths: d,
-			availableWidth: f
+			availableWidth: m
 		});
-		h >= e.length && (n?.max === void 0 || e.length <= n.max) && (h = m({
+		h >= e.length && (n?.max === void 0 || e.length <= n.max) && (h = p({
 			itemWidths: d,
 			availableWidth: o
 		}));
-		let g = h >= e.length ? o : f, _ = c.current;
+		let g = h >= e.length ? o : m, _ = s.current;
 		if (_ !== null && h > _) {
-			let e = m({
+			let e = p({
 				itemWidths: d,
 				availableWidth: g - Ed
 			});
 			e < h && (h = Math.max(e, _));
 		}
-		c.current = h, e.length - h === 1 && h > 0 && l.length > 0 && s === l[l.length - 1] - t && (h = e.length), u(h);
+		s.current = h, e.length - h === 1 && h > 0 && u.length > 0 && c === u[u.length - 1] - t && (h = e.length), l(h);
 	}, [
 		e,
 		t,
+		f,
 		p,
-		m,
 		n?.max
 	]);
 	L(() => {
-		c.current = null;
+		s.current = null;
 	}, [e.length]), L(() => {
-		h();
-	}, [h]), L(() => {
-		f(!0);
+		m();
+	}, [m]), L(() => {
+		d(!0);
 	}, []);
-	let { visibleItems: g, overflowItems: _ } = z(() => l === null ? {
+	let { visibleItems: h, overflowItems: g } = z(() => c === null ? {
 		visibleItems: [],
 		overflowItems: []
 	} : {
-		visibleItems: e.slice(0, l),
-		overflowItems: e.slice(l)
-	}, [e, l]);
+		visibleItems: e.slice(0, c),
+		overflowItems: e.slice(c)
+	}, [e, c]);
 	return {
 		containerRef: r,
 		overflowButtonRef: i,
 		customOverflowIndicatorRef: a,
-		measurementContainerRef: s,
-		visibleItems: g,
-		overflowItems: _,
-		isInitialized: d
+		measurementContainerRef: o,
+		visibleItems: h,
+		overflowItems: g,
+		isInitialized: u
 	};
 }
 //#endregion
 //#region src/elements/OverflowList/OverflowList.tsx
-var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflowIndicatorWithPopover: r = !0, renderOverflowIndicator: i, forceShowingOverflowIndicator: a = !1, className: o = "", gap: s = 8, max: c, min: l = 0, fluidItems: u = !1, itemsWidth: d }) {
-	let [p, m] = V(!1), _ = F((e) => {
-		m(e);
-	}, []), { containerRef: v, overflowButtonRef: y, customOverflowIndicatorRef: b, measurementContainerRef: x, visibleItems: S, overflowItems: C, isInitialized: w } = Dd(e, s, {
-		max: c,
-		min: l,
-		itemsWidth: d
+var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflowIndicatorWithPopover: r = !0, renderOverflowIndicator: i, forceShowingOverflowIndicator: a = !1, className: o = "", gap: s = 8, max: l, min: u = 0, fluidItems: d = !1, itemsWidth: f }) {
+	let [p, h] = V(!1), g = F((e) => {
+		h(e);
+	}, []), { containerRef: _, overflowButtonRef: v, customOverflowIndicatorRef: y, measurementContainerRef: x, visibleItems: S, overflowItems: C, isInitialized: w } = Dd(e, s, {
+		max: l,
+		min: u,
+		itemsWidth: f
 	}), E = z(() => /* @__PURE__ */ U(Td, {
 		totalItemsCount: e.length,
 		isOpen: p,
@@ -17771,16 +17771,16 @@ var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 		e.length,
 		p,
 		C.length
-	]), D = z(() => w ? null : e.map((e, t) => /* @__PURE__ */ U(h, { className: "h-2 w-20 rounded-md" }, `placeholder-${t}`)), [e, w]), O = a || C.length > 0, k = "flex min-w-0 items-center justify-start whitespace-nowrap";
+	]), D = z(() => w ? null : e.map((e, t) => /* @__PURE__ */ U(b, { className: "h-2 w-20 rounded-md" }, `placeholder-${t}`)), [e, w]), O = a || C.length > 0, k = "flex min-w-0 items-center justify-start whitespace-nowrap";
 	return /* @__PURE__ */ W("div", {
-		ref: v,
+		ref: _,
 		className: A("relative flex items-center", o),
 		style: {
 			gap: s > 0 ? `${s}px` : void 0,
 			marginLeft: s < 0 ? `${-s}px` : void 0
 		},
 		children: [
-			d ? null : /* @__PURE__ */ U("div", {
+			f ? null : /* @__PURE__ */ U("div", {
 				ref: x,
 				"aria-hidden": "true",
 				className: A("pointer-events-none invisible absolute left-0 top-0 w-max opacity-0", k),
@@ -17793,7 +17793,7 @@ var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 				}, `measure-${n}`))
 			}),
 			/* @__PURE__ */ W("div", {
-				className: A(k, u && "[&>*]:min-w-0"),
+				className: A(k, d && "[&>*]:min-w-0"),
 				style: { gap: s > 0 ? `${s}px` : void 0 },
 				"data-testid": "overflow-visible-container",
 				children: [w ? S.map((e, n) => /* @__PURE__ */ U("div", {
@@ -17805,15 +17805,15 @@ var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 			}),
 			O ? /* @__PURE__ */ U(H, { children: r ? /* @__PURE__ */ W(T, {
 				open: p,
-				onOpenChange: _,
-				children: [/* @__PURE__ */ U(f, {
+				onOpenChange: g,
+				children: [/* @__PURE__ */ U(c, {
 					asChild: !0,
 					children: /* @__PURE__ */ U("button", {
-						ref: y,
+						ref: v,
 						className: A("inline-flex flex-shrink-0 items-center", ee()),
 						children: i?.(C.length, p) ?? E
 					})
-				}), /* @__PURE__ */ U(g, {
+				}), /* @__PURE__ */ U(m, {
 					className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
 					align: "end",
 					children: /* @__PURE__ */ U("div", {
@@ -17822,7 +17822,7 @@ var Od = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 					})
 				})]
 			}) : /* @__PURE__ */ U("div", {
-				ref: b,
+				ref: y,
 				children: i?.(C.length, !1) ?? E
 			}) }) : null
 		]
@@ -17847,14 +17847,14 @@ function Md(e, t) {
 	return M.useReducer((e, n) => t[e][n] ?? e, e);
 }
 var Nd = "ScrollArea", [Pd, Fd] = v(Nd), [Id, Q] = Pd(Nd), Ld = M.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, type: r = "hover", dir: i, scrollHideDelay: a = 600, ...o } = e, [s, c] = M.useState(null), [l, d] = M.useState(null), [f, p] = M.useState(null), [m, h] = M.useState(null), [g, _] = M.useState(null), [v, y] = M.useState(0), [b, x] = M.useState(0), [S, C] = M.useState(!1), [w, T] = M.useState(!1), E = u(t, (e) => c(e)), O = Ad(i);
+	let { __scopeScrollArea: n, type: r = "hover", dir: i, scrollHideDelay: o = 600, ...s } = e, [c, l] = M.useState(null), [u, d] = M.useState(null), [f, p] = M.useState(null), [m, h] = M.useState(null), [g, _] = M.useState(null), [v, y] = M.useState(0), [b, x] = M.useState(0), [S, C] = M.useState(!1), [w, T] = M.useState(!1), D = a(t, (e) => l(e)), O = Ad(i);
 	return /* @__PURE__ */ U(Id, {
 		scope: n,
 		type: r,
 		dir: O,
-		scrollHideDelay: a,
-		scrollArea: s,
-		viewport: l,
+		scrollHideDelay: o,
+		scrollArea: c,
+		viewport: u,
 		onViewportChange: d,
 		content: f,
 		onContentChange: p,
@@ -17868,10 +17868,10 @@ var Nd = "ScrollArea", [Pd, Fd] = v(Nd), [Id, Q] = Pd(Nd), Ld = M.forwardRef((e,
 		onScrollbarYEnabledChange: T,
 		onCornerWidthChange: y,
 		onCornerHeightChange: x,
-		children: /* @__PURE__ */ U(D.div, {
+		children: /* @__PURE__ */ U(E.div, {
 			dir: O,
-			...o,
-			ref: E,
+			...s,
+			ref: D,
 			style: {
 				position: "relative",
 				"--radix-scroll-area-corner-width": v + "px",
@@ -17883,21 +17883,21 @@ var Nd = "ScrollArea", [Pd, Fd] = v(Nd), [Id, Q] = Pd(Nd), Ld = M.forwardRef((e,
 });
 Ld.displayName = Nd;
 var Rd = "ScrollAreaViewport", zd = M.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, children: r, nonce: i, ...a } = e, o = Q(Rd, n), s = M.useRef(null), c = u(t, s, o.onViewportChange);
+	let { __scopeScrollArea: n, children: r, nonce: i, ...o } = e, s = Q(Rd, n), c = M.useRef(null), l = a(t, c, s.onViewportChange);
 	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("style", {
 		dangerouslySetInnerHTML: { __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}" },
 		nonce: i
-	}), /* @__PURE__ */ U(D.div, {
+	}), /* @__PURE__ */ U(E.div, {
 		"data-radix-scroll-area-viewport": "",
-		...a,
-		ref: c,
+		...o,
+		ref: l,
 		style: {
-			overflowX: o.scrollbarXEnabled ? "scroll" : "hidden",
-			overflowY: o.scrollbarYEnabled ? "scroll" : "hidden",
+			overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
 			...e.style
 		},
 		children: /* @__PURE__ */ U("div", {
-			ref: o.onContentChange,
+			ref: s.onContentChange,
 			style: {
 				minWidth: "100%",
 				display: "table"
@@ -18001,8 +18001,8 @@ var Vd = M.forwardRef((e, t) => {
 			"data-state": s === "hidden" ? "hidden" : "visible",
 			...r,
 			ref: t,
-			onPointerEnter: O(e.onPointerEnter, () => c("POINTER_ENTER")),
-			onPointerLeave: O(e.onPointerLeave, () => c("POINTER_LEAVE"))
+			onPointerEnter: D(e.onPointerEnter, () => c("POINTER_ENTER")),
+			onPointerLeave: D(e.onPointerLeave, () => c("POINTER_LEAVE"))
 		})
 	});
 }), Ud = M.forwardRef((e, t) => {
@@ -18073,54 +18073,54 @@ var Vd = M.forwardRef((e, t) => {
 		}
 	}) : null;
 }), Gd = M.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: r, ...i } = e, a = Q($, e.__scopeScrollArea), [o, s] = M.useState(), c = M.useRef(null), l = u(t, c, a.onScrollbarXChange);
+	let { sizes: n, onSizesChange: r, ...i } = e, o = Q($, e.__scopeScrollArea), [s, c] = M.useState(), l = M.useRef(null), u = a(t, l, o.onScrollbarXChange);
 	return M.useEffect(() => {
-		c.current && s(getComputedStyle(c.current));
-	}, [c]), /* @__PURE__ */ U(Yd, {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ U(Yd, {
 		"data-orientation": "horizontal",
 		...i,
-		ref: l,
+		ref: u,
 		sizes: n,
 		style: {
 			bottom: 0,
-			left: a.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-			right: a.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+			left: o.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+			right: o.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
 			"--radix-scroll-area-thumb-width": af(n) + "px",
 			...e.style
 		},
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.x),
 		onDragScroll: (t) => e.onDragScroll(t.x),
 		onWheelScroll: (t, n) => {
-			if (a.viewport) {
-				let r = a.viewport.scrollLeft + t.deltaX;
+			if (o.viewport) {
+				let r = o.viewport.scrollLeft + t.deltaX;
 				e.onWheelScroll(r), lf(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
-			c.current && a.viewport && o && r({
-				content: a.viewport.scrollWidth,
-				viewport: a.viewport.offsetWidth,
+			l.current && o.viewport && s && r({
+				content: o.viewport.scrollWidth,
+				viewport: o.viewport.offsetWidth,
 				scrollbar: {
-					size: c.current.clientWidth,
-					paddingStart: nf(o.paddingLeft),
-					paddingEnd: nf(o.paddingRight)
+					size: l.current.clientWidth,
+					paddingStart: nf(s.paddingLeft),
+					paddingEnd: nf(s.paddingRight)
 				}
 			});
 		}
 	});
 }), Kd = M.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: r, ...i } = e, a = Q($, e.__scopeScrollArea), [o, s] = M.useState(), c = M.useRef(null), l = u(t, c, a.onScrollbarYChange);
+	let { sizes: n, onSizesChange: r, ...i } = e, o = Q($, e.__scopeScrollArea), [s, c] = M.useState(), l = M.useRef(null), u = a(t, l, o.onScrollbarYChange);
 	return M.useEffect(() => {
-		c.current && s(getComputedStyle(c.current));
-	}, [c]), /* @__PURE__ */ U(Yd, {
+		l.current && c(getComputedStyle(l.current));
+	}, [l]), /* @__PURE__ */ U(Yd, {
 		"data-orientation": "vertical",
 		...i,
-		ref: l,
+		ref: u,
 		sizes: n,
 		style: {
 			top: 0,
-			right: a.dir === "ltr" ? 0 : void 0,
-			left: a.dir === "rtl" ? 0 : void 0,
+			right: o.dir === "ltr" ? 0 : void 0,
+			left: o.dir === "rtl" ? 0 : void 0,
 			bottom: "var(--radix-scroll-area-corner-height)",
 			"--radix-scroll-area-thumb-height": af(n) + "px",
 			...e.style
@@ -18128,26 +18128,26 @@ var Vd = M.forwardRef((e, t) => {
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.y),
 		onDragScroll: (t) => e.onDragScroll(t.y),
 		onWheelScroll: (t, n) => {
-			if (a.viewport) {
-				let r = a.viewport.scrollTop + t.deltaY;
+			if (o.viewport) {
+				let r = o.viewport.scrollTop + t.deltaY;
 				e.onWheelScroll(r), lf(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
-			c.current && a.viewport && o && r({
-				content: a.viewport.scrollHeight,
-				viewport: a.viewport.offsetHeight,
+			l.current && o.viewport && s && r({
+				content: o.viewport.scrollHeight,
+				viewport: o.viewport.offsetHeight,
 				scrollbar: {
-					size: c.current.clientHeight,
-					paddingStart: nf(o.paddingTop),
-					paddingEnd: nf(o.paddingBottom)
+					size: l.current.clientHeight,
+					paddingStart: nf(s.paddingTop),
+					paddingEnd: nf(s.paddingBottom)
 				}
 			});
 		}
 	});
 }), [qd, Jd] = Pd($), Yd = M.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, sizes: r, hasThumb: a, onThumbChange: o, onThumbPointerUp: s, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: d, onWheelScroll: f, onResize: p, ...m } = e, h = Q($, n), [g, _] = M.useState(null), v = u(t, (e) => _(e)), y = M.useRef(null), b = M.useRef(""), x = h.viewport, S = r.content - r.viewport, C = i(f), w = i(l), T = df(p, 10);
-	function E(e) {
+	let { __scopeScrollArea: r, sizes: i, hasThumb: o, onThumbChange: s, onThumbPointerUp: c, onThumbPointerDown: l, onThumbPositionChange: u, onDragScroll: d, onWheelScroll: f, onResize: p, ...m } = e, h = Q($, r), [g, _] = M.useState(null), v = a(t, (e) => _(e)), y = M.useRef(null), b = M.useRef(""), x = h.viewport, S = i.content - i.viewport, C = n(f), w = n(u), T = df(p, 10);
+	function O(e) {
 		if (y.current) {
 			let t = e.clientX - y.current.left, n = e.clientY - y.current.top;
 			d({
@@ -18167,26 +18167,26 @@ var Vd = M.forwardRef((e, t) => {
 		g,
 		S,
 		C
-	]), M.useEffect(w, [r, w]), ff(g, T), ff(h.content, T), /* @__PURE__ */ U(qd, {
-		scope: n,
+	]), M.useEffect(w, [i, w]), ff(g, T), ff(h.content, T), /* @__PURE__ */ U(qd, {
+		scope: r,
 		scrollbar: g,
-		hasThumb: a,
-		onThumbChange: i(o),
-		onThumbPointerUp: i(s),
+		hasThumb: o,
+		onThumbChange: n(s),
+		onThumbPointerUp: n(c),
 		onThumbPositionChange: w,
-		onThumbPointerDown: i(c),
-		children: /* @__PURE__ */ U(D.div, {
+		onThumbPointerDown: n(l),
+		children: /* @__PURE__ */ U(E.div, {
 			...m,
 			ref: v,
 			style: {
 				position: "absolute",
 				...m.style
 			},
-			onPointerDown: O(e.onPointerDown, (e) => {
-				e.button === 0 && (e.target.setPointerCapture(e.pointerId), y.current = g.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), E(e));
+			onPointerDown: D(e.onPointerDown, (e) => {
+				e.button === 0 && (e.target.setPointerCapture(e.pointerId), y.current = g.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), O(e));
 			}),
-			onPointerMove: O(e.onPointerMove, E),
-			onPointerUp: O(e.onPointerUp, (e) => {
+			onPointerMove: D(e.onPointerMove, O),
+			onPointerUp: D(e.onPointerUp, (e) => {
 				let t = e.target;
 				t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), document.body.style.webkitUserSelect = b.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
 			})
@@ -18202,41 +18202,41 @@ var Vd = M.forwardRef((e, t) => {
 		})
 	});
 }), Qd = M.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, style: r, ...i } = e, a = Q(Xd, n), o = Jd(Xd, n), { onThumbPositionChange: s } = o, c = u(t, (e) => o.onThumbChange(e)), l = M.useRef(void 0), d = df(() => {
-		l.current &&= (l.current(), void 0);
+	let { __scopeScrollArea: n, style: r, ...i } = e, o = Q(Xd, n), s = Jd(Xd, n), { onThumbPositionChange: c } = s, l = a(t, (e) => s.onThumbChange(e)), u = M.useRef(void 0), d = df(() => {
+		u.current &&= (u.current(), void 0);
 	}, 100);
 	return M.useEffect(() => {
-		let e = a.viewport;
+		let e = o.viewport;
 		if (e) {
 			let t = () => {
-				if (d(), !l.current) {
-					let t = uf(e, s);
-					l.current = t, s();
+				if (d(), !u.current) {
+					let t = uf(e, c);
+					u.current = t, c();
 				}
 			};
-			return s(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+			return c(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
 		}
 	}, [
-		a.viewport,
+		o.viewport,
 		d,
-		s
-	]), /* @__PURE__ */ U(D.div, {
-		"data-state": o.hasThumb ? "visible" : "hidden",
+		c
+	]), /* @__PURE__ */ U(E.div, {
+		"data-state": s.hasThumb ? "visible" : "hidden",
 		...i,
-		ref: c,
+		ref: l,
 		style: {
 			width: "var(--radix-scroll-area-thumb-width)",
 			height: "var(--radix-scroll-area-thumb-height)",
 			...r
 		},
-		onPointerDownCapture: O(e.onPointerDownCapture, (e) => {
+		onPointerDownCapture: D(e.onPointerDownCapture, (e) => {
 			let t = e.target.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-			o.onThumbPointerDown({
+			s.onThumbPointerDown({
 				x: n,
 				y: r
 			});
 		}),
-		onPointerUp: O(e.onPointerUp, o.onThumbPointerUp)
+		onPointerUp: D(e.onPointerUp, s.onThumbPointerUp)
 	});
 });
 Zd.displayName = Xd;
@@ -18256,7 +18256,7 @@ var tf = M.forwardRef((e, t) => {
 	}), ff(i.scrollbarY, () => {
 		let e = i.scrollbarY?.offsetWidth || 0;
 		i.onCornerWidthChange(e), o(e);
-	}), l ? /* @__PURE__ */ U(D.div, {
+	}), l ? /* @__PURE__ */ U(E.div, {
 		...r,
 		ref: t,
 		style: {
@@ -18313,24 +18313,24 @@ var uf = (e, t = () => {}) => {
 	})(), () => window.cancelAnimationFrame(r);
 };
 function df(e, t) {
-	let n = i(e), r = M.useRef(0);
-	return M.useEffect(() => () => window.clearTimeout(r.current), []), M.useCallback(() => {
-		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
-	}, [n, t]);
+	let r = n(e), i = M.useRef(0);
+	return M.useEffect(() => () => window.clearTimeout(i.current), []), M.useCallback(() => {
+		window.clearTimeout(i.current), i.current = window.setTimeout(r, t);
+	}, [r, t]);
 }
 function ff(e, t) {
-	let n = i(t);
-	a(() => {
+	let i = n(t);
+	r(() => {
 		let t = 0;
 		if (e) {
-			let r = new ResizeObserver(() => {
-				cancelAnimationFrame(t), t = window.requestAnimationFrame(n);
+			let n = new ResizeObserver(() => {
+				cancelAnimationFrame(t), t = window.requestAnimationFrame(i);
 			});
-			return r.observe(e), () => {
-				window.cancelAnimationFrame(t), r.unobserve(e);
+			return n.observe(e), () => {
+				window.cancelAnimationFrame(t), n.unobserve(e);
 			};
 		}
-	}, [e, n]);
+	}, [e, i]);
 }
 var pf = Ld, mf = zd, hf = ef, gf = P(({ className: e, children: t, showBar: n = !0, viewportRef: r, onScrollTop: i, onScrollBottom: a, focusableViewport: o = !0, scrollMargin: s = 0, ...c }, l) => {
 	let u = B(null), d = r ?? u;
@@ -18407,7 +18407,7 @@ function bf(e, t) {
 }
 //#endregion
 //#region src/elements/avatars/F0AvatarList/components/MaxCounter.tsx
-var xf = E({
+var xf = p({
 	base: "flex shrink-0 items-center justify-center bg-f1-background-secondary font-medium text-f1-foreground-secondary",
 	variants: {
 		size: {
@@ -18434,13 +18434,13 @@ var xf = E({
 		type: "base"
 	}
 }), Sf = ({ count: e, size: t = "md", type: n, list: r, avatarType: i = "person" }) => {
-	let [a, o] = V(!1), s = B(!1), c = B(null), l = B(void 0);
-	L(() => () => clearTimeout(l.current), []);
-	let u = () => clearTimeout(l.current), d = () => {
-		u(), s.current = !0, o(!0);
+	let [a, o] = V(!1), s = B(!1), l = B(null), u = B(void 0);
+	L(() => () => clearTimeout(u.current), []);
+	let d = () => clearTimeout(u.current), f = () => {
+		d(), s.current = !0, o(!0);
 	}, p = () => {
-		u(), l.current = setTimeout(() => o(!1), 150);
-	}, m = t === "xs" ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(C, {
+		d(), u.current = setTimeout(() => o(!1), 150);
+	}, g = t === "xs" ? /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(h, {
 		icon: K,
 		size: "xs"
 	}), /* @__PURE__ */ W("span", {
@@ -18452,9 +18452,9 @@ var xf = E({
 			size: t,
 			type: n
 		})),
-		children: m
+		children: g
 	});
-	let h = r.map((e, t) => {
+	let _ = r.map((e, t) => {
 		let n = e.tooltipDescription;
 		return /* @__PURE__ */ W("div", {
 			className: "flex w-[180px] min-w-0 items-center gap-1.5 px-2 py-1 [&:first-child]:pt-2 [&:last-child]:pb-2",
@@ -18482,26 +18482,26 @@ var xf = E({
 	return /* @__PURE__ */ W(T, {
 		open: a,
 		onOpenChange: o,
-		children: [/* @__PURE__ */ U(f, {
+		children: [/* @__PURE__ */ U(c, {
 			asChild: !0,
 			children: /* @__PURE__ */ U("button", {
 				type: "button",
-				onPointerEnter: d,
+				onPointerEnter: f,
 				onPointerLeave: p,
 				onClick: (e) => {
-					s.current = !1, a && (e.preventDefault(), c.current?.focus());
+					s.current = !1, a && (e.preventDefault(), l.current?.focus());
 				},
 				className: A("cursor-pointer font-medium transition hover:bg-f1-background-secondary-hover", xf({
 					size: t,
 					type: n
 				}), ee()),
-				children: m
+				children: g
 			})
-		}), /* @__PURE__ */ U(g, {
-			ref: c,
+		}), /* @__PURE__ */ U(m, {
+			ref: l,
 			side: "top",
 			className: "w-[200px] overflow-hidden rounded border-0 bg-f1-background-inverse p-0 font-medium text-f1-foreground-inverse shadow-none dark:border dark:border-solid dark:border-f1-border-secondary dark:bg-f1-background",
-			onPointerEnter: u,
+			onPointerEnter: d,
 			onPointerLeave: p,
 			onOpenAutoFocus: (e) => {
 				s.current && e.preventDefault();
@@ -18511,7 +18511,7 @@ var xf = E({
 			},
 			children: /* @__PURE__ */ W(_f, {
 				className: "[*[data-state=visible]_div]:bg-f1-foreground-inverse flex max-h-[172px] flex-col",
-				children: [h, /* @__PURE__ */ U(yf, {
+				children: [_, /* @__PURE__ */ U(yf, {
 					orientation: "vertical",
 					className: "[&_div]:bg-f1-foreground-inverse"
 				})]
@@ -18533,70 +18533,70 @@ var xf = E({
 		sm: "path('M21.3746 4.50813C19.1755 1.76008 15.7933 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C15.7933 24 19.1755 22.2399 21.3746 19.4919C19.8788 17.3743 19 14.7898 19 12C19 9.21023 19.8788 6.62571 21.3746 4.50813Z')",
 		xs: "path('M18 4.19899C16.7442 5.95406 16 8.13577 16 10.5C16 12.8642 16.7442 15.0459 18 16.801C16.1755 19.3508 13.2712 21 10 21C4.47716 21 0 16.299 0 10.5C0 4.70102 4.47716 0 10 0C13.2712 0 16.1755 1.64923 18 4.19899Z')"
 	}
-}, Tf = ({ avatars: e, size: n = "md", type: r, noTooltip: i = !1, remainingCount: a, max: o, tooltipScroll: s, layout: c }) => {
-	if (n && !Cf.includes(n)) {
+}, Tf = ({ avatars: e, size: t = "md", type: n, noTooltip: r = !1, remainingCount: i, max: a, tooltipScroll: o, layout: c }) => {
+	if (t && !Cf.includes(t)) {
 		let e = {
 			small: "sm",
 			medium: "md",
 			xsmall: "xs"
 		};
-		console.warn(`The avatar list size: ${n} is deprecated. Use ${e[n]} instead.`), n = e[n] ?? "md";
+		console.warn(`The avatar list size: ${t} is deprecated. Use ${e[t]} instead.`), t = e[t] ?? "md";
 	}
 	let l = {
 		xs: -2,
 		sm: -3,
 		md: -4
-	}[n] ?? 0, u = z(() => ({
+	}[t] ?? 0, u = z(() => ({
 		xs: 20,
 		sm: 24,
 		md: 32
-	})[n], [n]);
+	})[t], [t]);
 	return /* @__PURE__ */ U(Od, {
-		max: o,
-		min: o,
+		max: a,
+		min: a,
 		items: e.map((e) => ({
-			type: r,
+			type: n,
 			...e
 		})),
 		gap: l,
 		itemsWidth: u,
 		className: "flex items-center",
-		renderListItem: (o, s) => {
-			let c = bf(r, o), l = o.tooltipDescription, u = !!o.badge, d = s === e.length - 1, f = /* @__PURE__ */ U("div", {
+		renderListItem: (a, o) => {
+			let c = bf(n, a), l = a.tooltipDescription, u = !!a.badge, d = o === e.length - 1, f = /* @__PURE__ */ U("div", {
 				className: "flex h-fit w-fit shrink-0 items-center justify-center",
-				style: (!d || d && a !== void 0) && !u ? { clipPath: wf[r === "person" ? "rounded" : "base"][n] } : void 0,
+				style: (!d || d && i !== void 0) && !u ? { clipPath: wf[n === "person" ? "rounded" : "base"][t] } : void 0,
 				children: /* @__PURE__ */ U(Cd, {
 					avatar: {
-						...o,
-						type: r
+						...a,
+						type: n
 					},
-					size: n
+					size: t
 				})
 			});
-			return /* @__PURE__ */ U("div", { children: i ? f : /* @__PURE__ */ U(t, {
+			return /* @__PURE__ */ U("div", { children: r ? f : /* @__PURE__ */ U(s, {
 				label: c,
 				description: l,
 				children: f
-			}) }, s);
+			}) }, o);
 		},
 		renderDropdownItem: () => null,
-		forceShowingOverflowIndicator: a !== void 0,
-		renderOverflowIndicator: (t) => /* @__PURE__ */ U("div", {
+		forceShowingOverflowIndicator: i !== void 0,
+		renderOverflowIndicator: (r) => /* @__PURE__ */ U("div", {
 			className: "flex h-fit w-fit items-center",
 			style: { marginLeft: l },
 			children: /* @__PURE__ */ U(Sf, {
-				count: (a ?? 0) + t,
-				size: n,
-				type: r === "person" ? "rounded" : "base",
-				avatarType: r,
-				list: a ? void 0 : e.slice(e.length - t)
+				count: (i ?? 0) + r,
+				size: t,
+				type: n === "person" ? "rounded" : "base",
+				avatarType: n,
+				list: i ? void 0 : e.slice(e.length - r)
 			})
 		}),
 		overflowIndicatorWithPopover: !1
 	});
 };
 Tf.displayName = "AvatarList";
-var Ef = m(Tf);
+var Ef = l(Tf);
 //#endregion
 //#region ../../node_modules/.pnpm/zen-observable-ts@1.1.0/node_modules/zen-observable-ts/module.js
 function Df(e, t) {