@declarion/react 0.87.0 → 0.88.0

package/dist-lib/app.js

@@ -4,22 +4,22 @@ import { SmartDetailPage as r } from "./components/pages/SmartDetailPage.js";
 import { SmartListPage as i } from "./components/pages/SmartListPage.js";
 import { SmartRecordListPage as a } from "./components/pages/SmartRecordListPage.js";
 import { useFirstScreenSettledOnInput as o } from "./lib/capabilityPrefetch.js";
-import { useAuthStore as s } from "./stores/auth.js";
-import { useSchema as c } from "./hooks/useSchema.js";
+import { usePreferencesStore as s } from "./stores/preferences.js";
+import { useAuthStore as c } from "./stores/auth.js";
+import { useSchema as l } from "./hooks/useSchema.js";
 import { useLanguage as ee } from "./hooks/useLanguage.js";
-import { ResponsiveModeProvider as l } from "./hooks/useResponsiveMode.js";
-import { setIconRegistry as u } from "./stores/icon-registry.js";
-import { isValidLogoUrl as d } from "./lib/branding.js";
-import { usePublicParams as f } from "./hooks/useParams.js";
-import { useBranding as p } from "./hooks/useBranding.js";
-import { usePreferencesStore as m } from "./stores/preferences.js";
+import { ResponsiveModeProvider as u } from "./hooks/useResponsiveMode.js";
+import { usePublicParams as d } from "./hooks/useParams.js";
+import { setIconRegistry as f } from "./stores/icon-registry.js";
+import { isValidLogoUrl as p } from "./lib/branding.js";
+import { useBranding as m } from "./hooks/useBranding.js";
 import { EmbedAuthBootstrap as h } from "./embed/EmbedAuthBootstrap.js";
-import { DEFAULT_PAGE_STATE_TTL_MS as g } from "./stores/page-state.js";
-import { applyRetainedReadGcTime as _ } from "./hooks/usePageStateRuntime.js";
-import { useBrandingBreakpoints as v, useBrandingViewport as y } from "./hooks/useBrandingChrome.js";
-import { Layout as b } from "./components/layout/Layout.js";
-import { BlankScreen as x } from "./components/shared/BlankScreen.js";
-import { schemaDefaultRoute as S } from "./lib/schema-routing.js";
+import { schemaDefaultRoute as g } from "./lib/schema-routing.js";
+import { DEFAULT_PAGE_STATE_TTL_MS as _ } from "./stores/page-state.js";
+import { applyRetainedReadGcTime as v } from "./hooks/usePageStateRuntime.js";
+import { useBrandingBreakpoints as y, useBrandingViewport as b } from "./hooks/useBrandingChrome.js";
+import { Layout as x } from "./components/layout/Layout.js";
+import { BlankScreen as S } from "./components/shared/BlankScreen.js";
 import { SignIn as C } from "./components/pages/auth/SignIn.js";
 import { SignUp as te } from "./components/pages/auth/SignUp.js";
 import { Forgot as w } from "./components/pages/auth/Forgot.js";
@@ -50,7 +50,7 @@ var Z = "declarion-managed-favicon", Q = new U({ defaultOptions: { queries: {
 	retry: P,
 	retryDelay: e
 } } });
