@declarion/react 0.61.1 → 0.63.1

package/dist-lib/{ListCardsBody-CNaZ0xwz.js → ListCardsBody-BAwFR3yO.js}

@@ -1,9 +1,9 @@
-import { Kn as e, On as t, Vn as n } from "./useCurrentScreen-0WBj7wT6.js";
-import { t as r } from "./useText-BsedsJ-J.js";
+import { sn as e, wn as t, wt as n } from "./useCurrentScreen--UovgvRj.js";
+import { t as r } from "./Pill-D-wsfRhx.js";
 import { t as i } from "./Check-DAfMbQIw.js";
-import { f as a, m as o, p as s, r as c } from "./action-dispatch-gWmOYjOP.js";
-import { t as l } from "./cardProjection-BnmWukxk.js";
-import { t as u } from "./SmartListPage.impl-D694R32H.js";
+import { f as a, m as o, n as s, p as c } from "./variants-CbAwl3Mn.js";
+import { t as l } from "./cardProjection-Cr7fG6wJ.js";
+import { t as u } from "./SmartListPage.impl-Cc4Zwz5f.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/pages/list/ListCardRow.tsx
 function p(e, t, n, r) {
@@ -17,74 +17,74 @@ function p(e, t, n, r) {
 	}
 	return o(e, n, t, r);
 }
-function m(e, t, r) {
+function m(e, n, r) {
 	if (e.startsWith("$status.")) {
-		let n = e.slice(8), r = t.$statuses;
-		return Array.isArray(r) && r.some((e) => e.group_code === n);
+		let t = e.slice(8), r = n.$statuses;
+		return Array.isArray(r) && r.some((e) => e.group_code === t);
 	}
 	if (e.startsWith("$property.")) {
-		let r = e.slice(10), i = t.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === r) : void 0;
-		return a?.value != null && n(a.value) !== "";
+		let r = e.slice(10), i = n.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === r) : void 0;
+		return a?.value != null && t(a.value) !== "";
 	}
-	let i = a(r, t, e);
-	return i != null && n(i) !== "";
+	let i = a(r, n, e);
+	return i != null && t(i) !== "";
 }
