@factorialco/f0-react 11.10.1 → 11.12.0

package/dist/{useData-BEZesy_8.js → useData-DqN-h3iG.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./rolldown-runtime-BItFwnF5.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, p as x, rn as S, rr as C, t as w, x as T, y as E, yt as D, zt as O } from "./popover-DquDnBKd.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, on as y, or as b, p as x, sn as S, sr as C, t as w, vn as T, x as E, y as D, yn as O } from "./popover-C8rmkngm.js";
 import { L as k, R as ee } from "./tooltip-BX4dSfeL.js";
 import { t as te } from "./dist-Cuwaibqg.js";
 import * as A from "react";
@@ -190,7 +190,7 @@ var H = N((e, t) => /* @__PURE__ */ V("svg", {
 		strokeLinecap: "round",
 		d: "M19 12C19 13.3845 18.5895 14.7378 17.8203 15.889C17.0511 17.0401 15.9579 17.9373 14.6788 18.4672C13.3997 18.997 11.9922 19.1356 10.6344 18.8655C9.2765 18.5954 8.02922 17.9287 7.05025 16.9497C6.07128 15.9708 5.4046 14.7235 5.1345 13.3656C4.86441 12.0078 5.00303 10.6003 5.53284 9.32122C6.06266 8.04213 6.95986 6.94888 8.11101 6.17971C9.26215 5.41054 10.6155 5 12 5"
 	})
-})), K = p({
+})), K = T({
 	base: "text-base text-f1-foreground",
 	variants: {
 		variant: {
@@ -242,69 +242,69 @@ var H = N((e, t) => /* @__PURE__ */ V("svg", {
 	"positive-strong": "p",
 	"info-strong": "p",
 	code: "code"
-}, de = N(({ content: e, variant: t, align: n, className: r, as: i, ellipsis: a, noEllipsisTooltip: o, markdown: s, required: c, ...l }, u) => {
-	let f = i ?? q[t ?? "body"], p = c ? /* @__PURE__ */ B("span", {
+}, de = N(({ content: e, variant: t, align: n, className: i, as: a, ellipsis: o, noEllipsisTooltip: s, markdown: c, required: u, ...d }, f) => {
+	let p = a ?? q[t ?? "body"], m = u ? /* @__PURE__ */ B("span", {
 		className: "text-f1-foreground-critical",
 		"aria-hidden": "true",
 		children: " *"
 	}) : null;
-	if (a !== void 0) {
-		let i = typeof a == "number" ? a : 1;
-		return p ? M(f, {
-			...l,
+	if (o !== void 0) {
+		let r = typeof o == "number" ? o : 1;
+		return m ? M(p, {
+			...d,
 			className: k(K({
 				variant: t,
 				align: n
-			}), r, "inline-flex gap-0.5"),
-			ref: u
-		}, /* @__PURE__ */ B(D, {
-			lines: i,
-			noTooltip: o,
+			}), i, "inline-flex gap-0.5"),
+			ref: f
+		}, /* @__PURE__ */ B(l, {
+			lines: r,
+			noTooltip: s,
 			tag: "span",
 			className: "min-w-0",
-			markdown: s,
+			markdown: c,
 			children: e
-		}), p) : /* @__PURE__ */ B(D, {
-			ref: u,
-			lines: i,
-			noTooltip: o,
-			tag: f,
+		}), m) : /* @__PURE__ */ B(l, {
+			ref: f,
+			lines: r,
+			noTooltip: s,
+			tag: p,
 			className: k(K({
 				variant: t,
 				align: n
-			}), r),
-			markdown: s,
-			...l,
+			}), i),
+			markdown: c,
+			...d,
 			children: e
 		});
 	}
-	if (s) {
-		let i = d(e);
-		return p ? M(f, {
-			...l,
+	if (c) {
+		let a = r(e);
+		return m ? M(p, {
+			...d,
 			className: k(K({
 				variant: t,
 				align: n
-			}), r),
-			ref: u
-		}, /* @__PURE__ */ B("span", { dangerouslySetInnerHTML: { __html: i } }), p) : M(f, {
-			...l,
+			}), i),
+			ref: f
+		}, /* @__PURE__ */ B("span", { dangerouslySetInnerHTML: { __html: a } }), m) : M(p, {
+			...d,
 			className: k(K({
 				variant: t,
 				align: n
-			}), r),
-			ref: u,
-			dangerouslySetInnerHTML: { __html: i }
+			}), i),
+			ref: f,
+			dangerouslySetInnerHTML: { __html: a }
 		});
 	}
-	return M(f, {
-		...l,
+	return M(p, {
+		...d,
 		className: k(K({
 			variant: t,
 			align: n
-		}), r),
-		ref: u
-	}, e, p);
+		}), i),
+		ref: f
+	}, e, m);
 });
 de.displayName = "Text";
 //#endregion
@@ -333,7 +333,7 @@ var fe = {
 	});
 };
 me.displayName = "ColorAvatar";
