@servicetitan/json-render-react 0.4.0-ANV-5236-1290426 → 0.4.0

package/dist/index.js

@@ -1,33 +1,33 @@
-import { AiMark as e, Alert as t, Badge as n, Button as r, Card as i, Checkbox as a, Chip as o, Divider as s, FieldLabel as c, Flex as l, Grid as u, Icon as d, Link as f, Listbox as p, MultiSelectFieldSync as ee, OverflowText as m, ProgressBar as h, Radio as g, SkeletonRectangle as te, SkeletonText as _, Switch as ne, Text as v, TextField as re, Textarea as ie } from "@servicetitan/anvil2";
-import { Button as ae, Card as y, Dialog as oe, GuidanceCard as b, Link as se, Text as x } from "@servicetitan/carto-react-kit";
-import { IconChevronDown as S } from "@servicetitan/carto-react-kit/icons";
-import { Children as C, Component as ce, Fragment as le, useEffect as w, useId as ue, useMemo as T, useRef as E, useState as D } from "react";
-import { core as O } from "@servicetitan/anvil2/token";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { z as M } from "zod";
-import { DataTable as de, TypeaheadTextField as fe, createColumnHelper as pe } from "@servicetitan/anvil2/beta";
-import me from "@servicetitan/anvil2/assets/icons/material/round/image.svg";
-import he from "@servicetitan/anvil2/assets/icons/st/document_audio.svg";
-import ge from "@servicetitan/anvil2/assets/icons/st/document_doc.svg";
-import _e from "@servicetitan/anvil2/assets/icons/st/document_form.svg";
-import ve from "@servicetitan/anvil2/assets/icons/st/document_other.svg";
-import ye from "@servicetitan/anvil2/assets/icons/st/document_pdf.svg";
-import be from "@servicetitan/anvil2/assets/icons/st/document_spreadsheet.svg";
-import xe from "@servicetitan/anvil2/assets/icons/st/document_text.svg";
-import { primitive as Se } from "@servicetitan/carto-react-kit/tokens";
-import { defineCatalog as N, getByPath as P, validateSpec as Ce } from "@json-render/core";
-import { schema as F } from "@json-render/react/schema";
-import { JSONUIProvider as we, Renderer as Te, createStateStore as Ee, defineRegistry as De, useStateStore as I } from "@json-render/react";
-import * as L from "@amcharts/amcharts5";
-import * as R from "@amcharts/amcharts5/xy";
-import Oe from "@amcharts/amcharts5/themes/Animated";
-import { ThemeCategorical as ke, ThemeMonochrome as Ae, ThemeSemantic as je } from "@servicetitan/anvil2-ext-charts/am5";
-import Me from "@servicetitan/anvil2/assets/icons/material/round/check_circle.svg";
-import Ne from "@servicetitan/anvil2/assets/icons/material/round/radio_button_unchecked.svg";
-import Pe from "@servicetitan/anvil2/assets/icons/st/in_progress.svg";
-import * as Fe from "@amcharts/amcharts5/percent";
+import { AiMark as e, Alert as t, Badge as n, Button as r, Card as i, Checkbox as a, Chip as o, Divider as s, FieldLabel as c, Flex as l, Grid as u, Icon as d, Link as f, Listbox as ee, OverflowText as te, ProgressBar as ne, Radio as re, SkeletonRectangle as ie, SkeletonText as ae, Switch as oe, Text as p, TextField as se, Textarea as ce } from "@servicetitan/anvil2";
+import { Card as m, Dialog as le, GuidanceCard as ue, Link as de, Text as h } from "@servicetitan/carto-react-kit";
+import { IconChevronDown as fe } from "@servicetitan/carto-react-kit/icons";
+import { Children as g, Component as pe, Fragment as me, useEffect as _, useId as he, useMemo as v, useRef as y, useState as b } from "react";
+import { core as x } from "@servicetitan/anvil2/token";
+import { Fragment as ge, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { z as w } from "zod";
+import { DataTable as _e, createColumnHelper as ve } from "@servicetitan/anvil2/beta";
+import ye from "@servicetitan/anvil2/assets/icons/material/round/image.svg";
+import be from "@servicetitan/anvil2/assets/icons/st/document_audio.svg";
+import xe from "@servicetitan/anvil2/assets/icons/st/document_doc.svg";
+import Se from "@servicetitan/anvil2/assets/icons/st/document_form.svg";
+import Ce from "@servicetitan/anvil2/assets/icons/st/document_other.svg";
+import we from "@servicetitan/anvil2/assets/icons/st/document_pdf.svg";
+import Te from "@servicetitan/anvil2/assets/icons/st/document_spreadsheet.svg";
+import Ee from "@servicetitan/anvil2/assets/icons/st/document_text.svg";
+import { primitive as De } from "@servicetitan/carto-react-kit/tokens";
+import { defineCatalog as T, getByPath as E, validateSpec as Oe } from "@json-render/core";
+import { schema as D } from "@json-render/react/schema";
+import { JSONUIProvider as ke, Renderer as Ae, createStateStore as je, defineRegistry as Me, useStateStore as O } from "@json-render/react";
+import * as k from "@amcharts/amcharts5";
+import * as A from "@amcharts/amcharts5/xy";
+import Ne from "@amcharts/amcharts5/themes/Animated";
+import { ThemeCategorical as Pe, ThemeMonochrome as Fe, ThemeSemantic as Ie } from "@servicetitan/anvil2-ext-charts/am5";
+import Le from "@servicetitan/anvil2/assets/icons/material/round/check_circle.svg";
+import Re from "@servicetitan/anvil2/assets/icons/material/round/radio_button_unchecked.svg";
+import ze from "@servicetitan/anvil2/assets/icons/st/in_progress.svg";
+import * as Be from "@amcharts/amcharts5/percent";
 //#region ../../node_modules/.pnpm/@vanilla-extract+recipes@0.5.7_@vanilla-extract+css@1.20.1/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
-function Ie(e, t) {
+function Ve(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -37,19 +37,19 @@ function Ie(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Le(e) {
-	var t = Ie(e, "string");
+function He(e) {
+	var t = Ve(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Re(e, t, n) {
-	return t = Le(t), t in e ? Object.defineProperty(e, t, {
+function Ue(e, t, n) {
+	return t = He(t), t in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function ze(e, t) {
+function We(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -59,28 +59,28 @@ function ze(e, t) {
 	}
 	return n;
 }
-function Be(e) {
+function Ge(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? ze(Object(n), !0).forEach(function(t) {
-			Re(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ze(Object(n)).forEach(function(t) {
+		t % 2 ? We(Object(n), !0).forEach(function(t) {
+			Ue(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : We(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-function Ve(e, t) {
+function Ke(e, t) {
 	var n = {};
 	for (var r in e) n[r] = t(e[r], r);
 	return n;
 }
-var He = (e, t, n) => {
+var qe = (e, t, n) => {
 	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
 	return !0;
-}, z = (e) => {
+}, j = (e) => {
 	var t = (t) => {
-		var n = e.defaultClassName, r = Be(Be({}, e.defaultVariants), t);
+		var n = e.defaultClassName, r = Ge(Ge({}, e.defaultVariants), t);
 		for (var i in r) {
 			var a = r[i] ?? e.defaultVariants[i];
 			if (a != null) {
@@ -90,7 +90,7 @@ var He = (e, t, n) => {
 				s && (n += " " + s);
 			}
 		}
-		for (var [c, l] of e.compoundVariants) He(c, r, e.defaultVariants) && (n += " " + l);
+		for (var [c, l] of e.compoundVariants) qe(c, r, e.defaultVariants) && (n += " " + l);
 		return n;
 	};
 	return t.variants = () => Object.keys(e.variantClassNames), t.classNames = {
@@ -98,10 +98,10 @@ var He = (e, t, n) => {
 			return e.defaultClassName.split(" ")[0];
 		},
 		get variants() {
-			return Ve(e.variantClassNames, (e) => Ve(e, (e) => e.split(" ")[0]));
+			return Ke(e.variantClassNames, (e) => Ke(e, (e) => e.split(" ")[0]));
 		}
 	}, t;
-}, Ue = "_7hazmf0", We = "_7hazmf1", Ge = "_7hazmf2", Ke = z({
+}, Je = "_7hazmf0", Ye = "_7hazmf1", Xe = "_7hazmf2", Ze = j({
 	defaultClassName: "_7hazmf3",
 	variantClassNames: { expanded: {
 		true: "_7hazmf4",
@@ -109,7 +109,7 @@ var He = (e, t, n) => {
 	} },
 	defaultVariants: { expanded: !1 },
 	compoundVariants: []
-}), qe = z({
+}), Qe = j({
 	defaultClassName: "_7hazmf6",
 	variantClassNames: { expanded: {
 		true: "_7hazmf7",
@@ -117,7 +117,7 @@ var He = (e, t, n) => {
 	} },
 	defaultVariants: { expanded: !1 },
 	compoundVariants: []
-}), Je = "_7hazmf9", Ye = "_7hazmfa", Xe = "_7hazmfb", Ze = z({
+}), $e = "_7hazmf9", et = "_7hazmfa", tt = "_7hazmfb", nt = j({
 	defaultClassName: "_7hazmfc",
 	variantClassNames: { expanded: {
 		true: "_7hazmfd",
@@ -125,33 +125,33 @@ var He = (e, t, n) => {
 	} },
 	defaultVariants: { expanded: !1 },
 	compoundVariants: []
-}), B = [
+}), M = [
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral"
-], Qe = {
-	success: O.semantic.BackgroundColorSuccessSubdued.value,
-	warning: O.semantic.BackgroundColorWarningSubdued.value,
-	danger: O.semantic.BackgroundColorDangerSubdued.value,
-	info: O.semantic.BackgroundColorPrimarySubdued.value,
-	neutral: O.semantic.BackgroundColorSecondary.value
+], rt = {
+	success: x.semantic.BackgroundColorSuccessSubdued.value,
+	warning: x.semantic.BackgroundColorWarningSubdued.value,
+	danger: x.semantic.BackgroundColorDangerSubdued.value,
+	info: x.semantic.BackgroundColorPrimarySubdued.value,
+	neutral: x.semantic.BackgroundColorSecondary.value
 };
-function $e(e = "neutral") {
-	return Qe[e];
-}
-var et = {
-	success: O.semantic.BackgroundColorSuccess.value,
-	warning: O.semantic.BackgroundColorWarning.value,
-	danger: O.semantic.ForegroundColorDanger.value,
-	info: O.semantic.ForegroundColorPrimary.value,
+function it(e = "neutral") {
+	return rt[e];
+}
+var at = {
+	success: x.semantic.BackgroundColorSuccess.value,
+	warning: x.semantic.BackgroundColorWarning.value,
+	danger: x.semantic.ForegroundColorDanger.value,
+	info: x.semantic.ForegroundColorPrimary.value,
 	neutral: void 0
 };
-function V(e) {
-	return et[e];
+function N(e) {
+	return at[e];
 }
-function tt(e) {
+function ot(e) {
 	if (e == null || e === "") return null;
 	if (typeof e == "object" && e && "label" in e) {
 		let t = e;
@@ -170,31 +170,31 @@ function tt(e) {
 }
 //#endregion
 //#region src/context/components/collapsible-card.tsx
-function nt({ badge: e }) {
-	return typeof e == "number" ? /* @__PURE__ */ A(o, {
+function st({ badge: e }) {
+	return typeof e == "number" ? /* @__PURE__ */ S(o, {
 		label: String(e),
 		size: "small",
 		style: { marginTop: "2px" }
-	}) : /* @__PURE__ */ A(o, {
+	}) : /* @__PURE__ */ S(o, {
 		label: e.label,
 		size: "small",
-		color: $e(e.tone ?? "neutral"),
+		color: it(e.tone ?? "neutral"),
 		style: { marginTop: "2px" }
 	});
 }
-var rt = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
-	let [i, a] = D(n), [o, s] = D(n), c = ue();
-	return /* @__PURE__ */ A("div", {
-		className: Ue,
-		children: /* @__PURE__ */ A(y, {
+var ct = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
+	let [i, a] = b(n), [o, s] = b(n), c = he();
+	return /* @__PURE__ */ S("div", {
+		className: Je,
+		children: /* @__PURE__ */ S(m, {
 			padding: "base",
-			content: /* @__PURE__ */ j("div", {
-				className: Ge,
-				children: [/* @__PURE__ */ A(x, {
+			content: /* @__PURE__ */ C("div", {
+				className: Xe,
+				children: [/* @__PURE__ */ S(h, {
 					variant: "headline",
 					el: "h3",
 					size: "substantial",
-					text: /* @__PURE__ */ j("button", {
+					text: /* @__PURE__ */ C("button", {
 						type: "button",
 						"aria-expanded": i,
 						"aria-controls": c,
@@ -204,25 +204,25 @@ var rt = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 								return t && s(!0), t;
 							});
 						},
-						className: Je,
-						children: [/* @__PURE__ */ j("span", {
-							className: Ye,
-							children: [/* @__PURE__ */ A("span", {
-								className: Xe,
+						className: $e,
+						children: [/* @__PURE__ */ C("span", {
+							className: et,
+							children: [/* @__PURE__ */ S("span", {
+								className: tt,
 								children: e
-							}), t == null ? null : /* @__PURE__ */ A(nt, { badge: t })]
-						}), /* @__PURE__ */ A(S, { className: Ze({ expanded: i }) })]
+							}), t == null ? null : /* @__PURE__ */ S(st, { badge: t })]
+						}), /* @__PURE__ */ S(fe, { className: nt({ expanded: i }) })]
 					})
-				}), /* @__PURE__ */ A("div", {
-					className: Ke({ expanded: i }),
+				}), /* @__PURE__ */ S("div", {
+					className: Ze({ expanded: i }),
 					onTransitionEnd: (e) => {
 						e.propertyName !== "grid-template-rows" || i || s(!1);
 					},
-					children: /* @__PURE__ */ A("div", {
-						className: qe({ expanded: i }),
-						children: /* @__PURE__ */ A("div", {
+					children: /* @__PURE__ */ S("div", {
+						className: Qe({ expanded: i }),
+						children: /* @__PURE__ */ S("div", {
 							id: c,
-							className: We,
+							className: Ye,
 							"aria-hidden": !i,
 							children: o ? r : null
 						})
@@ -231,55 +231,55 @@ var rt = ({ title: e, badge: t, defaultExpanded: n = !0, children: r }) => {
 			})
 		})
 	});
-}, it = M.object({
-	label: M.string(),
-	tone: M.enum(B).optional()
-}), at = M.union([M.number().int().nonnegative(), it]), ot = {
-	props: M.object({
-		title: M.string(),
-		defaultExpanded: M.boolean().optional(),
-		badge: at.optional()
+}, lt = w.object({
+	label: w.string(),
+	tone: w.enum(M).optional()
+}), ut = w.union([w.number().int().nonnegative(), lt]), dt = {
+	props: w.object({
+		title: w.string(),
+		defaultExpanded: w.boolean().optional(),
+		badge: ut.optional()
 	}),
 	slots: ["default"],
 	description: "Collapsible card for the Context panel. Each card holds a single content component as its body. Optional badge shows a count (number) or status label ({ label, tone? }) in the card header. Use defaultExpanded: false to start collapsed."
-}, st = ({ props: e, children: t }) => /* @__PURE__ */ A(rt, {
+}, ft = ({ props: e, children: t }) => /* @__PURE__ */ S(ct, {
 	title: e.title,
 	...e.badge == null ? {} : { badge: e.badge },
 	defaultExpanded: e.defaultExpanded ?? !0,
 	children: t
-}), ct = M.object({
-	label: M.string(),
-	tone: M.enum(B).optional()
-}), lt = M.union([
-	M.string(),
-	M.number(),
-	M.null(),
-	ct
-]), ut = M.object({
-	key: M.string(),
-	header: M.string(),
-	type: M.enum([
+}), pt = w.object({
+	label: w.string(),
+	tone: w.enum(M).optional()
+}), mt = w.union([
+	w.string(),
+	w.number(),
+	w.null(),
+	pt
+]), ht = w.object({
+	key: w.string(),
+	header: w.string(),
+	type: w.enum([
 		"text",
 		"currency",
 		"chip",
 		"delta"
 	]).optional(),
-	sortable: M.boolean().optional()
-}), dt = M.record(M.string(), lt).and(M.object({ id: M.string() })), ft = {
-	props: M.object({
-		columns: M.array(ut),
-		rows: M.array(dt),
-		defaultSortedColumn: M.object({
-			id: M.string(),
-			desc: M.boolean().optional()
+	sortable: w.boolean().optional()
+}), gt = w.record(w.string(), mt).and(w.object({ id: w.string() })), _t = {
+	props: w.object({
+		columns: w.array(ht),
+		rows: w.array(gt),
+		defaultSortedColumn: w.object({
+			id: w.string(),
+			desc: w.boolean().optional()
 		}).optional()
 	}),
 	slots: [],
 	description: "Read-only DataTable for context cards. Column type: text (default), currency, chip, or delta. Chip cells: plain string (neutral tone) or { label, tone } where tone is success | warning | danger | info | neutral. Delta cells: signed string ('+5%', '-3%') or null — positive renders danger-red, negative renders success-green, null renders '–'. Rows must include id."
-}, pt = "_1b4fiav0", mt = "_1b4fiav1";
+}, vt = "_1b4fiav0", yt = "_1b4fiav1";
 //#endregion
 //#region src/context/catalog/context-data-table.tsx
-function ht(e) {
+function bt(e) {
 	if (e == null || e === "" || e === "–" || e === "0" || e === "0%") return {
 		text: "–",
 		sign: "none"
@@ -296,143 +296,143 @@ function ht(e) {
 		sign: "none"
 	};
 }
-var gt = ({ props: e }) => /* @__PURE__ */ A("div", {
-	className: pt,
-	children: /* @__PURE__ */ A(de, {
-		columns: T(() => {
-			let t = pe();
+var xt = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: vt,
+	children: /* @__PURE__ */ S(_e, {
+		columns: v(() => {
+			let t = ve();
 			return e.columns.map((e) => t(e.key, {
 				header: { label: e.header },
 				...e.sortable ? { sortable: !0 } : {},
 				...e.type === "currency" ? { type: "currency" } : {},
 				...e.type === "chip" ? { renderCell: (e) => {
-					let t = tt(e);
-					return t ? /* @__PURE__ */ A(o, {
+					let t = ot(e);
+					return t ? /* @__PURE__ */ S(o, {
 						label: t.label,
 						size: "small",
-						color: $e(t.tone)
+						color: it(t.tone)
 					}) : null;
 				} } : {},
 				...e.type === "delta" ? { renderCell: (e) => {
-					let { text: t, sign: n } = ht(e), r = n === "positive" ? V("danger") : n === "negative" ? V("success") : void 0;
-					return /* @__PURE__ */ A("span", {
-						className: mt,
+					let { text: t, sign: n } = bt(e), r = n === "positive" ? N("danger") : n === "negative" ? N("success") : void 0;
+					return /* @__PURE__ */ S("span", {
+						className: yt,
 						style: r ? { color: r } : void 0,
 						children: t
 					});
 				} } : {}
 			}));
 		}, [e.columns]),
-		data: T(() => e.rows.map((e) => ({ ...e })), [e.rows]),
+		data: v(() => e.rows.map((e) => ({ ...e })), [e.rows]),
 		isSelectable: !1,
 		...e.defaultSortedColumn ? { defaultSortedColumn: {
 			id: e.defaultSortedColumn.id,
 			desc: e.defaultSortedColumn.desc ?? !1
 		} } : {}
 	})
-}), _t = M.object({
-	label: M.string(),
-	url: M.string()
-}), vt = {
-	props: M.object({ items: M.array(_t) }),
+}), St = w.object({
+	label: w.string(),
+	url: w.string()
+}), Ct = {
+	props: w.object({ items: w.array(St) }),
 	slots: [],
 	description: "Vertical list of file attachments and documents. Each row shows a color-coded file-type icon (inferred from the extension: pdf, xlsx/csv, doc/docx, image, or generic) and the filename. Clicking a row opens a preview dialog. Image files render from url; other files show a large icon and a Download footer action. Use for Completed Forms and Attachments sections."
-}, yt = "_1afcqze0", bt = "_1afcqze1", xt = "_1afcqze2", St = "_1afcqze3", Ct = "_1afcqze4", wt = "_1afcqze5", Tt = "_1afcqze6", Et = "_1afcqze7", Dt = "_1afcqze8";
+}, wt = "_1afcqze0", Tt = "_1afcqze1", Et = "_1afcqze2", Dt = "_1afcqze3", Ot = "_1afcqze4", kt = "_1afcqze5", At = "_1afcqze6", jt = "_1afcqze7", Mt = "_1afcqze8";
 //#endregion
 //#region src/context/catalog/context-file-list.tsx
-function Ot(e) {
+function Nt(e) {
 	let t = e.toLowerCase();
 	return t.endsWith(".pdf") ? "pdf" : /\.(xlsx|xls|csv|numbers)$/.test(t) ? "spreadsheet" : /\.(doc|docx|pages)$/.test(t) ? /form/i.test(t.replace(/\.[^.]+$/, "")) ? "form" : "doc" : /\.(txt|rtf|md)$/.test(t) ? "text" : /\.(mp3|wav|aac|m4a|flac|ogg)$/.test(t) ? "audio" : /\.(jpg|jpeg|png|gif|webp|heic|svg)$/.test(t) ? "image" : /form/i.test(t.replace(/\.[^.]+$/, "")) ? "form" : "generic";
 }
-var kt = {
+var Pt = {
 	pdf: {
-		svg: ye,
+		svg: we,
 		color: "#DC2626"
 	},
 	spreadsheet: {
-		svg: be,
+		svg: Te,
 		color: "#16A34A"
 	},
 	doc: {
-		svg: ge,
+		svg: xe,
 		color: "#2563EB"
 	},
 	text: {
-		svg: xe,
+		svg: Ee,
 		color: "#6B7280"
 	},
 	form: {
-		svg: _e,
+		svg: Se,
 		color: "#2563EB"
 	},
 	audio: {
-		svg: he,
+		svg: be,
 		color: "#6B7280"
 	},
 	image: {
-		svg: me,
+		svg: ye,
 		color: "#374151"
 	},
 	generic: {
-		svg: ve,
+		svg: Ce,
 		color: "#6B7280"
 	}
-}, At = { "--a2-mod-icon-font-size": "80px" };
-function jt({ kind: e }) {
-	let { svg: t, color: n } = kt[e];
-	return /* @__PURE__ */ A("div", {
-		className: St,
+}, Ft = { "--a2-mod-icon-font-size": "80px" };
+function It({ kind: e }) {
+	let { svg: t, color: n } = Pt[e];
+	return /* @__PURE__ */ S("div", {
+		className: Dt,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ A(d, {
+		children: /* @__PURE__ */ S(d, {
 			svg: t,
 			size: "medium",
 			color: n
 		})
 	});
 }
-function Mt(e, t) {
+function Lt(e, t) {
 	let n = document.createElement("a");
 	n.href = e, n.download = t, n.target = "_blank", n.rel = "noopener noreferrer", document.body.appendChild(n), n.click(), n.remove();
 }
-function Nt({ label: e }) {
-	return /* @__PURE__ */ A(x, {
+function Rt({ label: e }) {
+	return /* @__PURE__ */ S(h, {
 		variant: "body",
 		size: "regular",
 		text: e,
-		className: Dt
+		className: Mt
 	});
 }
-function Pt({ item: e, kind: t }) {
-	let { svg: n, color: r } = kt[t];
-	return /* @__PURE__ */ j("div", {
-		className: Ct,
-		children: [/* @__PURE__ */ A("div", {
-			className: wt,
-			children: t === "image" ? /* @__PURE__ */ A("img", {
+function zt({ item: e, kind: t }) {
+	let { svg: n, color: r } = Pt[t];
+	return /* @__PURE__ */ C("div", {
+		className: Ot,
+		children: [/* @__PURE__ */ S("div", {
+			className: kt,
+			children: t === "image" ? /* @__PURE__ */ S("img", {
 				src: e.url,
 				alt: e.label,
-				className: Tt
-			}) : /* @__PURE__ */ A("div", {
-				className: Et,
-				children: /* @__PURE__ */ A(d, {
+				className: At
+			}) : /* @__PURE__ */ S("div", {
+				className: jt,
+				children: /* @__PURE__ */ S(d, {
 					svg: n,
 					color: r,
-					style: At
+					style: Ft
 				})
 			})
-		}), /* @__PURE__ */ A(Nt, { label: e.label })]
+		}), /* @__PURE__ */ S(Rt, { label: e.label })]
 	});
 }
-function Ft({ item: e, onPreview: t }) {
-	let n = Ot(e.label);
-	return /* @__PURE__ */ A(y, {
-		className: bt,
+function Bt({ item: e, onPreview: t }) {
+	let n = Nt(e.label);
+	return /* @__PURE__ */ S(m, {
+		className: Tt,
 		padding: "snug",
 		onPress: t,
 		label: `Preview ${e.label}`,
-		content: /* @__PURE__ */ j("div", {
-			className: xt,
-			children: [/* @__PURE__ */ A(jt, { kind: n }), /* @__PURE__ */ A(x, {
+		content: /* @__PURE__ */ C("div", {
+			className: Et,
+			children: [/* @__PURE__ */ S(It, { kind: n }), /* @__PURE__ */ S(h, {
 				variant: "body",
 				size: "compact",
 				text: e.label
@@ -440,14 +440,14 @@ function Ft({ item: e, onPreview: t }) {
 		})
 	});
 }
-function It({ item: e }) {
-	let [t, n] = D(!1), r = Ot(e.label);
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Ft, {
+function Vt({ item: e }) {
+	let [t, n] = b(!1), r = Nt(e.label);
+	return /* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ S(Bt, {
 		item: e,
 		onPreview: () => n(!0)
-	}), /* @__PURE__ */ A(oe, {
+	}), /* @__PURE__ */ S(le, {
 		title: "View Attachment",
-		content: /* @__PURE__ */ A(Pt, {
+		content: /* @__PURE__ */ S(zt, {
 			item: e,
 			kind: r
 		}),
@@ -455,96 +455,96 @@ function It({ item: e }) {
 		onOpenChange: n,
 		...r === "image" ? {} : { primaryAction: {
 			label: "Download",
-			onPress: () => Mt(e.url, e.label)
+			onPress: () => Lt(e.url, e.label)
 		} }
 	})] });
 }
-var Lt = ({ props: e }) => /* @__PURE__ */ A("div", {
-	className: yt,
-	children: e.items.map((e, t) => /* @__PURE__ */ A(It, { item: e }, `${e.label}-${t}`))
-}), Rt = M.object({
-	title: M.string(),
-	identifier: M.string().optional(),
-	identifierHref: M.string().optional(),
-	meta: M.string().optional(),
-	callout: M.string().optional(),
-	calloutTone: M.enum(B).optional(),
-	calloutLabel: M.string().optional()
-}), zt = {
-	props: M.object({ items: M.array(Rt) }),
+var Ht = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: wt,
+	children: e.items.map((e, t) => /* @__PURE__ */ S(Vt, { item: e }, `${e.label}-${t}`))
+}), Ut = w.object({
+	title: w.string(),
+	identifier: w.string().optional(),
+	identifierHref: w.string().optional(),
+	meta: w.string().optional(),
+	callout: w.string().optional(),
+	calloutTone: w.enum(M).optional(),
+	calloutLabel: w.string().optional()
+}), Wt = {
+	props: w.object({ items: w.array(Ut) }),
 	slots: [],
 	description: "Flat list for timesheets and recent jobs. Each item has a required title, optional identifier link + meta on the left, and optional callout + calloutLabel on the right. For grouped procurement records with aligned columns, use ContextTabularList instead."
-}, Bt = "blgld0", Vt = "blgld1", Ht = "blgld2", Ut = "blgld3", Wt = "blgld4", Gt = "blgld5", Kt = "blgld6", qt = "blgld7";
+}, Gt = "blgld0", Kt = "blgld1", qt = "blgld2", Jt = "blgld3", Yt = "blgld4", Xt = "blgld5", Zt = "blgld6", Qt = "blgld7";
 //#endregion
 //#region src/context/catalog/context-list.tsx
-function Jt({ item: e }) {
-	let t = e.calloutTone ? V(e.calloutTone) : void 0, n = e.identifier, r = e.callout != null || e.calloutLabel != null;
-	return /* @__PURE__ */ j("div", {
-		className: Ut,
-		children: [/* @__PURE__ */ j("div", {
-			className: Wt,
-			children: [/* @__PURE__ */ j("div", {
-				className: Gt,
+function $t({ item: e }) {
+	let t = e.calloutTone ? N(e.calloutTone) : void 0, n = e.identifier, r = e.callout != null || e.calloutLabel != null;
+	return /* @__PURE__ */ C("div", {
+		className: Jt,
+		children: [/* @__PURE__ */ C("div", {
+			className: Yt,
+			children: [/* @__PURE__ */ C("div", {
+				className: Xt,
 				children: [
-					n && e.identifierHref ? /* @__PURE__ */ A(se, {
+					n && e.identifierHref ? /* @__PURE__ */ S(de, {
 						href: e.identifierHref,
 						target: "_blank",
 						text: n
-					}) : n ? /* @__PURE__ */ A(x, {
+					}) : n ? /* @__PURE__ */ S(h, {
 						variant: "body",
 						size: "compact",
 						text: n
 					}) : null,
-					n ? /* @__PURE__ */ A("span", {
+					n ? /* @__PURE__ */ S("span", {
 						"aria-hidden": "true",
-						className: Kt
+						className: Zt
 					}) : null,
-					/* @__PURE__ */ A(x, {
+					/* @__PURE__ */ S(h, {
 						variant: "body",
 						size: "regular",
 						text: e.title
 					})
 				]
-			}), e.meta ? /* @__PURE__ */ A(x, {
+			}), e.meta ? /* @__PURE__ */ S(h, {
 				variant: "body",
 				size: "fine",
 				text: e.meta,
-				className: Vt
+				className: Kt
 			}) : null]
-		}), r ? /* @__PURE__ */ j("div", {
-			className: qt,
-			children: [e.callout ? /* @__PURE__ */ A(x, {
+		}), r ? /* @__PURE__ */ C("div", {
+			className: Qt,
+			children: [e.callout ? /* @__PURE__ */ S(h, {
 				variant: "headline",
 				el: "h6",
 				size: "regular",
 				text: e.callout,
 				...t ? { style: { color: t } } : {}
-			}) : null, e.calloutLabel ? /* @__PURE__ */ A(x, {
+			}) : null, e.calloutLabel ? /* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.calloutLabel,
-				className: Vt
+				className: Kt
 			}) : null]
 		}) : null]
 	});
 }
-var Yt = ({ props: e }) => /* @__PURE__ */ A("div", {
-	className: Bt,
-	children: e.items.map((e, t) => /* @__PURE__ */ A("div", {
-		className: Ht,
-		children: /* @__PURE__ */ A(Jt, { item: e })
+var en = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: Gt,
+	children: e.items.map((e, t) => /* @__PURE__ */ S("div", {
+		className: qt,
+		children: /* @__PURE__ */ S($t, { item: e })
 	}, e.identifier ?? e.title ?? t))
-}), Xt = M.object({
-	label: M.string(),
-	value: M.string(),
-	tone: M.enum(B).optional()
-}), Zt = {
-	props: M.object({
-		items: M.array(Xt),
-		columns: M.enum(["3", "4"]).optional()
+}), tn = w.object({
+	label: w.string(),
+	value: w.string(),
+	tone: w.enum(M).optional()
+}), nn = {
+	props: w.object({
+		items: w.array(tn),
+		columns: w.enum(["3", "4"]).optional()
 	}),
 	slots: [],
 	description: "KPI grid with label and value pairs. Optional columns: 3 (default) or 4. Each item supports an optional tone (danger | warning | success | info | neutral) to color the value text."
-}, Qt = z({
+}, rn = j({
 	defaultClassName: "_16tl57e0",
 	variantClassNames: { columns: {
 		3: "_16tl57e1",
@@ -552,17 +552,17 @@ var Yt = ({ props: e }) => /* @__PURE__ */ A("div", {
 	} },
 	defaultVariants: { columns: "3" },
 	compoundVariants: []
-}), $t = "_16tl57e3", en = "_16tl57e4", tn = ({ props: e }) => /* @__PURE__ */ A("div", {
-	className: Qt({ columns: e.columns === "4" ? "4" : "3" }),
+}), an = "_16tl57e3", on = "_16tl57e4", sn = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: rn({ columns: e.columns === "4" ? "4" : "3" }),
 	children: e.items.map((e) => {
-		let t = e.tone ? V(e.tone) : void 0;
-		return /* @__PURE__ */ j("div", {
-			className: en,
-			children: [/* @__PURE__ */ A(x, {
+		let t = e.tone ? N(e.tone) : void 0;
+		return /* @__PURE__ */ C("div", {
+			className: on,
+			children: [/* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.label.toUpperCase(),
-				className: $t
-			}), /* @__PURE__ */ A(x, {
+				className: an
+			}), /* @__PURE__ */ S(h, {
 				variant: "headline",
 				el: "h6",
 				size: "regular",
@@ -571,184 +571,184 @@ var Yt = ({ props: e }) => /* @__PURE__ */ A("div", {
 			})]
 		}, e.label);
 	})
-}), nn = "_2pn4ri0", rn = ({ summary: e }) => /* @__PURE__ */ A("div", {
-	className: nn,
+}), cn = "_2pn4ri0", ln = ({ summary: e }) => /* @__PURE__ */ S("div", {
+	className: cn,
 	"data-carto": "context-ai-summary",
-	children: /* @__PURE__ */ A(y, {
+	children: /* @__PURE__ */ S(m, {
 		highlighted: !0,
 		padding: "snug",
 		role: "status",
 		style: { width: "100%" },
-		content: /* @__PURE__ */ A(x, {
+		content: /* @__PURE__ */ S(h, {
 			variant: "body",
 			size: "regular",
 			text: e
 		})
 	})
-}), an = "_4l9lye0", on = "_4l9lye1", sn = "_4l9lye2", cn = "_4l9lye3", ln = "_4l9lye4", un = M.object({
-	category: M.string().optional(),
-	body: M.string(),
-	author: M.string().optional(),
-	date: M.string().optional(),
-	truncate: M.boolean().optional()
-}), dn = {
-	props: M.object({
-		summary: M.string().optional(),
-		items: M.array(un)
+}), un = "_4l9lye0", dn = "_4l9lye1", fn = "_4l9lye2", pn = "_4l9lye3", P = "_4l9lye4", mn = w.object({
+	category: w.string().optional(),
+	body: w.string(),
+	author: w.string().optional(),
+	date: w.string().optional(),
+	truncate: w.boolean().optional()
+}), hn = {
+	props: w.object({
+		summary: w.string().optional(),
+		items: w.array(mn)
 	}),
 	slots: [],
 	description: "Notes & Summaries list. Optional summary renders an AI-highlighted box at the top. Each item shows an optional category eyebrow (e.g. 'JOB SUMMARY'), body text, and optional author + date at top-right. Set truncate: true on long items to clamp to ~3 lines with an inline More/Less expand."
 };
 //#endregion
 //#region src/context/catalog/context-note-list.tsx
-function fn({ item: e }) {
-	return /* @__PURE__ */ j("div", {
-		className: sn,
-		children: [e.category || e.author || e.date ? /* @__PURE__ */ j("div", {
-			className: cn,
-			children: [e.category ? /* @__PURE__ */ A(x, {
+function gn({ item: e }) {
+	return /* @__PURE__ */ C("div", {
+		className: fn,
+		children: [e.category || e.author || e.date ? /* @__PURE__ */ C("div", {
+			className: pn,
+			children: [e.category ? /* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: e.category,
-				className: ln
-			}) : /* @__PURE__ */ A("span", {}), e.author || e.date ? /* @__PURE__ */ A(x, {
+				className: P
+			}) : /* @__PURE__ */ S("span", {}), e.author || e.date ? /* @__PURE__ */ S(h, {
 				variant: "eyebrow",
 				text: [e.author, e.date].filter(Boolean).join(" · "),
-				className: ln
+				className: P
 			}) : null]
-		}) : null, e.truncate ? /* @__PURE__ */ A(m, {
+		}) : null, e.truncate ? /* @__PURE__ */ S(te, {
 			rows: 3,
 			expandable: !0,
 			expandText: "More",
 			collapseText: "Less",
 			children: e.body
-		}) : /* @__PURE__ */ A(x, {
+		}) : /* @__PURE__ */ S(h, {
 			variant: "body",
 			size: "regular",
 			text: e.body
 		})]
 	});
 }
-var pn = ({ props: e }) => /* @__PURE__ */ j("div", {
-	className: an,
-	children: [e.summary ? /* @__PURE__ */ A("div", {
-		className: on,
-		children: /* @__PURE__ */ A(rn, { summary: e.summary })
-	}) : null, e.items.map((e, t) => /* @__PURE__ */ A(fn, { item: e }, `${e.category ?? ""}-${t}`))]
-}), mn = {
-	props: M.object({ summary: M.string() }),
+var _n = ({ props: e }) => /* @__PURE__ */ C("div", {
+	className: un,
+	children: [e.summary ? /* @__PURE__ */ S("div", {
+		className: dn,
+		children: /* @__PURE__ */ S(ln, { summary: e.summary })
+	}) : null, e.items.map((e, t) => /* @__PURE__ */ S(gn, { item: e }, `${e.category ?? ""}-${t}`))]
+}), vn = {
+	props: w.object({ summary: w.string() }),
 	slots: [],
 	description: "AI-generated overview summary for the Context panel. Optional first child of ContextPanel. Renders as a plain section (not a card): Overview headline with sparkle icon and body text. Leaf node — no children."
-}, hn = "_1ysu3qn0", gn = "_1ysu3qn1", _n = ({ props: t }) => /* @__PURE__ */ j("section", {
-	className: hn,
-	children: [/* @__PURE__ */ j("div", {
-		className: gn,
-		children: [/* @__PURE__ */ A(x, {
+}, yn = "_1ysu3qn0", bn = "_1ysu3qn1", xn = ({ props: t }) => /* @__PURE__ */ C("section", {
+	className: yn,
+	children: [/* @__PURE__ */ C("div", {
+		className: bn,
+		children: [/* @__PURE__ */ S(h, {
 			variant: "headline",
 			el: "h2",
 			size: "substantial",
 			text: "Overview"
-		}), /* @__PURE__ */ A(e, {
+		}), /* @__PURE__ */ S(e, {
 			size: "small",
 			type: "gradient"
 		})]
-	}), /* @__PURE__ */ A(x, {
+	}), /* @__PURE__ */ S(h, {
 		variant: "body",
 		size: "regular",
 		text: t.summary
 	})]
-}), vn = {
-	props: M.object({}),
+}), Sn = {
+	props: w.object({}),
 	slots: ["default"],
 	description: "Root container for the Context panel. MUST be the spec root. Children MUST only be ContextOverview (optional, first) followed by one or more ContextCard components."
-}, yn = "_19nljxi0", bn = ({ children: e }) => /* @__PURE__ */ A("div", {
-	className: yn,
-	children: C.toArray(e).filter(Boolean)
-}), xn = M.object({
-	label: M.string(),
-	value: M.string()
-}), Sn = M.object({
-	eyebrow: M.string().optional(),
-	identifier: M.string().optional(),
-	identifierHref: M.string().optional(),
-	fields: M.array(xn)
-}), Cn = M.object({
-	label: M.string(),
-	items: M.array(Sn)
-}), wn = {
-	props: M.object({ groups: M.array(Cn) }),
+}, F = "_19nljxi0", Cn = ({ children: e }) => /* @__PURE__ */ S("div", {
+	className: F,
+	children: g.toArray(e).filter(Boolean)
+}), wn = w.object({
+	label: w.string(),
+	value: w.string()
+}), Tn = w.object({
+	eyebrow: w.string().optional(),
+	identifier: w.string().optional(),
+	identifierHref: w.string().optional(),
+	fields: w.array(wn)
+}), En = w.object({
+	label: w.string(),
+	items: w.array(Tn)
+}), Dn = {
+	props: w.object({ groups: w.array(En) }),
 	slots: [],
 	description: "Grouped tabular list for procurement-style records. Each group has a vendor label and rows with an optional eyebrow + identifier in the first column and additional label/value field columns (e.g. DATE, AMOUNT). Use inside ContextCard for Procurement sections."
-}, Tn = "_5kl5rv0", En = "_5kl5rv1", Dn = "_5kl5rv2", On = "_5kl5rv3", kn = "_5kl5rv4", An = "_5kl5rv5", jn = "_5kl5rv6";
+}, On = "_5kl5rv0", kn = "_5kl5rv1", An = "_5kl5rv2", I = "_5kl5rv3", jn = "_5kl5rv4", Mn = "_5kl5rv5", Nn = "_5kl5rv6";
 //#endregion
 //#region src/context/catalog/context-tabular-list.tsx
-function Mn(e) {
+function Pn(e) {
 	let t = e + 1;
 	if (t <= 1) return "max-content";
-	let n = `minmax(${Se.size[400]}, 1fr)`;
+	let n = `minmax(${De.size[400]}, 1fr)`;
 	return Array(t).fill("max-content").join(` ${n} `);
 }
-function Nn(e) {
+function Fn(e) {
 	return e * 2 + 1;
 }
-function Pn({ item: e, gridRow: t }) {
+function In({ item: e, gridRow: t }) {
 	let n = (e) => ({
 		style: {
-			gridColumn: Nn(e),
+			gridColumn: Fn(e),
 			gridRow: t
 		},
-		className: jn
+		className: Nn
 	});
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ C("div", {
 		...n(0),
-		children: [e.eyebrow ? /* @__PURE__ */ A(x, {
+		children: [e.eyebrow ? /* @__PURE__ */ S(h, {
 			variant: "eyebrow",
 			text: e.eyebrow,
-			className: On
-		}) : null, e.identifier && e.identifierHref ? /* @__PURE__ */ A(se, {
+			className: I
+		}) : null, e.identifier && e.identifierHref ? /* @__PURE__ */ S(de, {
 			href: e.identifierHref,
 			target: "_blank",
 			text: e.identifier
-		}) : e.identifier ? /* @__PURE__ */ A(x, {
+		}) : e.identifier ? /* @__PURE__ */ S(h, {
 			variant: "body",
 			size: "compact",
 			text: e.identifier
 		}) : null]
-	}), e.fields.map((e, t) => /* @__PURE__ */ j("div", {
+	}), e.fields.map((e, t) => /* @__PURE__ */ C("div", {
 		...n(t + 1),
-		children: [/* @__PURE__ */ A(x, {
+		children: [/* @__PURE__ */ S(h, {
 			variant: "eyebrow",
 			text: e.label,
-			className: On
-		}), /* @__PURE__ */ A(x, {
+			className: I
+		}), /* @__PURE__ */ S(h, {
 			variant: "body",
 			size: "compact",
 			text: e.value
 		})]
 	}, e.label))] });
 }
-var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
-	className: Tn,
+var Ln = ({ props: e }) => /* @__PURE__ */ S("div", {
+	className: On,
 	children: e.groups.map((e) => {
 		let t = e.items[0]?.fields.length ?? 0;
-		return /* @__PURE__ */ j("div", {
-			className: En,
-			children: [/* @__PURE__ */ A("div", {
-				className: Dn,
-				children: /* @__PURE__ */ A(x, {
+		return /* @__PURE__ */ C("div", {
+			className: kn,
+			children: [/* @__PURE__ */ S("div", {
+				className: An,
+				children: /* @__PURE__ */ S(h, {
 					variant: "headline",
 					el: "h5",
 					size: "regular",
 					text: e.label
 				})
-			}), /* @__PURE__ */ A("div", {
-				className: kn,
-				style: { gridTemplateColumns: Mn(t) },
+			}), /* @__PURE__ */ S("div", {
+				className: jn,
+				style: { gridTemplateColumns: Pn(t) },
 				children: e.items.map((e, t) => {
 					let n = t * 2 + 1;
-					return /* @__PURE__ */ j(le, { children: [t > 0 ? /* @__PURE__ */ A("div", {
-						className: An,
+					return /* @__PURE__ */ C(me, { children: [t > 0 ? /* @__PURE__ */ S("div", {
+						className: Mn,
 						style: { gridRow: t * 2 }
-					}) : null, /* @__PURE__ */ A(Pn, {
+					}) : null, /* @__PURE__ */ S(In, {
 						item: e,
 						gridRow: n
 					})] }, e.identifier ?? e.eyebrow ?? t);
@@ -756,100 +756,100 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			})]
 		}, e.label);
 	})
-}), H = {
-	ContextPanel: vn,
-	ContextOverview: mn,
-	ContextCard: ot
-}, U = {
-	ContextNoteList: dn,
-	ContextMetricGrid: Zt,
-	ContextDataTable: ft,
-	ContextList: zt,
-	ContextTabularList: wn,
-	ContextFileList: vt
-}, W = {
+}), L = {
+	ContextPanel: Sn,
+	ContextOverview: vn,
+	ContextCard: dt
+}, R = {
+	ContextNoteList: hn,
+	ContextMetricGrid: nn,
+	ContextDataTable: _t,
+	ContextList: Wt,
+	ContextTabularList: Dn,
+	ContextFileList: Ct
+}, z = {
 	"atlas.submitUserAction": {
-		params: M.object({
-			data: M.record(M.string(), M.unknown()).optional(),
-			actionId: M.string().optional()
+		params: w.object({
+			data: w.record(w.string(), w.unknown()).optional(),
+			actionId: w.string().optional()
 		}),
 		description: "Submit form data. actionId overrides default \"form_submit\" identifier."
 	},
 	"atlas.navigate": {
-		params: M.object({ url: M.string() }),
+		params: w.object({ url: w.string() }),
 		description: "Navigate to a URL or internal route. External URLs (http/https) open in a new tab; internal route strings navigate within the app."
 	},
 	"atlas.artifactToolCall": {
-		params: M.object({
-			tool: M.string(),
-			args: M.record(M.string(), M.unknown()).optional()
+		params: w.object({
+			tool: w.string(),
+			args: w.record(w.string(), w.unknown()).optional()
 		}),
 		description: "Invoke a tool on the active artifact panel app (an MCP-backed MFE). args is the tool argument payload; if omitted the current form state is sent."
 	}
-}, In = {
+}, Rn = {
 	"atlas.submitUserAction": async (e) => {},
 	"atlas.navigate": async (e) => {},
 	"atlas.artifactToolCall": async (e) => {}
-}, Ln = {
-	props: M.object({
-		title: M.string(),
-		status: M.enum([
+}, zn = {
+	props: w.object({
+		title: w.string(),
+		status: w.enum([
 			"info",
 			"success",
 			"warning",
 			"danger"
 		]).optional(),
-		dismissible: M.boolean().optional(),
-		aiMark: M.boolean().optional()
+		dismissible: w.boolean().optional(),
+		aiMark: w.boolean().optional()
 	}),
 	slots: ["default"],
 	events: ["close"],
 	description: "Inline notification banner with a required title. status: info (default) | success | warning | danger — danger for errors, warning for cautions, success for confirmations. Put the main message in the alert's children (rendered below the title). dismissible: true adds a close button that emits a \"close\" event."
-}, Rn = {
-	props: M.object({
-		data: M.array(M.object({
-			category: M.string(),
-			value: M.number()
+}, Bn = {
+	props: w.object({
+		data: w.array(w.object({
+			category: w.string(),
+			value: w.number()
 		})),
-		orientation: M.enum(["vertical", "horizontal"]).optional(),
-		theme: M.enum([
+		orientation: w.enum(["vertical", "horizontal"]).optional(),
+		theme: w.enum([
 			"monochrome",
 			"categorical",
 			"semantic"
 		]).optional(),
-		height: M.number().optional(),
-		unit: M.string().optional()
+		height: w.number().optional(),
+		unit: w.string().optional()
 	}),
 	slots: [],
 	description: "Bar chart (vertical or horizontal) with Anvil2 theme. data: [{category, value}]. theme: monochrome (default, ≤4 vars), categorical (5-9 distinct), semantic (success/neutral/warning/danger order). unit: tooltip suffix."
-}, zn = {
-	props: M.object({
-		label: M.string(),
-		appearance: M.enum([
+}, Vn = {
+	props: w.object({
+		label: w.string(),
+		appearance: w.enum([
 			"primary",
 			"secondary",
 			"ghost",
 			"danger"
 		]).optional(),
-		size: M.enum([
+		size: w.enum([
 			"xsmall",
 			"small",
 			"medium",
 			"large"
 		]).optional(),
-		loading: M.boolean().optional(),
-		disabled: M.boolean().optional(),
-		badge: M.string().optional()
+		loading: w.boolean().optional(),
+		disabled: w.boolean().optional(),
+		badge: w.string().optional()
 	}),
 	slots: [],
 	events: ["press"],
 	description: "Clickable button. Emits a \"press\" event when clicked; inside a form the host treats press as a submit and uses the element key as the actionId, so no explicit on.press wiring is needed for form submits. appearance: primary | secondary (default) | ghost | danger (destructive actions like delete/cancel). size: xsmall | small | medium (default) | large. loading: true shows a spinner and blocks interaction. disabled: true prevents interaction. badge: optional notification count shown as a superscript (e.g. \"3\", \"99+\"); use an empty string for a dot-only indicator."
-}, Bn = {
-	props: M.object({
-		title: M.string().optional(),
-		description: M.string().optional(),
-		background: M.enum(["strong", "stronger"]).optional(),
-		padding: M.enum([
+}, Hn = {
+	props: w.object({
+		title: w.string().optional(),
+		description: w.string().optional(),
+		background: w.enum(["strong", "stronger"]).optional(),
+		padding: w.enum([
 			"0",
 			"xsmall",
 			"small",
@@ -859,34 +859,34 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 	}),
 	slots: ["default"],
 	description: "White surface that groups a logical section of related content. title: optional headline rendered at the top of the card. description: optional subdued line below the title. Children render below the header and are stacked vertically with consistent spacing — you do not need to wrap them in a Flex. Prefer the built-in title/description over standalone Text children for the heading. background: strong | stronger for nested/elevated surfaces. padding: 0 | xsmall | small | medium (default) | large. Do not nest a Card inside another Card."
-}, Vn = {
-	props: M.object({
-		label: M.string(),
-		checked: M.boolean().optional(),
-		disabled: M.boolean().optional()
+}, Un = {
+	props: w.object({
+		label: w.string(),
+		checked: w.boolean().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Checkbox for selecting zero or more independent options that are submitted with a form (one Checkbox per option). For a single on/off setting with immediate effect prefer Switch. Bind state with $bindState on checked; emits a \"change\" event when toggled. disabled: true prevents toggling."
-}, Hn = {
-	props: M.object({
-		label: M.string(),
-		size: M.enum(["small", "medium"]).optional(),
-		color: M.string().optional(),
-		icon: M.enum([
+}, Wn = {
+	props: w.object({
+		label: w.string(),
+		size: w.enum(["small", "medium"]).optional(),
+		color: w.string().optional(),
+		icon: w.enum([
 			"check-circle",
 			"in-progress",
 			"radio-button-unchecked"
 		]).optional(),
-		removable: M.boolean().optional()
+		removable: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["close"],
 	description: "Inline label pill for metadata, tags, or categories — use for job statuses, not notification counts (use a Button/Link badge prop for those). size: small | medium (default). color: any CSS color. icon: optional leading status icon. removable: true adds a close button that emits a \"close\" event (ignored when size=small)."
-}, Un = {
-	props: M.object({
-		vertical: M.boolean().optional(),
-		spacing: M.enum([
+}, Gn = {
+	props: w.object({
+		vertical: w.boolean().optional(),
+		spacing: w.enum([
 			"0",
 			"half",
 			"1",
@@ -898,7 +898,7 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"8",
 			"12"
 		]).optional(),
-		alignContent: M.enum([
+		alignContent: w.enum([
 			"start",
 			"center",
 			"end"
@@ -906,62 +906,27 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 	}),
 	slots: [],
 	description: "Horizontal (default) or vertical rule that separates content sections. vertical: true for a vertical separator between side-by-side content. spacing (space around the divider, ~4px per step): 0 (default) | half | 1–6 | 8 | 12. alignContent: alignment of any divider content (start | center | end). Place between logical sections — not as a top/bottom border of a container."
-}, Wn = {
-	props: M.object({
-		data: M.array(M.object({
-			category: M.string(),
-			value: M.number()
+}, Kn = {
+	props: w.object({
+		data: w.array(w.object({
+			category: w.string(),
+			value: w.number()
 		})),
-		theme: M.enum([
+		theme: w.enum([
 			"monochrome",
 			"categorical",
 			"semantic"
 		]).optional(),
-		showLegend: M.boolean().optional(),
-		height: M.number().optional(),
-		unit: M.string().optional()
+		showLegend: w.boolean().optional(),
+		height: w.number().optional(),
+		unit: w.string().optional()
 	}),
 	slots: [],
 	description: "Donut chart with optional legend and Anvil2 theme. data: [{category, value}]. theme: monochrome (≤4 vars), categorical (5-9 distinct), semantic (status values)."
-}, G = M.object({
-	name: M.string(),
-	email: M.string().email()
-}), K = M.object({
-	name: M.string(),
-	id: M.string()
-}), Gn = {
-	props: M.object({
-		to: M.array(G),
-		cc: M.array(G).optional(),
-		contactOptions: M.array(G).optional(),
-		subject: M.string().optional(),
-		body: M.string().optional(),
-		attachments: M.array(K).optional(),
-		attachmentOptions: M.array(K).optional(),
-		forms: M.array(K).optional(),
-		formOptions: M.array(K).optional(),
-		errorTitle: M.string().optional(),
-		errorMessage: M.string().optional(),
-		retryLabel: M.string().optional(),
-		sendLabel: M.string().optional(),
-		discardLabel: M.string().optional(),
-		disabled: M.boolean().optional()
-	}),
-	slots: [],
-	events: [
-		"send",
-		"discard",
-		"retry",
-		"toChange",
-		"ccChange",
-		"attachmentsChange",
-		"formsChange"
-	],
-	description: "Agent-drafted outbound email for user review before send. Use instead of stacking separate Input/Textarea fields when the agent is composing an email with recipients, subject, body, file attachments, and completed forms. EmailCard is a standalone root — do NOT wrap it in Card or Flex. Title is always \"Draft Email\". Shows editable fields with full-width Send email (primary) and Dismiss (ghost) actions. Contacts (to, cc) are objects with both name and email — never bare email strings. Example: { \"name\": \"Johnson Residence\", \"email\": \"billing@johnsonresidence.com\" }. To is required — at least one recipient before send. Users can type a new email address and press Enter to add a recipient not in contactOptions. Attachments and forms are objects with name (display label) and id (stable entity id the host uses on send). Example attachment: { \"name\": \"AR Aging Detail.pdf\", \"id\": \"file-4821-aging\" }. contactOptions supplies the typeahead search pool for To/CC; when omitted, selected contacts are used as the only suggestions. attachmentOptions / formOptions supply MultiSelectField choices; when omitted, the current attachments/forms arrays define the option set. Set errorTitle and/or errorMessage to show a danger Alert above the form (defaults title to \"Unable to complete your request\"); wire on.retry for the Alert retry action. Wire on.send / on.discard for primary actions; on.toChange / on.ccChange / on.attachmentsChange / on.formsChange when the host must react to incremental edits. Bind to, cc, subject, body, attachments, and forms with $bindState (e.g. `/to`, `/cc`, `/subject`, `/body`, `/attachments`, `/forms`) — seed initial values in spec `state`; the renderer writes user edits to those paths. Read the full draft via getSnapshot() in on.send."
-}, Kn = {
-	props: M.object({
-		direction: M.enum(["row", "column"]).optional(),
-		gap: M.enum([
+}, qn = {
+	props: w.object({
+		direction: w.enum(["row", "column"]).optional(),
+		gap: w.enum([
 			"0",
 			"half",
 			"1",
@@ -973,14 +938,14 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"8",
 			"12"
 		]).optional(),
-		alignItems: M.enum([
+		alignItems: w.enum([
 			"center",
 			"flex-start",
 			"flex-end",
 			"stretch",
 			"baseline"
 		]).optional(),
-		justifyContent: M.enum([
+		justifyContent: w.enum([
 			"center",
 			"flex-start",
 			"flex-end",
@@ -988,7 +953,7 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"space-around",
 			"space-evenly"
 		]).optional(),
-		alignSelf: M.enum([
+		alignSelf: w.enum([
 			"auto",
 			"center",
 			"flex-start",
@@ -996,22 +961,22 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"stretch",
 			"baseline"
 		]).optional(),
-		wrap: M.enum([
+		wrap: w.enum([
 			"wrap",
 			"nowrap",
 			"wrap-reverse"
 		]).optional(),
-		grow: M.number().optional(),
-		shrink: M.number().optional(),
-		basis: M.string().optional(),
-		inline: M.boolean().optional()
+		grow: w.number().optional(),
+		shrink: w.number().optional(),
+		basis: w.string().optional(),
+		inline: w.boolean().optional()
 	}),
 	slots: ["default"],
 	description: "Flex layout container. direction: row (default) | column — always set column when stacking children vertically. gap (spacing token, ~4px per step): half=2px 1=4px 2=8px 3=12px 4=16px 5=20px 6=24px 8=32px 12=48px. alignItems: cross-axis alignment of children. justifyContent: main-axis distribution. When this Flex is itself a child of another Flex, use grow (1=fill available space), shrink, basis (CSS flex-basis e.g. \"200px\"), and alignSelf to control how it flexes."
-}, qn = {
-	props: M.object({
-		templateColumns: M.string().optional(),
-		gap: M.enum([
+}, Jn = {
+	props: w.object({
+		templateColumns: w.string().optional(),
+		gap: w.enum([
 			"0",
 			"half",
 			"1",
@@ -1023,63 +988,63 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"8",
 			"12"
 		]).optional(),
-		bordered: M.boolean().optional()
+		bordered: w.boolean().optional()
 	}),
 	slots: ["default"],
 	description: "CSS Grid layout. templateColumns: CSS grid-template-columns value — \"repeat(3, 1fr)\" for equal columns, \"200px 1fr\" for fixed+flex two-column (e.g. key-value tables), \"1fr 1fr 80px\" for multi-column tables. Children flow into grid cells left-to-right, top-to-bottom. gap (spacing token, ~4px per step): 1=4px 2=8px … 6=24px 8=32px 12=48px (default 2). bordered: true renders a bordered table with row separators and cell padding — use for key-value and data tables."
-}, Jn = M.discriminatedUnion("type", [
-	M.object({
-		type: M.literal("text"),
-		value: M.string()
+}, Yn = w.discriminatedUnion("type", [
+	w.object({
+		type: w.literal("text"),
+		value: w.string()
 	}),
-	M.object({
-		type: M.literal("diff"),
-		from: M.string().nullable().optional(),
-		to: M.string().nullable().optional()
+	w.object({
+		type: w.literal("diff"),
+		from: w.string().nullable().optional(),
+		to: w.string().nullable().optional()
 	}),
-	M.object({
-		type: M.literal("addition"),
-		value: M.string()
+	w.object({
+		type: w.literal("addition"),
+		value: w.string()
 	})
-]), Yn = M.union([M.string(), Jn]), Xn = M.object({
-	key: M.string(),
-	header: M.string(),
-	minWidth: M.enum([
+]), Xn = w.union([w.string(), Yn]), Zn = w.object({
+	key: w.string(),
+	header: w.string(),
+	minWidth: w.enum([
 		"compact",
 		"standard",
 		"wide"
 	]).optional()
-}), Zn = M.record(M.string(), Yn).and(M.object({ id: M.string() })), Qn = M.object({
-	label: M.string(),
-	columns: M.array(Xn),
-	data: M.array(Zn),
-	reason: M.string().optional()
-}), $n = M.object({
-	id: M.string(),
-	label: M.string(),
-	from: M.string().nullable().optional(),
-	to: M.string().nullable().optional(),
-	reason: M.string().optional()
-}), er = M.object({
-	type: M.literal("single"),
-	changes: M.array($n)
-}), tr = M.object({
-	type: M.literal("table"),
-	label: M.string(),
-	changeTables: M.array(Qn)
-}), nr = M.discriminatedUnion("type", [er, tr]), rr = {
-	props: M.object({
-		state: M.enum([
+}), Qn = w.record(w.string(), Xn).and(w.object({ id: w.string() })), $n = w.object({
+	label: w.string(),
+	columns: w.array(Zn),
+	data: w.array(Qn),
+	reason: w.string().optional()
+}), er = w.object({
+	id: w.string(),
+	label: w.string(),
+	from: w.string().nullable().optional(),
+	to: w.string().nullable().optional(),
+	reason: w.string().optional()
+}), tr = w.object({
+	type: w.literal("single"),
+	changes: w.array(er)
+}), nr = w.object({
+	type: w.literal("table"),
+	label: w.string(),
+	changeTables: w.array($n)
+}), rr = w.discriminatedUnion("type", [tr, nr]), ir = {
+	props: w.object({
+		state: w.enum([
 			"default",
 			"accepted",
 			"rejected",
 			"skipped"
 		]).optional(),
-		referenceLabel: M.string(),
-		referenceHref: M.string().optional(),
-		changeSections: M.array(nr),
-		appliedChangeIds: M.array(M.string()).optional(),
-		defaultExpanded: M.boolean().optional()
+		referenceLabel: w.string(),
+		referenceHref: w.string().optional(),
+		changeSections: w.array(rr),
+		appliedChangeIds: w.array(w.string()).optional(),
+		defaultExpanded: w.boolean().optional()
 	}),
 	slots: [],
 	events: [
@@ -1088,28 +1053,28 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 		"dismiss"
 	],
 	description: "Suggested-change review card for Atlas agent chat. Use in the default state while the user can accept, edit, or dismiss AI-proposed updates to an estimate/invoice. state: default (selectable diffs + actions) | accepted (collapsible accepted summary) | rejected | skipped (collapsible read-only summaries). Bind state and appliedChangeIds with $bindState so apply/reject can update lifecycle state locally. Checkbox selection is managed internally and defaults to all single-change and table-row ids selected. changeSections[] defines ordered body content: type single (changes[] with label/from/to/reason) or type table (label + changeTables[] with editable labels, columns[{ key, header, minWidth? }], data, optional reason). Each data row requires a top-level id for selection/filtering — do NOT add an id column; use keys like code, sku, or name for visible identifiers. Column minWidth presets: compact (codes/SKUs/quantities) | standard (names/dates) | wide (descriptions/diffs) — omit when flexible. Table cell rendering is defined per cell via plain string or { type: text | diff | addition, ... }. appliedChangeIds filters accepted-state content. referenceHref opens the linked record in a new tab. Emits apply, edit, and dismiss."
-}, ir = {
-	props: M.object({
-		name: M.enum([
+}, ar = {
+	props: w.object({
+		name: w.enum([
 			"check-circle",
 			"in-progress",
 			"radio-button-unchecked"
 		]),
-		size: M.enum([
+		size: w.enum([
 			"small",
 			"medium",
 			"large",
 			"xlarge"
 		]).optional(),
-		color: M.string().optional()
+		color: w.string().optional()
 	}),
 	slots: [],
 	description: "Small status icon. name (only these three are available): check-circle=completed/success checkmark, in-progress=partial circle (active/working), radio-button-unchecked=empty circle (pending/not started). size: small | medium (default) | large | xlarge. color: any CSS color (defaults to the current text color). Commonly paired with status Text in lists and checklists."
-}, ar = {
-	props: M.object({
-		label: M.string(),
-		placeholder: M.string().optional(),
-		type: M.enum([
+}, or = {
+	props: w.object({
+		label: w.string(),
+		placeholder: w.string().optional(),
+		type: w.enum([
 			"text",
 			"password",
 			"email",
@@ -1117,145 +1082,144 @@ var Fn = ({ props: e }) => /* @__PURE__ */ A("div", {
 			"url",
 			"number"
 		]).optional(),
-		value: M.string().optional(),
-		disabled: M.boolean().optional()
+		value: w.string().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Free-text input field for user-typed values (names, notes, numbers, etc). type: text (default), password (masked), email, tel (phone), url, number. Bind value with $bindState so the typed value is captured in state; emits a \"change\" event on every keystroke. Prefer this over Listbox when the value is not from a fixed list. disabled: true prevents editing."
-}, or = {
-	props: M.object({
-		data: M.array(M.record(M.string(), M.union([M.string(), M.number()]))),
-		series: M.array(M.string()).optional(),
-		theme: M.enum([
+}, B = {
+	props: w.object({
+		data: w.array(w.record(w.string(), w.union([w.string(), w.number()]))),
+		series: w.array(w.string()).optional(),
+		theme: w.enum([
 			"monochrome",
 			"categorical",
 			"semantic"
 		]).optional(),
-		showLegend: M.boolean().optional(),
-		showDots: M.boolean().optional(),
-		height: M.number().optional(),
-		unit: M.string().optional()
+		showLegend: w.boolean().optional(),
+		showDots: w.boolean().optional(),
+		height: w.number().optional(),
+		unit: w.string().optional()
 	}),
 	slots: [],
 	description: "Line chart for tracking trends over time with optional multiple series. data: array of objects with a \"category\" key (x-axis label) and one numeric key per series (e.g. [{category: \"Jan\", revenue: 100, cost: 60}]). series: explicit list of series keys to plot (inferred from data keys if omitted, max 6). theme: monochrome (1-2 series), categorical (3-6 distinct). showLegend: true when multiple series (default true for 2+ series). showDots: true adds data-point markers (default true). unit: tooltip value suffix."
 }, sr = {
-	props: M.object({
-		label: M.string(),
-		href: M.string(),
-		appearance: M.enum(["primary", "secondary"]).optional(),
-		target: M.enum(["_blank", "_self"]).optional(),
-		ghost: M.boolean().optional(),
-		badge: M.string().optional()
+	props: w.object({
+		label: w.string(),
+		href: w.string(),
+		appearance: w.enum(["primary", "secondary"]).optional(),
+		target: w.enum(["_blank", "_self"]).optional(),
+		ghost: w.boolean().optional(),
+		badge: w.string().optional()
 	}),
 	slots: [],
 	events: ["press"],
 	description: "Inline navigation link (renders an <a>). Emits a \"press\" event when clicked — handle navigation in on.press; href and target are inputs for the host/router rather than native browser navigation. href: destination URL for the host/router. appearance: primary (default) | secondary. target: _blank marks the link as external (shows external-link icon) and lets the host open a new tab if desired. ghost: quieter styling (primary only). badge: optional notification count shown as a superscript (e.g. \"5\"); use an empty string for a dot-only indicator."
 }, cr = {
-	props: M.object({
-		label: M.string(),
-		options: M.array(M.object({
-			value: M.string(),
-			label: M.string()
+	props: w.object({
+		label: w.string(),
+		options: w.array(w.object({
+			value: w.string(),
+			label: w.string()
 		})),
-		value: M.string().optional(),
-		disabled: M.boolean().optional()
+		value: w.string().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Single-select dropdown for choosing one value from a fixed list of known options. options: [{ value, label }] — value is stored in state, label is shown. Bind the selection with $bindState on value; emits a \"change\" event on selection. Use only when options are predefined; for free-text user input use Input, and for 2–7 visible mutually-exclusive choices prefer RadioGroup. disabled: true prevents selection."
 }, lr = {
-	props: M.object({
-		label: M.string(),
-		value: M.number().min(0).max(100).optional(),
-		description: M.string().optional(),
-		indeterminate: M.boolean().optional()
+	props: w.object({
+		label: w.string(),
+		value: w.number().min(0).max(100).optional(),
+		description: w.string().optional(),
+		indeterminate: w.boolean().optional()
 	}),
 	slots: [],
 	description: "Horizontal progress bar showing task completion. label is required (the accessible name for the bar). value: 0–100 percentage filled. Omit value and set indeterminate=true when progress cannot be measured (do not set both). description: optional helper text shown below the bar."
 }, ur = {
-	props: M.object({
-		label: M.string(),
-		options: M.array(M.object({
-			value: M.string(),
-			label: M.string()
+	props: w.object({
+		label: w.string(),
+		options: w.array(w.object({
+			value: w.string(),
+			label: w.string()
 		})),
-		value: M.string().optional(),
-		disabled: M.boolean().optional()
+		value: w.string().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Group of radio buttons for picking one option from 2–7 visible mutually-exclusive choices. options: [{ value, label }]. Bind the selection with $bindState on value; emits a \"change\" event on selection. For longer option lists use Listbox. disabled: true prevents selection."
 }, dr = {
-	props: M.object({
-		label: M.string(),
-		checked: M.boolean().optional(),
-		disabled: M.boolean().optional()
+	props: w.object({
+		label: w.string(),
+		checked: w.boolean().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Toggle switch for a single binary on/off setting with immediate effect (no form submit). Prefer over Checkbox for enabling/disabling features. Bind state with $bindState on checked; emits a \"change\" event when toggled. disabled: true prevents toggling."
 }, fr = {
-	props: M.object({
-		content: M.string(),
-		variant: M.enum([
+	props: w.object({
+		content: w.string(),
+		variant: w.enum([
 			"headline",
 			"body",
 			"eyebrow"
 		]).optional(),
-		size: M.enum([
+		size: w.enum([
 			"small",
 			"medium",
 			"large",
 			"xlarge"
 		]).optional(),
-		subdued: M.boolean().optional()
+		subdued: w.boolean().optional()
 	}),
 	slots: [],
 	description: "Display text. variant: headline=bold title, eyebrow=small uppercase label, body=default (default variant). size: small | medium (default) | large | xlarge — applies to headline and body only (ignored for eyebrow). subdued: deemphasized secondary text (body only). Use eyebrow+headline pairs for KPI/stat labels above values."
 }, pr = {
-	props: M.object({
-		label: M.string(),
-		placeholder: M.string().optional(),
-		description: M.string().optional(),
-		moreInfo: M.string().optional(),
-		value: M.string().optional(),
-		rows: M.number().optional(),
-		disabled: M.boolean().optional()
+	props: w.object({
+		label: w.string(),
+		placeholder: w.string().optional(),
+		description: w.string().optional(),
+		moreInfo: w.string().optional(),
+		value: w.string().optional(),
+		rows: w.number().optional(),
+		disabled: w.boolean().optional()
 	}),
 	slots: [],
 	events: ["change"],
 	description: "Multi-line free-text input for long values (notes, descriptions, email body). Bind value with $bindState; emits a \"change\" event on every keystroke. rows: visible row count (default 3). description: helper text below the field. moreInfo: tooltip text on the label. disabled: true prevents editing."
-}, q = {
+}, V = {
 	Text: fr,
-	Card: Bn,
-	Flex: Kn,
-	Grid: qn,
-	Alert: Ln,
-	Divider: Un,
-	EmailCard: Gn,
-	Icon: ir,
-	Chip: Hn,
+	Card: Hn,
+	Flex: qn,
+	Grid: Jn,
+	Alert: zn,
+	Divider: Gn,
+	Icon: ar,
+	Chip: Wn,
 	Link: sr,
 	ProgressBar: lr,
-	BarChart: Rn,
-	DonutChart: Wn,
-	LineChart: or,
-	Button: zn,
-	Checkbox: Vn,
-	Input: ar,
+	BarChart: Bn,
+	DonutChart: Kn,
+	LineChart: B,
+	Button: Vn,
+	Checkbox: Un,
+	Input: or,
 	Textarea: pr,
 	Listbox: cr,
 	RadioGroup: ur,
 	Switch: dr,
-	GuidanceCard: rr
+	GuidanceCard: ir
 };
 //#endregion
 //#region src/scoped-catalog.ts
-function mr(e = {}) {
+function H(e = {}) {
 	let { core: t = "all", overrides: n = {}, components: r = {} } = e, i = {
-		...t === "all" ? { ...q } : Object.fromEntries(t.map((e) => {
-			let t = q[e];
+		...t === "all" ? { ...V } : Object.fromEntries(t.map((e) => {
+			let t = V[e];
 			if (!t) throw Error(`Unknown core component: ${String(e)}`);
 			return [e, t];
 		})),
@@ -1272,18 +1236,18 @@ function mr(e = {}) {
 	}
 	return i;
 }
-function hr(e) {
+function mr(e) {
 	return e;
 }
-function gr(e) {
-	let t = mr({
+function hr(e) {
+	let t = H({
 		core: e.core ?? "all",
 		...e.overrides ? { overrides: e.overrides } : {},
 		...e.components ? { components: e.components } : {}
-	}), n = Object.fromEntries(Object.entries(e.actions ?? {}).map(([t, n]) => [`${e.prefix}.${t}`, n])), r = N(F, {
+	}), n = Object.fromEntries(Object.entries(e.actions ?? {}).map(([t, n]) => [`${e.prefix}.${t}`, n])), r = T(D, {
 		components: t,
 		actions: {
-			...W,
+			...z,
 			...n
 		}
 	});
@@ -1303,7 +1267,7 @@ function gr(e) {
 		}
 	};
 }
-var _r = mr({
+var gr = H({
 	core: [
 		"Text",
 		"Chip",
@@ -1312,96 +1276,96 @@ var _r = mr({
 	],
 	overrides: { Link: { append: "In a context panel, links appear inside content primitives (ContextList, ContextTabularList identifier links, ContextNoteList, etc.); use a standalone Link only for inline references within rich text." } },
 	components: {
-		...H,
-		...U
+		...L,
+		...R
 	}
-}), vr = N(F, {
-	components: _r,
-	actions: W
-}), yr = [
+}), _r = T(D, {
+	components: gr,
+	actions: z
+}), U = [
 	{
 		name: "ContextPanel",
-		catalog: H.ContextPanel,
-		renderer: bn,
+		catalog: L.ContextPanel,
+		renderer: Cn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextOverview",
-		catalog: H.ContextOverview,
-		renderer: _n,
+		catalog: L.ContextOverview,
+		renderer: xn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextCard",
-		catalog: H.ContextCard,
-		renderer: st,
+		catalog: L.ContextCard,
+		renderer: ft,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextNoteList",
-		catalog: U.ContextNoteList,
-		renderer: pn,
+		catalog: R.ContextNoteList,
+		renderer: _n,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextMetricGrid",
-		catalog: U.ContextMetricGrid,
-		renderer: tn,
+		catalog: R.ContextMetricGrid,
+		renderer: sn,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextDataTable",
-		catalog: U.ContextDataTable,
-		renderer: gt,
+		catalog: R.ContextDataTable,
+		renderer: xt,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextList",
-		catalog: U.ContextList,
-		renderer: Yt,
+		catalog: R.ContextList,
+		renderer: en,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextTabularList",
-		catalog: U.ContextTabularList,
-		renderer: Fn,
+		catalog: R.ContextTabularList,
+		renderer: Ln,
 		renderers: ["context"]
 	},
 	{
 		name: "ContextFileList",
-		catalog: U.ContextFileList,
-		renderer: Lt,
+		catalog: R.ContextFileList,
+		renderer: Ht,
 		renderers: ["context"]
 	}
 ];
-Object.fromEntries(yr.filter(({ name: e }) => e in H).map(({ name: e, renderer: t }) => [e, t])), Object.fromEntries(yr.filter(({ name: e }) => e in U).map(({ name: e, renderer: t }) => [e, t]));
+Object.fromEntries(U.filter(({ name: e }) => e in L).map(({ name: e, renderer: t }) => [e, t])), Object.fromEntries(U.filter(({ name: e }) => e in R).map(({ name: e, renderer: t }) => [e, t]));
 //#endregion
 //#region src/context/constants.ts
-var br = [
+var vr = [
 	"ContextPanel",
 	"ContextOverview",
 	"ContextCard"
-], xr = ["ContextOverview", "ContextCard"];
-function Sr(e) {
-	return br.includes(e);
+], yr = ["ContextOverview", "ContextCard"];
+function br(e) {
+	return vr.includes(e);
 }
-function Cr(e) {
-	return xr.includes(e);
+function xr(e) {
+	return yr.includes(e);
 }
 //#endregion
 //#region src/context/validate-context-spec.ts
-function J(e, t) {
+function W(e, t) {
 	return e.elements[t];
 }
-function wr(e, t, n = /* @__PURE__ */ new Set()) {
-	let r = J(e, t);
+function Sr(e, t, n = /* @__PURE__ */ new Set()) {
+	let r = W(e, t);
 	if (!r || n.has(t)) return n;
 	n.add(t);
-	for (let t of r.children ?? []) wr(e, t, n);
+	for (let t of r.children ?? []) Sr(e, t, n);
 	return n;
 }
-function Tr(e) {
-	let t = [], n = e.root, r = J(e, n);
+function G(e) {
+	let t = [], n = e.root, r = W(e, n);
 	if (!r) return t.push({
 		path: "/root",
 		message: "Root element is missing from elements map."
@@ -1412,7 +1376,7 @@ function Tr(e) {
 	}), t;
 	let i = 0;
 	for (let n of r.children ?? []) {
-		let r = J(e, n);
+		let r = W(e, n);
 		if (!r) {
 			t.push({
 				path: `/elements/${n}`,
@@ -1420,7 +1384,7 @@ function Tr(e) {
 			});
 			continue;
 		}
-		if (!Cr(r.type)) {
+		if (!xr(r.type)) {
 			t.push({
 				path: `/elements/${n}`,
 				message: `Direct child of ContextPanel must be ContextOverview or ContextCard — got "${r.type}".`
@@ -1431,10 +1395,10 @@ function Tr(e) {
 			path: `/elements/${n}`,
 			message: "ContextOverview may appear at most once in ContextPanel."
 		}));
-		for (let r of wr(e, n)) {
+		for (let r of Sr(e, n)) {
 			if (r === n) continue;
-			let i = J(e, r);
-			i && Sr(i.type) && t.push({
+			let i = W(e, r);
+			i && br(i.type) && t.push({
 				path: `/elements/${r}`,
 				message: `Shell component "${i.type}" cannot be nested inside a card.`
 			});
@@ -1442,61 +1406,61 @@ function Tr(e) {
 	}
 	return t;
 }
-function Er(e) {
+function K(e) {
 	return e.map((e) => `${(e.severity ?? "error").toUpperCase()} ${e.path}: ${e.message}`).join("\n");
 }
 //#endregion
 //#region src/context/validate-context-spec-deep.ts
-function Y(e, t, n, r) {
+function q(e, t, n, r) {
 	e.push({
 		path: t,
 		message: n,
 		severity: r
 	});
 }
-function Dr(e, t) {
+function Cr(e, t) {
 	return t.length === 0 ? e : `${e}/${t.map((e) => typeof e == "number" ? `[${e}]` : `.${String(e)}`).join("").replace(/^\./, "")}`;
 }
-function Or(e) {
-	return _r[e];
+function wr(e) {
+	return gr[e];
 }
-function kr(e) {
+function Tr(e) {
 	return (e?.slots?.length ?? 0) === 0;
 }
-function Ar(e, t) {
-	for (let [n, r] of Object.entries(e.elements)) r && r.type === "ContextCard" && r.props.defaultExpanded === !1 && Y(t, `/elements/${n}/props/defaultExpanded`, "defaultExpanded: false shows only the card header until the user expands the card.", "warn");
+function Er(e, t) {
+	for (let [n, r] of Object.entries(e.elements)) r && r.type === "ContextCard" && r.props.defaultExpanded === !1 && q(t, `/elements/${n}/props/defaultExpanded`, "defaultExpanded: false shows only the card header until the user expands the card.", "warn");
 }
-function jr(e) {
+function Dr(e) {
 	let t = [];
-	for (let n of Tr(e)) Y(t, n.path, n.message, "error");
-	let n = Ce(e);
-	if (!n.valid) for (let e of n.issues) Y(t, e.elementKey ? `/elements/${e.elementKey}` : "/", e.message, e.severity === "warning" ? "warn" : "error");
-	let r = vr.validate(e);
+	for (let n of G(e)) q(t, n.path, n.message, "error");
+	let n = Oe(e);
+	if (!n.valid) for (let e of n.issues) q(t, e.elementKey ? `/elements/${e.elementKey}` : "/", e.message, e.severity === "warning" ? "warn" : "error");
+	let r = _r.validate(e);
 	if (!r.success && r.error) for (let e of r.error.issues) {
 		let n = e.path.length > 0 ? `/${e.path.join("/")}` : "/";
-		n.endsWith("/visible") || n.endsWith("/children") && e.message.includes("expected array, received undefined") || Y(t, n, e.message, "error");
+		n.endsWith("/visible") || n.endsWith("/children") && e.message.includes("expected array, received undefined") || q(t, n, e.message, "error");
 	}
 	for (let [n, r] of Object.entries(e.elements)) {
 		if (!r) continue;
-		let e = Or(r.type);
+		let e = wr(r.type);
 		if (!e) {
-			Y(t, `/elements/${n}`, `Unknown component type "${r.type}" for context catalog.`, "error");
+			q(t, `/elements/${n}`, `Unknown component type "${r.type}" for context catalog.`, "error");
 			continue;
 		}
 		if (e.props) {
 			let i = e.props.safeParse(r.props ?? {});
-			if (!i.success) for (let e of i.error.issues) Y(t, Dr(`/elements/${n}/props`, e.path), e.message, "error");
+			if (!i.success) for (let e of i.error.issues) q(t, Cr(`/elements/${n}/props`, e.path), e.message, "error");
 		}
-		let i = r.children, a = kr(e);
-		i === void 0 && a && Y(t, `/elements/${n}/children`, `Leaf element "${r.type}" should include "children": [].`, "warn"), a && (i?.length ?? 0) > 0 && Y(t, `/elements/${n}/children`, `Leaf component "${r.type}" must not have children.`, "error");
+		let i = r.children, a = Tr(e);
+		i === void 0 && a && q(t, `/elements/${n}/children`, `Leaf element "${r.type}" should include "children": [].`, "warn"), a && (i?.length ?? 0) > 0 && q(t, `/elements/${n}/children`, `Leaf component "${r.type}" must not have children.`, "error");
 	}
-	return Ar(e, t), t;
+	return Er(e, t), t;
 }
-function Mr(e) {
+function Or(e) {
 	let t = [], n = structuredClone(e);
 	for (let [e, r] of Object.entries(n.elements)) {
 		if (!r) continue;
-		let n = kr(Or(r.type));
+		let n = Tr(wr(r.type));
 		r.children === void 0 && n && (r.children = [], t.push(`Added children: [] to leaf element "${e}".`)), n && r.children && r.children.length > 0 && (r.children = [], t.push(`Removed illegal children from leaf element "${e}".`));
 	}
 	return {
@@ -1504,46 +1468,46 @@ function Mr(e) {
 		fixes: t
 	};
 }
-function Nr(e) {
+function kr(e) {
 	return e.some((e) => e.severity !== "warn");
 }
-function Pr(e) {
-	return Er(jr(e));
+function Ar(e) {
+	return K(Dr(e));
 }
 //#endregion
 //#region src/core/catalog/alert.tsx
-var Fr = ({ props: e, emit: n, children: r }) => /* @__PURE__ */ A(t, {
+var jr = ({ props: e, emit: n, children: r }) => /* @__PURE__ */ S(t, {
 	title: e.title,
 	status: e.status ?? "info",
 	...e.aiMark ? { aiMark: !0 } : {},
 	...e.dismissible ? { onClose: () => n("close") } : {},
 	children: r
-}), Ir = "zf6dad0";
+}), J = "zf6dad0";
 //#endregion
 //#region src/core/catalog/chart-utils.ts
-function Lr(e, t = "monochrome") {
+function Y(e, t = "monochrome") {
 	let n = {
-		monochrome: Ae,
-		categorical: ke,
-		semantic: je
-	}[t] ?? Ae;
-	e.setThemes([Oe.new(e), n.new(e)]);
+		monochrome: Fe,
+		categorical: Pe,
+		semantic: Ie
+	}[t] ?? Fe;
+	e.setThemes([Ne.new(e), n.new(e)]);
 }
 //#endregion
 //#region src/core/catalog/bar-chart.tsx
-var Rr = ({ props: e }) => {
-	let t = E(null);
-	return w(() => {
+var Mr = ({ props: e }) => {
+	let t = y(null);
+	return _(() => {
 		let n = t.current;
 		if (!n) return;
 		let r, i = () => {
-			r && r.dispose(), r = L.Root.new(n), Lr(r, e.theme);
-			let t = r.container.children.push(R.XYChart.new(r, { paddingLeft: 0 }));
+			r && r.dispose(), r = k.Root.new(n), Y(r, e.theme);
+			let t = r.container.children.push(A.XYChart.new(r, { paddingLeft: 0 }));
 			if (e.orientation === "horizontal") {
-				let n = t.yAxes.push(R.CategoryAxis.new(r, {
+				let n = t.yAxes.push(A.CategoryAxis.new(r, {
 					categoryField: "category",
-					renderer: R.AxisRendererY.new(r, { minGridDistance: 20 })
-				})), i = t.xAxes.push(R.ValueAxis.new(r, { renderer: R.AxisRendererX.new(r, {}) })), a = t.series.push(R.ColumnSeries.new(r, {
+					renderer: A.AxisRendererY.new(r, { minGridDistance: 20 })
+				})), i = t.xAxes.push(A.ValueAxis.new(r, { renderer: A.AxisRendererX.new(r, {}) })), a = t.series.push(A.ColumnSeries.new(r, {
 					xAxis: i,
 					yAxis: n,
 					valueXField: "value",
@@ -1551,10 +1515,10 @@ var Rr = ({ props: e }) => {
 				}));
 				a.columns.template.setAll({ tooltipText: `{categoryY}: ${e.unit ?? ""}{valueX}` }), n.data.setAll(e.data), a.data.setAll(e.data);
 			} else {
-				let n = t.xAxes.push(R.CategoryAxis.new(r, {
+				let n = t.xAxes.push(A.CategoryAxis.new(r, {
 					categoryField: "category",
-					renderer: R.AxisRendererX.new(r, { minGridDistance: 30 })
-				})), i = t.yAxes.push(R.ValueAxis.new(r, { renderer: R.AxisRendererY.new(r, {}) })), a = t.series.push(R.ColumnSeries.new(r, {
+					renderer: A.AxisRendererX.new(r, { minGridDistance: 30 })
+				})), i = t.yAxes.push(A.ValueAxis.new(r, { renderer: A.AxisRendererY.new(r, {}) })), a = t.series.push(A.ColumnSeries.new(r, {
 					xAxis: n,
 					yAxis: i,
 					valueYField: "value",
@@ -1568,9 +1532,9 @@ var Rr = ({ props: e }) => {
 		return a.observe(n), n.offsetWidth > 0 && i(), () => {
 			a.disconnect(), r?.dispose();
 		};
-	}, []), /* @__PURE__ */ A("div", {
+	}, []), /* @__PURE__ */ S("div", {
 		ref: t,
-		className: Ir,
+		className: J,
 		style: { height: e.height ?? 300 }
 	});
 };
@@ -1586,7 +1550,7 @@ function X(e) {
 }
 //#endregion
 //#region src/core/catalog/button.tsx
-var zr = ({ props: e, emit: t }) => /* @__PURE__ */ j(r, {
+var Nr = ({ props: e, emit: t }) => /* @__PURE__ */ C(r, {
 	appearance: e.appearance ?? "secondary",
 	...X({
 		size: e.size,
@@ -1594,40 +1558,40 @@ var zr = ({ props: e, emit: t }) => /* @__PURE__ */ j(r, {
 		disabled: e.disabled
 	}),
 	onClick: () => t("press"),
-	children: [e.label, e.badge === void 0 ? null : /* @__PURE__ */ A(n, {
+	children: [e.label, e.badge === void 0 ? null : /* @__PURE__ */ S(n, {
 		"aria-label": e.badge ? `${e.badge} unread` : "unread",
 		children: e.badge
 	})]
-}), Br = ({ props: e, children: t }) => {
+}), Pr = ({ props: e, children: t }) => {
 	let n = e.title !== void 0 || e.description !== void 0;
-	return /* @__PURE__ */ j(i, {
+	return /* @__PURE__ */ C(i, {
 		flexDirection: "column",
 		gap: "3",
 		...X({
 			background: e.background,
 			padding: e.padding
 		}),
-		children: [n ? /* @__PURE__ */ j(l, {
+		children: [n ? /* @__PURE__ */ C(l, {
 			direction: "column",
 			gap: "half",
-			children: [e.title === void 0 ? null : /* @__PURE__ */ A(v, {
+			children: [e.title === void 0 ? null : /* @__PURE__ */ S(p, {
 				variant: "headline",
 				el: "h3",
 				size: "small",
 				children: e.title
-			}), e.description === void 0 ? null : /* @__PURE__ */ A(v, {
+			}), e.description === void 0 ? null : /* @__PURE__ */ S(p, {
 				variant: "body",
 				subdued: !0,
 				children: e.description
 			})]
 		}) : null, t]
 	});
-}, Vr = N(F, {
-	components: q,
-	actions: W
-}), Hr = ({ props: e, bindings: t, emit: n }) => {
-	let r = t?.checked, { state: i, set: o } = I(), s = r ? P(i, r) : void 0, c = r ? s ?? e.checked ?? !1 : e.checked ?? !1;
-	return /* @__PURE__ */ A(a, {
+}, Fr = T(D, {
+	components: V,
+	actions: z
+}), Ir = ({ props: e, bindings: t, emit: n }) => {
+	let r = t?.checked, { state: i, set: o } = O(), s = r ? E(i, r) : void 0, c = r ? s ?? e.checked ?? !1 : e.checked ?? !1;
+	return /* @__PURE__ */ S(a, {
 		label: e.label,
 		checked: c,
 		...X({ disabled: e.disabled }),
@@ -1635,13 +1599,13 @@ var zr = ({ props: e, emit: t }) => /* @__PURE__ */ j(r, {
 			r && o(r, !(t?.checked ?? !1)), n("change");
 		}
 	});
-}, Ur = {
-	"check-circle": Me,
-	"in-progress": Pe,
-	"radio-button-unchecked": Ne
-}, Wr = ({ props: e, emit: t }) => {
-	let n = e.icon ? Ur[e.icon] : void 0, r = e.removable && e.size !== "small" ? () => t("close") : void 0;
-	return /* @__PURE__ */ A(o, {
+}, Lr = {
+	"check-circle": Le,
+	"in-progress": ze,
+	"radio-button-unchecked": Re
+}, Rr = ({ props: e, emit: t }) => {
+	let n = e.icon ? Lr[e.icon] : void 0, r = e.removable && e.size !== "small" ? () => t("close") : void 0;
+	return /* @__PURE__ */ S(o, {
 		label: e.label,
 		...X({
 			size: e.size,
@@ -1650,28 +1614,28 @@ var zr = ({ props: e, emit: t }) => /* @__PURE__ */ j(r, {
 			onClose: r
 		})
 	});
-}, Gr = ({ props: e }) => /* @__PURE__ */ A(s, { ...X({
+}, zr = ({ props: e }) => /* @__PURE__ */ S(s, { ...X({
 	vertical: e.vertical,
 	spacing: e.spacing,
 	alignContent: e.alignContent
-}) }), Kr = ({ props: e }) => {
-	let t = E(null);
-	return w(() => {
+}) }), Br = ({ props: e }) => {
+	let t = y(null);
+	return _(() => {
 		let n = t.current;
 		if (!n) return;
 		let r, i = () => {
-			r && r.dispose(), r = L.Root.new(n), Lr(r, e.theme);
-			let t = r.container.children.push(Fe.PieChart.new(r, {
+			r && r.dispose(), r = k.Root.new(n), Y(r, e.theme);
+			let t = r.container.children.push(Be.PieChart.new(r, {
 				layout: r.horizontalLayout,
-				innerRadius: L.percent(50)
-			})), i = t.series.push(Fe.PieSeries.new(r, {
+				innerRadius: k.percent(50)
+			})), i = t.series.push(Be.PieSeries.new(r, {
 				valueField: "value",
 				categoryField: "category",
 				legendValueText: ""
 			}));
-			i.labels.template.set("text", "{valuePercentTotal.formatNumber('#.')}%"), i.data.setAll(e.data), (e.showLegend ?? !0) && t.children.push(L.Legend.new(r, {
-				centerY: L.percent(50),
-				y: L.percent(50),
+			i.labels.template.set("text", "{valuePercentTotal.formatNumber('#.')}%"), i.data.setAll(e.data), (e.showLegend ?? !0) && t.children.push(k.Legend.new(r, {
+				centerY: k.percent(50),
+				y: k.percent(50),
 				layout: r.verticalLayout
 			})).data.setAll(i.dataItems);
 		}, a = new ResizeObserver((e) => {
@@ -1680,273 +1644,12 @@ var zr = ({ props: e, emit: t }) => /* @__PURE__ */ j(r, {
 		return a.observe(n), n.offsetWidth > 0 && i(), () => {
 			a.disconnect(), r?.dispose();
 		};
-	}, []), /* @__PURE__ */ A("div", {
+	}, []), /* @__PURE__ */ S("div", {
 		ref: t,
-		className: Ir,
+		className: J,
 		style: { height: e.height ?? 300 }
 	});
-}, qr = "gtqwac0", Jr = "gtqwac1", Yr = "gtqwac2", Xr = "gtqwac3";
-//#endregion
-//#region src/core/catalog/email-card.tsx
-function Zr(e, t) {
-	return e.toLowerCase() === t.toLowerCase();
-}
-function Qr(e, t) {
-	return e.find((e) => Zr(e.email, t));
-}
-function $r(e, t) {
-	return e.some((e) => Zr(e.email, t));
-}
-function ei(e, t) {
-	return e.filter((e) => !Zr(e.email, t.email));
-}
-function ti(e) {
-	return G.shape.email.safeParse(e).success;
-}
-function ni(e, t) {
-	let n = /* @__PURE__ */ new Map();
-	for (let r of [...e, ...t ?? []]) n.set(r.email.toLowerCase(), r);
-	return [...n.values()];
-}
-function ri(e, t) {
-	let n = /* @__PURE__ */ new Map();
-	for (let r of [...e, ...t ?? []]) n.set(r.id, r);
-	return [...n.values()];
-}
-function ii(e) {
-	return e.map((e) => ({
-		id: e.id,
-		label: e.name
-	}));
-}
-function ai(e) {
-	return e.map((e) => ({
-		id: String(e.id),
-		name: e.label
-	}));
-}
-function oi(e) {
-	return `${e.name} <${e.email}>`;
-}
-function si(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = t.match(/^(.+?)\s*<([^>]+)>$/);
-	if (n?.[1] && n[2]) {
-		let e = n[2].trim(), t = n[1].trim();
-		if (ti(e)) return {
-			name: t,
-			email: e
-		};
-	}
-	if (t.includes("@")) {
-		let e = t;
-		return ti(e) ? {
-			name: e,
-			email: e
-		} : null;
-	}
-	return null;
-}
-function ci(e, t, n) {
-	let r = n.trim().toLowerCase();
-	return t.filter((t) => !$r(e, t.email)).filter((e) => r.length === 0 || e.name.toLowerCase().includes(r) || e.email.toLowerCase().includes(r));
-}
-function li(e, t, n, r, i) {
-	let a = e.trim();
-	if (!a) return;
-	let o = a.toLowerCase(), s = ci(t, n, "").find((e) => e.email.toLowerCase() === o);
-	if (s) {
-		r([...t, s]), i("");
-		return;
-	}
-	let c = ci(t, n, a), l = c.length === 1 ? c[0] : void 0;
-	if (l) {
-		r([...t, l]), i("");
-		return;
-	}
-	let u = si(a);
-	u && !$r(t, u.email) && (r([...t, u]), i(""));
-}
-function ui({ label: e, contacts: t, contactOptions: n, disabled: r, required: i, onChange: a }) {
-	let [s, c] = D(""), l = T(() => ni(t, n), [t, n]), u = (e) => {
-		e.key === "Enter" && (e.preventDefault(), li(s, t, l, a, c));
-	};
-	return /* @__PURE__ */ j("div", {
-		className: Jr,
-		children: [/* @__PURE__ */ A(fe, {
-			label: e,
-			value: s,
-			onChange: c,
-			...X({
-				disabled: r,
-				required: i
-			}),
-			openOnEmptyFocus: !0,
-			loadOptions: (e) => ci(t, l, e).map((e) => ({
-				label: e.name,
-				value: e.email
-			})),
-			onSelectOption: (e) => {
-				let n = Qr(l, String(e.value));
-				n && !$r(t, n.email) && a([...t, n]), c("");
-			},
-			onKeyDown: u,
-			renderOption: (e) => {
-				let t = Qr(l, String(e.value));
-				return t ? oi(t) : e.label;
-			}
-		}), t.length > 0 ? /* @__PURE__ */ A("div", {
-			className: Yr,
-			children: t.map((e) => /* @__PURE__ */ A(o, {
-				label: e.name,
-				...X({ onClose: r ? void 0 : () => a(ei(t, e)) })
-			}, e.email.toLowerCase()))
-		}) : null]
-	});
-}
-function di({ label: e, selected: t, options: n, disabled: r, onChange: i }) {
-	let a = T(() => ri(t, n), [t, n]), [o, s] = D(() => ii(t));
-	return w(() => {
-		s(ii(t));
-	}, [t]), /* @__PURE__ */ A(ee, {
-		label: e,
-		options: ii(a),
-		value: o,
-		onSelectedOptionsChange: (e) => {
-			s(e), i(ai(e));
-		},
-		...X({ disabled: r })
-	});
-}
-function fi({ disabled: e, sendLabel: t, discardLabel: n, emit: r }) {
-	return /* @__PURE__ */ j("div", {
-		className: Xr,
-		children: [/* @__PURE__ */ A(ae, {
-			label: t ?? "Send email",
-			variant: "primary",
-			...X({ isDisabled: e || void 0 }),
-			onPress: () => r("send"),
-			style: { width: "100%" }
-		}), /* @__PURE__ */ A(ae, {
-			label: n ?? "Dismiss",
-			variant: "ghost",
-			...X({ isDisabled: e || void 0 }),
-			onPress: () => r("discard"),
-			style: { width: "100%" }
-		})]
-	});
-}
-function Z(e, t, n, r, i) {
-	return t ? P(e, t) ?? n ?? r : i;
-}
-function Q(e, t, n, r) {
-	e ? t(e, r) : n(r);
-}
-var pi = ({ props: e, bindings: n, emit: r }) => {
-	let i = e.disabled === !0, a = !!(e.errorTitle ?? e.errorMessage), o = n?.to, s = n?.cc, c = n?.subject, l = n?.body, u = n?.attachments, d = n?.forms, { state: f, set: p } = I(), [ee, m] = D(e.to), [h, g] = D(e.cc ?? []), [te, _] = D(e.subject ?? ""), [ne, v] = D(e.body ?? ""), [oe, b] = D(e.attachments ?? []), [se, S] = D(e.forms ?? []);
-	w(() => {
-		o || m(e.to);
-	}, [e.to, o]), w(() => {
-		s || g(e.cc ?? []);
-	}, [e.cc, s]), w(() => {
-		c || _(e.subject ?? "");
-	}, [e.subject, c]), w(() => {
-		l || v(e.body ?? "");
-	}, [e.body, l]), w(() => {
-		u || b(e.attachments ?? []);
-	}, [e.attachments, u]), w(() => {
-		d || S(e.forms ?? []);
-	}, [e.forms, d]);
-	let C = Z(f, o, e.to, [], ee), ce = Z(f, s, e.cc, [], h), le = Z(f, c, e.subject, "", te), ue = Z(f, l, e.body, "", ne), T = Z(f, u, e.attachments, [], oe), E = Z(f, d, e.forms, [], se), O = (e) => {
-		Q(o, p, m, e), r("toChange");
-	}, k = (e) => {
-		Q(s, p, g, e), r("ccChange");
-	}, M = (e) => {
-		Q(u, p, b, e), r("attachmentsChange");
-	}, de = (e) => {
-		Q(d, p, S, e), r("formsChange");
-	};
-	return /* @__PURE__ */ A(y, {
-		padding: "base",
-		content: /* @__PURE__ */ j("div", {
-			className: qr,
-			children: [
-				a ? /* @__PURE__ */ j(t, {
-					status: "danger",
-					title: e.errorTitle ?? "Unable to complete your request",
-					children: [e.errorMessage ?? "There was an issue completing the request.", /* @__PURE__ */ A(ae, {
-						label: e.retryLabel ?? "Retry",
-						variant: "secondary",
-						onPress: () => r("retry")
-					})]
-				}) : null,
-				/* @__PURE__ */ A(x, {
-					variant: "headline",
-					el: "h3",
-					size: "regular",
-					text: "Draft Email"
-				}),
-				/* @__PURE__ */ A(ui, {
-					label: "To",
-					contacts: C,
-					required: !0,
-					...X({ contactOptions: e.contactOptions }),
-					...X({ disabled: i || void 0 }),
-					onChange: O
-				}),
-				/* @__PURE__ */ A(ui, {
-					label: "CC",
-					contacts: ce,
-					...X({ contactOptions: e.contactOptions }),
-					...X({ disabled: i || void 0 }),
-					onChange: k
-				}),
-				/* @__PURE__ */ A(re, {
-					label: "Subject",
-					value: le,
-					...X({ disabled: i || void 0 }),
-					onChange: (e) => {
-						let t = e.target.value;
-						Q(c, p, _, t);
-					}
-				}),
-				/* @__PURE__ */ A(ie, {
-					label: "Body",
-					value: ue,
-					rows: 6,
-					...X({ disabled: i || void 0 }),
-					onChange: (e) => {
-						let t = e.target.value;
-						Q(l, p, v, t);
-					}
-				}),
-				/* @__PURE__ */ A(di, {
-					label: "Attachments",
-					selected: T,
-					...X({ options: e.attachmentOptions }),
-					...X({ disabled: i || void 0 }),
-					onChange: M
-				}),
-				/* @__PURE__ */ A(di, {
-					label: "Forms",
-					selected: E,
-					...X({ options: e.formOptions }),
-					...X({ disabled: i || void 0 }),
-					onChange: de
-				}),
-				/* @__PURE__ */ A(fi, {
-					disabled: i,
-					...X({
-						sendLabel: e.sendLabel,
-						discardLabel: e.discardLabel
-					}),
-					emit: r
-				})
-			]
-		})
-	});
-}, mi = ({ props: e, children: t }) => /* @__PURE__ */ A(l, {
+}, Vr = ({ props: e, children: t }) => /* @__PURE__ */ S(l, {
 	...X({
 		direction: e.direction,
 		gap: e.gap,
@@ -1960,49 +1663,49 @@ var pi = ({ props: e, bindings: n, emit: r }) => {
 		inline: e.inline
 	}),
 	children: t
-}), hi = (...e) => e.filter(Boolean).join(" "), gi = "_1v76lkh0", _i = "_1v76lkh1";
+}), Hr = (...e) => e.filter(Boolean).join(" "), Ur = "_1v76lkh0", Wr = "_1v76lkh1";
 //#endregion
 //#region src/core/catalog/grid.tsx
-function vi(e) {
+function Gr(e) {
 	let t = e.match(/repeat\(\s*(\d+)/);
 	return t?.[1] ? Number(t[1]) : e.trim().split(/\s+/).length;
 }
-var yi = ({ props: e, children: t }) => {
+var Kr = ({ props: e, children: t }) => {
 	if (e.bordered) {
-		let n = e.templateColumns ?? "1fr", r = C.count(t), i = Math.max(1, vi(n)), a = Math.max(0, r - (r % i || i));
-		return /* @__PURE__ */ A("div", {
-			className: gi,
+		let n = e.templateColumns ?? "1fr", r = g.count(t), i = Math.max(1, Gr(n)), a = Math.max(0, r - (r % i || i));
+		return /* @__PURE__ */ S("div", {
+			className: Ur,
 			style: { gridTemplateColumns: n },
-			children: C.map(t, (e, t) => /* @__PURE__ */ A("div", {
-				className: hi(_i, t < a && "_1v76lkh2"),
+			children: g.map(t, (e, t) => /* @__PURE__ */ S("div", {
+				className: Hr(Wr, t < a && "_1v76lkh2"),
 				children: e
 			}))
 		});
 	}
-	return /* @__PURE__ */ A(u, {
+	return /* @__PURE__ */ S(u, {
 		templateColumns: e.templateColumns,
 		gap: e.gap ?? "2",
 		children: t
 	});
-}, bi = {
+}, qr = {
 	compact: 120,
 	standard: 180,
 	wide: 280
 };
-function xi(e) {
-	if (e != null) return bi[e];
+function Jr(e) {
+	if (e != null) return qr[e];
 }
 //#endregion
 //#region src/core/catalog/guidance-card.tsx
-function Si(e) {
+function Yr(e) {
 	let t = {
 		key: e.key,
 		header: e.header
 	};
-	return e.minWidth !== void 0 && (t.minWidth = xi(e.minWidth)), t;
+	return e.minWidth !== void 0 && (t.minWidth = Jr(e.minWidth)), t;
 }
-var Ci = ({ props: e, emit: t, bindings: n }) => {
-	let { set: r } = I(), i = n?.appliedChangeIds, a = (e) => {
+var Xr = ({ props: e, emit: t, bindings: n }) => {
+	let { set: r } = O(), i = n?.appliedChangeIds, a = (e) => {
 		i && r(i, e);
 	}, o = e.changeSections.map((e) => e.type === "single" ? {
 		type: "single",
@@ -2018,12 +1721,12 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		label: e.label,
 		changeTables: e.changeTables.map((e) => ({
 			label: e.label,
-			columns: e.columns.map(Si),
+			columns: e.columns.map(Yr),
 			data: e.data,
 			...e.reason === void 0 ? {} : { reason: e.reason }
 		}))
 	});
-	return /* @__PURE__ */ A(b, {
+	return /* @__PURE__ */ S(ue, {
 		referenceLabel: e.referenceLabel,
 		changeSections: o,
 		...X({
@@ -2040,22 +1743,22 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		},
 		onDismiss: () => t("dismiss")
 	});
-}, wi = {
-	"check-circle": Me,
-	"in-progress": Pe,
-	"radio-button-unchecked": Ne
-}, Ti = ({ props: e }) => {
-	let t = wi[e.name];
-	return t ? /* @__PURE__ */ A(d, {
+}, Zr = {
+	"check-circle": Le,
+	"in-progress": ze,
+	"radio-button-unchecked": Re
+}, Qr = ({ props: e }) => {
+	let t = Zr[e.name];
+	return t ? /* @__PURE__ */ S(d, {
 		svg: t,
 		...X({
 			size: e.size,
 			color: e.color
 		})
 	}) : null;
-}, Ei = ({ props: e, bindings: t, emit: n }) => {
-	let r = t?.value, { state: i, set: a } = I(), o = r ? P(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
-	return /* @__PURE__ */ A(re, {
+}, $r = ({ props: e, bindings: t, emit: n }) => {
+	let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
+	return /* @__PURE__ */ S(se, {
 		label: e.label,
 		type: e.type ?? "text",
 		value: s,
@@ -2067,39 +1770,39 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 			r && a(r, e.target.value), n("change");
 		}
 	});
-}, Di = ({ props: e }) => {
-	let t = E(null);
-	return w(() => {
+}, ei = ({ props: e }) => {
+	let t = y(null);
+	return _(() => {
 		let n = t.current;
 		if (!n) return;
 		let r, i = () => {
-			r && r.dispose(), r = L.Root.new(n), Lr(r, e.theme);
-			let t = r.container.children.push(R.XYChart.new(r, { paddingLeft: 0 })), i = t.xAxes.push(R.CategoryAxis.new(r, {
+			r && r.dispose(), r = k.Root.new(n), Y(r, e.theme);
+			let t = r.container.children.push(A.XYChart.new(r, { paddingLeft: 0 })), i = t.xAxes.push(A.CategoryAxis.new(r, {
 				categoryField: "category",
-				renderer: R.AxisRendererX.new(r, { minGridDistance: 30 })
-			})), a = t.yAxes.push(R.ValueAxis.new(r, { renderer: R.AxisRendererY.new(r, {}) })), o = e.data[0], s = e.series ?? (o ? Object.keys(o).filter((e) => e !== "category") : []);
+				renderer: A.AxisRendererX.new(r, { minGridDistance: 30 })
+			})), a = t.yAxes.push(A.ValueAxis.new(r, { renderer: A.AxisRendererY.new(r, {}) })), o = e.data[0], s = e.series ?? (o ? Object.keys(o).filter((e) => e !== "category") : []);
 			for (let n of s) {
-				let o = t.series.push(R.LineSeries.new(r, {
+				let o = t.series.push(A.LineSeries.new(r, {
 					name: n,
 					xAxis: i,
 					yAxis: a,
 					valueYField: n,
 					categoryXField: "category",
-					tooltip: L.Tooltip.new(r, { labelText: `${n}: ${e.unit ?? ""}{valueY}` })
+					tooltip: k.Tooltip.new(r, { labelText: `${n}: ${e.unit ?? ""}{valueY}` })
 				}));
 				o.strokes.template.setAll({ strokeWidth: 2 }), (e.showDots ?? !0) && o.bullets.push(() => {
 					if (!r) throw Error("Chart root is not initialized");
 					let e = o.get("fill");
-					return L.Bullet.new(r, { sprite: L.Circle.new(r, {
+					return k.Bullet.new(r, { sprite: k.Circle.new(r, {
 						radius: 4,
 						...e ? { fill: e } : {},
 						strokeWidth: 0
 					}) });
 				}), o.data.setAll(e.data);
 			}
-			i.data.setAll(e.data), (e.showLegend ?? s.length > 1) && t.children.push(L.Legend.new(r, {
-				centerX: L.percent(50),
-				x: L.percent(50),
+			i.data.setAll(e.data), (e.showLegend ?? s.length > 1) && t.children.push(k.Legend.new(r, {
+				centerX: k.percent(50),
+				x: k.percent(50),
 				marginTop: 8
 			})).data.setAll(t.series.values);
 		}, a = new ResizeObserver((e) => {
@@ -2108,21 +1811,21 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		return a.observe(n), n.offsetWidth > 0 && i(), () => {
 			a.disconnect(), r?.dispose();
 		};
-	}, []), /* @__PURE__ */ A("div", {
+	}, []), /* @__PURE__ */ S("div", {
 		ref: t,
-		className: Ir,
+		className: J,
 		style: { height: e.height ?? 300 }
 	});
-}, Oi = ({ props: e, emit: t }) => {
+}, ti = ({ props: e, emit: t }) => {
 	let { label: r, href: i, appearance: a, target: o, ghost: s, badge: c } = e, l = (e) => {
 		e.preventDefault(), t("press");
-	}, u = c === void 0 ? r : /* @__PURE__ */ j("span", {
+	}, u = c === void 0 ? r : /* @__PURE__ */ C("span", {
 		style: {
 			position: "relative",
 			display: "inline-flex",
 			alignItems: "center"
 		},
-		children: [r, /* @__PURE__ */ A(n, {
+		children: [r, /* @__PURE__ */ S(n, {
 			"aria-label": c ? `${c} unread` : "unread",
 			offset: {
 				x: "8px",
@@ -2131,20 +1834,20 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 			children: c
 		})]
 	});
-	return a === "secondary" ? /* @__PURE__ */ A(f, {
+	return a === "secondary" ? /* @__PURE__ */ S(f, {
 		appearance: "secondary",
 		ghost: !1,
 		href: i,
 		...o ? { target: o } : {},
 		onClick: l,
 		children: u
-	}) : s === void 0 ? /* @__PURE__ */ A(f, {
+	}) : s === void 0 ? /* @__PURE__ */ S(f, {
 		appearance: "primary",
 		href: i,
 		...o ? { target: o } : {},
 		onClick: l,
 		children: u
-	}) : /* @__PURE__ */ A(f, {
+	}) : /* @__PURE__ */ S(f, {
 		appearance: "primary",
 		ghost: s,
 		href: i,
@@ -2152,7 +1855,7 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		onClick: l,
 		children: u
 	});
-}, ki = z({
+}, ni = j({
 	defaultClassName: "_1le8ba60",
 	variantClassNames: { disabled: {
 		true: "_1le8ba61",
@@ -2160,35 +1863,35 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), Ai = [
+}), ri = [
 	{
 		name: "Text",
 		catalog: fr,
-		renderer: ({ props: e }) => e.variant === "headline" ? e.size === void 0 ? /* @__PURE__ */ A(v, {
+		renderer: ({ props: e }) => e.variant === "headline" ? e.size === void 0 ? /* @__PURE__ */ S(p, {
 			variant: "headline",
 			el: "h3",
 			children: e.content
-		}) : /* @__PURE__ */ A(v, {
+		}) : /* @__PURE__ */ S(p, {
 			variant: "headline",
 			el: "h3",
 			size: e.size,
 			children: e.content
-		}) : e.variant === "eyebrow" ? /* @__PURE__ */ A(v, {
+		}) : e.variant === "eyebrow" ? /* @__PURE__ */ S(p, {
 			variant: "eyebrow",
 			children: e.content
-		}) : e.size !== void 0 && e.subdued !== void 0 ? /* @__PURE__ */ A(v, {
+		}) : e.size !== void 0 && e.subdued !== void 0 ? /* @__PURE__ */ S(p, {
 			variant: "body",
 			size: e.size,
 			subdued: e.subdued,
 			children: e.content
-		}) : e.size === void 0 ? e.subdued === void 0 ? /* @__PURE__ */ A(v, {
+		}) : e.size === void 0 ? e.subdued === void 0 ? /* @__PURE__ */ S(p, {
 			variant: "body",
 			children: e.content
-		}) : /* @__PURE__ */ A(v, {
+		}) : /* @__PURE__ */ S(p, {
 			variant: "body",
 			subdued: e.subdued,
 			children: e.content
-		}) : /* @__PURE__ */ A(v, {
+		}) : /* @__PURE__ */ S(p, {
 			variant: "body",
 			size: e.size,
 			children: e.content
@@ -2197,56 +1900,50 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 	},
 	{
 		name: "Card",
-		catalog: Bn,
-		renderer: Br,
+		catalog: Hn,
+		renderer: Pr,
 		renderers: ["all"]
 	},
 	{
 		name: "Flex",
-		catalog: Kn,
-		renderer: mi,
+		catalog: qn,
+		renderer: Vr,
 		renderers: ["all"]
 	},
 	{
 		name: "Grid",
-		catalog: qn,
-		renderer: yi,
+		catalog: Jn,
+		renderer: Kr,
 		renderers: ["all"]
 	},
 	{
 		name: "Alert",
-		catalog: Ln,
-		renderer: Fr,
+		catalog: zn,
+		renderer: jr,
 		renderers: ["all"]
 	},
 	{
 		name: "Divider",
-		catalog: Un,
-		renderer: Gr,
-		renderers: ["all"]
-	},
-	{
-		name: "EmailCard",
 		catalog: Gn,
-		renderer: pi,
+		renderer: zr,
 		renderers: ["all"]
 	},
 	{
 		name: "Icon",
-		catalog: ir,
-		renderer: Ti,
+		catalog: ar,
+		renderer: Qr,
 		renderers: ["all"]
 	},
 	{
 		name: "Chip",
-		catalog: Hn,
-		renderer: Wr,
+		catalog: Wn,
+		renderer: Rr,
 		renderers: ["all"]
 	},
 	{
 		name: "Link",
 		catalog: sr,
-		renderer: Oi,
+		renderer: ti,
 		renderers: ["all"]
 	},
 	{
@@ -2254,11 +1951,11 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		catalog: lr,
 		renderer: ({ props: e }) => {
 			let t = X({ description: e.description });
-			return e.indeterminate || e.value === void 0 ? /* @__PURE__ */ A(h, {
+			return e.indeterminate || e.value === void 0 ? /* @__PURE__ */ S(ne, {
 				label: e.label,
 				indeterminate: !0,
 				...t
-			}) : /* @__PURE__ */ A(h, {
+			}) : /* @__PURE__ */ S(ne, {
 				label: e.label,
 				value: e.value,
 				...t
@@ -2268,46 +1965,46 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 	},
 	{
 		name: "BarChart",
-		catalog: Rn,
-		renderer: Rr,
+		catalog: Bn,
+		renderer: Mr,
 		renderers: ["all"]
 	},
 	{
 		name: "DonutChart",
-		catalog: Wn,
-		renderer: Kr,
+		catalog: Kn,
+		renderer: Br,
 		renderers: ["all"]
 	},
 	{
 		name: "LineChart",
-		catalog: or,
-		renderer: Di,
+		catalog: B,
+		renderer: ei,
 		renderers: ["all"]
 	},
 	{
 		name: "Button",
-		catalog: zn,
-		renderer: zr,
+		catalog: Vn,
+		renderer: Nr,
 		renderers: ["all"]
 	},
 	{
 		name: "Checkbox",
-		catalog: Vn,
-		renderer: Hr,
+		catalog: Un,
+		renderer: Ir,
 		renderers: ["all"]
 	},
 	{
 		name: "Input",
-		catalog: ar,
-		renderer: Ei,
+		catalog: or,
+		renderer: $r,
 		renderers: ["all"]
 	},
 	{
 		name: "Textarea",
 		catalog: pr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
-			let r = t?.value, { state: i, set: a } = I(), o = r ? P(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
-			return /* @__PURE__ */ A(ie, {
+			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
+			return /* @__PURE__ */ S(ce, {
 				label: e.label,
 				value: s,
 				...X({
@@ -2328,20 +2025,20 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		name: "Listbox",
 		catalog: cr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
-			let r = t?.value, { state: i, set: a } = I(), o = r ? P(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "", l = e.options.map((e) => ({
+			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "", l = e.options.map((e) => ({
 				id: e.value,
 				label: e.label
 			})), u = l.find((e) => e.id === s);
-			return /* @__PURE__ */ j("div", {
-				className: ki({ disabled: e.disabled ?? !1 }),
-				children: [/* @__PURE__ */ A(c, { children: e.label }), /* @__PURE__ */ A(p, {
+			return /* @__PURE__ */ C("div", {
+				className: ni({ disabled: e.disabled ?? !1 }),
+				children: [/* @__PURE__ */ S(c, { children: e.label }), /* @__PURE__ */ S(ee, {
 					items: l,
 					...u ? { selected: u } : {},
 					onSelectionChange: (e) => {
 						let t = e?.id ?? "";
 						r && a(r, t), n("change");
 					},
-					children: ({ items: e }) => e.map((e) => /* @__PURE__ */ A(p.Option, {
+					children: ({ items: e }) => e.map((e) => /* @__PURE__ */ S(ee.Option, {
 						item: e,
 						children: e.label
 					}, e.id))
@@ -2354,10 +2051,10 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		name: "RadioGroup",
 		catalog: ur,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
-			let r = t?.value, { state: i, set: a } = I(), o = r ? P(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
-			return /* @__PURE__ */ A(g.Group, {
+			let r = t?.value, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.value ?? "" : e.value ?? "";
+			return /* @__PURE__ */ S(re.Group, {
 				legend: e.label,
-				children: e.options.map((t) => /* @__PURE__ */ A(g, {
+				children: e.options.map((t) => /* @__PURE__ */ S(re, {
 					label: t.label,
 					value: t.value,
 					checked: s === t.value,
@@ -2374,8 +2071,8 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 		name: "Switch",
 		catalog: dr,
 		renderer: ({ props: e, bindings: t, emit: n }) => {
-			let r = t?.checked, { state: i, set: a } = I(), o = r ? P(i, r) : void 0, s = r ? o ?? e.checked ?? !1 : e.checked ?? !1;
-			return /* @__PURE__ */ A(ne, {
+			let r = t?.checked, { state: i, set: a } = O(), o = r ? E(i, r) : void 0, s = r ? o ?? e.checked ?? !1 : e.checked ?? !1;
+			return /* @__PURE__ */ S(oe, {
 				label: e.label,
 				value: e.label,
 				checked: s,
@@ -2389,28 +2086,28 @@ var Ci = ({ props: e, emit: t, bindings: n }) => {
 	},
 	{
 		name: "GuidanceCard",
-		catalog: rr,
-		renderer: Ci,
+		catalog: ir,
+		renderer: Xr,
 		renderers: ["all"]
 	}
 ];
-Object.fromEntries(Ai.map(({ name: e, renderer: t }) => [e, t]));
+Object.fromEntries(ri.map(({ name: e, renderer: t }) => [e, t]));
 //#endregion
 //#region src/marketing/catalog/components/revenue-card.catalog.ts
-var ji = {
-	props: M.object({
-		title: M.string(),
-		value: M.string(),
-		trend: M.enum([
+var ii = {
+	props: w.object({
+		title: w.string(),
+		value: w.string(),
+		trend: w.enum([
 			"up",
 			"down",
 			"flat"
 		]).optional(),
-		delta: M.string().optional()
+		delta: w.string().optional()
 	}),
 	slots: [],
 	description: "KPI metric card. trend: up=green↑ down=red↓ flat=grey→. delta e.g. \"+12% vs last month\". Leaf node — no children."
-}, Mi = z({
+}, ai = j({
 	defaultClassName: "cy2dbi0",
 	variantClassNames: { trend: {
 		up: "cy2dbi1",
@@ -2419,32 +2116,32 @@ var ji = {
 	} },
 	defaultVariants: {},
 	compoundVariants: []
-}), Ni = [{
+}), oi = [{
 	name: "RevenueCard",
-	catalog: ji,
+	catalog: ii,
 	renderer: ({ props: e }) => {
-		let t = e.trend ?? "flat", n = e.trend === "up" ? "↑" : e.trend === "down" ? "↓" : "→", r = Mi({ trend: t });
-		return /* @__PURE__ */ A(i, { children: /* @__PURE__ */ j(l, {
+		let t = e.trend ?? "flat", n = e.trend === "up" ? "↑" : e.trend === "down" ? "↓" : "→", r = ai({ trend: t });
+		return /* @__PURE__ */ S(i, { children: /* @__PURE__ */ C(l, {
 			direction: "column",
 			gap: "2",
 			children: [
-				/* @__PURE__ */ A(v, {
+				/* @__PURE__ */ S(p, {
 					variant: "eyebrow",
 					children: e.title
 				}),
-				/* @__PURE__ */ A(v, {
+				/* @__PURE__ */ S(p, {
 					variant: "headline",
 					el: "h3",
 					children: e.value
 				}),
-				e.delta && /* @__PURE__ */ j(l, {
+				e.delta && /* @__PURE__ */ C(l, {
 					direction: "row",
 					gap: "1",
 					alignItems: "center",
-					children: [/* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ S("span", {
 						className: r,
 						children: n
-					}), /* @__PURE__ */ A(v, {
+					}), /* @__PURE__ */ S(p, {
 						variant: "eyebrow",
 						className: r,
 						children: e.delta
@@ -2457,39 +2154,39 @@ var ji = {
 }];
 //#endregion
 //#region src/registry-utils.ts
-function Pi(e, t) {
+function si(e, t) {
 	return t === "all" ? [...e] : e.filter(({ renderers: e }) => e.includes("all") || e.includes(t));
 }
-function Fi(e) {
+function ci(e) {
 	return Object.fromEntries(e.map(({ name: e, catalog: t }) => [e, t]));
 }
-function Ii(e) {
+function li(e) {
 	return Object.fromEntries(e.map(({ name: e, renderer: t }) => [e, t]));
 }
 //#endregion
 //#region src/registry.ts
-var Li = [
-	...Ai,
-	...Ni,
-	...yr
+var ui = [
+	...ri,
+	...oi,
+	...U
 ];
-function $(e = "chat") {
-	let t = Pi(Li, e), n = Fi(t), r = Ii(t);
-	return De(N(F, {
+function Z(e = "chat") {
+	let t = si(ui, e), n = ci(t), r = li(t);
+	return Me(T(D, {
 		components: n,
-		actions: W
+		actions: z
 	}), {
 		components: r,
-		actions: In
+		actions: Rn
 	});
 }
-var Ri = $("chat"), zi = Ri.registry, Bi = Ri.handlers, Vi = Ri.executeAction;
-function Hi() {
-	return $("context");
+var Q = Z("chat"), di = Q.registry, fi = Q.handlers, pi = Q.executeAction;
+function mi() {
+	return Z("context");
 }
 //#endregion
 //#region src/renderers/internal/enrichments/button-actions.ts
-function Ui(e) {
+function hi(e) {
 	let t = { ...e.elements };
 	for (let [e, n] of Object.entries(t)) {
 		if (n.type !== "Button" || n.on?.press) continue;
@@ -2512,19 +2209,19 @@ function Ui(e) {
 }
 //#endregion
 //#region src/renderers/internal/enrichments/useEnrichedSpec.ts
-function Wi(e, t) {
-	return T(() => t.reduce((e, t) => t(e), e), [e, t]);
+function gi(e, t) {
+	return v(() => t.reduce((e, t) => t(e), e), [e, t]);
 }
 //#endregion
 //#region src/renderers/spec-renderer.tsx
-var Gi = [Ui], Ki = ({ spec: e, registry: t, handlers: n, actions: r, loading: i }) => {
-	let a = Wi(e, Gi), o = E(null), s = E(null);
-	if (o.current !== e && (o.current = e, s.current = Ee(a.state ?? {})), s.current === null) throw Error("State store is not initialized");
+var _i = [hi], $ = ({ spec: e, registry: t, handlers: n, actions: r, loading: i }) => {
+	let a = gi(e, _i), o = y(null), s = y(null);
+	if (o.current !== e && (o.current = e, s.current = je(a.state ?? {})), s.current === null) throw Error("State store is not initialized");
 	let c = s.current;
-	return /* @__PURE__ */ A(we, {
+	return /* @__PURE__ */ S(ke, {
 		registry: t,
 		store: c,
-		handlers: T(() => {
+		handlers: v(() => {
 			let e = n(() => void 0, () => c.getSnapshot()), t = r ? r({
 				setState: c.set,
 				getSnapshot: () => c.getSnapshot()
@@ -2538,14 +2235,14 @@ var Gi = [Ui], Ki = ({ spec: e, registry: t, handlers: n, actions: r, loading: i
 			r,
 			c
 		]),
-		functions: T(() => ({ computeTotal: (e) => `$${((Number.parseFloat(String(e.quantity ?? 0)) || 0) * (Number.parseFloat(String(e.unitPrice ?? "0").replace(/[^0-9.]/g, "")) || 0)).toFixed(2)}` }), []),
-		children: /* @__PURE__ */ A(Te, {
+		functions: v(() => ({ computeTotal: (e) => `$${((Number.parseFloat(String(e.quantity ?? 0)) || 0) * (Number.parseFloat(String(e.unitPrice ?? "0").replace(/[^0-9.]/g, "")) || 0)).toFixed(2)}` }), []),
+		children: /* @__PURE__ */ S(Ae, {
 			spec: a,
 			registry: t,
 			loading: i ?? !1
 		})
 	});
-}, qi = class extends ce {
+}, vi = class extends pe {
 	state = {
 		hasError: !1,
 		message: ""
@@ -2563,10 +2260,10 @@ var Gi = [Ui], Ki = ({ spec: e, registry: t, handlers: n, actions: r, loading: i
 		});
 	}
 	render() {
-		return this.state.hasError ? process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ A(t, {
+		return this.state.hasError ? process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ S(t, {
 			status: "danger",
 			title: `${this.props.elementType} failed to render`,
-			children: /* @__PURE__ */ A(v, {
+			children: /* @__PURE__ */ S(p, {
 				variant: "body",
 				children: this.state.message
 			})
@@ -2575,39 +2272,39 @@ var Gi = [Ui], Ki = ({ spec: e, registry: t, handlers: n, actions: r, loading: i
 };
 //#endregion
 //#region src/renderers/wrap-context-registry.tsx
-function Ji(e, t) {
+function yi(e, t) {
 	if (process.env.NODE_ENV === "production") return e;
 	let n = { ...e };
 	for (let [r, i] of Object.entries(e)) {
 		let e = i;
-		n[r] = ((n) => /* @__PURE__ */ A(qi, {
+		n[r] = ((n) => /* @__PURE__ */ S(vi, {
 			elementType: r,
 			...t ? { onError: t } : {},
-			children: /* @__PURE__ */ A(e, { ...n })
+			children: /* @__PURE__ */ S(e, { ...n })
 		}));
 	}
 	return n;
 }
 //#endregion
 //#region src/renderers/context-spec-renderer.tsx
-var Yi = ({ spec: e, registry: t, handlers: n, actions: r, onRenderError: i, loading: a }) => {
-	let o = a ? [] : Tr(e);
-	o.length > 0 && process.env.NODE_ENV !== "production" && console.warn(`[ContextSpecRenderer] Spec validation issues:\n${Er(o.map((e) => ({
+var bi = ({ spec: e, registry: t, handlers: n, actions: r, onRenderError: i, loading: a }) => {
+	let o = a ? [] : G(e);
+	o.length > 0 && process.env.NODE_ENV !== "production" && console.warn(`[ContextSpecRenderer] Spec validation issues:\n${K(o.map((e) => ({
 		...e,
 		severity: "error"
 	})))}`);
-	let s = t ?? $("context").registry, c = n ?? $("context").handlers;
-	return /* @__PURE__ */ A(Ki, {
+	let s = t ?? Z("context").registry, c = n ?? Z("context").handlers;
+	return /* @__PURE__ */ S($, {
 		spec: e,
-		registry: T(() => Ji(s, i), [s, i]),
+		registry: v(() => yi(s, i), [s, i]),
 		handlers: c,
 		...r ? { actions: r } : {},
 		...a === void 0 ? {} : { loading: a }
 	});
-}, Xi = "nilaa0";
+}, xi = "nilaa0";
 //#endregion
 //#region src/renderers/sectioned-context-renderer.tsx
-function Zi(e, t) {
+function Si(e, t) {
 	let n = {}, r = !1, i = (t) => {
 		let a = e.elements[t];
 		if (!a) {
@@ -2624,8 +2321,8 @@ function Zi(e, t) {
 		hasMissingRefs: r
 	};
 }
-function Qi(e, t) {
-	let { elements: n, hasMissingRefs: r } = Zi(e, t), i = {
+function Ci(e, t) {
+	let { elements: n, hasMissingRefs: r } = Si(e, t), i = {
 		root: t,
 		elements: n
 	}, a = e.state;
@@ -2634,14 +2331,14 @@ function Qi(e, t) {
 		hasMissingRefs: r
 	};
 }
-function $i(e, t) {
-	let n = E(/* @__PURE__ */ new Map());
-	return T(() => {
+function wi(e, t) {
+	let n = y(/* @__PURE__ */ new Map());
+	return v(() => {
 		if (!e?.root) return [];
 		let r = e.elements[e.root];
 		if (!r) return [];
 		let i = (r.children ?? []).filter((t) => e.elements[t]), a = n.current, o = /* @__PURE__ */ new Map(), s = i.map((n, r) => {
-			let { spec: s, hasMissingRefs: c } = Qi(e, n), l = JSON.stringify(s), u = a.get(n), d = u && u.key === l ? u.spec : s;
+			let { spec: s, hasMissingRefs: c } = Ci(e, n), l = JSON.stringify(s), u = a.get(n), d = u && u.key === l ? u.spec : s;
 			o.set(n, {
 				key: l,
 				spec: d
@@ -2656,9 +2353,9 @@ function $i(e, t) {
 		return n.current = o, s;
 	}, [e, t]);
 }
-function ea(e) {
-	let t = E(/* @__PURE__ */ new Map());
-	return T(() => {
+function Ti(e) {
+	let t = y(/* @__PURE__ */ new Map());
+	return v(() => {
 		let n = t.current, r = /* @__PURE__ */ new Map(), i = e.map((e) => {
 			let t = e.spec ? JSON.stringify(e.spec) : "", i = n.get(e.id), a = e.spec && i && i.key === t ? i.spec : e.spec;
 			return r.set(e.id, {
@@ -2672,45 +2369,45 @@ function ea(e) {
 		return t.current = r, i;
 	}, [e]);
 }
-function ta({ title: e }) {
-	return /* @__PURE__ */ j("div", {
-		className: We,
+function Ei({ title: e }) {
+	return /* @__PURE__ */ C("div", {
+		className: Ye,
 		"data-testid": "context-section-skeleton",
-		children: [/* @__PURE__ */ A(_, {
+		children: [/* @__PURE__ */ S(ae, {
 			variant: "headline",
 			...e ? { "aria-label": `Loading ${e}` } : {}
-		}), /* @__PURE__ */ A(te, { height: "64px" })]
+		}), /* @__PURE__ */ S(ie, { height: "64px" })]
 	});
 }
-function na({ slot: e, registry: t, handlers: n, actions: r }) {
-	return e.spec ? /* @__PURE__ */ j("div", {
+function Di({ slot: e, registry: t, handlers: n, actions: r }) {
+	return e.spec ? /* @__PURE__ */ C("div", {
 		"data-testid": `context-section-${e.id}`,
 		"data-status": e.status,
-		children: [/* @__PURE__ */ A(Ki, {
+		children: [/* @__PURE__ */ S($, {
 			spec: e.spec,
 			registry: t,
 			handlers: n,
 			loading: e.status === "loading",
 			...r ? { actions: r } : {}
-		}), e.status === "loading" ? /* @__PURE__ */ A("div", {
-			className: Xi,
-			children: /* @__PURE__ */ A(_, {
+		}), e.status === "loading" ? /* @__PURE__ */ S("div", {
+			className: xi,
+			children: /* @__PURE__ */ S(ae, {
 				variant: "body",
 				rows: 2,
 				"aria-label": "Loading more of this section"
 			})
 		}) : null]
-	}) : /* @__PURE__ */ A(ta, { ...e.title ? { title: e.title } : {} });
+	}) : /* @__PURE__ */ S(Ei, { ...e.title ? { title: e.title } : {} });
 }
-var ra = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, actions: a, onRenderError: o }) => {
-	let s = T(() => $("context"), []), c = r ?? s.registry, l = i ?? s.handlers, u = T(() => Ji(c, o), [c, o]), d = $i(e, n);
-	return /* @__PURE__ */ A("div", {
-		className: yn,
+var Oi = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, actions: a, onRenderError: o }) => {
+	let s = v(() => Z("context"), []), c = r ?? s.registry, l = i ?? s.handlers, u = v(() => yi(c, o), [c, o]), d = wi(e, n);
+	return /* @__PURE__ */ S("div", {
+		className: F,
 		"data-testid": "sectioned-context-panel",
-		children: ea(t ?? d).map((e) => /* @__PURE__ */ A(qi, {
+		children: Ti(t ?? d).map((e) => /* @__PURE__ */ S(vi, {
 			elementType: e.id,
 			...o ? { onError: o } : {},
-			children: /* @__PURE__ */ A(na, {
+			children: /* @__PURE__ */ S(Di, {
 				slot: e,
 				registry: u,
 				handlers: l,
@@ -2720,6 +2417,6 @@ var ra = ({ spec: e, sections: t, loading: n = !1, registry: r, handlers: i, act
 	});
 };
 //#endregion
-export { Yi as ContextSpecRenderer, ra as SectionedContextRenderer, Ki as SpecRenderer, Vr as catalog, mr as composeCatalogComponents, vr as contextCatalog, hr as createScopedCatalog, Vi as executeAction, Qi as extractSectionSpec, Pr as formatContextRenderReport, Er as formatContextSpecIssues, Hi as getContextRegistry, $ as getRegistry, Bi as handlers, Nr as hasContextSpecErrors, gr as mergeCatalogs, Mr as postProcessContextSpec, zi as registry, Tr as validateContextSpec, jr as validateContextSpecDeep };
+export { bi as ContextSpecRenderer, Oi as SectionedContextRenderer, $ as SpecRenderer, Fr as catalog, H as composeCatalogComponents, _r as contextCatalog, mr as createScopedCatalog, pi as executeAction, Ci as extractSectionSpec, Ar as formatContextRenderReport, K as formatContextSpecIssues, mi as getContextRegistry, Z as getRegistry, fi as handlers, kr as hasContextSpecErrors, hr as mergeCatalogs, Or as postProcessContextSpec, di as registry, G as validateContextSpec, Dr as validateContextSpecDeep };
 
 //# sourceMappingURL=index.js.map