@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/primitives/HoverCard.js

@@ -0,0 +1,115 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region src/components/primitives/HoverCard.tsx
+var c = 400, l = 150, u = 320, d = 240, f = 4, p = 4;
+function m({ content: m, children: h, width: g = u, align: _ = "center", style: v }) {
+	let y = n(null), b = n(null), x = n(null), S = n(null), [C, w] = r(!1), [T, E] = r(null), [D, O] = r(!1), k = e(() => {
+		let e = y.current;
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = typeof window < "u" ? window.visualViewport : void 0, r = n?.width ?? (typeof window < "u" ? window.innerWidth : 0), i = n?.height ?? (typeof window < "u" ? window.innerHeight : 0), a = n?.offsetLeft ?? 0, o = n?.offsetTop ?? 0, s = Math.min(g, Math.max(160, r - 8)), c = b.current?.offsetHeight ?? d, l = o + i - t.bottom < c + 8 && t.top > c + 8 ? "above" : "below", u = l === "below" ? t.bottom + p : t.top - p - c, m;
+		m = _ === "start" ? t.left : _ === "end" ? t.right - s : t.left + t.width / 2 - s / 2;
+		let h = a + f, v = a + r - f;
+		m + s > v && (m = Math.max(h, t.right - s)), m < h && (m = h), E((e) => e && e.top === u && e.left === m && e.width === s && e.placement === l ? e : {
+			top: u,
+			left: m,
+			width: s,
+			placement: l
+		});
+	}, [_, g]), A = n(null), j = e((e) => {
+		if (b.current = e, A.current &&= (A.current.disconnect(), null), e) {
+			if (typeof ResizeObserver < "u") {
+				let t = new ResizeObserver(() => {
+					k(), O(!0);
+				});
+				t.observe(e), A.current = t;
+			} else O(!0);
+		}
+	}, [k]), M = e(() => {
+		x.current !== null && (window.clearTimeout(x.current), x.current = null), S.current !== null && (window.clearTimeout(S.current), S.current = null);
+	}, []), N = () => {
+		S.current !== null && (window.clearTimeout(S.current), S.current = null), !(C || x.current !== null) && (x.current = window.setTimeout(() => {
+			x.current = null, w(!0);
+		}, c));
+	}, P = e(() => {
+		M(), w(!0);
+	}, [M]), F = e(() => {
+		M(), w(!1);
+	}, [M]), I = () => {
+		x.current !== null && (window.clearTimeout(x.current), x.current = null), S.current === null && (S.current = window.setTimeout(() => {
+			S.current = null, w(!1);
+		}, l));
+	};
+	t(() => () => {
+		M(), A.current &&= (A.current.disconnect(), null);
+	}, [M]), t(() => {
+		if (!C) O(!1);
+		else return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+			window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
+		};
+	}, [C, k]), t(() => {
+		if (!C) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (y.current?.contains(t) || b.current?.contains(t) || F());
+		};
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, [F, C]);
+	let L = C && T ? s(/* @__PURE__ */ a("div", {
+		ref: j,
+		role: "tooltip",
+		onMouseEnter: () => {
+			S.current !== null && (window.clearTimeout(S.current), S.current = null);
+		},
+		onMouseLeave: I,
+		style: {
+			position: "fixed",
+			top: T.top,
+			left: T.left,
+			width: T.width,
+			maxHeight: d,
+			overflowY: "auto",
+			zIndex: 250,
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: "var(--radius-md)",
+			boxShadow: "var(--shadow-lg)",
+			padding: 10,
+			fontSize: 13,
+			color: "var(--text)",
+			visibility: D ? "visible" : "hidden",
+			pointerEvents: D ? "auto" : "none",
+			...v
+		},
+		children: m
+	}), document.body) : null;
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
+		ref: y,
+		tabIndex: 0,
+		"aria-haspopup": "dialog",
+		"aria-expanded": C,
+		onMouseEnter: N,
+		onMouseLeave: I,
+		onFocus: P,
+		onBlur: () => {
+			window.setTimeout(() => {
+				let e = document.activeElement;
+				e && (y.current?.contains(e) || b.current?.contains(e)) || w(!1);
+			}, 0);
+		},
+		onPointerDown: (e) => {
+			(e.pointerType === "touch" || e.pointerType === "pen") && (e.preventDefault(), C ? F() : P());
+		},
+		onKeyDown: (e) => {
+			e.key === "Escape" && (e.stopPropagation(), F());
+		},
+		style: {
+			display: "inline",
+			maxWidth: "100%",
+			outline: "none"
+		},
+		children: h
+	}), L] });
+}
+//#endregion
+export { m as HoverCard };