-function h(t, r, i) {
-	let { entity: a, entityCode: o, refs: c, t: l, renderers: u } = i;
-	if (t.startsWith("$status.")) {
-		let n = t.slice(8), i = a.status_groups?.[n], o = r.$statuses, s = Array.isArray(o) ? o.find((e) => e.group_code === n) : void 0;
+function h(e, n, i) {
+	let { entity: a, entityCode: o, refs: s, t: l, renderers: u } = i;
+	if (e.startsWith("$status.")) {
+		let t = e.slice(8), i = a.status_groups?.[t], o = n.$statuses, s = Array.isArray(o) ? o.find((e) => e.group_code === t) : void 0;
 		if (!i || !s) return /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
 		let c = i.statuses.find((e) => e.code === s.status_code);
-		return /* @__PURE__ */ d(e, {
+		return /* @__PURE__ */ d(r, {
 			tone: c?.color ?? "slate",
 			size: "xs",
 			children: l(c?.name) || s.status_code
 		});
 	}
-	if (t.startsWith("$property.")) {
-		let e = t.slice(10), i = r.$properties, a = Array.isArray(i) ? i.find((t) => t.property_code === e) : void 0;
+	if (e.startsWith("$property.")) {
+		let r = e.slice(10), i = n.$properties, a = Array.isArray(i) ? i.find((e) => e.property_code === r) : void 0;
 		return !a || a.value == null ? /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
-		}) : /* @__PURE__ */ d("span", { children: n(a.value) });
+		}) : /* @__PURE__ */ d("span", { children: t(a.value) });
 	}
-	if (a.files?.get(t)) return s({
+	if (a.files?.get(e)) return c({
 		entity: a,
 		entityCode: o,
-		fieldName: t,
-		record: r,
+		fieldName: e,
+		record: n,
 		mode: "display",
 		surface: "list",
-		refs: c,
+		refs: s,
 		t: l
 	});
-	let f = u.get(t);
+	let f = u.get(e);
 	if (!f) {
-		let e = r[t];
-		return n(e) || /* @__PURE__ */ d("span", {
+		let r = n[e];
+		return t(r) || /* @__PURE__ */ d("span", {
 			style: { color: "var(--text-3)" },
 			children: "-"
 		});
 	}
-	return f(r[t], r);
+	return f(n[e], n);
 }
-function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities: g, savedViewColumns: _, refs: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
-	let k = r(), A = {
+function g({ row: t, rowIndex: r, entity: a, screen: o, entityCode: c, entities: g, savedViewColumns: _, refs: v, renderers: y, rowActions: b, tabNavigate: x, interaction: S, hasSoftDelete: C, zebra: w, hasBatchActions: T, hasDetailTarget: E, rowKey: D, measureElement: O }) {
+	let k = n(), A = {
 		entity: a,
-		entityCode: s,
+		entityCode: c,
 		refs: v,
 		t: k,
 		renderers: y
-	}, j = e.original, M = c(a, o, j), N = l({
+	}, j = t.original, M = s(a, o, j), N = l({
 		entity: a,
 		screen: M,
 		savedViewColumns: _
-	}), P = C && j[a.soft_delete] != null, F = e.getIsSelected(), I = w && n % 2 == 1, L = E || S.peekAllowed, R = (N.titleUsesDisplay ? t(k, j, a) ?? (N.titleField ? null : D(j)) : null) || (N.titleField ? h(N.titleField, j, A) : D(j)), z = N.badgeFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), B = N.bodyFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), V = N.metaFields.filter((e) => !N.hideEmptyFields || m(e, j, a));
+	}), P = C && j[a.soft_delete] != null, F = t.getIsSelected(), I = w && r % 2 == 1, L = E || S.peekAllowed, R = (N.titleUsesDisplay ? e(k, j, a) ?? (N.titleField ? null : D(j)) : null) || (N.titleField ? h(N.titleField, j, A) : D(j)), z = N.subtitleField && (N.explicit || m(N.subtitleField, j, a)) ? N.subtitleField : void 0, B = N.badgeFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), V = N.bodyFields.filter((e) => !N.hideEmptyFields || m(e, j, a)), H = N.metaFields.filter((e) => !N.hideEmptyFields || m(e, j, a));
 	return /* @__PURE__ */ d("div", {
-		"data-index": n,
+		"data-index": r,
 		"data-testid": "list-card",
 		ref: (e) => O(e),
 		style: {
@@ -111,13 +111,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 			tabIndex: L ? 0 : void 0,
 			onClick: L ? (e) => S.onRowClick(e, j) : void 0,
 			onKeyDown: L ? (e) => {
-				if (e.key === "Enter") {
-					if (e.preventDefault(), S.peekAllowed) {
-						S.setPeekRow(j);
-						return;
-					}
-					S.navigateToDetail(j);
-				}
+				e.key === "Enter" && (e.preventDefault(), S.peekAllowed ? S.setPeekRow(j) : S.navigateToDetail(j));
 			} : void 0,
 			onContextMenu: (e) => {
 				e.preventDefault(), S.setContextMenu({
@@ -136,7 +130,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 					style: { paddingTop: 2 },
 					children: /* @__PURE__ */ d(i, {
 						checked: F,
-						onChange: () => e.toggleSelected()
+						onChange: () => t.toggleSelected()
 					})
 				}),
 				/* @__PURE__ */ f("div", {
@@ -163,7 +157,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 										overflowWrap: "anywhere"
 									},
 									children: R
-								}), N.subtitleField && /* @__PURE__ */ d("div", {
+								}), z && /* @__PURE__ */ d("div", {
 									style: {
 										marginTop: 3,
 										fontSize: 12.5,
@@ -171,18 +165,18 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 										color: "var(--text-3)",
 										overflowWrap: "anywhere"
 									},
-									children: h(N.subtitleField, j, A)
+									children: h(z, j, A)
 								})]
 							})
 						}),
-						z.length > 0 && /* @__PURE__ */ d("div", {
+						B.length > 0 && /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
 								gap: 6,
 								marginTop: 10
 							},
-							children: z.map((e) => /* @__PURE__ */ d("span", {
+							children: B.map((e) => /* @__PURE__ */ d("span", {
 								style: {
 									display: "inline-flex",
 									minWidth: 0
@@ -190,7 +184,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 								children: h(e, j, A)
 							}, e))
 						}),
-						B.length > 0 && /* @__PURE__ */ d("dl", {
+						V.length > 0 && /* @__PURE__ */ d("dl", {
 							style: {
 								display: "grid",
 								gridTemplateColumns: "minmax(84px, max-content) minmax(0, 1fr)",
@@ -199,7 +193,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 								fontSize: 12.5,
 								lineHeight: 1.35
 							},
-							children: B.map((e) => /* @__PURE__ */ f("div", {
+							children: V.map((e) => /* @__PURE__ */ f("div", {
 								style: { display: "contents" },
 								children: [/* @__PURE__ */ d("dt", {
 									style: { color: "var(--text-3)" },
@@ -215,7 +209,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 								})]
 							}, e))
 						}),
-						V.length > 0 && /* @__PURE__ */ d("div", {
+						H.length > 0 && /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								flexWrap: "wrap",
@@ -224,7 +218,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 								color: "var(--text-3)",
 								fontSize: 11.5
 							},
-							children: V.map((e) => /* @__PURE__ */ f("span", {
+							children: H.map((e) => /* @__PURE__ */ f("span", {
 								style: {
 									minWidth: 0,
 									overflowWrap: "anywhere"
@@ -244,7 +238,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 					screen: o,
 					fullScreen: o,
 					entity: a,
-					entityCode: s,
+					entityCode: c,
 					rowActions: b,
 					tabNavigate: x,
 					peekAllowed: S.peekAllowed,
@@ -253,7 +247,7 @@ function g({ row: e, rowIndex: n, entity: a, screen: o, entityCode: s, entities:
 				})
 			]
 		})
-	}, e.id);
+	}, t.id);
 }
 //#endregion
 //#region src/components/pages/list/ListCardsBody.tsx

package/dist-lib/{MarkdownRenderer-BuO5hYJh.js → MarkdownRenderer-kNEMr6K_.js}

@@ -1,6 +1,5 @@
-import { _t as e } from "./useCurrentScreen-0WBj7wT6.js";
-import { t } from "./useText-BsedsJ-J.js";
-import { t as n } from "./safe-url-oSJw5pzO.js";
+import { nt as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { E as n } from "./PropertyGridEditor-BTjscqfz.js";
 import { jsx as r } from "react/jsx-runtime";
 import i, { defaultUrlTransform as a } from "react-markdown";
 import o from "remark-breaks";
@@ -13,26 +12,26 @@ function d(e) {
 function f(e) {
 	return e.startsWith("/") || e.startsWith("https://") || e.startsWith("http://") ? e : null;
 }
-function p({ href: e, children: t }) {
-	return n(e) ? /* @__PURE__ */ r("a", {
-		href: e,
+function p({ href: t, children: n }) {
+	return e(t) ? /* @__PURE__ */ r("a", {
+		href: t,
 		target: "_blank",
 		rel: "noopener noreferrer",
-		children: t
+		children: n
 	}) : /* @__PURE__ */ r("a", {
-		href: e,
-		children: t
+		href: t,
+		children: n
 	});
 }
-function m(t, n) {
+function m(e, t) {
 	return {
 		img({ src: i, alt: a }) {
-			let o = e(i);
+			let o = n(i);
 			if (!o) return /* @__PURE__ */ r("img", {
 				src: i,
 				alt: a ?? ""
 			});
-			let s = n[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
+			let s = t[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
 			return l ? /* @__PURE__ */ r("img", {
 				src: l,
 				alt: a ?? s.filename ?? ""
@@ -41,16 +40,16 @@ function m(t, n) {
 					color: "var(--warn)",
 					fontSize: 12
 				},
-				children: t("control.markdown.missing_image", "Missing image {id}", { id: o })
+				children: e("control.markdown.missing_image", "Missing image {id}", { id: o })
 			});
 		},
 		a({ href: i, children: a }) {
-			let o = e(i);
+			let o = n(i);
 			if (!o) return /* @__PURE__ */ r(p, {
 				href: i,
 				children: a
 			});
-			let s = n[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
+			let s = t[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
 			return l ? /* @__PURE__ */ r("a", {
 				href: l,
 				target: "_blank",
@@ -61,7 +60,7 @@ function m(t, n) {
 					color: "var(--warn)",
 					fontSize: 12
 				},
-				children: t("control.markdown.missing_file", "Missing file {id}", { id: o })
+				children: e("control.markdown.missing_file", "Missing file {id}", { id: o })
 			});
 		}
 	};

package/dist-lib/MenuItem-CfkVXPvC.js

@@ -0,0 +1,140 @@
+import { t as e } from "./Kbd-CNttVu0z.js";
+import { useEffect as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region src/components/primitives/Dropdown.tsx
+function c({ open: e, onClose: o, anchor: c, anchorPoint: f, children: p, align: m = "start", width: h, style: g }) {
+	let _ = r(null), [v, y] = i(null), b = f?.x, x = f?.y;
+	if (n(() => {
+		if (!e || !c && b === void 0) return;
+		let t = c ? c.getBoundingClientRect() : {
+			top: x,
+			bottom: x,
+			left: b,
+			right: b
+		}, n = u(), r = _.current?.offsetHeight || 260, i = n - t.bottom < r + 12 && t.top > r + 12 ? "above" : "below", a = i === "below" ? t.bottom + 4 : t.top - 4 - r, o = typeof window < "u" ? window.innerWidth : 0, s = m === "end" ? t.right - (h || 200) : t.left;
+		o && (s = Math.max(8, Math.min(s, o - (h || 200) - 8))), y((e) => e && e.top === a && e.left === s && e.placement === i ? e : {
+			top: a,
+			left: s,
+			placement: i
+		});
+	}, [
+		e,
+		c,
+		b,
+		x,
+		m,
+		h
+	]), t(() => {
+		if (!e) return;
+		let t = (e) => {
+			let t = e.target;
+			_.current && t && !_.current.contains(t) && (!c || !c.contains(t)) && o?.();
+		}, n = (e) => {
+			e.key === "Escape" && o?.();
+		};
+		return document.addEventListener("mousedown", t), document.addEventListener("keydown", n), () => {
+			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", n);
+		};
+	}, [
+		e,
+		c,
+		o
+	]), !e || !v) return null;
+	let S = v.placement === "below" ? `calc(var(--app-height) - ${v.top}px - 8px)` : `${Math.max(120, v.top - 8)}px`, C = d(g?.maxHeight), w = C ? `min(${S}, ${C})` : S;
+	return s(/* @__PURE__ */ a("div", {
+		ref: _,
+		onClick: l,
+		onMouseDown: l,
+		style: {
+			position: "fixed",
+			top: v.top,
+			left: v.left,
+			zIndex: 200,
+			minWidth: h || 200,
+			maxWidth: `calc(100vw - ${v.left}px - 8px)`,
+			background: "var(--surface)",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			boxShadow: "var(--shadow-lg)",
+			padding: 4,
+			...g,
+			maxHeight: w,
+			overflowY: g?.overflowY ?? "auto",
+			overscrollBehavior: "contain"
+		},
+		children: p
+	}), document.body);
+}
+function l(e) {
+	e.stopPropagation();
+}
+function u() {
+	if (typeof window > "u" || typeof document > "u") return 0;
+	let e = getComputedStyle(document.documentElement).getPropertyValue("--app-height").trim();
+	if (e.endsWith("px")) {
+		let t = Number.parseFloat(e);
+		if (Number.isFinite(t) && t > 0) return t;
+	}
+	let t = window.visualViewport?.height;
+	return Number.isFinite(t) && t && t > 0 ? t : window.innerHeight;
+}
+function d(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : String(e);
+}
+//#endregion
+//#region src/components/primitives/MenuItem.tsx
+function f({ icon: t, children: n, onClick: r, danger: i, kbd: s, active: c, divider: l, disabled: u, title: d, "data-testid": f }) {
+	return l ? /* @__PURE__ */ a("div", {
+		role: "separator",
+		style: {
+			height: 1,
+			background: "var(--divider)",
+			margin: "4px 0"
+		}
+	}) : /* @__PURE__ */ o("div", {
+		role: "menuitem",
+		tabIndex: u ? -1 : 0,
+		onClick: u ? void 0 : r,
+		onKeyDown: (e) => {
+			u || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.());
+		},
+		"data-testid": f,
+		"aria-disabled": u || void 0,
+		title: d,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "6px 10px",
+			borderRadius: 5,
+			fontSize: 12.5,
+			color: i ? "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: [
+			t && /* @__PURE__ */ a("span", {
+				style: {
+					color: i ? "var(--danger)" : "var(--text-3)",
+					display: "flex"
+				},
+				children: t
+			}),
+			/* @__PURE__ */ a("span", {
+				style: { flex: 1 },
+				children: n
+			}),
+			s && /* @__PURE__ */ a(e, { children: s })
+		]
+	});
+}
+//#endregion
+export { c as n, f as t };

package/dist-lib/NotFoundPage.impl-ZSBn4WWb.js

@@ -0,0 +1,68 @@
+import { G as e, W as t, Xt as n, wt as r } from "./useCurrentScreen--UovgvRj.js";
+import { r as i } from "./CopyButton-C0iEvaT1.js";
+import { useEffect as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useLocation as c } from "react-router";
+//#region src/components/pages/NotFoundPage.impl.tsx
+function l() {
+	let l = n(), u = t(), d = c(), f = e(), p = r();
+	return a(() => {
+		l.enabled && f(d.pathname, "not_found");
+	}, [
+		l.enabled,
+		d.pathname,
+		f
+	]), l.enabled ? /* @__PURE__ */ o("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			height: "100%"
+		},
+		children: /* @__PURE__ */ o("p", {
+			style: {
+				fontSize: 15,
+				color: "var(--text-3)"
+			},
+			children: p("page.not_found.embed", "This view is unavailable.")
+		})
+	}) : /* @__PURE__ */ o("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			height: "100%"
+		},
+		children: /* @__PURE__ */ s("div", {
+			style: { textAlign: "center" },
+			children: [
+				/* @__PURE__ */ o("h1", {
+					style: {
+						fontSize: 64,
+						fontWeight: 700,
+						color: "var(--text-3)",
+						margin: 0
+					},
+					children: "404"
+				}),
+				/* @__PURE__ */ o("p", {
+					style: {
+						marginTop: 8,
+						fontSize: 16,
+						color: "var(--text-3)"
+					},
+					children: p("page.not_found.title", "Page not found")
+				}),
+				/* @__PURE__ */ o("div", {
+					style: { marginTop: 24 },
+					children: /* @__PURE__ */ o(i, {
+						onClick: () => u("/"),
+						children: p("page.not_found.go_home", "Go home")
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { l as NotFoundPage };

package/dist-lib/PageHeader-tw4pX3lI.js

@@ -0,0 +1,71 @@
+import { W as e, Xt as t, n, wt as r } from "./useCurrentScreen--UovgvRj.js";
+import { t as i } from "./Icons-lt-7lhYR.js";
+import { n as a } from "./CopyButton-C0iEvaT1.js";
+import { L as o } from "./PropertyGridEditor-BTjscqfz.js";
+import { a as s, n as c } from "./useBrandingChrome-bKTXXDLy.js";
+import { t as l } from "./useScreenBack-J861tbwn.js";
+import { t as u } from "./headerActionZone-bef-tZZ7.js";
+import { useCallback as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/chrome/PageHeader.tsx
+function m({ title: m, description: h, backTo: g, actions: _ }) {
+	let v = r(), y = n(), b = m ?? v(y?.screen?.display?.name) ?? "", x = h ?? v(y?.screen?.display?.description), S = c("custom"), C = S.isVisible("show_title"), w = S.isVisible("show_actions"), T = t(), E = e(), D = d(() => {
+		if (g) {
+			if (!T.enabled) {
+				let e = o.getState().findTabByPathname(g);
+				e && o.getState().switchTab(e.id);
+			}
+			E(g);
+		}
+	}, [
+		g,
+		T.enabled,
+		E
+	]), { hasOriginBack: O, goBack: k } = l({ fallback: D });
+	return !C && (!w || !_) ? null : /* @__PURE__ */ p("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			flexWrap: "wrap",
+			marginBottom: 16,
+			gap: 10,
+			minWidth: 0
+		},
+		children: [
+			C && (O || !!g) && /* @__PURE__ */ f(a, {
+				icon: /* @__PURE__ */ f(i.back, { size: 14 }),
+				onClick: k,
+				title: v("shell.back", "Back")
+			}),
+			C && /* @__PURE__ */ f("h1", {
+				style: {
+					margin: 0,
+					fontSize: "var(--page-title-size, var(--page-title-size-page))",
+					lineHeight: "var(--page-title-line-height, var(--page-title-line-height-page))",
+					fontWeight: 600,
+					letterSpacing: "-0.01em",
+					color: "var(--text)",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					minWidth: 0,
+					maxWidth: "100%",
+					flexGrow: 0,
+					flexShrink: 1,
+					flexBasis: "auto"
+				},
+				children: b
+			}),
+			C && x && /* @__PURE__ */ f(s, {
+				label: x,
+				"data-testid": "page-description-info"
+			}),
+			w && _ && /* @__PURE__ */ f("div", {
+				style: u,
+				children: _
+			})
+		]
+	});
+}
+//#endregion
+export { m as t };

package/dist-lib/PageShell-tI-mm0C5.js

@@ -0,0 +1,47 @@
+import { xt as e } from "./useCurrentScreen--UovgvRj.js";
+import { t } from "./page-inset-D_kkVwwN.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/chrome/PageShell.tsx
+function i({ header: i, children: a, scrollRef: o }) {
+	let s = e(), c = s.isPhone ? t(12) : {
+		paddingLeft: "24px",
+		paddingRight: "24px"
+	};
+	return /* @__PURE__ */ r("div", {
+		style: {
+			height: "100%",
+			display: "flex",
+			flexDirection: "column",
+			overflow: "hidden",
+			background: "var(--background)"
+		},
+		children: [/* @__PURE__ */ n("div", {
+			"data-testid": "page-shell-header",
+			style: {
+				flexShrink: 0,
+				paddingTop: s.isPhone ? 14 : 24,
+				paddingBottom: 8,
+				...c
+			},
+			children: i
+		}), /* @__PURE__ */ n("div", {
+			ref: o,
+			style: {
+				flex: 1,
+				minHeight: 0,
+				overflowY: "auto",
+				paddingTop: 4,
+				paddingBottom: "calc(24px + var(--safe-area-bottom))",
+				...c,
+				display: "flex",
+				flexDirection: "column",
+				gap: 16,
+				minWidth: 0,
+				WebkitOverflowScrolling: "touch"
+			},
+			children: a
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist-lib/Pill-D-wsfRhx.js

@@ -0,0 +1,42 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/primitives/Pill.tsx
+function n(e) {
+	return e == null || e === !1 || e === "" ? !1 : !Array.isArray(e) || e.some((e) => n(e));
+}
+function r({ tone: r = "slate", children: i, size: a = "sm", dot: o = !1, style: s }) {
+	let c = `var(--pill-${r}-bg)`, l = `var(--pill-${r})`;
+	return /* @__PURE__ */ t("span", {
+		className: "num",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			height: a === "sm" ? 20 : a === "xs" ? 16 : 24,
+			padding: `0 ${a === "xs" ? 6 : 8}px`,
+			borderRadius: 999,
+			background: c,
+			color: l,
+			fontSize: a === "xs" ? 10.5 : 11.5,
+			fontWeight: 500,
+			whiteSpace: "nowrap",
+			maxWidth: "100%",
+			...s
+		},
+		children: [o && /* @__PURE__ */ e("span", { style: {
+			width: 6,
+			height: 6,
+			borderRadius: 999,
+			background: l
+		} }), n(i) && /* @__PURE__ */ e("span", {
+			style: {
+				minWidth: 0,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			children: i
+		})]
+	});
+}
+//#endregion
+export { r as t };