@declarion/react 0.65.0 → 0.66.0

package/dist-lib/{ChangePasswordDialog.impl-5hDc0wpE.js → components/shared/ChangePasswordDialog.impl.js}

@@ -1,13 +1,18 @@
-import { Ft as e, Q as t, wt as n, xt as r } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as i } from "./Icons-lt-7lhYR.js";
-import { n as a, r as o } from "./CopyButton-DRIT_f0k.js";
-import { Q as s, V as c, W as l } from "./PropertyGridEditor-XrP6TZ5s.js";
+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 { useResponsiveMode as a } from "../../hooks/useResponsiveMode.js";
+import { Spinner as o } from "../primitives/Spinner.js";
+import { FieldLabel as s, PasswordInput as c } from "../primitives/Fields.js";
+import { failureTitle as l } from "../../lib/failure.js";
 import { useId as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/shared/ChangePasswordDialog.impl.tsx
 var h = "auth.change_password", g = "auth.change_password@v1";
 function _({ open: _, onClose: v, onSubmit: y }) {
-	let b = n(), x = n("errors"), { data: S } = e(), C = b(S?.actions?.[h]?.display?.name) || h, w = r().isPhone, T = u(), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(!1), [P, F] = d(null);
+	let b = i(), x = i("errors"), { data: S } = e(), C = b(S?.actions?.[h]?.display?.name) || h, w = a().isPhone, T = u(), [E, D] = d(""), [O, k] = d(""), [A, j] = d(""), [M, N] = d(!1), [P, F] = d(null);
 	if (!_) return null;
 	let I = () => {
 		D(""), k(""), j(""), F(null), N(!1);
@@ -34,7 +39,7 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 			width: w ? "calc(100vw - 24px)" : 460,
 			maxWidth: "calc(100vw - 24px)",
 			background: "var(--surface)",
-			borderRadius: 12,
+			borderRadius: "var(--radius-lg)",
 			boxShadow: "var(--shadow-lg)",
 			border: "1px solid var(--border)",
 			overflow: "hidden"
@@ -52,14 +57,14 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 						style: {
 							width: 28,
 							height: 28,
-							borderRadius: 7,
+							borderRadius: "var(--radius-md)",
 							background: "var(--accent-soft)",
 							color: "var(--accent)",
 							display: "inline-flex",
 							alignItems: "center",
 							justifyContent: "center"
 						},
-						children: /* @__PURE__ */ p(i.key, { size: 15 })
+						children: /* @__PURE__ */ p(t.key, { size: 15 })
 					}),
 					/* @__PURE__ */ m("div", {
 						style: { flex: 1 },
@@ -78,8 +83,8 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 							children: b("account.password.subtitle", "Pick something strong. You'll stay signed in on this device.")
 						})]
 					}),
-					/* @__PURE__ */ p(a, {
-						icon: /* @__PURE__ */ p(i.x, { size: 14 }),
+					/* @__PURE__ */ p(r, {
+						icon: /* @__PURE__ */ p(t.x, { size: 14 }),
 						title: b("dialog.close", "Close"),
 						onClick: L
 					})
@@ -93,32 +98,32 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 					gap: 12
 				},
 				children: [
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(c, {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(s, {
 						required: !0,
 						htmlFor: `${T}-current`,
 						children: b("account.password.current", "Current password")
-					}), /* @__PURE__ */ p(l, {
+					}), /* @__PURE__ */ p(c, {
 						id: `${T}-current`,
 						value: E,
 						onChange: D,
 						placeholder: b("account.password.current_placeholder", "Enter your current password")
 					})] }),
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(c, {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(s, {
 						required: !0,
 						htmlFor: `${T}-new`,
 						children: b("account.password.new", "New password")
-					}), /* @__PURE__ */ p(l, {
+					}), /* @__PURE__ */ p(c, {
 						id: `${T}-new`,
 						value: O,
 						onChange: k,
 						placeholder: b("account.password.new_placeholder", "At least 8 characters"),
 						showStrength: !0
 					})] }),