package/dist-lib/components/primitives/IconBtn.js

@@ -0,0 +1,37 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/primitives/IconBtn.tsx
+var n = e(function({ icon: e, onClick: n, title: r, size: i = 28, active: a, disabled: o, style: s }, c) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		ref: c,
+		onClick: n,
+		title: r,
+		"aria-label": r,
+		disabled: o,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: i,
+			height: i,
+			borderRadius: "var(--radius-md)",
+			border: "1px solid transparent",
+			background: a ? "var(--surface-3)" : "transparent",
+			color: a ? "var(--text)" : "var(--text-2)",
+			cursor: o ? "not-allowed" : "pointer",
+			padding: 0,
+			opacity: o ? .4 : 1,
+			...s
+		},
+		onMouseEnter: (e) => {
+			o || (e.currentTarget.style.background = "var(--surface-3)", e.currentTarget.style.color = "var(--text)");
+		},
+		onMouseLeave: (e) => {
+			o || (e.currentTarget.style.background = a ? "var(--surface-3)" : "transparent", e.currentTarget.style.color = a ? "var(--text)" : "var(--text-2)");
+		},
+		children: e
+	});
+});
+//#endregion
+export { n as IconBtn };

package/dist-lib/{Icons-lt-7lhYR.js → components/primitives/Icons.js}

@@ -148,4 +148,4 @@ var Q = (t) => function({ size: n = 14, cls: r = "", style: i = {} }) {
 	zap: Q(Z)
 };
 //#endregion
-export { $ as n, pt as t };
+export { pt as Icon, $ as LinkedInBrandIcon };

package/dist-lib/{Kbd-CNttVu0z.js → components/primitives/Kbd.js}

@@ -10,7 +10,7 @@ function t({ children: t }) {
 			minWidth: 18,
 			height: 18,
 			padding: "0 5px",
-			borderRadius: 4,
+			borderRadius: "var(--radius-sm)",
 			background: "var(--surface-3)",
 			border: "1px solid var(--border)",
 			color: "var(--text-3)",
@@ -20,4 +20,4 @@ function t({ children: t }) {
 	});
 }
 //#endregion
-export { t };
+export { t as Kbd };

package/dist-lib/components/primitives/MenuItem.js