-var J = l(C("F0AvatarColor", me)), Y = {
+var J = m(b("F0AvatarColor", me)), Y = {
 	xs: {
 		box: "h-5 min-w-5",
 		circle: "size-4",
@@ -387,7 +387,7 @@ var J = l(C("F0AvatarColor", me)), Y = {
 	});
 };
 he.displayName = "ColorListAvatar";
-var ge = l(C("F0AvatarColorList", he)), _e = N((e, t) => /* @__PURE__ */ V("svg", {
+var ge = m(b("F0AvatarColorList", he)), _e = N((e, t) => /* @__PURE__ */ V("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
@@ -1150,7 +1150,7 @@ var ge = l(C("F0AvatarColorList", he)), _e = N((e, t) => /* @__PURE__ */ V("svg"
 	timeoff: it,
 	workflows: ct,
 	whats_new: Le
-}, ut = p({
+}, ut = T({
 	base: "relative flex shrink-0 items-center justify-center",
 	variants: { size: {
 		"4xs": "h-2.5 w-2.5",
@@ -1162,7 +1162,7 @@ var ge = l(C("F0AvatarColorList", he)), _e = N((e, t) => /* @__PURE__ */ V("svg"
 		lg: "h-10 w-10"
 	} },
 	defaultVariants: { size: "sm" }
-}), dt = p({
+}), dt = T({
 	base: "relative text-f1-foreground-inverse drop-shadow",
 	variants: { size: {
 		"4xs": "h-[7px] w-[7px]",
@@ -1215,7 +1215,7 @@ function pt({ size: e = "sm", module: t, ...n }) {
 		}), r ? /* @__PURE__ */ B(r, { className: dt({ size: e }) }) : null]
 	});
 }
-var mt = l(pt), ht = p({
+var mt = m(pt), ht = T({
 	base: "flex shrink-0 items-center justify-center rounded-full",
 	variants: {
 		type: {
@@ -1241,12 +1241,12 @@ var mt = l(pt), ht = p({
 	sm: "xs",
 	md: "sm",
 	lg: "md"
-}, _t = l(C("Badge", ({ type: e, size: t = "md", icon: n }) => /* @__PURE__ */ B("div", {
+}, _t = m(b("Badge", ({ type: e, size: t = "md", icon: n }) => /* @__PURE__ */ B("div", {
 	className: ht({
 		type: e,
 		size: t
 	}),
-	children: /* @__PURE__ */ B(h, {
+	children: /* @__PURE__ */ B(S, {
 		icon: n,
 		size: gt[t]
 	})
@@ -1256,7 +1256,7 @@ var mt = l(pt), ht = p({
 		scope: n,
 		imageLoadingStatus: i,
 		onImageLoadingStatusChange: a,
-		children: /* @__PURE__ */ B(T.span, {
+		children: /* @__PURE__ */ B(E.span, {
 			...r,
 			ref: t
 		})
@@ -1264,15 +1264,15 @@ var mt = l(pt), ht = p({
 });
 Ct.displayName = vt;
 var wt = "AvatarImage", Tt = A.forwardRef((e, t) => {
-	let { __scopeAvatar: i, src: a, onLoadingStatusChange: o = () => {}, ...s } = e, c = St(wt, i), l = Ot(a, s.referrerPolicy), u = n((e) => {
+	let { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {}, ...s } = e, c = St(wt, n), l = Ot(r, s.referrerPolicy), u = i((e) => {
 		o(e), c.onImageLoadingStatusChange(e);
 	});
-	return r(() => {
+	return a(() => {
 		l !== "idle" && u(l);
-	}, [l, u]), l === "loaded" ? /* @__PURE__ */ B(T.img, {
+	}, [l, u]), l === "loaded" ? /* @__PURE__ */ B(E.img, {
 		...s,
 		ref: t,
-		src: a
+		src: r
 	}) : null;
 });
 Tt.displayName = wt;
@@ -1283,23 +1283,23 @@ var Et = "AvatarFallback", Dt = A.forwardRef((e, t) => {
 			let e = window.setTimeout(() => s(!0), r);
 			return () => window.clearTimeout(e);
 		}
-	}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ B(T.span, {
+	}, [r]), o && a.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ B(E.span, {
 		...i,
 		ref: t
 	}) : null;
 });
 Dt.displayName = Et;
 function Ot(e, t) {
-	let [n, i] = A.useState("idle");
-	return r(() => {
+	let [n, r] = A.useState("idle");
+	return a(() => {
 		if (!e) {
-			i("error");
+			r("error");
 			return;
 		}
-		let n = !0, r = new window.Image(), a = (e) => () => {
-			n && i(e);
+		let n = !0, i = new window.Image(), a = (e) => () => {
+			n && r(e);
 		};
-		return i("loading"), r.onload = a("loaded"), r.onerror = a("error"), r.src = e, t && (r.referrerPolicy = t), () => {
+		return r("loading"), i.onload = a("loaded"), i.onerror = a("error"), i.src = e, t && (i.referrerPolicy = t), () => {
 			n = !1;
 		};
 	}, [e, t]), n;
@@ -1319,7 +1319,7 @@ var kt = Ct, At = Tt, jt = Dt, Mt = j(void 0), Nt = ({ children: e, ...t }) => /
 		...e,
 		...r
 	});
-}), It = p({
+}), It = T({
 	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: {
@@ -1503,32 +1503,32 @@ var Wt = {
 	lg: "md",
 	xl: "lg",
 	"2xl": "lg"
-}, Yt = (e) => Vt.includes(e), Xt = (e) => e && !Yt(e) ? (console.warn(`The avatar size: ${e} is deprecated. Use ${X[e]} instead.`), X[e] ?? qt) : e ?? qt, Zt = ({ icon: e, src: t, flag: n }) => e ? "bg-f1-background-secondary" : t || n ? "bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary" : "", Z = N(({ 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 = I(() => Object.fromEntries(Object.entries(X).map(([e, t]) => [t, e])), []), p = Xt(n), m = Ht(t, p), g = i === "random" ? Ut(Array.isArray(t) ? t.join("") : t) : i, _ = !!(a || o), v = Gt(p), y = Kt(p), b = I(() => c ? /* @__PURE__ */ V(z, { children: [c.type === "module" ? /* @__PURE__ */ B(mt, {
+}, Yt = (e) => Vt.includes(e), Xt = (e) => e && !Yt(e) ? (console.warn(`The avatar size: ${e} is deprecated. Use ${X[e]} instead.`), X[e] ?? qt) : e ?? qt, Zt = ({ icon: e, src: t, flag: n }) => e ? "bg-f1-background-secondary" : t || n ? "bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary" : "", Z = N(({ 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 = I(() => Object.fromEntries(Object.entries(X).map(([e, t]) => [t, e])), []), p = Xt(r), m = Ht(n, p), h = a === "random" ? Ut(Array.isArray(n) ? n.join("") : n) : a, g = !!(o || s), _ = Gt(p), v = Kt(p), y = I(() => c ? /* @__PURE__ */ V(z, { children: [c.type === "module" ? /* @__PURE__ */ B(mt, {
 		module: c.module,
-		size: y
+		size: v
 	}) : null, c.type === "module" ? null : /* @__PURE__ */ B(_t, {
 		type: c.type,
 		icon: c.icon,
-		size: v
+		size: _
 	})] }) : null, [
 		c,
-		v,
-		y
-	]), x = /* @__PURE__ */ V("div", {
+		_,
+		v
+	]), b = /* @__PURE__ */ V("div", {
 		className: "relative inline-flex h-fit w-fit",
 		children: [/* @__PURE__ */ B("div", {
 			className: "relative h-fit w-fit",
-			style: c ? { clipPath: Wt.get(r === "rounded" ? "rounded" : "base", p, c.type === "module" ? "module" : "default") } : void 0,
+			style: c ? { clipPath: Wt.get(i === "rounded" ? "rounded" : "base", p, c.type === "module" ? "module" : "default") } : void 0,
 			children: /* @__PURE__ */ B(Lt, {
 				size: f[p] || "small",
-				type: r,
-				color: g,
+				type: i,
+				color: h,
 				ref: d,
 				role: "img",
-				"aria-hidden": !_,
-				"aria-label": a,
-				"aria-labelledby": o,
+				"aria-hidden": !g,
+				"aria-label": o,
+				"aria-labelledby": s,
 				translate: "no",
 				"data-a11y-color-contrast-ignore": !0,
 				className: Zt({
@@ -1536,7 +1536,7 @@ var Wt = {
 					src: e,
 					flag: l
 				}),
-				children: u ? /* @__PURE__ */ B(h, {
+				children: u ? /* @__PURE__ */ B(S, {
 					icon: u.icon,
 					color: u.color,
 					size: Jt[p]
@@ -1554,13 +1554,13 @@ var Wt = {
 			})
 		}), c ? /* @__PURE__ */ B("div", {
 			className: "absolute -bottom-0.5 -right-0.5",
-			children: b
+			children: y
 		}) : null]
 	});
-	return c?.tooltip ? /* @__PURE__ */ B(s, {
+	return c?.tooltip ? /* @__PURE__ */ B(t, {
 		description: c.tooltip,
-		children: x
-	}) : x;
+		children: b
+	}) : b;
 });
 Z.displayName = "BaseAvatar";
 //#endregion
@@ -1576,7 +1576,7 @@ var Qt = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, bad
 	badge: a
 });
 Qt.displayName = "CompanyAvatar";
-var $t = l(Qt), en = [
+var $t = m(Qt), en = [
 	"xs",
 	"sm",
 	"md",
@@ -1598,13 +1598,13 @@ var $t = l(Qt), en = [
 	className: k("flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary", tn[t]),
 	"aria-label": n,
 	"aria-labelledby": r,
-	children: /* @__PURE__ */ B(y, {
+	children: /* @__PURE__ */ B(s, {
 		emoji: e,
 		size: nn[t]
 	})
 }));
 rn.displayName = "EmojiAvatar";
-var an = l(rn), on = {
+var an = m(rn), on = {
 	pdf: {
 		type: "PDF",
 		color: "text-f1-foreground-accent"
@@ -1734,16 +1734,16 @@ var an = l(rn), on = {
 		sm: "xs"
 	};
 	return e && t[e] ? t[e] : t.sm;
-}, fn = N(({ file: e, badge: t, dataTestId: n, ...r }, i) => {
-	let { type: a, color: o } = ln(e), c = I(() => Object.fromEntries(Object.entries(X).map(([e, t]) => [t, e])), [])[r.size] ?? "small", l = un(r.size), u = dn(r.size), d = I(() => t ? /* @__PURE__ */ V(z, { children: [t.type === "module" ? /* @__PURE__ */ B(mt, {
-		module: t.module,
+}, fn = N(({ file: e, badge: n, dataTestId: r, ...i }, a) => {
+	let { type: o, color: s } = ln(e), c = I(() => Object.fromEntries(Object.entries(X).map(([e, t]) => [t, e])), [])[i.size] ?? "small", l = un(i.size), u = dn(i.size), d = I(() => n ? /* @__PURE__ */ V(z, { children: [n.type === "module" ? /* @__PURE__ */ B(mt, {
+		module: n.module,
 		size: u
-	}) : null, t.type === "module" ? null : /* @__PURE__ */ B(_t, {
-		type: t.type,
-		icon: t.icon,
+	}) : null, n.type === "module" ? null : /* @__PURE__ */ B(_t, {
+		type: n.type,
+		icon: n.icon,
 		size: l
 	})] }) : null, [
-		t,
+		n,
 		l,
 		u
 	]), f = I(() => {
@@ -1753,22 +1753,22 @@ var an = l(rn), on = {
 			md: "text-sm",
 			lg: "text-sm"
 		};
-		return e[r.size || "sm"] ?? e.sm;
-	}, [r]);
-	return /* @__PURE__ */ B(g, {
-		dataTestId: n,
+		return e[i.size || "sm"] ?? e.sm;
+	}, [i]);
+	return /* @__PURE__ */ B(C, {
+		dataTestId: r,
 		children: /* @__PURE__ */ V(Lt, {
-			ref: i,
+			ref: a,
 			className: k("bg-f1-background", "overflow-visible"),
-			...r,
+			...i,
 			size: c,
 			children: [/* @__PURE__ */ B(zt, {
-				className: k("select-none font-semibold", f, o),
-				children: a
-			}), t ? /* @__PURE__ */ B("div", {
+				className: k("select-none font-semibold", f, s),
+				children: o
+			}), n ? /* @__PURE__ */ B("div", {
 				className: "absolute -bottom-0.5 -right-0.5",
-				children: t.tooltip ? /* @__PURE__ */ B(s, {
-					description: t.tooltip,
+				children: n.tooltip ? /* @__PURE__ */ B(t, {
+					description: n.tooltip,
 					children: /* @__PURE__ */ B("div", {
 						className: "cursor-help",
 						children: d
@@ -16446,7 +16446,7 @@ var Pu = (e) => {
 	if (!t) console.warn(`Flag component for code "${e}" not found`);
 	else return t;
 }, Fu = ({ flag: e, size: t, "aria-label": n, "aria-labelledby": r, badge: i }) => {
-	let a = Pu(e), o = S().countries[e] ?? e;
+	let a = Pu(e), o = y().countries[e] ?? e;
 	return /* @__PURE__ */ B(Z, {
 		type: "base",
 		name: o,
@@ -16459,7 +16459,7 @@ var Pu = (e) => {
 	});
 };
 Fu.displayName = "FlagAvatar";
-var Iu = l(Fu), Lu = [
+var Iu = m(Fu), Lu = [
 	"xs",
 	"sm",
 	"md",
@@ -16473,7 +16473,7 @@ var Iu = l(Fu), Lu = [
 	className: k("flex aspect-square items-center justify-center border border-solid border-f1-border-secondary bg-f1-background", Ru[t]),
 	"aria-label": r,
 	"aria-labelledby": i,
-	children: /* @__PURE__ */ B(h, {
+	children: /* @__PURE__ */ B(S, {
 		icon: e,
 		size: t,
 		state: n,
@@ -16481,7 +16481,7 @@ var Iu = l(Fu), Lu = [
 	})
 });
 zu.displayName = "IconAvatar";
-var Bu = l(zu), Vu = ({ firstName: e, lastName: t, src: n, size: r, "aria-label": i, "aria-labelledby": a, badge: o, deactivated: s, pending: c }) => {
+var Bu = m(zu), Vu = ({ firstName: e, lastName: t, src: n, size: r, "aria-label": i, "aria-labelledby": a, badge: o, deactivated: s, pending: c }) => {
 	let l = s ? ce : c ? ue : void 0;
 	return /* @__PURE__ */ B(Z, {
 		type: "rounded",
@@ -16499,7 +16499,7 @@ var Bu = l(zu), Vu = ({ firstName: e, lastName: t, src: n, size: r, "aria-label"
 	});
 };
 Vu.displayName = "PersonAvatar";
-var Hu = l(Vu), Uu = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, badge: a }) => /* @__PURE__ */ B(Z, {
+var Hu = m(Vu), Uu = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelledby": i, badge: a }) => /* @__PURE__ */ B(Z, {
 	type: "base",
 	name: e,
 	src: t,
@@ -16510,10 +16510,10 @@ var Hu = l(Vu), Uu = ({ name: e, src: t, size: n, "aria-label": r, "aria-labelle
 	badge: a
 });
 Uu.displayName = "TeamAvatar";
-var Wu = l(Uu), Gu = k("opacity-0 transition-opacity motion-reduce:transition-none", "group-hover/avatar-action:opacity-100 has-[:focus-visible]:opacity-100", "[@media(hover:none)]:opacity-100"), Ku = ({ label: e, icon: t, critical: n = !1, onSelect: r }) => /* @__PURE__ */ V(i, {
+var Wu = m(Uu), Gu = k("opacity-0 transition-opacity motion-reduce:transition-none", "group-hover/avatar-action:opacity-100 has-[:focus-visible]:opacity-100", "[@media(hover:none)]:opacity-100"), Ku = ({ label: e, icon: t, critical: n = !1, onSelect: r }) => /* @__PURE__ */ V(c, {
 	className: k("flex w-full cursor-pointer items-start gap-1.5", n && "text-f1-foreground-critical"),
 	onSelect: r,
-	children: [t ? /* @__PURE__ */ B(h, {
+	children: [t ? /* @__PURE__ */ B(S, {
 		icon: t,
 		size: "md",
 		className: n ? "text-f1-icon-critical" : "text-f1-icon"
@@ -16521,8 +16521,8 @@ var Wu = l(Uu), Gu = k("opacity-0 transition-opacity motion-reduce:transition-no
 		className: "truncate",
 		children: e
 	})]
-}), qu = ({ actions: e, children: n }) => {
-	let r = S(), [i, a] = R(!1), [s, c] = R(!1), l = async (e) => {
+}), qu = ({ actions: e, children: t }) => {
+	let r = y(), [i, a] = R(!1), [o, s] = R(!1), c = async (e) => {
 		if (e instanceof Promise) {
 			a(!0);
 			try {
@@ -16531,35 +16531,35 @@ var Wu = l(Uu), Gu = k("opacity-0 transition-opacity motion-reduce:transition-no
 				a(!1);
 			}
 		}
-	}, [d] = e, f = e.length > 1, p = /* @__PURE__ */ B(u, {
-		icon: f ? W : d.icon ?? W,
-		label: f ? r.actions.edit : d.label,
+	}, [l] = e, u = e.length > 1, f = /* @__PURE__ */ B(p, {
+		icon: u ? W : l.icon ?? W,
+		label: u ? r.actions.edit : l.label,
 		hideLabel: !0,
 		size: "sm",
 		variant: "ghost",
 		loading: i,
-		onClick: f ? void 0 : () => void l(d.onClick())
+		onClick: u ? void 0 : () => void c(l.onClick())
 	});
 	return /* @__PURE__ */ V("div", {
 		className: "group/avatar-action relative inline-flex h-fit w-fit",
-		children: [n, /* @__PURE__ */ B("div", {
-			className: k("absolute -bottom-1 -right-1 inline-flex rounded-sm border border-solid border-f1-border-secondary bg-f1-background", Gu, (i || s) && "opacity-100"),
-			children: f ? /* @__PURE__ */ V(t, {
-				open: s,
-				onOpenChange: c,
-				children: [/* @__PURE__ */ B(o, {
+		children: [t, /* @__PURE__ */ B("div", {
+			className: k("absolute -bottom-1 -right-1 inline-flex rounded-sm border border-solid border-f1-border-secondary bg-f1-background", Gu, (i || o) && "opacity-100"),
+			children: u ? /* @__PURE__ */ V(n, {
+				open: o,
+				onOpenChange: s,
+				children: [/* @__PURE__ */ B(d, {
 					asChild: !0,
-					children: p
+					children: f
 				}), /* @__PURE__ */ B(_, {
 					align: "start",
 					children: e.map((e) => /* @__PURE__ */ B(Ku, {
 						label: e.label,
 						icon: e.icon,
 						critical: e.critical,
-						onSelect: () => void l(e.onClick())
+						onSelect: () => void c(e.onClick())
 					}, e.label))
 				})]
-			}) : p
+			}) : f
 		})]
 	});
 }, Ju = (e, t, n) => t.find((t) => t === e) ?? n, Yu = ({ avatar: e, size: t = "xs", dataTestId: n }) => {
@@ -16644,8 +16644,8 @@ var Wu = l(Uu), Gu = k("opacity-0 transition-opacity motion-reduce:transition-no
 }, Xu = ({ actions: e, ...t }) => e?.length ? /* @__PURE__ */ B(qu, {
 	actions: e,
 	children: /* @__PURE__ */ B(Yu, { ...t })
-}) : /* @__PURE__ */ B(Yu, { ...t }), Zu = l(Xu), Qu = f.create(h), $u = ({ count: e, totalItemsCount: t, isOpen: n }) => {
-	let r = S();
+}) : /* @__PURE__ */ B(Yu, { ...t }), Zu = m(Xu), Qu = O.create(S), $u = ({ count: e, totalItemsCount: t, isOpen: n }) => {
+	let r = y();
 	return /* @__PURE__ */ V("div", {
 		className: k("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: [
@@ -16668,20 +16668,20 @@ $u.displayName = "OverflowIndicator";
 //#region src/elements/OverflowList/useOverflowCalculation.ts
 var ed = 20;
 function td(e, t, n) {
-	let r = L(null), i = L(null), a = L(null), o = L(null), s = L(null), [c, l] = R(null), [u, d] = R(!1);
-	O({
+	let r = L(null), i = L(null), a = L(null), s = L(null), c = L(null), [l, u] = R(null), [d, f] = R(!1);
+	o({
 		ref: r,
 		onResize: () => {
-			m();
+			h();
 		}
 	});
-	let f = P(() => {
+	let p = P(() => {
 		if (n?.itemsWidth) return Array.isArray(n.itemsWidth) ? n.itemsWidth : Array(e.length).fill(n.itemsWidth);
-		if (!o.current) return [];
-		let t = o.current.children, r = [];
+		if (!s.current) return [];
+		let t = s.current.children, r = [];
 		for (let e of t) r.push(e.getBoundingClientRect().width);
 		return r;
-	}, [n?.itemsWidth, e.length]), p = P(({ itemWidths: t, availableWidth: r }) => {
+	}, [n?.itemsWidth, e.length]), m = P(({ itemWidths: t, availableWidth: r }) => {
 		let i = 0, a = 0;
 		for (let e of t) {
 			let t = a + e;
@@ -16693,65 +16693,65 @@ function td(e, t, n) {
 		n?.max,
 		n?.min,
 		e.length
-	]), m = P(() => {
+	]), h = P(() => {
 		if (e.length === 0 || !r.current) return;
-		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({
+		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({
 			itemWidths: d,
-			availableWidth: m
+			availableWidth: f
 		});
-		h >= e.length && (n?.max === void 0 || e.length <= n.max) && (h = p({
+		h >= e.length && (n?.max === void 0 || e.length <= n.max) && (h = m({
 			itemWidths: d,
 			availableWidth: o
 		}));
-		let g = h >= e.length ? o : m, _ = s.current;
+		let g = h >= e.length ? o : f, _ = c.current;
 		if (_ !== null && h > _) {
-			let e = p({
+			let e = m({
 				itemWidths: d,
 				availableWidth: g - ed
 			});
 			e < h && (h = Math.max(e, _));
 		}
-		s.current = h, e.length - h === 1 && h > 0 && u.length > 0 && c === u[u.length - 1] - t && (h = e.length), l(h);
+		c.current = h, e.length - h === 1 && h > 0 && l.length > 0 && s === l[l.length - 1] - t && (h = e.length), u(h);
 	}, [
 		e,
 		t,
-		f,
 		p,
+		m,
 		n?.max
 	]);
 	F(() => {
-		s.current = null;
+		c.current = null;
 	}, [e.length]), F(() => {
-		m();
-	}, [m]), F(() => {
-		d(!0);
+		h();
+	}, [h]), F(() => {
+		f(!0);
 	}, []);
-	let { visibleItems: h, overflowItems: g } = I(() => c === null ? {
+	let { visibleItems: g, overflowItems: _ } = I(() => l === null ? {
 		visibleItems: [],
 		overflowItems: []
 	} : {
-		visibleItems: e.slice(0, c),
-		overflowItems: e.slice(c)
-	}, [e, c]);
+		visibleItems: e.slice(0, l),
+		overflowItems: e.slice(l)
+	}, [e, l]);
 	return {
 		containerRef: r,
 		overflowButtonRef: i,
 		customOverflowIndicatorRef: a,
-		measurementContainerRef: o,
-		visibleItems: h,
-		overflowItems: g,
-		isInitialized: u
+		measurementContainerRef: s,
+		visibleItems: g,
+		overflowItems: _,
+		isInitialized: d
 	};
 }
 //#endregion
 //#region src/elements/OverflowList/OverflowList.tsx
-var nd = 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] = R(!1), g = P((e) => {
-		h(e);
-	}, []), { containerRef: _, overflowButtonRef: v, customOverflowIndicatorRef: y, measurementContainerRef: x, visibleItems: S, overflowItems: C, isInitialized: T } = td(e, s, {
-		max: l,
-		min: u,
-		itemsWidth: f
+var nd = 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] = R(!1), _ = P((e) => {
+		m(e);
+	}, []), { containerRef: v, overflowButtonRef: y, customOverflowIndicatorRef: b, measurementContainerRef: x, visibleItems: S, overflowItems: C, isInitialized: T } = td(e, s, {
+		max: c,
+		min: l,
+		itemsWidth: d
 	}), E = I(() => /* @__PURE__ */ B($u, {
 		totalItemsCount: e.length,
 		isOpen: p,
@@ -16760,16 +16760,16 @@ var nd = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 		e.length,
 		p,
 		C.length
-	]), D = I(() => T ? null : e.map((e, t) => /* @__PURE__ */ B(b, { className: "h-2 w-20 rounded-md" }, `placeholder-${t}`)), [e, T]), O = a || C.length > 0, te = "flex min-w-0 items-center justify-start whitespace-nowrap";
+	]), D = I(() => T ? null : e.map((e, t) => /* @__PURE__ */ B(h, { className: "h-2 w-20 rounded-md" }, `placeholder-${t}`)), [e, T]), O = a || C.length > 0, te = "flex min-w-0 items-center justify-start whitespace-nowrap";
 	return /* @__PURE__ */ V("div", {
-		ref: _,
+		ref: v,
 		className: k("relative flex items-center", o),
 		style: {
 			gap: s > 0 ? `${s}px` : void 0,
 			marginLeft: s < 0 ? `${-s}px` : void 0
 		},
 		children: [
-			f ? null : /* @__PURE__ */ B("div", {
+			d ? null : /* @__PURE__ */ B("div", {
 				ref: x,
 				"aria-hidden": "true",
 				className: k("pointer-events-none invisible absolute left-0 top-0 w-max opacity-0", te),
@@ -16782,7 +16782,7 @@ var nd = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 				}, `measure-${n}`))
 			}),
 			/* @__PURE__ */ V("div", {
-				className: k(te, d && "[&>*]:min-w-0"),
+				className: k(te, u && "[&>*]:min-w-0"),
 				style: { gap: s > 0 ? `${s}px` : void 0 },
 				"data-testid": "overflow-visible-container",
 				children: [T ? S.map((e, n) => /* @__PURE__ */ B("div", {
@@ -16794,15 +16794,15 @@ var nd = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 			}),
 			O ? /* @__PURE__ */ B(z, { children: r ? /* @__PURE__ */ V(w, {
 				open: p,
-				onOpenChange: g,
-				children: [/* @__PURE__ */ B(c, {
+				onOpenChange: _,
+				children: [/* @__PURE__ */ B(f, {
 					asChild: !0,
 					children: /* @__PURE__ */ B("button", {
-						ref: v,
+						ref: y,
 						className: k("inline-flex flex-shrink-0 items-center", ee()),
 						children: i?.(C.length, p) ?? E
 					})
-				}), /* @__PURE__ */ B(m, {
+				}), /* @__PURE__ */ B(g, {
 					className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
 					align: "end",
 					children: /* @__PURE__ */ B("div", {
@@ -16811,7 +16811,7 @@ var nd = function({ items: e, renderListItem: t, renderDropdownItem: n, overflow
 					})
 				})]
 			}) : /* @__PURE__ */ B("div", {
-				ref: y,
+				ref: b,
 				children: i?.(C.length, !1) ?? E
 			}) }) : null
 		]
@@ -16836,14 +16836,14 @@ function od(e, t) {
 	return A.useReducer((e, n) => t[e][n] ?? e, e);
 }
 var sd = "ScrollArea", [cd, ld] = v(sd), [ud, Q] = cd(sd), dd = A.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, type: r = "hover", dir: i, scrollHideDelay: o = 600, ...s } = e, [c, l] = A.useState(null), [u, d] = A.useState(null), [f, p] = A.useState(null), [m, h] = A.useState(null), [g, _] = A.useState(null), [v, y] = A.useState(0), [b, x] = A.useState(0), [S, C] = A.useState(!1), [w, E] = A.useState(!1), D = a(t, (e) => l(e)), O = id(i);
+	let { __scopeScrollArea: n, type: r = "hover", dir: i, scrollHideDelay: a = 600, ...o } = e, [s, c] = A.useState(null), [l, d] = A.useState(null), [f, p] = A.useState(null), [m, h] = A.useState(null), [g, _] = A.useState(null), [v, y] = A.useState(0), [b, x] = A.useState(0), [S, C] = A.useState(!1), [w, T] = A.useState(!1), D = u(t, (e) => c(e)), O = id(i);
 	return /* @__PURE__ */ B(ud, {
 		scope: n,
 		type: r,
 		dir: O,
-		scrollHideDelay: o,
-		scrollArea: c,
-		viewport: u,
+		scrollHideDelay: a,
+		scrollArea: s,
+		viewport: l,
 		onViewportChange: d,
 		content: f,
 		onContentChange: p,
@@ -16854,12 +16854,12 @@ var sd = "ScrollArea", [cd, ld] = v(sd), [ud, Q] = cd(sd), dd = A.forwardRef((e,
 		scrollbarY: g,
 		onScrollbarYChange: _,
 		scrollbarYEnabled: w,
-		onScrollbarYEnabledChange: E,
+		onScrollbarYEnabledChange: T,
 		onCornerWidthChange: y,
 		onCornerHeightChange: x,
-		children: /* @__PURE__ */ B(T.div, {
+		children: /* @__PURE__ */ B(E.div, {
 			dir: O,
-			...s,
+			...o,
 			ref: D,
 			style: {
 				position: "relative",
@@ -16872,21 +16872,21 @@ var sd = "ScrollArea", [cd, ld] = v(sd), [ud, Q] = cd(sd), dd = A.forwardRef((e,
 });
 dd.displayName = sd;
 var fd = "ScrollAreaViewport", pd = A.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, children: r, nonce: i, ...o } = e, s = Q(fd, n), c = A.useRef(null), l = a(t, c, s.onViewportChange);
+	let { __scopeScrollArea: n, children: r, nonce: i, ...a } = e, o = Q(fd, n), s = A.useRef(null), c = u(t, s, o.onViewportChange);
 	return /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("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__ */ B(T.div, {
+	}), /* @__PURE__ */ B(E.div, {
 		"data-radix-scroll-area-viewport": "",
-		...o,
-		ref: l,
+		...a,
+		ref: c,
 		style: {
-			overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
-			overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
+			overflowX: o.scrollbarXEnabled ? "scroll" : "hidden",
+			overflowY: o.scrollbarYEnabled ? "scroll" : "hidden",
 			...e.style
 		},
 		children: /* @__PURE__ */ B("div", {
-			ref: s.onContentChange,
+			ref: o.onContentChange,
 			style: {
 				minWidth: "100%",
 				display: "table"
@@ -16990,8 +16990,8 @@ var hd = A.forwardRef((e, t) => {
 			"data-state": s === "hidden" ? "hidden" : "visible",
 			...r,
 			ref: t,
-			onPointerEnter: E(e.onPointerEnter, () => c("POINTER_ENTER")),
-			onPointerLeave: E(e.onPointerLeave, () => c("POINTER_LEAVE"))
+			onPointerEnter: D(e.onPointerEnter, () => c("POINTER_ENTER")),
+			onPointerLeave: D(e.onPointerLeave, () => c("POINTER_LEAVE"))
 		})
 	});
 }), _d = A.forwardRef((e, t) => {
@@ -17062,54 +17062,54 @@ var hd = A.forwardRef((e, t) => {
 		}
 	}) : null;
 }), yd = A.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: r, ...i } = e, o = Q($, e.__scopeScrollArea), [s, c] = A.useState(), l = A.useRef(null), u = a(t, l, o.onScrollbarXChange);
+	let { sizes: n, onSizesChange: r, ...i } = e, a = Q($, e.__scopeScrollArea), [o, s] = A.useState(), c = A.useRef(null), l = u(t, c, a.onScrollbarXChange);
 	return A.useEffect(() => {
-		l.current && c(getComputedStyle(l.current));
-	}, [l]), /* @__PURE__ */ B(Cd, {
+		c.current && s(getComputedStyle(c.current));
+	}, [c]), /* @__PURE__ */ B(Cd, {
 		"data-orientation": "horizontal",
 		...i,
-		ref: u,
+		ref: l,
 		sizes: n,
 		style: {
 			bottom: 0,
-			left: o.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-			right: o.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+			left: a.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+			right: a.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
 			"--radix-scroll-area-thumb-width": Md(n) + "px",
 			...e.style
 		},
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.x),
 		onDragScroll: (t) => e.onDragScroll(t.x),
 		onWheelScroll: (t, n) => {
-			if (o.viewport) {
-				let r = o.viewport.scrollLeft + t.deltaX;
+			if (a.viewport) {
+				let r = a.viewport.scrollLeft + t.deltaX;
 				e.onWheelScroll(r), Id(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
-			l.current && o.viewport && s && r({
-				content: o.viewport.scrollWidth,
-				viewport: o.viewport.offsetWidth,
+			c.current && a.viewport && o && r({
+				content: a.viewport.scrollWidth,
+				viewport: a.viewport.offsetWidth,
 				scrollbar: {
-					size: l.current.clientWidth,
-					paddingStart: Ad(s.paddingLeft),
-					paddingEnd: Ad(s.paddingRight)
+					size: c.current.clientWidth,
+					paddingStart: Ad(o.paddingLeft),
+					paddingEnd: Ad(o.paddingRight)
 				}
 			});
 		}
 	});
 }), bd = A.forwardRef((e, t) => {
-	let { sizes: n, onSizesChange: r, ...i } = e, o = Q($, e.__scopeScrollArea), [s, c] = A.useState(), l = A.useRef(null), u = a(t, l, o.onScrollbarYChange);
+	let { sizes: n, onSizesChange: r, ...i } = e, a = Q($, e.__scopeScrollArea), [o, s] = A.useState(), c = A.useRef(null), l = u(t, c, a.onScrollbarYChange);
 	return A.useEffect(() => {
-		l.current && c(getComputedStyle(l.current));
-	}, [l]), /* @__PURE__ */ B(Cd, {
+		c.current && s(getComputedStyle(c.current));
+	}, [c]), /* @__PURE__ */ B(Cd, {
 		"data-orientation": "vertical",
 		...i,
-		ref: u,
+		ref: l,
 		sizes: n,
 		style: {
 			top: 0,
-			right: o.dir === "ltr" ? 0 : void 0,
-			left: o.dir === "rtl" ? 0 : void 0,
+			right: a.dir === "ltr" ? 0 : void 0,
+			left: a.dir === "rtl" ? 0 : void 0,
 			bottom: "var(--radix-scroll-area-corner-height)",
 			"--radix-scroll-area-thumb-height": Md(n) + "px",
 			...e.style
@@ -17117,25 +17117,25 @@ var hd = A.forwardRef((e, t) => {
 		onThumbPointerDown: (t) => e.onThumbPointerDown(t.y),
 		onDragScroll: (t) => e.onDragScroll(t.y),
 		onWheelScroll: (t, n) => {
-			if (o.viewport) {
-				let r = o.viewport.scrollTop + t.deltaY;
+			if (a.viewport) {
+				let r = a.viewport.scrollTop + t.deltaY;
 				e.onWheelScroll(r), Id(r, n) && t.preventDefault();
 			}
 		},
 		onResize: () => {
-			l.current && o.viewport && s && r({
-				content: o.viewport.scrollHeight,
-				viewport: o.viewport.offsetHeight,
+			c.current && a.viewport && o && r({
+				content: a.viewport.scrollHeight,
+				viewport: a.viewport.offsetHeight,
 				scrollbar: {
-					size: l.current.clientHeight,
-					paddingStart: Ad(s.paddingTop),
-					paddingEnd: Ad(s.paddingBottom)
+					size: c.current.clientHeight,
+					paddingStart: Ad(o.paddingTop),
+					paddingEnd: Ad(o.paddingBottom)
 				}
 			});
 		}
 	});
 }), [xd, Sd] = cd($), Cd = A.forwardRef((e, t) => {
-	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, _] = A.useState(null), v = a(t, (e) => _(e)), y = A.useRef(null), b = A.useRef(""), x = h.viewport, S = i.content - i.viewport, C = n(f), w = n(u), D = Rd(p, 10);
+	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, _] = A.useState(null), v = u(t, (e) => _(e)), y = A.useRef(null), b = A.useRef(""), x = h.viewport, S = r.content - r.viewport, C = i(f), w = i(l), T = Rd(p, 10);
 	function O(e) {
 		if (y.current) {
 			let t = e.clientX - y.current.left, n = e.clientY - y.current.top;
@@ -17156,26 +17156,26 @@ var hd = A.forwardRef((e, t) => {
 		g,
 		S,
 		C
-	]), A.useEffect(w, [i, w]), zd(g, D), zd(h.content, D), /* @__PURE__ */ B(xd, {
-		scope: r,
+	]), A.useEffect(w, [r, w]), zd(g, T), zd(h.content, T), /* @__PURE__ */ B(xd, {
+		scope: n,
 		scrollbar: g,
-		hasThumb: o,
-		onThumbChange: n(s),
-		onThumbPointerUp: n(c),
+		hasThumb: a,
+		onThumbChange: i(o),
+		onThumbPointerUp: i(s),
 		onThumbPositionChange: w,
-		onThumbPointerDown: n(l),
-		children: /* @__PURE__ */ B(T.div, {
+		onThumbPointerDown: i(c),
+		children: /* @__PURE__ */ B(E.div, {
 			...m,
 			ref: v,
 			style: {
 				position: "absolute",
 				...m.style
 			},
-			onPointerDown: E(e.onPointerDown, (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: E(e.onPointerMove, O),
-			onPointerUp: E(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;
 			})
@@ -17191,41 +17191,41 @@ var hd = A.forwardRef((e, t) => {
 		})
 	});
 }), Ed = A.forwardRef((e, t) => {
-	let { __scopeScrollArea: n, style: r, ...i } = e, o = Q(wd, n), s = Sd(wd, n), { onThumbPositionChange: c } = s, l = a(t, (e) => s.onThumbChange(e)), u = A.useRef(void 0), d = Rd(() => {
-		u.current &&= (u.current(), void 0);
+	let { __scopeScrollArea: n, style: r, ...i } = e, a = Q(wd, n), o = Sd(wd, n), { onThumbPositionChange: s } = o, c = u(t, (e) => o.onThumbChange(e)), l = A.useRef(void 0), d = Rd(() => {
+		l.current &&= (l.current(), void 0);
 	}, 100);
 	return A.useEffect(() => {
-		let e = o.viewport;
+		let e = a.viewport;
 		if (e) {
 			let t = () => {
-				if (d(), !u.current) {
-					let t = Ld(e, c);
-					u.current = t, c();
+				if (d(), !l.current) {
+					let t = Ld(e, s);
+					l.current = t, s();
 				}
 			};
-			return c(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+			return s(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
 		}
 	}, [
-		o.viewport,
+		a.viewport,
 		d,
-		c
-	]), /* @__PURE__ */ B(T.div, {
-		"data-state": s.hasThumb ? "visible" : "hidden",
+		s
+	]), /* @__PURE__ */ B(E.div, {
+		"data-state": o.hasThumb ? "visible" : "hidden",
 		...i,
-		ref: l,
+		ref: c,
 		style: {
 			width: "var(--radix-scroll-area-thumb-width)",
 			height: "var(--radix-scroll-area-thumb-height)",
 			...r
 		},
-		onPointerDownCapture: E(e.onPointerDownCapture, (e) => {
+		onPointerDownCapture: D(e.onPointerDownCapture, (e) => {
 			let t = e.target.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
-			s.onThumbPointerDown({
+			o.onThumbPointerDown({
 				x: n,
 				y: r
 			});
 		}),
-		onPointerUp: E(e.onPointerUp, s.onThumbPointerUp)
+		onPointerUp: D(e.onPointerUp, o.onThumbPointerUp)
 	});
 });
 Td.displayName = wd;
@@ -17245,7 +17245,7 @@ var kd = A.forwardRef((e, t) => {
 	}), zd(i.scrollbarY, () => {
 		let e = i.scrollbarY?.offsetWidth || 0;
 		i.onCornerWidthChange(e), o(e);
-	}), l ? /* @__PURE__ */ B(T.div, {
+	}), l ? /* @__PURE__ */ B(E.div, {
 		...r,
 		ref: t,
 		style: {
@@ -17302,24 +17302,24 @@ var Ld = (e, t = () => {}) => {
 	})(), () => window.cancelAnimationFrame(r);
 };
 function Rd(e, t) {
-	let r = n(e), i = A.useRef(0);
-	return A.useEffect(() => () => window.clearTimeout(i.current), []), A.useCallback(() => {
-		window.clearTimeout(i.current), i.current = window.setTimeout(r, t);
-	}, [r, t]);
+	let n = i(e), r = A.useRef(0);
+	return A.useEffect(() => () => window.clearTimeout(r.current), []), A.useCallback(() => {
+		window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+	}, [n, t]);
 }
 function zd(e, t) {
-	let i = n(t);
-	r(() => {
+	let n = i(t);
+	a(() => {
 		let t = 0;
 		if (e) {
-			let n = new ResizeObserver(() => {
-				cancelAnimationFrame(t), t = window.requestAnimationFrame(i);
+			let r = new ResizeObserver(() => {
+				cancelAnimationFrame(t), t = window.requestAnimationFrame(n);
 			});
-			return n.observe(e), () => {
-				window.cancelAnimationFrame(t), n.unobserve(e);
+			return r.observe(e), () => {
+				window.cancelAnimationFrame(t), r.unobserve(e);
 			};
 		}
-	}, [e, i]);
+	}, [e, n]);
 }
 var Bd = dd, Vd = pd, Hd = Od, Ud = N(({ className: e, children: t, showBar: n = !0, viewportRef: r, onScrollTop: i, onScrollBottom: a, focusableViewport: o = !0, scrollMargin: s = 0, ...c }, l) => {
 	let u = L(null), d = r ?? u;
@@ -17396,7 +17396,7 @@ function qd(e, t) {
 }
 //#endregion
 //#region src/elements/avatars/F0AvatarList/components/MaxCounter.tsx
-var Jd = p({
+var Jd = T({
 	base: "flex shrink-0 items-center justify-center bg-f1-background-secondary font-medium text-f1-foreground-secondary",
 	variants: {
 		size: {
@@ -17423,13 +17423,13 @@ var Jd = p({
 		type: "base"
 	}
 }), Yd = ({ count: e, size: t = "md", type: n, list: r, avatarType: i = "person" }) => {
-	let [a, o] = R(!1), s = L(!1), l = L(null), u = L(void 0);
-	F(() => () => clearTimeout(u.current), []);
-	let d = () => clearTimeout(u.current), f = () => {
-		d(), s.current = !0, o(!0);
+	let [a, o] = R(!1), s = L(!1), c = L(null), l = L(void 0);
+	F(() => () => clearTimeout(l.current), []);
+	let u = () => clearTimeout(l.current), d = () => {
+		u(), s.current = !0, o(!0);
 	}, p = () => {
-		d(), u.current = setTimeout(() => o(!1), 150);
-	}, g = t === "xs" ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(h, {
+		u(), l.current = setTimeout(() => o(!1), 150);
+	}, m = t === "xs" ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(S, {
 		icon: U,
 		size: "xs"
 	}), /* @__PURE__ */ V("span", {
@@ -17441,9 +17441,9 @@ var Jd = p({
 			size: t,
 			type: n
 		})),
-		children: g
+		children: m
 	});
-	let _ = r.map((e, t) => {
+	let h = r.map((e, t) => {
 		let n = e.tooltipDescription;
 		return /* @__PURE__ */ V("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",
@@ -17471,26 +17471,26 @@ var Jd = p({
 	return /* @__PURE__ */ V(w, {
 		open: a,
 		onOpenChange: o,
-		children: [/* @__PURE__ */ B(c, {
+		children: [/* @__PURE__ */ B(f, {
 			asChild: !0,
 			children: /* @__PURE__ */ B("button", {
 				type: "button",
-				onPointerEnter: f,
+				onPointerEnter: d,
 				onPointerLeave: p,
 				onClick: (e) => {
-					s.current = !1, a && (e.preventDefault(), l.current?.focus());
+					s.current = !1, a && (e.preventDefault(), c.current?.focus());
 				},
 				className: k("cursor-pointer font-medium transition hover:bg-f1-background-secondary-hover", Jd({
 					size: t,
 					type: n
 				}), ee()),
-				children: g
+				children: m
 			})
-		}), /* @__PURE__ */ B(m, {
-			ref: l,
+		}), /* @__PURE__ */ B(g, {
+			ref: c,
 			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: d,
+			onPointerEnter: u,
 			onPointerLeave: p,
 			onOpenAutoFocus: (e) => {
 				s.current && e.preventDefault();
@@ -17500,7 +17500,7 @@ var Jd = p({
 			},
 			children: /* @__PURE__ */ V(Wd, {
 				className: "[*[data-state=visible]_div]:bg-f1-foreground-inverse flex max-h-[172px] flex-col",
-				children: [_, /* @__PURE__ */ B(Kd, {
+				children: [h, /* @__PURE__ */ B(Kd, {
 					orientation: "vertical",
 					className: "[&_div]:bg-f1-foreground-inverse"
 				})]
@@ -17522,70 +17522,70 @@ var Jd = p({
 		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')"
 	}
-}, Qd = ({ avatars: e, size: t = "md", type: n, noTooltip: r = !1, remainingCount: i, max: a, tooltipScroll: o, layout: c }) => {
-	if (t && !Xd.includes(t)) {
+}, Qd = ({ avatars: e, size: n = "md", type: r, noTooltip: i = !1, remainingCount: a, max: o, tooltipScroll: s, layout: c }) => {
+	if (n && !Xd.includes(n)) {
 		let e = {
 			small: "sm",
 			medium: "md",
 			xsmall: "xs"
 		};
-		console.warn(`The avatar list size: ${t} is deprecated. Use ${e[t]} instead.`), t = e[t] ?? "md";
+		console.warn(`The avatar list size: ${n} is deprecated. Use ${e[n]} instead.`), n = e[n] ?? "md";
 	}
 	let l = {
 		xs: -2,
 		sm: -3,
 		md: -4
-	}[t] ?? 0, u = I(() => ({
+	}[n] ?? 0, u = I(() => ({
 		xs: 20,
 		sm: 24,
 		md: 32
-	})[t], [t]);
+	})[n], [n]);
 	return /* @__PURE__ */ B(nd, {
-		max: a,
-		min: a,
+		max: o,
+		min: o,
 		items: e.map((e) => ({
-			type: n,
+			type: r,
 			...e
 		})),
 		gap: l,
 		itemsWidth: u,
 		className: "flex items-center",
-		renderListItem: (a, o) => {
-			let c = qd(n, a), l = a.tooltipDescription, u = !!a.badge, d = o === e.length - 1, f = /* @__PURE__ */ B("div", {
+		renderListItem: (o, s) => {
+			let c = qd(r, o), l = o.tooltipDescription, u = !!o.badge, d = s === e.length - 1, f = /* @__PURE__ */ B("div", {
 				className: "flex h-fit w-fit shrink-0 items-center justify-center",
-				style: (!d || d && i !== void 0) && !u ? { clipPath: Zd[n === "person" ? "rounded" : "base"][t] } : void 0,
+				style: (!d || d && a !== void 0) && !u ? { clipPath: Zd[r === "person" ? "rounded" : "base"][n] } : void 0,
 				children: /* @__PURE__ */ B(Zu, {
 					avatar: {
-						...a,
-						type: n
+						...o,
+						type: r
 					},
-					size: t
+					size: n
 				})
 			});
-			return /* @__PURE__ */ B("div", { children: r ? f : /* @__PURE__ */ B(s, {
+			return /* @__PURE__ */ B("div", { children: i ? f : /* @__PURE__ */ B(t, {
 				label: c,
 				description: l,
 				children: f
-			}) }, o);
+			}) }, s);
 		},
 		renderDropdownItem: () => null,
-		forceShowingOverflowIndicator: i !== void 0,
-		renderOverflowIndicator: (r) => /* @__PURE__ */ B("div", {
+		forceShowingOverflowIndicator: a !== void 0,
+		renderOverflowIndicator: (t) => /* @__PURE__ */ B("div", {
 			className: "flex h-fit w-fit items-center",
 			style: { marginLeft: l },
 			children: /* @__PURE__ */ B(Yd, {
-				count: (i ?? 0) + r,
-				size: t,
-				type: n === "person" ? "rounded" : "base",
-				avatarType: n,
-				list: i ? void 0 : e.slice(e.length - r)
+				count: (a ?? 0) + t,
+				size: n,
+				type: r === "person" ? "rounded" : "base",
+				avatarType: r,
+				list: a ? void 0 : e.slice(e.length - t)
 			})
 		}),
 		overflowIndicatorWithPopover: !1
 	});
 };
 Qd.displayName = "AvatarList";
-var $d = l(Qd);
+var $d = m(Qd);
 //#endregion
 //#region ../../node_modules/.pnpm/zen-observable-ts@1.1.0/node_modules/zen-observable-ts/module.js
 function ef(e, t) {