themelia-ui 3.0.0 → 3.2.0

package/dist/features/async-preview.js

@@ -1,207 +1,26 @@
 "use client";
+import "#core.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { p as t, t as n } from "../feedback-DRerHGuV.js";
-import { i as r, n as i, t as a } from "../tooltip-t1VQQ2tZ.js";
-import { H as o, L as s, U as c, z as l } from "../primitives-D0bdDozz.js";
-import { t as u } from "../badge-CxOuTfVr.js";
-import { c as d, r as f, t as p } from "../popover-DriLnIFc.js";
-import { t as m } from "../spinner-CUAVFecI.js";
-import { ChevronDownIcon as h } from "lucide-react";
-import { createContext as g, isValidElement as _, useCallback as v, useContext as y, useEffect as b, useId as x, useMemo as S, useRef as C, useState as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { i as t, n, t as r } from "../tooltip-BPYP-jUm.js";
+import { H as i, L as a, U as o, z as s } from "../primitives-BskKlf35.js";
+import { t as c } from "../badge-VlJVZjdm.js";
+import { p as l, t as u } from "../feedback-D4qVsKlD.js";
+import { c as d, r as f, t as p } from "../popover-CA7SP_iz.js";
+import { t as m } from "../spinner-Tc1QCnxM.js";
+import { n as h, t as g } from "../use-async-preview-BFwf9ElY.js";
+import { ChevronDownIcon as _ } from "lucide-react";
+import { createContext as v, isValidElement as y, useContext as b, useId as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import "#css/async-preview.css";
 //#region src/components/features/async-preview/async-preview.strings.ts
-var O = {
+var T = {
 	loading: "Loading preview…",
 	errorTitle: "Could not load preview",
 	errorDescription: "Try again, or open the full record.",
 	retry: "Retry",
 	emptyTitle: "Nothing to preview",
 	emptyDescription: "There is nothing to show for this record yet."
-}, k = /* @__PURE__ */ new Map();
-function A(e) {
-	e ? k.delete(e) : k.clear();
-}
-function j(e, t) {
-	if (!e) return;
-	let n = k.get(e);
-	if (n) {
-		if (Date.now() - n.timestamp > t) {
-			k.delete(e);
-			return;
-		}
-		return n;
-	}
-}
-function M(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 = Object.prototype.hasOwnProperty.call(e, "data"), h = m ? e.data ?? null : null, g = m ? void 0 : e.onShow, _ = o !== void 0, [y, x] = w(s), T = o ?? y, E = j(r, a), [D, O] = w(() => E?.status === "success" ? E.data : null), [A, M] = w(() => E?.status ?? "idle"), [N, P] = w(null), [F, I] = w(!1), [L, R] = w(() => E?.meta ?? {}), [z, B] = w(() => E !== void 0), V = m ? h : D, H = m ? h === null ? "empty" : "success" : A, U = C(null), W = C(0), G = C(!1), K = C(!1), q = C(L), J = C(null), Y = C(null), X = v((e) => {
-		_ || x(e);
-		let t = Y.current;
-		t && c?.(e, {
-			...t,
-			open: e
-		});
-	}, [_, c]), Z = v(async (e) => {
-		if (m || !g) return;
-		let o = j(r, a);
-		if (e === "open" && G.current) {
-			G.current = !1;
-			let e = Y.current?.status === "success" || Y.current?.status === "empty";
-			if (U.current || e && (!r || o)) return;
-		}
-		if (e !== "refresh" && o && i === "cache-first") {
-			B(!0), P(null), q.current = o.meta, R(o.meta), O(o.status === "success" ? o.data : null), M(o.status), I(!1);
-			return;
-		}
-		U.current?.abort();
-		let s = new AbortController();
-		U.current = s;
-		let c = ++W.current;
-		q.current = {}, R({}), B(!1), P(null), M("loading"), I({});
-		let h = (e) => {
-			W.current !== c || s.signal.aborted || e();
-		}, _ = (e) => Y.current ? {
-			...Y.current,
-			...e
-		} : null, v = _({
-			error: null,
-			loading: {},
-			status: "loading",
-			cached: !1
-		});
-		try {
-			v && (l?.(v), e === "refresh" && p?.(v));
-			let i = await g({
-				type: t,
-				context: n,
-				signal: s.signal,
-				reason: e,
-				cached: o !== void 0,
-				setLoading: (e) => h(() => I(e)),
-				setMeta: (e) => h(() => {
-					let t = {
-						...q.current,
-						...e
-					};
-					q.current = t, R(t);
-				})
-			});
-			h(() => {
-				let e = i == null ? "empty" : "success", t = e === "success" ? i : null;
-				O(t), M(e), I(!1), P(null), B(!1), r && k.set(r, {
-					timestamp: Date.now(),
-					data: t,
-					status: e,
-					meta: q.current
-				});
-				let n = _({
-					data: t,
-					error: null,
-					loading: !1,
-					status: e,
-					meta: q.current,
-					cached: !1
-				});
-				t !== null && n && u?.(t, n), n && f?.(n);
-			});
-		} catch (e) {
-			if (s.signal.aborted) return;
-			h(() => {
-				P(e), M("error"), I(!1);
-				let t = _({
-					error: e,
-					loading: !1,
-					status: "error",
-					cached: !1
-				});
-				t && (d?.(e, t), f?.(t));
-			});
-		} finally {
-			W.current === c && U.current === s && (U.current = null);
-		}
-	}, [
-		r,
-		i,
-		n,
-		m,
-		l,
-		u,
-		d,
-		p,
-		f,
-		g,
-		a,
-		t
-	]), Q = v(() => void Z("refresh"), [Z]), $ = v(() => X(!1), [X]), ee = v(() => {
-		m || G.current || (G.current = !0, Z("prefetch"));
-	}, [m, Z]), te = S(() => ({
-		type: t,
-		context: n,
-		data: V,
-		error: N,
-		loading: F,
-		status: H,
-		meta: L,
-		open: T,
-		cached: z,
-		refresh: Q,
-		prefetch: ee,
-		close: $
-	}), [
-		z,
-		$,
-		n,
-		N,
-		F,
-		L,
-		T,
-		ee,
-		Q,
-		V,
-		H,
-		t
-	]);
-	return b(() => {
-		Y.current = te, q.current = L;
-	}), b(() => () => {
-		U.current?.abort(), U.current = null, W.current += 1, J.current = null, G.current = !1;
-	}, [
-		r,
-		t,
-		m,
-		a
-	]), b(() => {
-		let e = j(r, a);
-		O(e?.status === "success" ? e.data : null), M(e?.status ?? "idle"), I(!1), P(null), B(!!e), q.current = e?.meta ?? {}, R(q.current);
-	}, [
-		r,
-		t,
-		m,
-		a
-	]), b(() => {
-		if (!(!T || m)) return () => {
-			U.current?.abort(), U.current = null, W.current += 1, J.current = null, G.current = !1;
-		};
-	}, [T, m]), b(() => {
-		let e = K.current && !T;
-		if (K.current = T, !T) {
-			J.current = null, e && (I(!1), M((e) => e === "loading" ? "idle" : e));
-			return;
-		}
-		if (m) return;
-		let n = r ?? t;
-		J.current !== n && (J.current = n, Z("open"));
-	}, [
-		r,
-		m,
-		T,
-		Z,
-		t
-	]), {
-		...te,
-		setOpen: X
-	};
-}
-var N = {
+}, E = {
 	trigger: "async-preview__trigger___pEDpu",
 	content: "async-preview__content___a4d5z",
 	state: "async-preview__state___Awvvu",
@@ -212,181 +31,181 @@ var N = {
 	cellValueRow: "async-preview__cellValueRow___hTT4y",
 	cellIcon: "async-preview__cellIcon___S8thh",
 	cellCaret: "async-preview__cellCaret___Vw7k3"
-}, P = g(null);
-function F() {
-	let e = y(P);
+}, D = v(null);
+function O() {
+	let e = b(D);
 	if (!e) throw Error("AsyncPreview parts must be used inside <AsyncPreview.Root />.");
 	return e.state;
 }
 //#endregion
 //#region src/components/features/async-preview/async-preview.tsx
-function I() {
-	let e = y(P);
+function k() {
+	let e = b(D);
 	if (!e) throw Error("AsyncPreview parts must be used inside <AsyncPreview.Root />.");
 	return e;
 }
-function L({ children: e, strings: t, ...n }) {
-	let r = x(), { setOpen: i, ...a } = M(n), o = {
-		...O,
+function A({ children: e, strings: t, ...n }) {
+	let r = x(), { setOpen: i, ...a } = h(n), o = {
+		...T,
 		...t
 	};
-	return /* @__PURE__ */ E(P.Provider, {
+	return /* @__PURE__ */ C(D.Provider, {
 		value: {
 			state: a,
 			setOpen: i,
 			copy: o,
 			triggerId: r
 		},
-		children: /* @__PURE__ */ E(p, {
+		children: /* @__PURE__ */ C(p, {
 			open: a.open,
 			onOpenChange: i,
 			children: e
 		})
 	});
 }
-function R({ children: t, prefetchOnHover: n = !0, className: r }) {
-	let { state: i, triggerId: a } = I(), o = typeof t == "function" ? t({ state: i }) : t;
-	return /* @__PURE__ */ E(d, {
+function j({ children: t, prefetchOnHover: n = !0, className: r }) {
+	let { state: i, triggerId: a } = k(), o = typeof t == "function" ? t({ state: i }) : t;
+	return /* @__PURE__ */ C(d, {
 		id: a,
-		className: e("async-preview-trigger--component", !_(o) && N.trigger, r),
-		render: _(o) ? o : /* @__PURE__ */ E("button", {
+		className: e("async-preview-trigger--component", !y(o) && E.trigger, r),
+		render: y(o) ? o : /* @__PURE__ */ C("button", {
 			type: "button",
 			children: o
 		}),
 		onPointerEnter: n ? i.prefetch : void 0
 	});
 }
-function z({ className: t, children: n, width: r, side: i, align: a }) {
-	let { triggerId: o } = I();
-	return /* @__PURE__ */ E(f, {
+function M({ className: t, children: n, width: r, side: i, align: a }) {
+	let { triggerId: o } = k();
+	return /* @__PURE__ */ C(f, {
 		"aria-labelledby": o,
 		width: r ?? "auto",
 		side: i,
 		align: a,
-		className: e("async-preview--component", N.content, t),
+		className: e("async-preview--component", E.content, t),
 		children: n
 	});
 }
-function B({ children: e }) {
-	let { state: t } = I();
-	return /* @__PURE__ */ E(T, { children: e(t) });
+function N({ children: e }) {
+	let { state: t } = k();
+	return /* @__PURE__ */ C(S, { children: e(t) });
 }
-function V({ children: e }) {
-	let { state: t } = I();
-	return t.status !== "success" || t.data === null ? null : /* @__PURE__ */ E(T, { children: e(t.data, t) });
+function P({ children: e }) {
+	let { state: t } = k();
+	return t.status !== "success" || t.data === null ? null : /* @__PURE__ */ C(S, { children: e(t.data, t) });
 }
-function H(e, t) {
+function F(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function U({ className: t, children: n }) {
-	let { state: r, copy: i } = I();
-	return r.status === "loading" ? /* @__PURE__ */ E("div", {
-		className: e("async-preview-loading--component", N.state, t),
-		children: H(n, r) ?? /* @__PURE__ */ E(m, { label: r.loading && r.loading.label || i.loading })
+function I({ className: t, children: n }) {
+	let { state: r, copy: i } = k();
+	return r.status === "loading" ? /* @__PURE__ */ C("div", {
+		className: e("async-preview-loading--component", E.state, t),
+		children: F(n, r) ?? /* @__PURE__ */ C(m, { label: r.loading && r.loading.label || i.loading })
 	}) : null;
 }
-function W({ className: t, children: r }) {
-	let { state: i, copy: a } = I();
-	return i.status === "error" ? /* @__PURE__ */ E("div", {
-		className: e("async-preview-error--component", N.state, t),
-		children: H(r, i) ?? /* @__PURE__ */ E(n, {
-			className: N.stateContent,
-			title: a.errorTitle,
-			description: a.errorDescription,
-			onRetry: i.refresh,
-			strings: { retry: a.retry }
+function L({ className: t, children: n }) {
+	let { state: r, copy: i } = k();
+	return r.status === "error" ? /* @__PURE__ */ C("div", {
+		className: e("async-preview-error--component", E.state, t),
+		children: F(n, r) ?? /* @__PURE__ */ C(u, {
+			className: E.stateContent,
+			title: i.errorTitle,
+			description: i.errorDescription,
+			onRetry: r.refresh,
+			strings: { retry: i.retry }
 		})
 	}) : null;
 }
-function G({ className: n, children: r }) {
-	let { state: i, copy: a } = I();
-	return i.status === "empty" ? /* @__PURE__ */ E("div", {
-		className: e("async-preview-empty--component", N.state, n),
-		children: H(r, i) ?? /* @__PURE__ */ E(t, {
-			title: a.emptyTitle,
-			description: a.emptyDescription,
+function R({ className: t, children: n }) {
+	let { state: r, copy: i } = k();
+	return r.status === "empty" ? /* @__PURE__ */ C("div", {
+		className: e("async-preview-empty--component", E.state, t),
+		children: F(n, r) ?? /* @__PURE__ */ C(l, {
+			title: i.emptyTitle,
+			description: i.emptyDescription,
 			padding: "sm"
 		})
 	}) : null;
 }
 //#endregion
 //#region src/components/features/async-preview/preview-trigger-cell.tsx
-function K({ badge: e }) {
+function z({ badge: e }) {
 	if (e == null || e === !1) return null;
 	if (typeof e == "object" && e && "label" in e) {
 		let t = e;
-		return /* @__PURE__ */ E(u, {
+		return /* @__PURE__ */ C(c, {
 			tone: t.tone ?? "neutral",
 			children: t.label
 		});
 	}
-	return /* @__PURE__ */ E(u, {
+	return /* @__PURE__ */ C(c, {
 		tone: "neutral",
 		children: e
 	});
 }
-function q({ value: t, secondary: n, leading: u, trailing: d, badge: f, icon: p, emptyLabel: m, hasPreview: g = !0, disabledReason: _, asName: v = !1, disabled: y, className: b, ...x }) {
-	let S = t == null || t === "", C = g && !y && !S, w = /* @__PURE__ */ D(T, { children: [
-		!!p && /* @__PURE__ */ E(p, { className: N.cellIcon }),
+function B({ value: c, secondary: l, leading: u, trailing: d, badge: f, icon: p, emptyLabel: m, hasPreview: h = !0, disabledReason: g, asName: v = !1, disabled: y, className: b, ...x }) {
+	let T = c == null || c === "", D = h && !y && !T, O = /* @__PURE__ */ w(S, { children: [
+		!!p && /* @__PURE__ */ C(p, { className: E.cellIcon }),
 		u,
-		/* @__PURE__ */ D("span", {
-			className: N.cellText,
-			children: [/* @__PURE__ */ D("span", {
-				className: N.cellValueRow,
+		/* @__PURE__ */ w("span", {
+			className: E.cellText,
+			children: [/* @__PURE__ */ w("span", {
+				className: E.cellValueRow,
 				children: [
-					S ? /* @__PURE__ */ E(l, { label: m }) : v && typeof t == "string" ? /* @__PURE__ */ E(s, { value: t }) : /* @__PURE__ */ E(c, { children: t }),
-					/* @__PURE__ */ E(K, { badge: f }),
-					C && /* @__PURE__ */ E(h, {
+					T ? /* @__PURE__ */ C(s, { label: m }) : v && typeof c == "string" ? /* @__PURE__ */ C(a, { value: c }) : /* @__PURE__ */ C(o, { children: c }),
+					/* @__PURE__ */ C(z, { badge: f }),
+					D && /* @__PURE__ */ C(_, {
 						"aria-hidden": !0,
-						className: N.cellCaret
+						className: E.cellCaret
 					})
 				]
-			}), !!n && /* @__PURE__ */ E(o, {
+			}), !!l && /* @__PURE__ */ C(i, {
 				size: "xs",
-				children: n
+				children: l
 			})]
 		}),
 		d
 	] });
-	if (!C) {
-		let t = /* @__PURE__ */ E("span", {
+	if (!D) {
+		let i = /* @__PURE__ */ C("span", {
 			"data-slot": "preview-cell",
-			className: e(N.cell, N.cellInert, b),
-			children: w
+			className: e(E.cell, E.cellInert, b),
+			children: O
 		});
-		return _ ? /* @__PURE__ */ D(a, { children: [/* @__PURE__ */ E(r, { render: t }), /* @__PURE__ */ E(i, { children: _ })] }) : t;
+		return g ? /* @__PURE__ */ w(r, { children: [/* @__PURE__ */ C(t, { render: i }), /* @__PURE__ */ C(n, { children: g })] }) : i;
 	}
-	return /* @__PURE__ */ E("button", {
+	return /* @__PURE__ */ C("button", {
 		type: "button",
 		"data-slot": "preview-cell",
-		className: e("preview-trigger-cell--component", N.cell, b),
+		className: e("preview-trigger-cell--component", E.cell, b),
 		...x,
-		children: w
+		children: O
 	});
 }
 //#endregion
 //#region src/components/features/async-preview/async-preview-bundles.ts
-var J = {
-	Root: L,
-	Trigger: R,
-	Content: z,
-	Body: V,
-	State: B,
-	Loading: U,
-	Error: W,
-	Empty: G
+var V = {
+	Root: A,
+	Trigger: j,
+	Content: M,
+	Body: P,
+	State: N,
+	Loading: I,
+	Error: L,
+	Empty: R
 };
-function Y() {
+function H() {
 	return {
-		Root: L,
-		Trigger: R,
-		Content: z,
-		Body: V,
-		State: B,
-		Loading: U,
-		Error: W,
-		Empty: G
+		Root: A,
+		Trigger: j,
+		Content: M,
+		Body: P,
+		State: N,
+		Loading: I,
+		Error: L,
+		Empty: R
 	};
 }
 //#endregion
-export { J as AsyncPreview, V as AsyncPreviewBody, z as AsyncPreviewContent, G as AsyncPreviewEmpty, W as AsyncPreviewError, U as AsyncPreviewLoading, L as AsyncPreviewRoot, B as AsyncPreviewState, R as AsyncPreviewTrigger, q as PreviewTriggerCell, A as clearAsyncPreviewCache, Y as createAsyncPreview, O as defaultAsyncPreviewStrings, M as useAsyncPreview, F as useAsyncPreviewContext };
+export { V as AsyncPreview, P as AsyncPreviewBody, M as AsyncPreviewContent, R as AsyncPreviewEmpty, L as AsyncPreviewError, I as AsyncPreviewLoading, A as AsyncPreviewRoot, N as AsyncPreviewState, j as AsyncPreviewTrigger, B as PreviewTriggerCell, g as clearAsyncPreviewCache, H as createAsyncPreview, T as defaultAsyncPreviewStrings, h as useAsyncPreview, O as useAsyncPreviewContext };