themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/async-preview.js

@@ -1,225 +1,291 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-DhuoqFy4.js";
-import { n } from "../buttons-DeW0bQeK.js";
-import { t as r } from "../structure-DZJ2wbAU.js";
-import { n as i, t as a } from "../feedback-Dzo1xtAU.js";
-import { i as o } from "../popover.recipes-DJ0AkUan.js";
-import { _ as s, d as c, g as l, p as u } from "../primitives-BkkQjYl7.js";
-import { t as d } from "../badge-wWauMgAt.js";
-import { c as f, o as p, t as m } from "../popover-k8TdUcAt.js";
-import { s as h } from "../data-display-Cmj-xZYl.js";
-import g, { createContext as _, useCallback as v, useContext as y, useEffect as b, useMemo as ee, useRef as x, useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { ChevronDown as E } from "lucide-react";
+import { t } from "../utils-BVbAG2J6.js";
+import { t as n } from "../focus-recipes-DSkiUvUp.js";
+import { n as r } from "../buttons-pZVgPTZn.js";
+import { i, n as a, t as o } from "../tooltip-yjX-Uv-p.js";
+import { t as s } from "../structure-DElaQwwN.js";
+import { n as c, t as l } from "../feedback-DmqmXKLn.js";
+import { i as u } from "../popover.recipes-BqkdvlZn.js";
+import { _ as d, d as f, g as p, p as m } from "../primitives-BlC1lXBr.js";
+import { t as h } from "../badge-oGiXblW7.js";
+import { c as g, o as _, t as v } from "../popover-BpMxbqEK.js";
+import { s as y } from "../data-display-CWe9SOYh.js";
+import b, { createContext as x, useCallback as S, useContext as ee, useEffect as C, useMemo as te, useRef as w, useState as T } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { ChevronDown as ne } from "lucide-react";
 //#region src/components/features/async-preview/async-preview.strings.ts
-var D = {
+var k = {
 	loading: "Loading preview...",
 	errorTitle: "Could not load preview",
 	errorDescription: "Try again or open the full record.",
 	retry: "Retry",
 	emptyTitle: "No preview data",
 	emptyDescription: "There is nothing to show for this record yet."
-}, O = /* @__PURE__ */ new Map();
-function k(e, t) {
+}, re = 200, A = /* @__PURE__ */ new Map();
+function j(e, t) {
 	if (!e) return;
-	let n = O.get(e);
-	if (n) {
-		if (Date.now() - n.timestamp > t) {
-			O.delete(e);
-			return;
-		}
-		return n;
+	let n = A.get(e);
+	if (n && (A.delete(e), !(Date.now() - n.timestamp > t))) return A.set(e, n), n;
+}
+function ie(e, t) {
+	if (!e) return;
+	let n = A.get(e);
+	return n && Date.now() - n.timestamp <= t ? n : void 0;
+}
+function ae(e, t) {
+	for (A.delete(e), A.set(e, t); A.size > re;) {
+		let e = A.keys().next();
+		if (e.done) break;
+		A.delete(e.value);
 	}
 }
-function te(e) {
+function oe(e, t, n, r) {
+	return n || (r === void 0 ? typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? `${e}:${typeof t}:${t}` : e : `${e}:key:${r}`);
+}
+var se = { label: void 0 };
+function ce(e) {
 	return e !== !1 && e;
 }
-function ne(e) {
+function le(e) {
 	return Object.prototype.hasOwnProperty.call(e, "data");
 }
-function A(e) {
-	let { type: t, context: n, cacheKey: r, cachePolicy: i = "cache-first", staleTime: a = 3e5, open: o, defaultOpen: s = !1, onOpenChange: c, onBeforeShow: l, onData: u, onError: d, onSettled: f, onRefresh: p } = e, m = ne(e), h = m ? e.data ?? null : null, g = m ? void 0 : e.onShow, _ = o !== void 0, [y, C] = S(s), w = o ?? y, [T, E] = S(() => {
-		if (m) return h;
-		let e = k(r, a);
+function M(e) {
+	let { type: t, context: n, contextKey: r, cacheKey: i, cachePolicy: a = "cache-first", staleTime: o = 3e5, open: s, defaultOpen: c = !1, onOpenChange: l, onBeforeShow: u, onData: d, onError: f, onSettled: p, onRefresh: m } = e, h = le(e), g = h ? e.data ?? null : null, _ = h ? void 0 : e.onShow, v = s !== void 0, [y, b] = T(c), x = s ?? y, [ee, E] = T(() => {
+		if (h) return g;
+		let e = j(i, o);
 		return e?.status === "success" ? e.data : null;
-	}), [D, A] = S(() => m ? h === null ? "empty" : "success" : k(r, a)?.status ?? "idle"), [j, M] = S(null), [N, P] = S(!1), [F, I] = S(() => k(r, a)?.meta ?? {}), [L, R] = S(() => k(r, a) !== void 0), z = m ? h : T, B = m ? h === null ? "empty" : "success" : D, V = x(null), H = x(0), U = x(!1), W = x(F), G = x(null), K = x(null), q = x(null), J = v((e) => {
-		_ || C(e);
-		let t = q.current;
-		t && c?.(e, {
+	}), [D, O] = T(() => h ? g === null ? "empty" : "success" : j(i, o)?.status ?? "idle"), [ne, k] = T(null), [re, A] = T(!1), [M, N] = T(() => j(i, o)?.meta ?? {}), [ue, P] = T(() => j(i, o) !== void 0), F = oe(t, n, i, r), I = !h && !!_ && x && D === "idle", L = I && a === "cache-first" ? ie(i, o) : void 0, R = h ? g : L ? L.status === "success" ? L.data : null : ee, z = h ? g === null ? "empty" : "success" : L ? L.status : I ? "loading" : D, B = I && !L && re === !1 ? se : re, V = L ? L.meta : M, H = L ? !0 : ue, U = w(null), W = w(0), G = w(!1), K = w(M), q = w(null), J = w(null), de = w(!1), [Y] = T(() => ({
+		cacheKeys: /* @__PURE__ */ new WeakMap(),
+		detached: /* @__PURE__ */ new WeakSet()
+	})), X = w(D === "success" || D === "empty" ? {
+		key: F,
+		status: D
+	} : null), Z = w(null), Q = w(null), fe = S((e) => {
+		v || b(e);
+		let t = Q.current;
+		t && l?.(e, {
 			...t,
 			open: e
 		});
-	}, [_, c]), Y = v(async (e) => {
-		if (m || !g) return;
-		let o = r ?? t, s = V.current;
-		if (e === "open" && K.current === o && s && !s.signal.aborted) return;
-		V.current?.abort(), V.current = null, K.current = null;
-		let c = k(r, a);
-		if (e === "open" && c !== void 0 && i === "cache-first") {
-			R(!0), M(null), W.current = c.meta, I(c.meta), E(c.status === "success" ? c.data : null), A(c.status), P(!1);
+	}, [v, l]), $ = S(async (e) => {
+		if (h || !_) return;
+		let r = F, s = U.current;
+		if (e !== "refresh" && J.current === r && s && !s.signal.aborted) {
+			e === "open" && Y.detached.delete(s) && (P(!1), k(null), O("loading"), A({ label: void 0 }));
 			return;
 		}
-		let h = new AbortController();
-		V.current = h, K.current = o;
-		let _ = H.current + 1;
-		H.current = _;
-		let v = c !== void 0;
-		R(!1), M(null), A("loading"), P({ label: void 0 });
-		let y = q.current ? {
-			...q.current,
+		s && !Y.detached.has(s) && s.abort(), U.current = null, J.current = null;
+		let c = j(i, o);
+		if (e === "open" && c !== void 0 && a === "cache-first") {
+			P(!0), k(null), K.current = c.meta, N(c.meta), E(c.status === "success" ? c.data : null), O(c.status), A(!1), X.current = {
+				key: r,
+				status: c.status
+			};
+			return;
+		}
+		let l = Z.current;
+		if (Z.current = null, e === "open" && a === "cache-first" && l?.key === r && Date.now() - l.timestamp <= o) {
+			G.current = !1;
+			return;
+		}
+		let g = new AbortController();
+		i && Y.cacheKeys.set(g, i);
+		let v = K.current;
+		U.current = g, J.current = r;
+		let y = W.current + 1;
+		W.current = y;
+		let b = c !== void 0;
+		P(!1), k(null), X.current?.key !== r && (X.current = null, E(null)), O("loading"), A({ label: void 0 });
+		let x = Q.current ? {
+			...Q.current,
 			error: null,
 			loading: { label: void 0 },
 			status: "loading",
 			cached: !1
 		} : null;
-		y && l?.(y), e === "refresh" && y && p?.(y);
-		let b = (e) => {
-			H.current !== _ || h.signal.aborted || e();
+		x && u?.(x), e === "refresh" && x && m?.(x);
+		let S = (e) => {
+			W.current !== y || g.signal.aborted || Y.detached.has(g) || e();
 		};
 		try {
-			let i = await g({
+			let a = await _({
 				type: t,
 				context: n,
-				signal: h.signal,
+				signal: g.signal,
 				reason: e,
-				cached: v,
-				setLoading: (e) => b(() => P(te(e))),
-				setMeta: (e) => b(() => {
-					let t = {
-						...W.current,
+				cached: b,
+				setLoading: (e) => S(() => A(ce(e))),
+				setMeta: (e) => {
+					v = {
+						...v,
 						...e
-					};
-					W.current = t, I(t);
-				})
+					}, S(() => {
+						let t = {
+							...K.current,
+							...e
+						};
+						K.current = t, N(t);
+					});
+				}
 			});
-			b(() => {
-				let e = i == null ? "empty" : "success", t = e === "success" ? i : null;
-				E(t), A(e), P(!1), M(null), R(!1), r && O.set(r, {
+			if (!g.signal.aborted && Y.detached.has(g)) {
+				if (i) {
+					let e = a == null ? "empty" : "success";
+					ae(i, {
+						timestamp: Date.now(),
+						data: e === "success" ? a : null,
+						status: e,
+						meta: v
+					});
+				}
+				return;
+			}
+			S(() => {
+				let t = a == null ? "empty" : "success", n = t === "success" ? a : null;
+				E(n), O(t), A(!1), k(null), P(!1), X.current = {
+					key: r,
+					status: t
+				}, !i && e === "prefetch" && !Q.current?.open && (Z.current = {
+					key: r,
+					timestamp: Date.now()
+				}), i && ae(i, {
 					timestamp: Date.now(),
-					data: t,
-					status: e,
-					meta: W.current
+					data: n,
+					status: t,
+					meta: K.current
 				});
-				let n = q.current ? {
-					...q.current,
-					data: t,
+				let o = Q.current ? {
+					...Q.current,
+					data: n,
 					error: null,
 					loading: !1,
-					status: e,
-					meta: W.current,
+					status: t,
+					meta: K.current,
 					cached: !1
 				} : null;
-				t !== null && n && u?.(t, n), n && f?.(n);
+				n !== null && o && d?.(n, o), o && p?.(o);
 			});
 		} catch (e) {
-			if (h.signal.aborted) return;
-			b(() => {
-				M(e), A("error"), P(!1);
-				let t = q.current ? {
-					...q.current,
+			if (g.signal.aborted) return;
+			if (Y.detached.has(g)) {
+				Q.current && f?.(e, {
+					...Q.current,
+					error: e,
+					loading: !1,
+					status: "error",
+					cached: !1
+				});
+				return;
+			}
+			S(() => {
+				k(e), O("error"), A(!1);
+				let t = Q.current ? {
+					...Q.current,
 					error: e,
 					loading: !1,
 					status: "error",
 					cached: !1
 				} : null;
-				t && d?.(e, t), t && f?.(t);
+				t && f?.(e, t), t && p?.(t);
 			});
 		} finally {
-			H.current === _ && (V.current === h && (V.current = null), K.current === o && (K.current = null));
+			W.current === y && (U.current === g && (U.current = null), J.current === r && (J.current = null));
 		}
 	}, [
-		r,
 		i,
+		a,
 		n,
-		m,
-		l,
+		h,
 		u,
 		d,
-		p,
 		f,
-		g,
-		a,
+		m,
+		p,
+		_,
+		Y,
+		F,
+		o,
 		t
-	]), X = v(() => {
-		Y("refresh");
-	}, [Y]), Z = v(() => {
-		m || U.current || (U.current = !0, Y("prefetch"));
-	}, [m, Y]), Q = v(() => {
-		J(!1);
-	}, [J]), $ = ee(() => ({
+	]), pe = S(() => {
+		$("refresh");
+	}, [$]), me = S(() => {
+		h || G.current || (G.current = !0, $("prefetch"));
+	}, [h, $]), he = S(() => {
+		fe(!1);
+	}, [fe]), ge = te(() => ({
 		type: t,
 		context: n,
-		data: z,
-		error: j,
-		loading: N,
-		status: B,
-		meta: F,
-		open: w,
-		cached: L,
-		refresh: X,
-		prefetch: Z,
-		close: Q
+		data: R,
+		error: ne,
+		loading: B,
+		status: z,
+		meta: V,
+		open: x,
+		cached: H,
+		refresh: pe,
+		prefetch: me,
+		close: he
 	}), [
-		L,
-		Q,
+		he,
 		n,
-		j,
-		N,
-		F,
-		w,
-		Z,
-		X,
-		z,
+		ne,
+		x,
+		me,
+		pe,
+		H,
+		R,
 		B,
+		V,
+		z,
 		t
 	]);
-	return q.current = $, W.current = F, b(() => {
-		m && (V.current?.abort(), V.current = null, K.current = null, G.current = null, M(null), P(!1), R(!1));
-	}, [m, h]), b(() => {
-		if (!w) {
-			G.current = null;
+	return Q.current = ge, K.current = M, C(() => {
+		h && (U.current?.abort(), U.current = null, J.current = null, q.current = null, k(null), A(!1), P(!1));
+	}, [h, g]), C(() => {
+		if (!x) {
+			if (q.current = null, !de.current) return;
+			de.current = !1;
+			let e = U.current;
+			if (!e) return;
+			Y.cacheKeys.has(e) ? Y.detached.add(e) : (e.abort(), U.current = null, J.current = null, G.current = !1), A(!1), O((e) => e === "loading" ? X.current?.status ?? "idle" : e);
 			return;
 		}
-		if (m) return;
-		let e = r ?? t;
-		G.current !== e && (G.current = e, Y("open"));
+		de.current = !0, !h && q.current !== F && (q.current = F, $("open"));
 	}, [
-		r,
-		m,
-		w,
+		h,
+		x,
 		Y,
-		t
-	]), b(() => {
-		U.current = !1;
-	}, [
-		r,
-		m,
-		t
-	]), b(() => () => {
-		V.current?.abort();
-	}, []), {
-		...$,
-		setOpen: J
+		$,
+		F
+	]), C(() => {
+		G.current = !1, Z.current = null;
+	}, [h, F]), C(() => () => {
+		q.current = null;
+		let e = U.current;
+		e && (Y.cacheKeys.has(e) ? Y.detached.add(e) : e.abort());
+	}, [Y]), {
+		...ge,
+		setOpen: fe
 	};
 }
-function j(e) {
+function N(e) {
 	if (e) {
-		O.delete(e);
+		A.delete(e);
 		return;
 	}
-	O.clear();
+	A.clear();
 }
 //#endregion
 //#region src/components/features/async-preview/async-preview.tsx
-var M = _(null);
-function N() {
-	let e = y(M);
+var ue = x(null);
+function P() {
+	let e = ee(ue);
 	if (!e) throw Error("AsyncPreview compound parts must be rendered inside <AsyncPreview.Root>.");
 	return e;
 }
-function P({ children: t, strings: n, prefetchOn: r = !1, ...i }) {
-	let a = e(D, n), o = A(i), s = {
+function F({ children: t, strings: n, prefetchOn: r = !1, ...i }) {
+	let a = e(k, n), o = M(i), s = {
 		type: o.type,
 		context: o.context,
 		data: o.data,
@@ -233,16 +299,16 @@ function P({ children: t, strings: n, prefetchOn: r = !1, ...i }) {
 		prefetch: o.prefetch,
 		close: () => o.setOpen(!1)
 	};
-	return /* @__PURE__ */ w(M.Provider, {
+	return /* @__PURE__ */ D(ue.Provider, {
 		value: {
 			state: s,
 			setOpen: o.setOpen,
 			strings: a,
 			prefetchOn: r
 		},
-		children: /* @__PURE__ */ w("span", {
+		children: /* @__PURE__ */ D("span", {
 			className: "async-preview--component contents",
-			children: /* @__PURE__ */ w(p, {
+			children: /* @__PURE__ */ D(_, {
 				open: s.open,
 				onOpenChange: o.setOpen,
 				children: t
@@ -250,90 +316,100 @@ function P({ children: t, strings: n, prefetchOn: r = !1, ...i }) {
 		})
 	});
 }
-function F({ render: e, children: t }) {
-	let { state: r, prefetchOn: i } = N(), a = () => {
-		i && r.prefetch();
-	}, o = {
-		"aria-busy": r.status === "loading" || void 0,
-		"data-state": r.open ? "open" : "closed",
-		"data-loading": r.status === "loading" || void 0,
-		onPointerEnter: i === "hover" ? a : void 0,
-		onFocus: i === "focus" ? a : void 0
+function I({ render: e, children: t, openOnHover: n, delay: i, closeDelay: a }) {
+	let { state: o, prefetchOn: s } = P(), c = () => {
+		s && o.prefetch();
+	}, l = {
+		"aria-busy": o.status === "loading" || void 0,
+		"data-state": o.open ? "open" : "closed",
+		"data-loading": o.status === "loading" || void 0,
+		onPointerEnter: s === "hover" ? c : void 0,
+		onFocus: s === "focus" ? c : void 0
 	};
 	if (e) {
 		let t = typeof e == "function" ? e({
-			state: r,
-			triggerProps: o
+			state: o,
+			triggerProps: l
 		}) : e;
-		return /* @__PURE__ */ w(f, {
+		return /* @__PURE__ */ D(g, {
 			render: t,
-			...o
+			openOnHover: n,
+			delay: i,
+			closeDelay: a,
+			...l
 		});
 	}
-	return /* @__PURE__ */ w(f, { render: /* @__PURE__ */ w(n, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		...o,
-		children: t
-	}) });
+	return /* @__PURE__ */ D(g, {
+		openOnHover: n,
+		delay: i,
+		closeDelay: a,
+		render: /* @__PURE__ */ D(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			...l,
+			children: t
+		})
+	});
 }
-function I({ className: e, children: n, align: r = "start", sideOffset: i = 8, finalFocus: a = !0, ...s }) {
-	let { state: c } = N(), { size: l = "md", padding: u = "none", ...d } = s, f = {
-		sm: o.md,
-		md: o.lg,
-		lg: o.xl
-	}[l], p = {
+function L({ className: e, children: n, align: r = "start", sideOffset: i = 8, finalFocus: a = !0, ...o }) {
+	let { state: s } = P(), { size: c = "md", padding: l = "none", ...d } = o, f = {
+		sm: u.md,
+		md: u.lg,
+		lg: u.xl
+	}[c], p = {
 		none: "flush",
 		sm: "compact",
 		md: "default",
 		lg: "flush"
-	}[u];
-	return /* @__PURE__ */ w(m, {
+	}[l];
+	return /* @__PURE__ */ D(v, {
 		type: "display",
 		align: r,
 		sideOffset: i,
 		finalFocus: a,
 		inset: p,
-		className: t("async-preview--content overflow-hidden", f, u === "none" ? "gap-0" : void 0, e),
-		"data-status": c.status,
-		"data-preview-type": c.type,
+		className: t("async-preview--content overflow-hidden", f, l === "none" ? "gap-0" : void 0, e),
+		"data-status": s.status,
+		"data-preview-type": s.type,
+		"aria-live": "polite",
+		"aria-busy": s.status === "loading" || void 0,
 		...d,
-		children: u === "lg" ? /* @__PURE__ */ w("div", {
+		children: l === "lg" ? /* @__PURE__ */ D("div", {
 			className: "p-surface-lg",
 			children: n
 		}) : n
 	});
 }
-function L({ children: e }) {
-	let { state: t } = N();
-	return /* @__PURE__ */ w(C, { children: e(t) });
-}
 function R({ children: e }) {
-	let { state: t } = N();
-	return t.status !== "success" || t.data === null ? null : /* @__PURE__ */ w(C, { children: e({
+	let { state: t } = P();
+	return /* @__PURE__ */ D(E, { children: e(t) });
+}
+function z({ children: e }) {
+	let { state: t } = P();
+	return t.status !== "success" || t.data === null ? null : /* @__PURE__ */ D(E, { children: e({
 		...t,
 		data: t.data
 	}) });
 }
-function z({ children: e, className: n }) {
-	let { state: r, strings: a } = N();
+function B({ children: e, className: n }) {
+	let { state: r, strings: i } = P();
 	if (r.status !== "loading") return null;
-	if (e) return /* @__PURE__ */ w(C, { children: e(r) });
-	let o = typeof r.loading == "object" && r.loading !== null ? r.loading.label : void 0, s = typeof r.loading == "object" && r.loading !== null ? r.loading.phase : void 0, c = typeof r.loading == "object" && r.loading !== null && typeof r.loading.progress == "number" ? Math.min(100, Math.max(0, r.loading.progress)) : void 0;
-	return /* @__PURE__ */ w(i, {
+	if (e) return /* @__PURE__ */ D(E, { children: e(r) });
+	let a = typeof r.loading == "object" && r.loading !== null ? r.loading.label : void 0, o = typeof r.loading == "object" && r.loading !== null ? r.loading.phase : void 0, s = typeof r.loading == "object" && r.loading !== null && typeof r.loading.progress == "number" ? Math.min(100, Math.max(0, r.loading.progress)) : void 0;
+	return /* @__PURE__ */ D(c, {
 		className: t("async-preview--loading p-surface", n),
 		variant: "panel",
-		label: o ?? a.loading,
-		description: s,
-		progress: c,
+		label: a ?? i.loading,
+		description: o,
+		progress: s,
 		skeleton: !0,
 		lines: 3
 	});
 }
-function B({ children: e, className: n }) {
-	let { state: r, strings: i } = N();
-	return r.status === "error" ? e ? /* @__PURE__ */ w(C, { children: e(r) }) : /* @__PURE__ */ w(a, {
+function V({ children: e, className: n }) {
+	let { state: r, strings: i } = P();
+	return r.status === "error" ? e ? /* @__PURE__ */ D(E, { children: e(r) }) : /* @__PURE__ */ D(l, {
 		className: t("async-preview--error p-surface", n),
 		title: i.errorTitle,
 		description: i.errorDescription,
@@ -342,140 +418,150 @@ function B({ children: e, className: n }) {
 		variant: "inline"
 	}) : null;
 }
-function V({ children: e, className: n }) {
-	let { state: r, strings: i } = N();
-	return r.status === "empty" ? e ? /* @__PURE__ */ w(C, { children: e(r) }) : /* @__PURE__ */ w(h, {
+function H({ children: e, className: n }) {
+	let { state: r, strings: i } = P();
+	return r.status === "empty" ? e ? /* @__PURE__ */ D(E, { children: e(r) }) : /* @__PURE__ */ D(y, {
 		className: t("async-preview--empty", n),
 		padding: "md",
 		title: i.emptyTitle,
 		description: i.emptyDescription
 	}) : null;
 }
-function H() {
+function U() {
 	return {
-		Root: P,
-		Trigger: F,
-		Content: I,
-		State: L,
-		Body: R,
-		Loading: z,
-		Error: B,
-		Empty: V
+		Root: F,
+		Trigger: I,
+		Content: L,
+		State: R,
+		Body: z,
+		Loading: B,
+		Error: V,
+		Empty: H
 	};
 }
-var U = {
-	Root: P,
-	Trigger: F,
-	Content: I,
-	State: L,
-	Body: R,
-	Loading: z,
-	Error: B,
-	Empty: V
+var W = {
+	Root: F,
+	Trigger: I,
+	Content: L,
+	State: R,
+	Body: z,
+	Loading: B,
+	Error: V,
+	Empty: H
 };
-P.displayName = "AsyncPreviewRoot", F.displayName = "AsyncPreviewTrigger", I.displayName = "AsyncPreviewContent", L.displayName = "AsyncPreviewState", R.displayName = "AsyncPreviewBody", z.displayName = "AsyncPreviewLoading", B.displayName = "AsyncPreviewError", V.displayName = "AsyncPreviewEmpty";
+F.displayName = "AsyncPreviewRoot", I.displayName = "AsyncPreviewTrigger", L.displayName = "AsyncPreviewContent", R.displayName = "AsyncPreviewState", z.displayName = "AsyncPreviewBody", B.displayName = "AsyncPreviewLoading", V.displayName = "AsyncPreviewError", H.displayName = "AsyncPreviewEmpty";
 //#endregion
 //#region src/components/features/async-preview/preview-trigger-cell.tsx
-function W(e) {
+function G(e) {
 	return e == null || e === "";
 }
-function G(e) {
-	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ w(d, {
+function K(e) {
+	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ D(h, {
 		inline: !0,
 		tone: e.tone ?? "secondary",
 		size: e.size,
 		children: e.label
 	}) : e : null;
 }
-function K({ value: e, name: n, secondary: i, leading: a, trailing: o, badge: d, icon: f, emptyLabel: p = "--", forceNameCase: m, contentClassName: h }) {
-	let g = W(n) && W(e);
-	return /* @__PURE__ */ T(r, {
-		render: /* @__PURE__ */ w("span", {}),
+function q({ value: e, name: n, secondary: r, leading: i, trailing: a, badge: o, icon: c, emptyLabel: l, forceNameCase: u, contentClassName: h }) {
+	let g = G(n) && G(e);
+	return /* @__PURE__ */ O(s, {
+		render: /* @__PURE__ */ D("span", {}),
 		direction: "horizontal",
 		gap: "sm",
 		wrap: !1,
 		className: t("preview-trigger-cell--inner", h),
 		children: [
-			!!a && /* @__PURE__ */ w("span", {
+			!!i && /* @__PURE__ */ D("span", {
 				className: "preview-trigger-cell--leading inline-flex shrink-0 items-center",
-				children: a
+				children: i
 			}),
-			!!f && /* @__PURE__ */ w("span", {
+			!!c && /* @__PURE__ */ D("span", {
 				className: "preview-trigger-cell--icon inline-flex shrink-0 items-center text-muted-foreground",
-				children: /* @__PURE__ */ w(f, {
+				children: /* @__PURE__ */ D(c, {
 					className: "size-icon-sm",
 					"aria-hidden": !0
 				})
 			}),
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ O("span", {
 				className: "preview-trigger-cell--content flex min-w-0 flex-1 flex-col items-start",
-				children: [/* @__PURE__ */ T(r, {
-					render: /* @__PURE__ */ w("span", {}),
+				children: [/* @__PURE__ */ O(s, {
+					render: /* @__PURE__ */ D("span", {}),
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !1,
 					className: "max-w-full",
-					children: [g ? /* @__PURE__ */ w(u, {
+					children: [g ? /* @__PURE__ */ D(m, {
 						className: "truncate",
-						children: p
-					}) : n ? /* @__PURE__ */ w(c, {
+						children: l
+					}) : n ? /* @__PURE__ */ D(f, {
 						value: n,
-						force: m,
+						force: u,
 						weight: "medium",
 						className: "truncate"
-					}) : /* @__PURE__ */ w(s, {
+					}) : /* @__PURE__ */ D(d, {
 						type: "inherit",
 						weight: "medium",
 						className: "truncate",
 						children: e
-					}), G(d)]
-				}), !W(i) && /* @__PURE__ */ w(l, {
+					}), K(o)]
+				}), !G(r) && /* @__PURE__ */ D(p, {
 					size: "xs",
 					className: "max-w-full truncate",
-					children: i
+					children: r
 				})]
 			}),
-			!!o && /* @__PURE__ */ w("span", {
+			!!a && /* @__PURE__ */ D("span", {
 				className: "preview-trigger-cell--trailing inline-flex shrink-0 items-center",
-				children: o
+				children: a
 			})
 		]
 	});
 }
-var q = g.forwardRef(function({ value: e, name: r, secondary: i, leading: a, trailing: o, badge: s, icon: c, emptyLabel: l, hasPreview: u, disabledReason: d, forceNameCase: f, className: p, contentClassName: m, type: h, ...g }, _) {
-	let v = {
+var J = b.forwardRef(function({ value: e, name: s, secondary: c, leading: l, trailing: u, badge: d, icon: f, emptyLabel: p, hasPreview: m, disabledReason: h, forceNameCase: g, className: _, contentClassName: v, type: y, ...b }, x) {
+	let S = {
 		value: e,
-		name: r,
-		secondary: i,
-		leading: a,
-		trailing: o,
-		badge: s,
-		icon: c,
-		emptyLabel: l,
-		forceNameCase: f,
-		contentClassName: m
+		name: s,
+		secondary: c,
+		leading: l,
+		trailing: u,
+		badge: d,
+		icon: f,
+		emptyLabel: p,
+		forceNameCase: g,
+		contentClassName: v
 	};
-	return (u ?? (!W(r) || !W(e))) && !d ? /* @__PURE__ */ T(n, {
-		...g,
-		ref: _,
-		type: h ?? "button",
+	if (!((m ?? (!G(s) || !G(e))) && !h)) {
+		let e = t("preview-trigger-cell--component flex h-auto min-h-action-sm max-w-full items-center justify-start rounded-radius px-control-sm py-space-xs text-left", _);
+		return h ? /* @__PURE__ */ O(o, { children: [/* @__PURE__ */ D(i, {
+			render: /* @__PURE__ */ D("div", {
+				role: "button",
+				tabIndex: 0,
+				"aria-disabled": "true",
+				className: t(e, "outline-none", n.edge)
+			}),
+			children: /* @__PURE__ */ D(q, { ...S })
+		}), /* @__PURE__ */ D(a, { children: h })] }) : /* @__PURE__ */ D("div", {
+			className: e,
+			children: /* @__PURE__ */ D(q, { ...S })
+		});
+	}
+	return /* @__PURE__ */ O(r, {
+		...b,
+		ref: x,
+		type: y ?? "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
-		className: t("preview-trigger-cell--component h-auto min-h-action-sm max-w-full justify-start px-control-sm py-space-xs text-left", p),
-		children: [/* @__PURE__ */ w(K, { ...v }), /* @__PURE__ */ w(E, {
+		className: t("preview-trigger-cell--component h-auto min-h-action-sm max-w-full justify-start px-control-sm py-space-xs text-left", _),
+		children: [/* @__PURE__ */ D(q, { ...S }), /* @__PURE__ */ D(ne, {
 			className: "preview-trigger-cell--caret size-icon-sm shrink-0 text-muted-foreground",
 			"aria-hidden": !0
 		})]
-	}) : /* @__PURE__ */ w("div", {
-		className: t("preview-trigger-cell--component flex h-auto min-h-action-sm max-w-full items-center justify-start rounded-radius px-control-sm py-space-xs text-left", p),
-		"aria-disabled": d ? !0 : void 0,
-		title: typeof d == "string" ? d : void 0,
-		children: /* @__PURE__ */ w(K, { ...v })
 	});
 });
-q.displayName = "PreviewTriggerCell";
+J.displayName = "PreviewTriggerCell";
 //#endregion
-export { U as AsyncPreview, R as AsyncPreviewBody, I as AsyncPreviewContent, V as AsyncPreviewEmpty, B as AsyncPreviewError, z as AsyncPreviewLoading, P as AsyncPreviewRoot, L as AsyncPreviewState, F as AsyncPreviewTrigger, q as PreviewTriggerCell, j as clearAsyncPreviewCache, H as createAsyncPreview, D as defaultAsyncPreviewStrings, A as useAsyncPreview, N as useAsyncPreviewContext };
+export { W as AsyncPreview, z as AsyncPreviewBody, L as AsyncPreviewContent, H as AsyncPreviewEmpty, V as AsyncPreviewError, B as AsyncPreviewLoading, F as AsyncPreviewRoot, R as AsyncPreviewState, I as AsyncPreviewTrigger, J as PreviewTriggerCell, N as clearAsyncPreviewCache, U as createAsyncPreview, k as defaultAsyncPreviewStrings, M as useAsyncPreview, P as useAsyncPreviewContext };
 
 //# sourceMappingURL=async-preview.js.map