-_(Q, g);
+v(Q, _);
 function $(e) {
 	if (typeof window > "u") return null;
 	try {
@@ -64,7 +64,7 @@ function se({ component: e, screenCode: t }) {
 	return o(), /* @__PURE__ */ K(e, { screenCode: t });
 }
 function ce() {
-	let { data: e } = c();
+	let { data: e } = l();
 	return {
 		routes: H(() => {
 			if (!e) return [];
@@ -108,25 +108,25 @@ function ce() {
 			}
 			return t;
 		}, [e]),
-		defaultRoute: H(() => S(e), [e])
+		defaultRoute: H(() => g(e), [e])
 	};
 }
 function le() {
-	let e = s((e) => e.initialize), t = s((e) => e.isLoading), r = s((e) => e.isAuthenticated), { data: i, isError: a } = c(), o = ee(), { data: l, isLoading: m } = f(), { branding: h, isLoading: g } = p(), { routes: _, defaultRoute: v } = ce(), y = n();
+	let e = c((e) => e.initialize), t = c((e) => e.isLoading), r = c((e) => e.isAuthenticated), { data: i, isError: a } = l(), o = ee(), { data: s, isLoading: u } = d(), { branding: h, isLoading: g } = m(), { routes: _, defaultRoute: v } = ce(), y = n();
 	V(() => {
 		document.documentElement.lang = o;
 	}, [o]);
-	let S = typeof window < "u" && window.self !== window.top && !y.enabled;
+	let b = typeof window < "u" && window.self !== window.top && !y.enabled;
 	V(() => {
-		y.enabled || S || e();
+		y.enabled || b || e();
 	}, [
 		y.enabled,
-		S,
+		b,
 		e
 	]);
 	let k = i?.icons;
 	V(() => {
-		u(k ?? {});
+		f(k ?? {});
 	}, [k]);
 	let A = h?.identity, j = h?.theme;
 	V(() => {
@@ -135,7 +135,7 @@ function le() {
 		e && (document.title = e);
 	}, [A?.app_name]), V(() => {
 		if (typeof document > "u") return;
-		let e = A?.app_logo, t = d(e) ? $(e.trim()) : null, n = document.getElementById(Z);
+		let e = A?.app_logo, t = p(e) ? $(e.trim()) : null, n = document.getElementById(Z);
 		if (!t) n && n.remove();
 		else if (n) n.href !== t && (n.href = t);
 		else {
@@ -165,7 +165,7 @@ function le() {
 		n.id = R, n.rel = "stylesheet", n.href = t, document.head.appendChild(n);
 	}, [M]);
 	let P = y.enabled && !r;
-	return S || P || t || m && !l || g || !i && (r || !a) ? /* @__PURE__ */ K(x, {}) : /* @__PURE__ */ q(ae, { children: [
+	return b || P || t || u && !s || g || !i && (r || !a) ? /* @__PURE__ */ K(S, {}) : /* @__PURE__ */ q(ae, { children: [
 		/* @__PURE__ */ K(X, {
 			path: "/login",
 			element: /* @__PURE__ */ K(C, {})
@@ -191,7 +191,7 @@ function le() {
 			element: /* @__PURE__ */ K(E, {})
 		}),
 		/* @__PURE__ */ q(X, {
-			element: /* @__PURE__ */ K(b, {}),
+			element: /* @__PURE__ */ K(x, {}),
 			children: [
 				i && !v && /* @__PURE__ */ K(X, {
 					index: !0,
@@ -229,7 +229,7 @@ function le() {
 }
 function ue() {
 	M();
-	let e = m((e) => e.toastPosition);
+	let e = s((e) => e.toastPosition);
 	return /* @__PURE__ */ q(J, { children: [
 		/* @__PURE__ */ K(h, {}),
 		/* @__PURE__ */ K(N, {}),
@@ -250,8 +250,8 @@ function ue() {
 	] });
 }
 function de({ children: e }) {
-	let t = y(), n = v();
-	return /* @__PURE__ */ K(l, {
+	let t = b(), n = y();
+	return /* @__PURE__ */ K(u, {
 		viewport: t,
 		breakpoints: n,
 		children: e

package/dist-lib/components/actions/ActionButton.js

@@ -1,116 +1,117 @@
 import { useSchema as e } from "../../hooks/useSchema.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Btn as n } from "../primitives/Btn.js";
-import { IconBtn as r } from "../primitives/IconBtn.js";
-import { useText as i } from "../../hooks/useText.js";
-import { DynamicIcon as a } from "../shared/DynamicIcon.js";
-import { buildActionBody as o, executeAction as s, resolveAssociation as c } from "../../api/data.js";
-import { failureTitle as l } from "../../lib/failure.js";
-import { useTabNavigate as u } from "../../hooks/useTabNavigate.js";
-import { toast as d } from "../../lib/toast.js";
+import { buildActionBody as t, executeAction as n, resolveAssociation as r } from "../../api/data.js";
+import { failureTitle as i } from "../../lib/failure.js";
+import { Icon as a } from "../primitives/Icons.js";
+import { Btn as o } from "../primitives/Btn.js";
+import { IconBtn as s } from "../primitives/IconBtn.js";
+import { useText as c } from "../../hooks/useText.js";
+import { toast as l } from "../../lib/toast.js";
+import { DynamicIcon as u } from "../shared/DynamicIcon.js";
+import { useTabNavigate as d } from "../../hooks/useTabNavigate.js";
 import { evaluateConditions as f, findListScreenForEntity as p, isAssociationAction as m, rowDetailId as h } from "../../lib/actions.js";
 import { useActionRunner as g } from "./ActionRunner.js";
 import { executeUISteps as _, isUIAction as v } from "../../lib/ui-actions.js";
-import { useCallback as y, useState as b } from "react";
-import { jsx as x } from "react/jsx-runtime";
+import { useConditionCaller as y } from "../../hooks/useRowTenant.js";
+import { useCallback as b, useState as x } from "react";
+import { jsx as S } from "react/jsx-runtime";
 //#region src/components/actions/ActionButton.tsx
-function S({ actionCode: S, action: C, entityCode: w, objectIds: T = [], row: E, variant: D = "outline", size: O = "default", onSuccess: k }) {
-	let A = i(), j = i("errors"), [M, N] = b(!1), [P, F] = b(!1), { data: I } = e(), L = u(), { run: R } = g(), z = m(C), B = !E || f(C.conditions, E), V = y(async () => {
-		if (C.association && T.length !== 0) {
-			N(!0);
+function C({ actionCode: C, action: w, entityCode: T, objectIds: E = [], row: D, variant: O = "outline", size: k = "default", onSuccess: A }) {
+	let j = c(), M = c("errors"), [N, P] = x(!1), [F, I] = x(!1), { data: L } = e(), R = d(), { run: z } = g(), B = m(w), V = y(), H = !D || f(w.conditions, D, V), U = b(async () => {
+		if (w.association && E.length !== 0) {
+			P(!0);
 			try {
-				let e = w ? `${w}.${C.association}` : C.association, t = await c(e, T), n = p(I, t.target_entity);
+				let e = T ? `${T}.${w.association}` : w.association, t = await r(e, E), n = p(L, t.target_entity);
 				if (!n) {
-					d.error(j("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
+					l.error(M("action.list_screen_missing", "No list screen is declared for this entity."), t.target_entity);
 					return;
 				}
-				let r = I?.entities[t.target_entity], i = A(C.display?.name) || t.target_entity;
+				let i = L?.entities[t.target_entity], a = j(w.display?.name) || t.target_entity;
 				if (t.ids.length === 0) {
-					d.info(A("action.association.none_related", "No related {name} found", { name: i }));
+					l.info(j("action.association.none_related", "No related {name} found", { name: a }));
 					return;
 				}
-				let a = r?.fields.names().find((e) => r.fields.get(e)?.primary) ?? "id", o = new URLSearchParams();
-				o.set(`filter_${a}`, t.ids.join(",")), L(n.route, {
-					title: i,
-					icon: C.display?.icon || n.icon,
-					search: o.toString()
-				}), k?.();
+				let o = i?.fields.names().find((e) => i.fields.get(e)?.primary) ?? "id", s = new URLSearchParams();
+				s.set(`filter_${o}`, t.ids.join(",")), R(n.route, {
+					title: a,
+					icon: w.display?.icon || n.icon,
+					search: s.toString()
+				}), A?.();
 			} catch (e) {
-				d.error(l(j, e));
+				l.error(i(M, e));
 			} finally {
-				N(!1);
+				P(!1);
 			}
 		}
 	}, [
-		A,
 		j,
-		C,
+		M,
 		w,
 		T,
-		I,
+		E,
 		L,
-		k
-	]), H = C.entity ? `${C.entity}.${S}` : S, U = T.length > 0 ? T : void 0, W = y(() => {
-		F(!0), R({
-			action: C,
-			title: A(C.display?.name) || S,
-			row: E,
-			entity: w,
-			execute: (e) => s(H, o(e, U)),
-			onSuccess: () => k?.()
-		}).finally(() => F(!1));
-	}, [
-		A,
 		R,
-		C,
-		S,
-		E,
-		w,
-		H,
-		U,
-		k
-	]), G = y(() => {
-		if (v(C)) _(j, C.ui_steps, { row: E }).then(() => k?.());
-		else if (z) V();
-		else if (C.href && !C.handler && !C.association) {
-			let e = w ? I?.entities[w] : void 0, t = h(E, e), n = C.href;
-			w && (n = n.replaceAll("${entity}", w)), t && (n = n.replaceAll("${id}", encodeURIComponent(t))), L(n, {
-				title: A(C.display?.name) || S,
-				icon: C.display?.icon
-			}), k?.();
-		} else W();
+		A
+	]), W = w.entity ? `${w.entity}.${C}` : C, G = E.length > 0 ? E : void 0, K = b(() => {
+		I(!0), z({
+			action: w,
+			title: j(w.display?.name) || C,
+			row: D,
+			entity: T,
+			execute: (e) => n(W, t(e, G)),
+			onSuccess: () => A?.()
+		}).finally(() => I(!1));
 	}, [
-		A,
 		j,
-		C,
-		E,
-		w,
-		I?.entities,
-		S,
-		L,
 		z,
-		V,
+		w,
+		C,
+		D,
+		T,
 		W,
-		k
-	]), K = A(C.display?.name), q = C.display?.icon, J = q && t[q], Y = J ? /* @__PURE__ */ x(J, { size: 13 }) : q ? /* @__PURE__ */ x(a, {
-		name: q,
+		G,
+		A
+	]), q = b(() => {
+		if (v(w)) _(M, w.ui_steps, { row: D }).then(() => A?.());
+		else if (B) U();
+		else if (w.href && !w.handler && !w.association) {
+			let e = T ? L?.entities[T] : void 0, t = h(D, e), n = w.href;
+			T && (n = n.replaceAll("${entity}", T)), t && (n = n.replaceAll("${id}", encodeURIComponent(t))), R(n, {
+				title: j(w.display?.name) || C,
+				icon: w.display?.icon
+			}), A?.();
+		} else K();
+	}, [
+		j,
+		M,
+		w,
+		D,
+		T,
+		L?.entities,
+		C,
+		R,
+		B,
+		U,
+		K,
+		A
+	]), J = j(w.display?.name), Y = w.display?.icon, X = Y && a[Y], Z = X ? /* @__PURE__ */ S(X, { size: 13 }) : Y ? /* @__PURE__ */ S(u, {
+		name: Y,
 		size: 13
-	}) : null, X = !B || P || M;
-	return O === "icon" ? /* @__PURE__ */ x(r, {
-		icon: Y ?? /* @__PURE__ */ x(t.bolt, { size: 13 }),
-		onClick: G,
-		title: K
-	}) : /* @__PURE__ */ x(n, {
-		kind: D === "default" ? "primary" : D === "ghost" ? "ghost" : "default",
+	}) : null, Q = !H || F || N;
+	return k === "icon" ? /* @__PURE__ */ S(s, {
+		icon: Z ?? /* @__PURE__ */ S(a.bolt, { size: 13 }),
+		onClick: q,
+		title: J
+	}) : /* @__PURE__ */ S(o, {
+		kind: O === "default" ? "primary" : O === "ghost" ? "ghost" : "default",
 		size: "sm",
-		icon: Y,
-		danger: C.destructive,
-		onClick: G,
-		disabled: X,
-		title: K,
-		"aria-label": K,
-		children: K
+		icon: Z,
+		danger: w.destructive,
+		onClick: q,
+		disabled: Q,
+		title: J,
+		"aria-label": J,
+		children: J
 	});
 }
 //#endregion
-export { S as ActionButton };
+export { C as ActionButton };

package/dist-lib/components/actions/ActionResultDialog.impl.js

@@ -1,19 +1,19 @@
-import { Icon as e } from "../primitives/Icons.js";
-import { Btn as t } from "../primitives/Btn.js";
-import { IconBtn as n } from "../primitives/IconBtn.js";
-import { useText as r } from "../../hooks/useText.js";
-import { isExternalHref as i, safeExternalUrl as a } from "../../lib/safe-url.js";
-import { downloadFile as o } from "../../lib/download.js";
-import { failureTitle as s } from "../../lib/failure.js";
+import { isExternalHref as e, safeExternalUrl as t } from "../../lib/safe-url.js";
+import { downloadFile as n } from "../../lib/download.js";
+import { failureTitle as r } from "../../lib/failure.js";
+import { Icon as i } from "../primitives/Icons.js";
+import { Btn as a } from "../primitives/Btn.js";
+import { IconBtn as o } from "../primitives/IconBtn.js";
+import { useText as s } from "../../hooks/useText.js";
 import { CopyButton as c } from "../shared/CopyButton.js";
 import { useEffect as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/actions/ActionResultDialog.impl.tsx
-function h({ open: i, onClose: a, display: o }) {
-	let s = r(), c = u(null);
+function h({ open: e, onClose: t, display: n }) {
+	let r = s(), c = u(null);
 	return l(() => {
-		i && c.current?.focus();
-	}, [i]), i ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { style: {
+		e && c.current?.focus();
+	}, [e]), e ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { style: {
 		position: "fixed",
 		inset: 0,
 		background: "var(--scrim)",
@@ -23,10 +23,10 @@ function h({ open: i, onClose: a, display: o }) {
 		ref: c,
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": o.title ?? s("action.result.title", "Action Result"),
+		"aria-label": n.title ?? r("action.result.title", "Action Result"),
 		tabIndex: -1,
 		onKeyDown: (e) => {
-			e.key === "Escape" && a();
+			e.key === "Escape" && t();
 		},
 		style: {
 			position: "fixed",
@@ -67,7 +67,7 @@ function h({ open: i, onClose: a, display: o }) {
 							justifyContent: "center",
 							flexShrink: 0
 						},
-						children: /* @__PURE__ */ p(e.check, { size: 15 })
+						children: /* @__PURE__ */ p(i.check, { size: 15 })
 					}),
 					/* @__PURE__ */ m("div", {
 						style: {
@@ -80,23 +80,23 @@ function h({ open: i, onClose: a, display: o }) {
 								fontWeight: 600,
 								color: "var(--text)"
 							},
-							children: o.title ?? s("action.result.title", "Action Result")
-						}), o.message && /* @__PURE__ */ p("div", {
+							children: n.title ?? r("action.result.title", "Action Result")
+						}), n.message && /* @__PURE__ */ p("div", {
 							style: {
 								fontSize: 11.5,
 								color: "var(--text-3)",
 								marginTop: 2
 							},
-							children: o.message
+							children: n.message
 						})]
 					}),
-					/* @__PURE__ */ p(n, {
-						icon: /* @__PURE__ */ p(e.x, { size: 14 }),
-						onClick: a
+					/* @__PURE__ */ p(o, {
+						icon: /* @__PURE__ */ p(i.x, { size: 14 }),
+						onClick: t
 					})
 				]
 			}),
-			o.fields && o.fields.length > 0 && /* @__PURE__ */ p("div", {
+			n.fields && n.fields.length > 0 && /* @__PURE__ */ p("div", {
 				style: {
 					padding: "12px 18px 16px",
 					display: "flex",
@@ -104,10 +104,10 @@ function h({ open: i, onClose: a, display: o }) {
 					gap: 12,
 					overflowY: "auto"
 				},
-				children: o.fields.map((e, t) => /* @__PURE__ */ p(g, {
+				children: n.fields.map((e, n) => /* @__PURE__ */ p(g, {
 					field: e,
-					onNavigate: a
-				}, t))
+					onNavigate: t
+				}, n))
 			}),
 			/* @__PURE__ */ m("div", {
 				style: {
@@ -121,24 +121,24 @@ function h({ open: i, onClose: a, display: o }) {
 					background: "var(--surface-2)",
 					flexShrink: 0
 				},
-				children: [/* @__PURE__ */ p("div", { style: { flex: 1 } }), /* @__PURE__ */ p(t, {
+				children: [/* @__PURE__ */ p("div", { style: { flex: 1 } }), /* @__PURE__ */ p(a, {
 					kind: "primary",
-					onClick: a,
-					children: s("dialog.close", "Close")
+					onClick: t,
+					children: r("dialog.close", "Close")
 				})]
 			})
 		]
 	})] }) : null;
 }
-function g({ field: t, onNavigate: n }) {
-	let l = r(), u = r("errors"), f = t.href ?? t.download_url ?? t.value, h = t.type === "download", g = h || t.type === "link", _ = f ? a(f) : void 0, [v, y] = d(!1), [b, x] = d(null);
+function g({ field: a, onNavigate: o }) {
+	let l = s(), u = s("errors"), f = a.href ?? a.download_url ?? a.value, h = a.type === "download", g = h || a.type === "link", _ = f ? t(f) : void 0, [v, y] = d(!1), [b, x] = d(null);
 	async function S() {
 		if (_) {
 			y(!0), x(null);
 			try {
-				await o(u, _, t.filename);
+				await n(u, _, a.filename);
 			} catch (e) {
-				x(s(u, e));
+				x(r(u, e));
 			} finally {
 				y(!1);
 			}
@@ -161,7 +161,7 @@ function g({ field: t, onNavigate: n }) {
 		fontWeight: 500,
 		textDecoration: "none",
 		whiteSpace: "nowrap"
-	}, w = g && !h, T = i(_), E = {
+	}, w = g && !h, T = e(_), E = {
 		flex: 1,
 		minWidth: 0,
 		display: "inline-flex",
@@ -185,7 +185,7 @@ function g({ field: t, onNavigate: n }) {
 					fontWeight: 500,
 					color: "var(--text-3)"
 				},
-				children: t.label
+				children: a.label
 			}),
 			h && _ && /* @__PURE__ */ m("button", {
 				type: "button",
@@ -195,7 +195,7 @@ function g({ field: t, onNavigate: n }) {
 					...C,
 					cursor: v ? "default" : "pointer"
 				},
-				children: [p(v ? e.loader : e.download, { size: 14 }), /* @__PURE__ */ p("span", { children: v ? l("action.result.downloading", "Downloading…") : l("action.result.download", "Download") })]
+				children: [p(v ? i.loader : i.download, { size: 14 }), /* @__PURE__ */ p("span", { children: v ? l("action.result.downloading", "Downloading…") : l("action.result.download", "Download") })]
 			}),
 			b && /* @__PURE__ */ p("div", {
 				style: {
@@ -216,8 +216,8 @@ function g({ field: t, onNavigate: n }) {
 					target: "_blank",
 					rel: "noopener noreferrer",
 					style: E,
-					title: t.value,
-					children: [/* @__PURE__ */ p(e.link, {
+					title: a.value,
+					children: [/* @__PURE__ */ p(i.link, {
 						size: 14,
 						style: { flexShrink: 0 }
 					}), /* @__PURE__ */ p("span", {
@@ -226,14 +226,14 @@ function g({ field: t, onNavigate: n }) {
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: t.value
+						children: a.value
 					})]
 				}) : /* @__PURE__ */ m("a", {
 					href: _,
-					onClick: n,
+					onClick: o,
 					style: E,
-					title: t.value,
-					children: [/* @__PURE__ */ p(e.link, {
+					title: a.value,
+					children: [/* @__PURE__ */ p(i.link, {
 						size: 14,
 						style: { flexShrink: 0 }
 					}), /* @__PURE__ */ p("span", {
@@ -242,33 +242,33 @@ function g({ field: t, onNavigate: n }) {
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: t.value
+						children: a.value
 					})]
-				}), t.copyable && /* @__PURE__ */ p(c, { value: t.value })]
+				}), a.copyable && /* @__PURE__ */ p(c, { value: a.value })]
 			}) : /* @__PURE__ */ m("div", {
 				style: {
 					position: "relative",
 					width: "100%"
 				},
 				children: [/* @__PURE__ */ p("div", {
-					className: t.monospace ? "mono" : void 0,
+					className: a.monospace ? "mono" : void 0,
 					style: {
 						borderRadius: "var(--radius-md)",
 						border: "1px solid var(--border)",
 						background: "var(--surface-2)",
-						padding: t.copyable ? "8px 40px 8px 10px" : "8px 10px",
+						padding: a.copyable ? "8px 40px 8px 10px" : "8px 10px",
 						fontSize: 12.5,
 						wordBreak: "break-all",
 						color: "var(--text)"
 					},
-					children: t.value
-				}), t.copyable && /* @__PURE__ */ p("div", {
+					children: a.value
+				}), a.copyable && /* @__PURE__ */ p("div", {
 					style: {
 						position: "absolute",
 						top: 4,
 						right: 4
 					},
-					children: /* @__PURE__ */ p(c, { value: t.value })
+					children: /* @__PURE__ */ p(c, { value: a.value })
 				})]
 			})
 		]