-					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(c, {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(s, {
 						required: !0,
 						htmlFor: `${T}-confirm`,
 						children: b("account.password.confirm", "Confirm new password")
-					}), /* @__PURE__ */ p(l, {
+					}), /* @__PURE__ */ p(c, {
 						id: `${T}-confirm`,
 						value: A,
 						onChange: j,
@@ -128,13 +133,13 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 						style: {
 							padding: "8px 10px",
 							background: "var(--danger-soft)",
-							borderRadius: 6,
+							borderRadius: "var(--radius-md)",
 							fontSize: 11.5,
 							color: "var(--danger)",
 							display: "flex",
 							gap: 6
 						},
-						children: [/* @__PURE__ */ p(i.info, { size: 13 }), /* @__PURE__ */ p("span", { children: P })]
+						children: [/* @__PURE__ */ p(t.info, { size: 13 }), /* @__PURE__ */ p("span", { children: P })]
 					})
 				]
 			}),
@@ -159,13 +164,13 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 						children: g
 					}),
 					/* @__PURE__ */ p("div", { style: { flex: 1 } }),
-					/* @__PURE__ */ p(o, {
+					/* @__PURE__ */ p(n, {
 						onClick: L,
 						children: b("dialog.cancel", "Cancel")
 					}),
-					/* @__PURE__ */ p(o, {
+					/* @__PURE__ */ p(n, {
 						kind: "primary",
-						icon: p(M ? s : i.key, { size: 13 }),
+						icon: p(M ? o : t.key, { size: 13 }),
 						onClick: async () => {
 							if (!R) O.length < 8 ? F(b("account.password.too_short", "New password must be at least 8 characters.")) : F(A === O ? b("account.password.fill_all", "Fill in all fields.") : b("account.password.mismatch", "Passwords do not match."));
 							else {
@@ -176,7 +181,7 @@ function _({ open: _, onClose: v, onSubmit: y }) {
 										next: O
 									}), I(), v();
 								} catch (e) {
-									F(t(x, e));
+									F(l(x, e));
 								} finally {
 									N(!1);
 								}

package/dist-lib/{ChangePasswordDialog-C_T_3pjl.js → components/shared/ChangePasswordDialog.js}

@@ -1,7 +1,7 @@
 import { Suspense as e, lazy as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/shared/ChangePasswordDialog.tsx
-var r = t(() => import("./ChangePasswordDialog.impl-5hDc0wpE.js").then((e) => ({ default: e.ChangePasswordDialog })));
+var r = t(() => import("./ChangePasswordDialog.impl.js").then((e) => ({ default: e.ChangePasswordDialog })));
 function i(t) {
 	return /* @__PURE__ */ n(e, {
 		fallback: null,
@@ -9,4 +9,4 @@ function i(t) {
 	});
 }
 //#endregion
-export { i as t };
+export { i as ChangePasswordDialog };

package/dist-lib/components/shared/ConfirmDialog.js

@@ -0,0 +1,129 @@
+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 { useEffect as i, useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/shared/ConfirmDialog.tsx
+function l({ open: l, onOpenChange: u, title: d, description: f, confirmLabel: p, onConfirm: m, destructive: h = !1 }) {
+	let g = r(), _ = a(null);
+	return i(() => {
+		l && _.current?.focus();
+	}, [l]), l ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+		onClick: () => u(!1),
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60,
+			backdropFilter: "blur(2px)"
+		}
+	}), /* @__PURE__ */ c("div", {
+		ref: _,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": d,
+		tabIndex: -1,
+		onKeyDown: (e) => {
+			e.key === "Escape" && u(!1);
+		},
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: "calc(100vw - 24px)",
+			maxWidth: 460,
+			maxHeight: "calc(var(--app-height) - var(--safe-area-top) - var(--safe-area-bottom) - 16px)",
+			background: "var(--surface)",
+			borderRadius: "var(--radius-lg)",
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column",
+			outline: "none"
+		},
+		children: [/* @__PURE__ */ c("div", {
+			style: {
+				padding: "14px 18px",
+				display: "flex",
+				alignItems: "center",
+				gap: 10,
+				minWidth: 0,
+				overflowY: "auto"
+			},
+			children: [
+				/* @__PURE__ */ s("span", {
+					style: {
+						width: 28,
+						height: 28,
+						borderRadius: "var(--radius-md)",
+						background: h ? "var(--danger-soft)" : "var(--accent-soft)",
+						color: h ? "var(--danger)" : "var(--accent)",
+						display: "inline-flex",
+						alignItems: "center",
+						justifyContent: "center",
+						flexShrink: 0
+					},
+					children: s(h ? e.trash : e.info, { size: 15 })
+				}),
+				/* @__PURE__ */ c("div", {
+					style: {
+						flex: 1,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ s("div", {
+						style: {
+							fontSize: 14,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: d
+					}), /* @__PURE__ */ s("div", {
+						style: {
+							fontSize: 11.5,
+							color: "var(--text-3)",
+							marginTop: 2
+						},
+						children: f
+					})]
+				}),
+				/* @__PURE__ */ s(n, {
+					icon: /* @__PURE__ */ s(e.x, { size: 14 }),
+					onClick: () => u(!1)
+				})
+			]
+		}), /* @__PURE__ */ c("div", {
+			style: {
+				padding: "10px 16px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				flexWrap: "wrap",
+				gap: 8,
+				background: "var(--surface-2)",
+				flexShrink: 0
+			},
+			children: [
+				/* @__PURE__ */ s("div", { style: { flex: 1 } }),
+				/* @__PURE__ */ s(t, {
+					onClick: () => u(!1),
+					children: g("dialog.cancel", "Cancel")
+				}),
+				/* @__PURE__ */ s(t, {
+					kind: "primary",
+					danger: h,
+					onClick: () => {
+						m(), u(!1);
+					},
+					children: p ?? g("dialog.confirm", "Confirm")
+				})
+			]
+		})]
+	})] }) : null;
+}
+//#endregion
+export { l as ConfirmDialog };

package/dist-lib/components/shared/ConnectionNotice.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/shared/ConnectionNotice.tsx
+var r = t(() => import("../../hooks/useConnectionNotice.js").then((e) => ({ default: e.ConnectionNotice })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as ConnectionNotice };

package/dist-lib/components/shared/CopyButton.js

@@ -0,0 +1,25 @@
+import { Icon as e } from "../primitives/Icons.js";
+import { IconBtn as t } from "../primitives/IconBtn.js";
+import { useText as n } from "../../hooks/useText.js";
+import { useCallback as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/shared/CopyButton.tsx
+function o({ value: o, title: s, size: c = "icon" }) {
+	let l = n(), [u, d] = i(!1), f = r(async (e) => {
+		e.stopPropagation(), e.preventDefault();
+		try {
+			await navigator.clipboard.writeText(o), d(!0), setTimeout(() => d(!1), 2e3);
+		} catch {}
+	}, [o]), p = c === "sm" ? 12 : 14;
+	return /* @__PURE__ */ a(t, {
+		size: c === "sm" ? 22 : 28,
+		icon: u ? /* @__PURE__ */ a(e.check, {
+			size: p,
+			style: { color: "var(--success)" }
+		}) : /* @__PURE__ */ a(e.copy, { size: p }),
+		onClick: f,
+		title: s ?? l("control.copy_to_clipboard", "Copy to clipboard")
+	});
+}
+//#endregion
+export { o as CopyButton };

package/dist-lib/components/shared/DynamicIcon.js

@@ -0,0 +1,73 @@
+import { Icon as e } from "../primitives/Icons.js";
+import { getIcon as t, getIconRegistryVersion as n, subscribeIconRegistry as r } from "../../stores/icon-registry.js";
+import { LucideIcon as i } from "./LucideIcon.js";
+import { useSyncExternalStore as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/shared/DynamicIcon.tsx
+var s = "lucide:";
+function c({ name: c, size: u, className: d, style: f }) {
+	a(r, n, n);
+	let p = typeof u == "number" ? u : typeof u == "string" ? parseFloat(u) : 14, m = t(c);
+	if (m) return /* @__PURE__ */ o(l, {
+		def: m,
+		size: p,
+		className: d,
+		style: f
+	});
+	let h = e[c];
+	if (h) return /* @__PURE__ */ o(h, {
+		size: p,
+		cls: d,
+		style: f
+	});
+	let g = c.startsWith(s) ? c.slice(7) : c;
+	return /* @__PURE__ */ o(i, {
+		name: g,
+		size: p,
+		className: d,
+		style: f
+	});
+}
+function l({ def: e, size: t, className: n, style: r }) {
+	switch (e.kind) {
+		case "svg": return /* @__PURE__ */ o(u, {
+			paths: e.paths,
+			size: t,
+			className: n,
+			style: r
+		});
+		case "url": return /* @__PURE__ */ o("img", {
+			src: e.src,
+			alt: "",
+			"aria-hidden": "true",
+			width: t,
+			height: t,
+			className: n,
+			style: r
+		});
+		case "lucide": return /* @__PURE__ */ o(i, {
+			name: e.name,
+			size: t,
+			className: n,
+			style: r
+		});
+	}
+}
+function u({ paths: e, size: t, className: n, style: r }) {
+	return /* @__PURE__ */ o("svg", {
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.5,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: n,
+		style: r,
+		"aria-hidden": "true",
+		children: e.map((e, t) => /* @__PURE__ */ o("path", { d: e }, t))
+	});
+}
+//#endregion
+export { c as DynamicIcon };

package/dist-lib/components/shared/EmptyState.js

@@ -0,0 +1,56 @@
+import { DynamicIcon as e } from "./DynamicIcon.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/shared/EmptyState.tsx
+function r({ icon: r, title: i, description: a, action: o }) {
+	return /* @__PURE__ */ n("div", {
+		"data-testid": "empty-state",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "64px 16px",
+			textAlign: "center"
+		},
+		children: [
+			r && /* @__PURE__ */ t("div", {
+				style: {
+					marginBottom: 16,
+					borderRadius: 999,
+					background: "var(--surface-3)",
+					padding: 16,
+					color: "var(--text-3)",
+					display: "inline-flex"
+				},
+				children: /* @__PURE__ */ t(e, {
+					name: r,
+					size: 32
+				})
+			}),
+			/* @__PURE__ */ t("h3", {
+				style: {
+					margin: 0,
+					fontSize: 15,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: i
+			}),
+			a && /* @__PURE__ */ t("p", {
+				style: {
+					marginTop: 4,
+					fontSize: 12.5,
+					color: "var(--text-3)",
+					maxWidth: 420
+				},
+				children: a
+			}),
+			o && /* @__PURE__ */ t("div", {
+				style: { marginTop: 16 },
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { r as EmptyState };

package/dist-lib/components/shared/ErrorBoundary.js

@@ -0,0 +1,96 @@
+import { makeTextFn as e } from "../../lib/language.js";
+import { Btn as t } from "../primitives/Btn.js";
+import { useText as n } from "../../hooks/useText.js";
+import { Component as r, useContext as i } from "react";
+import { QueryClientContext as a } from "@tanstack/react-query";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/shared/ErrorBoundary.tsx
+var c = class extends r {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("[ErrorBoundary]", e, t.componentStack);
+	}
+	handleRetry = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ o(u, {
+			message: this.state.error?.message,
+			onRetry: this.handleRetry
+		}) : this.props.children;
+	}
+}, l = e(void 0, "en", "en");
+function u(e) {
+	return i(a) ? /* @__PURE__ */ o(d, { ...e }) : /* @__PURE__ */ o(f, {
+		...e,
+		t: l,
+		errorTitle: l
+	});
+}
+function d(e) {
+	let t = n(), r = n("errors");
+	return /* @__PURE__ */ o(f, {
+		...e,
+		t,
+		errorTitle: r
+	});
+}
+function f({ message: e, onRetry: n, t: r, errorTitle: i }) {
+	return /* @__PURE__ */ o("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			minHeight: 200,
+			padding: 32
+		},
+		children: /* @__PURE__ */ s("div", {
+			style: {
+				textAlign: "center",
+				maxWidth: 420,
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			children: [
+				/* @__PURE__ */ o("h2", {
+					style: {
+						fontSize: 16,
+						fontWeight: 600,
+						margin: 0,
+						color: "var(--text)"
+					},
+					children: i("ui.render_failed", "This part of the page could not be shown.")
+				}),
+				/* @__PURE__ */ o("p", {
+					style: {
+						fontSize: 12.5,
+						color: "var(--text-3)",
+						margin: 0
+					},
+					children: e || i("ui.render_failed_undescribed", "An unexpected error occurred.")
+				}),
+				/* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(t, {
+					onClick: n,
+					children: r("control.try_again", "Try again")
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+export { c as ErrorBoundary };

package/dist-lib/components/shared/LoadingSkeleton.js

@@ -0,0 +1,117 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/shared/LoadingSkeleton.tsx
+var r = "@keyframes declarion-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}", i = {
+	display: "block",
+	background: "linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 40%, var(--surface-3) 80%)",
+	backgroundSize: "200% 100%",
+	borderRadius: "var(--radius-md)",
+	animation: "declarion-shimmer 1.2s ease-in-out infinite"
+};
+function a({ height: a, width: o }) {
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("style", { children: r }), /* @__PURE__ */ t("span", { style: {
+		...i,
+		height: a,
+		width: o ?? "100%"
+	} })] });
+}
+function o({ rows: e = 8, cols: r = 4 }) {
+	return /* @__PURE__ */ n("div", {
+		style: {
+			padding: 16,
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: [/* @__PURE__ */ t("div", {
+			style: {
+				display: "flex",
+				gap: 16
+			},
+			children: Array.from({ length: r }).map((e, n) => /* @__PURE__ */ t("div", {
+				style: { flex: 1 },
+				children: /* @__PURE__ */ t(a, { height: 14 })
+			}, n))
+		}), Array.from({ length: e }).map((e, n) => /* @__PURE__ */ t("div", {
+			style: {
+				display: "flex",
+				gap: 16
+			},
+			children: Array.from({ length: r }).map((e, n) => /* @__PURE__ */ t("div", {
+				style: { flex: 1 },
+				children: /* @__PURE__ */ t(a, { height: 28 })
+			}, n))
+		}, n))]
+	});
+}
+function s() {
+	return /* @__PURE__ */ n("div", {
+		style: {
+			padding: 20,
+			display: "flex",
+			flexDirection: "column",
+			gap: 16
+		},
+		children: [
+			/* @__PURE__ */ t(a, {
+				height: 12,
+				width: 160
+			}),
+			/* @__PURE__ */ n("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 12
+				},
+				children: [/* @__PURE__ */ t("span", { style: {
+					...i,
+					width: 32,
+					height: 32,
+					borderRadius: "var(--radius-md)"
+				} }), /* @__PURE__ */ t(a, {
+					height: 22,
+					width: 240
+				})]
+			}),
+			Array.from({ length: 2 }).map((e, r) => /* @__PURE__ */ n("div", {
+				style: {
+					border: "1px solid var(--border)",
+					borderRadius: "var(--radius-lg)",
+					background: "var(--surface)",
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ t("div", {
+					style: {
+						padding: "11px 14px",
+						borderBottom: "1px solid var(--divider)"
+					},
+					children: /* @__PURE__ */ t(a, {
+						height: 13,
+						width: 150
+					})
+				}), /* @__PURE__ */ t("div", {
+					style: {
+						padding: 16,
+						display: "grid",
+						gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+						gap: "12px 24px"
+					},
+					children: Array.from({ length: 6 }).map((e, r) => /* @__PURE__ */ n("div", {
+						style: {
+							display: "flex",
+							gap: 16
+						},
+						children: [/* @__PURE__ */ t(a, {
+							height: 13,
+							width: 110
+						}), /* @__PURE__ */ t("div", {
+							style: { flex: 1 },
+							children: /* @__PURE__ */ t(a, { height: 13 })
+						})]
+					}, r))
+				})]
+			}, r))
+		]
+	});
+}
+//#endregion
+export { s as DetailSkeleton, r as SHIMMER_KEYFRAMES, o as TableSkeleton };