@@ -0,0 +1,57 @@
+import { Kbd as e } from "./Kbd.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/primitives/MenuItem.tsx
+function r({ icon: r, children: i, onClick: a, danger: o, kbd: s, active: c, divider: l, disabled: u, title: d, "data-testid": f }) {
+	return l ? /* @__PURE__ */ t("div", {
+		role: "separator",
+		style: {
+			height: 1,
+			background: "var(--divider)",
+			margin: "4px 0"
+		}
+	}) : /* @__PURE__ */ n("div", {
+		role: "menuitem",
+		tabIndex: u ? -1 : 0,
+		onClick: u ? void 0 : a,
+		onKeyDown: (e) => {
+			u || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a?.());
+		},
+		"data-testid": f,
+		"aria-disabled": u || void 0,
+		title: d,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "6px 10px",
+			borderRadius: "var(--radius-sm)",
+			fontSize: 12.5,
+			color: o ? "var(--danger)" : "var(--text-2)",
+			cursor: u ? "not-allowed" : "pointer",
+			background: c ? "var(--surface-3)" : "transparent",
+			opacity: u ? .45 : 1
+		},
+		onMouseEnter: (e) => {
+			u || (e.currentTarget.style.background = "var(--surface-3)");
+		},
+		onMouseLeave: (e) => {
+			e.currentTarget.style.background = c ? "var(--surface-3)" : "transparent";
+		},
+		children: [
+			r && /* @__PURE__ */ t("span", {
+				style: {
+					color: o ? "var(--danger)" : "var(--text-3)",
+					display: "flex"
+				},
+				children: r
+			}),
+			/* @__PURE__ */ t("span", {
+				style: { flex: 1 },
+				children: i
+			}),
+			s && /* @__PURE__ */ t(e, { children: s })
+		]
+	});
+}
+//#endregion
+export { r as MenuItem };

package/dist-lib/{Pill-D-wsfRhx.js → components/primitives/Pill.js}

@@ -39,4 +39,4 @@ function r({ tone: r = "slate", children: i, size: a = "sm", dot: o = !1, style:
 	});
 }
 //#endregion
-export { r as t };
+export { r as Pill };

package/dist-lib/{RecordIdBadge-wbigZaFc.js → components/primitives/RecordIdBadge.js}

@@ -1,11 +1,11 @@
-import { wt as e } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t } from "./Icons-lt-7lhYR.js";
+import { Icon as e } from "./Icons.js";
+import { useText as t } from "../../hooks/useText.js";
 import { useCallback as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/primitives/RecordIdBadge.tsx
 var o = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, s = 1200;
 function c({ value: c }) {
-	let l = e(), [u, d] = r(!1), f = o.test(c) ? `${c.slice(0, 8)}…` : c, p = n(async () => {
+	let l = t(), [u, d] = r(!1), f = o.test(c) ? `${c.slice(0, 8)}…` : c, p = n(async () => {
 		try {
 			await navigator.clipboard.writeText(c), d(!0), window.setTimeout(() => d(!1), s);
 		} catch {}
@@ -15,11 +15,11 @@ function c({ value: c }) {
 		onClick: p,
 		title: u ? l("control.copied", "Copied") : l("control.copy_value", "Copy {value}", { value: c }),
 		className: "mono inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-text-4 hover:bg-surface-2 hover:text-text-3 transition-colors shrink-0 border border-transparent hover:border-border",
-		children: [/* @__PURE__ */ i("span", { children: f }), u ? /* @__PURE__ */ i(t.check, { size: 10 }) : /* @__PURE__ */ i(t.copy, {
+		children: [/* @__PURE__ */ i("span", { children: f }), u ? /* @__PURE__ */ i(e.check, { size: 10 }) : /* @__PURE__ */ i(e.copy, {
 			size: 10,
 			style: { opacity: .6 }
 		})]
 	});
 }
 //#endregion
-export { c as t };
+export { c as RecordIdBadge };

package/dist-lib/components/primitives/RowField.js

@@ -0,0 +1,47 @@
+import { useResponsiveMode as e } from "../../hooks/useResponsiveMode.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/primitives/RowField.tsx
+var r = 380;
+function i({ label: i, children: a, wide: o, editing: s, required: c }) {
+	let l = e(), u = o || l.width < r, d = u ? "auto" : l.isPhone ? 104 : 140;
+	return /* @__PURE__ */ n("div", {
+		style: {
+			display: "flex",
+			flexDirection: u ? "column" : "row",
+			gap: u ? 4 : 16,
+			padding: "4px 0",
+			gridColumn: o ? "1 / -1" : "auto",
+			alignItems: u ? "stretch" : "center"
+		},
+		children: [/* @__PURE__ */ n("div", {
+			style: {
+				width: d,
+				flexShrink: 0,
+				fontSize: 11.5,
+				color: "var(--text-3)",
+				fontWeight: 500,
+				letterSpacing: "0.005em",
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				minHeight: s ? 30 : 24
+			},
+			children: [/* @__PURE__ */ t("span", { children: i }), c && /* @__PURE__ */ t("span", {
+				style: { color: "var(--danger)" },
+				children: "*"
+			})]
+		}), /* @__PURE__ */ t("div", {
+			style: {
+				flex: 1,
+				fontSize: 12.5,
+				color: "var(--text)",
+				minWidth: 0,
+				overflow: "hidden",
+				overflowWrap: "anywhere"
+			},
+			children: a
+		})]
+	});
+}
+//#endregion
+export { i as RowField };

package/dist-lib/{SectionCard-BYHoHWJc.js → components/primitives/SectionCard.js}

@@ -1,7 +1,7 @@
-import { wt as e } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t } from "./Icons-lt-7lhYR.js";
-import { n } from "./CopyButton-DRIT_f0k.js";
-import { t as r } from "./Pill-D-wsfRhx.js";
+import { Icon as e } from "./Icons.js";
+import { IconBtn as t } from "./IconBtn.js";
+import { Pill as n } from "./Pill.js";
+import { useText as r } from "../../hooks/useText.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/primitives/SectionCard.tsx
@@ -16,13 +16,13 @@ var s = {
 	}
 };
 function c({ title: c, subtitle: l, right: u, badge: d, count: f, children: p, footer: m, collapsible: h = !0, defaultOpen: g = !0, icon: _, emphasis: v = "primary", headingLevel: y = 2, padding: b = "16px" }) {
-	let x = e(), [S, C] = i(g), w = s[v] ?? s.primary;
+	let x = r(), [S, C] = i(g), w = s[v] ?? s.primary;
 	return /* @__PURE__ */ o("div", {
 		"data-emphasis": v,
 		style: {
 			background: w.surface,
 			border: "1px solid var(--border)",
-			borderRadius: 10,
+			borderRadius: "var(--radius-lg)",
 			overflow: "hidden",
 			boxShadow: w.shadow,
 			flexShrink: 0
@@ -114,16 +114,16 @@ function c({ title: c, subtitle: l, right: u, badge: d, count: f, children: p, f
 							]
 						})
 					}),
-					d && /* @__PURE__ */ a(r, {
+					d && /* @__PURE__ */ a(n, {
 						tone: d.tone ?? "violet",
 						size: "xs",
 						dot: d.dot,
 						children: d.text
 					}),
 					u,
-					h && /* @__PURE__ */ a(n, {
+					h && /* @__PURE__ */ a(t, {
 						size: 24,
-						icon: a(S ? t.up : t.down, { size: 14 }),
+						icon: a(S ? e.up : e.down, { size: 14 }),
 						onClick: () => C((e) => !e),
 						title: S ? x("control.collapse", "Collapse") : x("control.expand", "Expand")
 					})
@@ -147,4 +147,4 @@ function c({ title: c, subtitle: l, right: u, badge: d, count: f, children: p, f
 	});
 }
 //#endregion
-export { c as t };
+export { c as SectionCard };

package/dist-lib/components/primitives/Spinner.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/primitives/Spinner.tsx
+var n = "@keyframes spin{to{transform:rotate(360deg);}}";
+function r({ size: r = 14 }) {
+	return /* @__PURE__ */ t("svg", {
+		width: r,
+		height: r,
+		viewBox: "0 0 24 24",
+		style: { animation: "spin 0.8s linear infinite" },
+		children: [
+			/* @__PURE__ */ e("style", { children: n }),
+			/* @__PURE__ */ e("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9",
+				stroke: "var(--border)",
+				strokeWidth: "2.5",
+				fill: "none"
+			}),
+			/* @__PURE__ */ e("path", {
+				d: "M12 3a9 9 0 0 1 9 9",
+				stroke: "var(--accent)",
+				strokeWidth: "2.5",
+				fill: "none",
+				strokeLinecap: "round"
+			})
+		]
+	});
+}
+//#endregion
+export { r as Spinner };

package/dist-lib/components/primitives/StatTile.js

@@ -0,0 +1,108 @@
+import { useId as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/primitives/StatTile.tsx
+var i = {
+	neutral: "var(--text)",
+	good: "var(--success)",
+	warn: "var(--warn)",
+	bad: "var(--danger)",
+	accent: "var(--accent)"
+};
+function a({ label: a, value: o, unit: s, tone: c = "neutral", delta: l, note: u, footer: d, loading: f = !1, error: p, href: m }) {
+	let h = e(), g = p != null && p !== !1, _ = /* @__PURE__ */ r("article", {
+		"aria-labelledby": h,
+		"aria-busy": f || void 0,
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			padding: "12px 14px",
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: "var(--radius-lg)",
+			minWidth: 0
+		},
+		children: [
+			/* @__PURE__ */ n("h3", {
+				id: h,
+				style: {
+					margin: 0,
+					fontSize: 12,
+					fontWeight: 500,
+					color: "var(--text-3)"
+				},
+				children: a
+			}),
+			/* @__PURE__ */ n("div", {
+				style: {
+					display: "flex",
+					alignItems: "baseline",
+					gap: 8,
+					minHeight: 32
+				},
+				children: f ? /* @__PURE__ */ n("span", {
+					"aria-hidden": !0,
+					style: {
+						width: 72,
+						height: 24,
+						borderRadius: "var(--radius-sm)",
+						background: "var(--surface-2)"
+					}
+				}) : g ? null : /* @__PURE__ */ r(t, { children: [
+					/* @__PURE__ */ n("strong", {
+						style: {
+							fontSize: 24,
+							fontWeight: 600,
+							lineHeight: 1.1,
+							color: i[c],
+							fontVariantNumeric: "tabular-nums"
+						},
+						children: o
+					}),
+					s !== void 0 && /* @__PURE__ */ n("span", {
+						style: {
+							fontSize: 12,
+							color: "var(--text-3)"
+						},
+						children: s
+					}),
+					l && /* @__PURE__ */ n("span", {
+						style: {
+							fontSize: 12,
+							fontWeight: 500,
+							color: i[l.tone ?? "neutral"]
+						},
+						children: l.text
+					})
+				] })
+			}),
+			g ? /* @__PURE__ */ n("div", {
+				role: "alert",
+				style: {
+					fontSize: 12,
+					color: "var(--danger)"
+				},
+				children: p
+			}) : u !== void 0 && /* @__PURE__ */ n("div", {
+				style: {
+					fontSize: 12,
+					color: "var(--text-3)"
+				},
+				children: u
+			}),
+			!f && !g && d
+		]
+	});
+	return m ? /* @__PURE__ */ n("a", {
+		href: m,
+		style: {
+			display: "block",
+			color: "inherit",
+			textDecoration: "none",
+			borderRadius: "var(--radius-lg)"
+		},
+		children: _
+	}) : _;
+}
+//#endregion
+export { a as StatTile };

package/dist-lib/components/primitives/Tooltip.js

@@ -0,0 +1,115 @@
+import { Icon as e } from "./Icons.js";
+import { useCallback as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
+//#region src/components/primitives/Tooltip.tsx
+var u = 350, d = 80, f = 260, p = 6, m = 4;
+function h(e, o) {
+	let [c, h] = a(!1), [g, _] = a(null), v = i(null), y = i(null), b = i(null), x = r(), S = t(() => {
+		y.current && clearTimeout(y.current), b.current && clearTimeout(b.current), y.current = null, b.current = null;
+	}, []), C = t(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = v.current, i = r?.offsetWidth ?? f, a = r?.offsetHeight ?? 0, o = n.left + n.width / 2 - i / 2;
+		o = Math.max(m, Math.min(o, window.innerWidth - i - m));
+		let s = n.top - p - a < m ? n.bottom + p : n.top - p - a;
+		_({
+			left: o,
+			top: s
+		});
+	}, [e]), w = t((e) => {
+		o && (S(), e ? h(!0) : y.current = setTimeout(() => h(!0), u));
+	}, [S, o]), T = t(() => {
+		S(), b.current = setTimeout(() => h(!1), d);
+	}, [S]);
+	n(() => {
+		if (!c) {
+			_(null);
+			return;
+		}
+		C();
+		let e = () => C();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [c, C]), n(() => S, [S]), n(() => {
+		if (!c) return;
+		let t = (t) => {
+			let n = e.current;
+			n && t.target instanceof Node && n.contains(t.target) || h(!1);
+		};
+		return document.addEventListener("pointerdown", t, !0), () => document.removeEventListener("pointerdown", t, !0);
+	}, [c, e]);
+	let E = {
+		position: "fixed",
+		left: g?.left ?? 0,
+		top: g?.top ?? 0,
+		zIndex: 1e3,
+		maxWidth: f,
+		padding: "5px 8px",
+		borderRadius: "var(--radius-md)",
+		background: "var(--surface-inverse, #1f2430)",
+		color: "var(--text-inverse, #f5f6f8)",
+		fontSize: 12,
+		lineHeight: 1.4,
+		boxShadow: "var(--shadow-md)",
+		pointerEvents: "none",
+		visibility: g ? "visible" : "hidden",
+		whiteSpace: "normal"
+	}, D = c && o ? l(/* @__PURE__ */ s("div", {
+		ref: v,
+		id: x,
+		role: "tooltip",
+		style: E,
+		children: o
+	}), document.body) : null;
+	return {
+		open: c,
+		triggerHandlers: {
+			onMouseEnter: () => w(!1),
+			onMouseLeave: T,
+			onFocus: () => w(!0),
+			onBlur: T,
+			onPointerUp: (e) => {
+				e.pointerType !== "mouse" && o && (S(), h((e) => !e));
+			}
+		},
+		describedBy: c && o ? x : void 0,
+		portal: D
+	};
+}
+function g({ content: e, children: t, triggerProps: n }) {
+	let r = i(null), { triggerHandlers: a, describedBy: l, portal: u } = h(r, e);
+	return e ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+		...n,
+		ref: r,
+		"aria-describedby": l,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			...n?.style ?? {}
+		},
+		...a,
+		children: t
+	}), u] }) : /* @__PURE__ */ s(o, { children: t });
+}
+function _({ label: t, size: n = 14, ...r }) {
+	return /* @__PURE__ */ s(g, {
+		content: t,
+		children: /* @__PURE__ */ s("span", {
+			tabIndex: 0,
+			role: "note",
+			"aria-label": t,
+			"data-testid": r["data-testid"],
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				color: "var(--text-3)",
+				cursor: "help"
+			},
+			children: /* @__PURE__ */ s(e.info, { size: n })
+		})
+	});
+}
+//#endregion
+export { _ as InfoTooltip, g as Tooltip, h as useAnchoredTooltip };

package/dist-lib/{dataTableStyles-vwD1mVOP.js → components/primitives/dataTableStyles.js}

@@ -19,4 +19,4 @@ var e = {
 	verticalAlign: "middle"
 };
 //#endregion
-export { t as n, e as r, n as t };
+export { n as dataTableCellStyle, t as dataTableHeadCellStyle, e as dataTableStyle };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/shared/BlankScreen.tsx
+function t() {
+	return /* @__PURE__ */ e("div", {
+		"aria-hidden": !0,
+		style: {
+			minHeight: "var(--app-height)",
+			background: "var(--background)"
+		}
+	});
+}
+//#endregion
+export { t as BlankScreen };