@assistant-ui/react-generative-ui 0.0.6 → 0.0.8

package/dist/vocabulary/alert.js

@@ -0,0 +1,58 @@
+import { ALERT_TONES } from "../ir.js";
+import { Children } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/alert.tsx
+const MAX_CARDS = 10;
+const alertVocabulary = {
+	Alert: {
+		description: "A highlighted message conveying urgency. `tone` drives the severity.",
+		properties: z.object({
+			title: z.string().optional().describe("Alert title."),
+			description: z.string().optional().describe("Supporting description text."),
+			tone: z.enum(ALERT_TONES).optional().describe("Severity tone; defaults to `info`.")
+		}),
+		render: ({ title, description, tone, children }) => /* @__PURE__ */ jsxs("div", {
+			"data-aui": "alert",
+			"data-aui-tone": tone ?? "info",
+			role: "alert",
+			children: [
+				title ? /* @__PURE__ */ jsx("header", {
+					"data-aui": "alert-title",
+					children: title
+				}) : null,
+				description ? /* @__PURE__ */ jsx("p", {
+					"data-aui": "alert-desc",
+					children: description
+				}) : null,
+				children
+			]
+		})
+	},
+	Carousel: {
+		description: "A horizontally scrollable group of `Card` children (max 10). Set `label` for an accessible name.",
+		properties: z.object({ label: z.string().optional().describe("Accessible label for the carousel.") }),
+		render: ({ label, children }) => {
+			const cards = Children.toArray(children).slice(0, MAX_CARDS);
+			const n = cards.length;
+			return /* @__PURE__ */ jsx("div", {
+				"data-aui": "carousel",
+				role: label ? "region" : "group",
+				"aria-roledescription": "carousel",
+				"aria-label": label,
+				tabIndex: 0,
+				children: cards.map((card, i) => /* @__PURE__ */ jsx("div", {
+					"data-aui": "carousel-slide",
+					role: "group",
+					"aria-roledescription": "slide",
+					"aria-label": `${i + 1} of ${n}`,
+					children: card
+				}, i))
+			});
+		}
+	}
+};
+//#endregion
+export { alertVocabulary };
+
+//# sourceMappingURL=alert.js.map

package/dist/vocabulary/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../src/vocabulary/alert.tsx"],"sourcesContent":["import { Children } from \"react\";\nimport { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { ALERT_TONES } from \"../ir\";\n\nconst MAX_CARDS = 10;\n\nexport const alertVocabulary = {\n  Alert: {\n    description:\n      \"A highlighted message conveying urgency. `tone` drives the severity.\",\n    properties: z.object({\n      title: z.string().optional().describe(\"Alert title.\"),\n      description: z\n        .string()\n        .optional()\n        .describe(\"Supporting description text.\"),\n      tone: z\n        .enum(ALERT_TONES)\n        .optional()\n        .describe(\"Severity tone; defaults to `info`.\"),\n    }),\n    render: ({ title, description, tone, children }) => (\n      <div data-aui=\"alert\" data-aui-tone={tone ?? \"info\"} role=\"alert\">\n        {title ? <header data-aui=\"alert-title\">{title}</header> : null}\n        {description ? <p data-aui=\"alert-desc\">{description}</p> : null}\n        {children}\n      </div>\n    ),\n  },\n  Carousel: {\n    description:\n      \"A horizontally scrollable group of `Card` children (max 10). Set `label` for an accessible name.\",\n    properties: z.object({\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the carousel.\"),\n    }),\n    render: ({ label, children }) => {\n      const cards = Children.toArray(children).slice(0, MAX_CARDS);\n      const n = cards.length;\n      return (\n        <div\n          data-aui=\"carousel\"\n          role={label ? \"region\" : \"group\"}\n          aria-roledescription=\"carousel\"\n          aria-label={label}\n          tabIndex={0}\n        >\n          {cards.map((card, i) => (\n            <div\n              key={i}\n              data-aui=\"carousel-slide\"\n              role=\"group\"\n              aria-roledescription=\"slide\"\n              aria-label={`${i + 1} of ${n}`}\n            >\n              {card}\n            </div>\n          ))}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,MAAa,kBAAkB;CAC7B,OAAO;EACL,aACE;EACF,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,cAAc;GACpD,aAAa,EACV,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,8BAA8B;GAC1C,MAAM,EACH,KAAK,WAAW,CAAC,CACjB,SAAS,CAAC,CACV,SAAS,oCAAoC;EAClD,CAAC;EACD,SAAS,EAAE,OAAO,aAAa,MAAM,eACnC,qBAAC,OAAD;GAAK,YAAS;GAAQ,iBAAe,QAAQ;GAAQ,MAAK;aAA1D;IACG,QAAQ,oBAAC,UAAD;KAAQ,YAAS;eAAe;IAAc,CAAA,IAAI;IAC1D,cAAc,oBAAC,KAAD;KAAG,YAAS;eAAc;IAAe,CAAA,IAAI;IAC3D;GACE;;CAET;CACA,UAAU;EACR,aACE;EACF,YAAY,EAAE,OAAO,EACnB,OAAO,EACJ,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,oCAAoC,EAClD,CAAC;EACD,SAAS,EAAE,OAAO,eAAe;GAC/B,MAAM,QAAQ,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAAM,GAAG,SAAS;GAC3D,MAAM,IAAI,MAAM;GAChB,OACE,oBAAC,OAAD;IACE,YAAS;IACT,MAAM,QAAQ,WAAW;IACzB,wBAAqB;IACrB,cAAY;IACZ,UAAU;cAET,MAAM,KAAK,MAAM,MAChB,oBAAC,OAAD;KAEE,YAAS;KACT,MAAK;KACL,wBAAqB;KACrB,cAAY,GAAG,IAAI,EAAE,MAAM;eAE1B;IACE,GAPE,CAOF,CACN;GACE,CAAA;EAET;CACF;AACF"}

package/dist/vocabulary/collectFormValues.d.ts

@@ -0,0 +1,23 @@
+import { FormEvent } from "react";
+//#region src/vocabulary/collectFormValues.d.ts
+/**
+ * The subset of `HTMLInputElement`/`HTMLSelectElement`/`HTMLTextAreaElement` that {@link collectFormValues} reads. A structural type rather than the DOM interfaces themselves, so a plain object can stand in for a form control in tests.
+ */
+type FormControlElementLike = {
+  readonly name: string;
+  readonly type: string;
+  readonly value: string;
+  readonly checked?: boolean;
+  readonly disabled: boolean;
+};
+/**
+ * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, or that are `disabled`, are skipped entirely.
+ */
+declare function collectFormValues(elements: ArrayLike<FormControlElementLike>): Record<string, unknown>;
+/**
+ * Convenience wrapper around {@link collectFormValues} for a native form submit event; the cast from `HTMLFormControlsCollection` to `ArrayLike<FormControlElementLike>` lives here once instead of at every call site.
+ */
+declare function collectFormValuesFromEvent(event: FormEvent<HTMLFormElement>): Record<string, unknown>;
+//#endregion
+export { FormControlElementLike, collectFormValues, collectFormValuesFromEvent };
+//# sourceMappingURL=collectFormValues.d.ts.map

package/dist/vocabulary/collectFormValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectFormValues.d.ts","names":[],"sources":["../../src/vocabulary/collectFormValues.ts"],"mappings":";;;;;KAKY;WACD;WACA;WACA;WACA;WACA;;;;;iBAMK,kBACd,UAAU,UAAU,0BACnB;;;;iBAgCa,2BACd,OAAO,UAAU,mBAChB"}

package/dist/vocabulary/collectFormValues.js

@@ -0,0 +1,32 @@
+//#region src/vocabulary/collectFormValues.ts
+/**
+* Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, or that are `disabled`, are skipped entirely.
+*/
+function collectFormValues(elements) {
+	const values = Object.create(null);
+	for (const element of Array.from(elements)) {
+		const { name, disabled } = element;
+		if (!name || disabled) continue;
+		if (element.type === "radio") {
+			if (element.checked) values[name] = element.value;
+			else if (!Object.hasOwn(values, name)) values[name] = void 0;
+			continue;
+		}
+		const value = element.type === "checkbox" ? element.checked ?? false : element.value;
+		if (Object.hasOwn(values, name)) {
+			const existing = values[name];
+			values[name] = Array.isArray(existing) ? [...existing, value] : [existing, value];
+		} else values[name] = value;
+	}
+	return values;
+}
+/**
+* Convenience wrapper around {@link collectFormValues} for a native form submit event; the cast from `HTMLFormControlsCollection` to `ArrayLike<FormControlElementLike>` lives here once instead of at every call site.
+*/
+function collectFormValuesFromEvent(event) {
+	return collectFormValues(event.currentTarget.elements);
+}
+//#endregion
+export { collectFormValues, collectFormValuesFromEvent };
+
+//# sourceMappingURL=collectFormValues.js.map

package/dist/vocabulary/collectFormValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectFormValues.js","names":[],"sources":["../../src/vocabulary/collectFormValues.ts"],"sourcesContent":["import type { FormEvent } from \"react\";\n\n/**\n * The subset of `HTMLInputElement`/`HTMLSelectElement`/`HTMLTextAreaElement` that {@link collectFormValues} reads. A structural type rather than the DOM interfaces themselves, so a plain object can stand in for a form control in tests.\n */\nexport type FormControlElementLike = {\n  readonly name: string;\n  readonly type: string;\n  readonly value: string;\n  readonly checked?: boolean;\n  readonly disabled: boolean;\n};\n\n/**\n * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, or that are `disabled`, are skipped entirely.\n */\nexport function collectFormValues(\n  elements: ArrayLike<FormControlElementLike>,\n): Record<string, unknown> {\n  const values: Record<string, unknown> = Object.create(null);\n\n  for (const element of Array.from(elements)) {\n    const { name, disabled } = element;\n    if (!name || disabled) continue;\n\n    if (element.type === \"radio\") {\n      if (element.checked) values[name] = element.value;\n      else if (!Object.hasOwn(values, name)) values[name] = undefined;\n      continue;\n    }\n\n    const value: string | boolean =\n      element.type === \"checkbox\" ? (element.checked ?? false) : element.value;\n\n    if (Object.hasOwn(values, name)) {\n      const existing = values[name];\n      values[name] = Array.isArray(existing)\n        ? [...existing, value]\n        : [existing, value];\n    } else {\n      values[name] = value;\n    }\n  }\n\n  return values;\n}\n\n/**\n * Convenience wrapper around {@link collectFormValues} for a native form submit event; the cast from `HTMLFormControlsCollection` to `ArrayLike<FormControlElementLike>` lives here once instead of at every call site.\n */\nexport function collectFormValuesFromEvent(\n  event: FormEvent<HTMLFormElement>,\n): Record<string, unknown> {\n  return collectFormValues(\n    event.currentTarget\n      .elements as unknown as ArrayLike<FormControlElementLike>,\n  );\n}\n"],"mappings":";;;;AAgBA,SAAgB,kBACd,UACyB;CACzB,MAAM,SAAkC,OAAO,OAAO,IAAI;CAE1D,KAAK,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG;EAC1C,MAAM,EAAE,MAAM,aAAa;EAC3B,IAAI,CAAC,QAAQ,UAAU;EAEvB,IAAI,QAAQ,SAAS,SAAS;GAC5B,IAAI,QAAQ,SAAS,OAAO,QAAQ,QAAQ;QACvC,IAAI,CAAC,OAAO,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ,KAAA;GACtD;EACF;EAEA,MAAM,QACJ,QAAQ,SAAS,aAAc,QAAQ,WAAW,QAAS,QAAQ;EAErE,IAAI,OAAO,OAAO,QAAQ,IAAI,GAAG;GAC/B,MAAM,WAAW,OAAO;GACxB,OAAO,QAAQ,MAAM,QAAQ,QAAQ,IACjC,CAAC,GAAG,UAAU,KAAK,IACnB,CAAC,UAAU,KAAK;EACtB,OACE,OAAO,QAAQ;CAEnB;CAEA,OAAO;AACT;;;;AAKA,SAAgB,2BACd,OACyB;CACzB,OAAO,kBACL,MAAM,cACH,QACL;AACF"}

package/dist/vocabulary/data.d.ts

@@ -0,0 +1,52 @@
+import { z } from "zod";
+//#region src/vocabulary/data.d.ts
+declare const dataVocabulary: {
+  Table: {
+    description: string;
+    properties: z.ZodObject<{
+      columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+      }, z.core.$strip>>>;
+      rows: z.ZodOptional<z.ZodArray<z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean]>>>>;
+    }, z.core.$strip>;
+    render: ({ columns, rows, children }: any) => import("react").JSX.Element;
+  };
+  Markdown: {
+    description: string;
+    properties: z.ZodObject<{
+      value: z.ZodString;
+    }, z.core.$strip>;
+    streamProperties: true;
+    render: ({ value, children }: any) => import("react").JSX.Element;
+  };
+  Chart: {
+    description: string;
+    properties: z.ZodObject<{
+      variant: z.ZodEnum<{
+        bar: "bar";
+        line: "line";
+        sparkline: "sparkline";
+        area: "area";
+      }>;
+      data: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        label: z.ZodOptional<z.ZodString>;
+        value: z.ZodNumber;
+      }, z.core.$strip>>>;
+      series: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        label: z.ZodOptional<z.ZodString>;
+        data: z.ZodArray<z.ZodObject<{
+          label: z.ZodOptional<z.ZodString>;
+          value: z.ZodNumber;
+        }, z.core.$strip>>;
+      }, z.core.$strip>>>;
+      stacked: z.ZodOptional<z.ZodBoolean>;
+      showAxis: z.ZodOptional<z.ZodBoolean>;
+      showLegend: z.ZodOptional<z.ZodBoolean>;
+      color: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({ variant, data, series, stacked, showAxis, showLegend, color }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { dataVocabulary };
+//# sourceMappingURL=data.d.ts.map

package/dist/vocabulary/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","names":[],"sources":["../../src/vocabulary/data.tsx"],"mappings":";;cA8Qa"}

package/dist/vocabulary/data.js

@@ -0,0 +1,294 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/data.tsx
+const columnSchema = z.object({ label: z.string().describe("Column header label.") });
+const cellSchema = z.union([
+	z.string(),
+	z.number(),
+	z.boolean()
+]).describe("A cell value.");
+const CHART_HEIGHT = 40;
+const CHART_WIDTH = 100;
+const clampValue = (value) => typeof value === "number" && Number.isFinite(value) ? Math.max(0, value) : 0;
+const yFor = (value, max) => max > 0 ? CHART_HEIGHT - value / max * CHART_HEIGHT : CHART_HEIGHT;
+const pointSchema = z.object({
+	label: z.string().optional().describe("Point label."),
+	value: z.number().describe("Point value.")
+});
+const seriesSchema = z.object({
+	label: z.string().optional().describe("Series label, shown in the legend."),
+	data: z.array(pointSchema).describe("Data points for this series.")
+});
+/** Pads every series to the longest series' length, treating a shorter series' missing points as `{ value: 0 }` so mismatched series never misalign or throw. */
+function normalizeSeries(seriesProp, dataProp) {
+	const rawSeries = Array.isArray(seriesProp) && seriesProp.length > 0 ? seriesProp : [{ data: Array.isArray(dataProp) ? dataProp : [] }];
+	const count = rawSeries.reduce((max, s) => {
+		const len = Array.isArray(s?.data) ? s.data.length : 0;
+		return Math.max(max, len);
+	}, 0);
+	return {
+		count,
+		series: rawSeries.map((s) => {
+			const points = Array.isArray(s?.data) ? s.data : [];
+			const values = [];
+			const labels = [];
+			for (let i = 0; i < count; i++) {
+				const point = points[i];
+				values.push(clampValue(point?.value));
+				labels.push(typeof point?.label === "string" ? point.label : void 0);
+			}
+			return {
+				label: typeof s?.label === "string" ? s.label : void 0,
+				values,
+				labels
+			};
+		})
+	};
+}
+function computeMax(series, count, stacked) {
+	if (stacked) {
+		let max = 0;
+		for (let i = 0; i < count; i++) {
+			let sum = 0;
+			for (const s of series) sum += s.values[i] ?? 0;
+			max = Math.max(max, sum);
+		}
+		return max;
+	}
+	let max = 0;
+	for (const s of series) for (const v of s.values) max = Math.max(max, v);
+	return max;
+}
+const NICE_MULTIPLES = [
+	1,
+	2,
+	5
+];
+/** The smallest of `{1, 2, 5} × 10^n` that is `>= max`, so axis ticks land on round numbers. */
+function niceMax(max) {
+	if (max <= 0) return 0;
+	const exponent = Math.floor(Math.log10(max));
+	for (const multiple of NICE_MULTIPLES) {
+		const candidate = multiple * 10 ** exponent;
+		if (candidate >= max) return candidate;
+	}
+	return 10 ** (exponent + 1);
+}
+const TICK_COUNT = 5;
+/** `TICK_COUNT` evenly spaced ticks from `max` down to `0`, for a top-to-bottom y-axis column. */
+function tickValues(max) {
+	const ticks = [];
+	for (let i = 0; i < TICK_COUNT; i++) ticks.push(max * (TICK_COUNT - 1 - i) / (TICK_COUNT - 1));
+	return ticks;
+}
+function formatTick(value) {
+	return (Math.round(value * 100) / 100).toLocaleString("en-US");
+}
+const SERIES_PALETTE_SIZE = 5;
+function renderSeriesMarks(variant, series, count, scaleMax, stacked) {
+	if (variant === "bar") {
+		const slot = count > 0 ? CHART_WIDTH / count : 0;
+		const gap = slot * .2;
+		const groupWidth = slot - gap;
+		const seriesCount = series.length;
+		const perSeriesWidth = stacked || seriesCount <= 1 ? groupWidth : groupWidth / seriesCount;
+		const cumulative = new Array(count).fill(0);
+		return series.map((s, seriesIndex) => {
+			const marks = s.values.map((value, i) => {
+				const height = scaleMax > 0 ? value / scaleMax * CHART_HEIGHT : 0;
+				const belowHeight = stacked && scaleMax > 0 ? (cumulative[i] ?? 0) / scaleMax * CHART_HEIGHT : 0;
+				return /* @__PURE__ */ jsx("rect", {
+					x: stacked || seriesCount <= 1 ? i * slot + gap / 2 : i * slot + gap / 2 + seriesIndex * perSeriesWidth,
+					y: CHART_HEIGHT - belowHeight - height,
+					width: perSeriesWidth,
+					height,
+					fill: "currentColor"
+				}, i);
+			});
+			if (stacked) for (let i = 0; i < count; i++) cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);
+			return /* @__PURE__ */ jsx("g", {
+				"data-aui": "chart-series",
+				"data-aui-series": seriesIndex % SERIES_PALETTE_SIZE,
+				children: marks
+			}, seriesIndex);
+		});
+	}
+	if (variant === "area") {
+		const cumulative = new Array(count).fill(0);
+		return series.map((s, seriesIndex) => {
+			const bottoms = stacked ? cumulative.slice() : new Array(count).fill(0);
+			if (stacked) for (let i = 0; i < count; i++) cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);
+			const tops = stacked ? cumulative.slice() : s.values.slice();
+			if (count === 1) {
+				const y = yFor(tops[0] ?? 0, scaleMax);
+				return /* @__PURE__ */ jsx("g", {
+					"data-aui": "chart-series",
+					"data-aui-series": seriesIndex % SERIES_PALETTE_SIZE,
+					children: /* @__PURE__ */ jsx("circle", {
+						cx: CHART_WIDTH / 2,
+						cy: y,
+						r: 2,
+						fill: "currentColor"
+					})
+				}, seriesIndex);
+			}
+			if (count === 0) return /* @__PURE__ */ jsx("g", {
+				"data-aui": "chart-series",
+				"data-aui-series": seriesIndex % SERIES_PALETTE_SIZE
+			}, seriesIndex);
+			const topPoints = tops.map((v, i) => `${i / (count - 1) * CHART_WIDTH},${yFor(v, scaleMax)}`);
+			const bottomPoints = bottoms.map((v, i) => `${i / (count - 1) * CHART_WIDTH},${yFor(v, scaleMax)}`).reverse();
+			return /* @__PURE__ */ jsx("g", {
+				"data-aui": "chart-series",
+				"data-aui-series": seriesIndex % SERIES_PALETTE_SIZE,
+				children: /* @__PURE__ */ jsx("polygon", {
+					points: [...topPoints, ...bottomPoints].join(" "),
+					fill: "currentColor",
+					fillOpacity: "0.25",
+					stroke: "currentColor"
+				})
+			}, seriesIndex);
+		});
+	}
+	return series.map((s, seriesIndex) => /* @__PURE__ */ jsx("g", {
+		"data-aui": "chart-series",
+		"data-aui-series": seriesIndex % SERIES_PALETTE_SIZE,
+		children: count === 1 ? /* @__PURE__ */ jsx("circle", {
+			cx: CHART_WIDTH / 2,
+			cy: yFor(s.values[0] ?? 0, scaleMax),
+			r: 2,
+			fill: "currentColor"
+		}) : count > 1 ? /* @__PURE__ */ jsx("polyline", {
+			points: s.values.map((v, i) => `${i / (count - 1) * CHART_WIDTH},${yFor(v, scaleMax)}`).join(" "),
+			fill: "none",
+			stroke: "currentColor"
+		}) : null
+	}, seriesIndex));
+}
+const dataVocabulary = {
+	Table: {
+		description: "Tabular data. Provide `columns` and `rows`; each row is an array of cells matching the columns.",
+		properties: z.object({
+			columns: z.array(columnSchema).optional().describe("Column definitions."),
+			rows: z.array(z.array(cellSchema)).optional().describe("Rows of cells.")
+		}),
+		render: ({ columns, rows, children }) => /* @__PURE__ */ jsxs("table", {
+			"data-aui": "table",
+			children: [
+				columns?.length ? /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((c, i) => /* @__PURE__ */ jsx("th", {
+					"data-aui": "table-col",
+					children: c.label
+				}, i)) }) }) : null,
+				rows?.length ? /* @__PURE__ */ jsx("tbody", { children: rows.map((row, r) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, c) => /* @__PURE__ */ jsx("td", { children: String(cell) }, c)) }, r)) }) : null,
+				children
+			]
+		})
+	},
+	Markdown: {
+		description: "A markdown string. Rendered as-is by default; override this component for a full markdown renderer.",
+		properties: z.object({ value: z.string().describe("Markdown source.") }),
+		streamProperties: true,
+		render: ({ value, children }) => /* @__PURE__ */ jsxs("div", {
+			"data-aui": "markdown",
+			children: [value, children]
+		})
+	},
+	Chart: {
+		description: "A chart. `variant` selects bar, line, sparkline, or area rendering. Provide `data` for a single series, or `series` for multiple named series (`series` takes precedence over `data` when both are present). Set `stacked` to accumulate series values instead of overlaying them, and `showAxis`/`showLegend` to add y-axis ticks, x-axis point labels, and a legend.",
+		properties: z.object({
+			variant: z.enum([
+				"bar",
+				"line",
+				"sparkline",
+				"area"
+			]).describe("Chart variant."),
+			data: z.array(pointSchema).optional().describe("Data points for a single series."),
+			series: z.array(seriesSchema).optional().describe("Multiple named series; takes precedence over `data` when present."),
+			stacked: z.boolean().optional().describe("Accumulate series values instead of overlaying them (bar and area variants; ignored for line and sparkline)."),
+			showAxis: z.boolean().optional().describe("Show y-axis ticks and x-axis point labels."),
+			showLegend: z.boolean().optional().describe("Show a legend mapping each series to its color."),
+			color: z.string().optional().describe("Series color (single-series mode only). One of `emphasis`, `secondary`, `alpha-70`, `white`, `white-70`, or `white-50`, matching Text's `color` tokens; other values have no visual effect.")
+		}),
+		render: ({ variant, data, series, stacked, showAxis, showLegend, color }) => {
+			if (!(variant === "area" || !!stacked || !!showAxis || !!showLegend || Array.isArray(series) && series.length > 0)) {
+				const points = Array.isArray(data) ? data : [];
+				const n = points.length;
+				const values = points.map((d) => clampValue(d?.value));
+				const max = values.reduce((m, v) => Math.max(m, v), 0);
+				const slot = n > 0 ? CHART_WIDTH / n : 0;
+				const gap = slot * .2;
+				const barWidth = slot - gap;
+				return /* @__PURE__ */ jsx("svg", {
+					"data-aui": "chart",
+					"data-aui-variant": variant,
+					"data-aui-color": color,
+					role: "img",
+					"aria-label": `${variant} chart with ${n} data points`,
+					viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`,
+					preserveAspectRatio: "none",
+					children: variant === "bar" ? values.map((v, i) => {
+						const height = max > 0 ? v / max * CHART_HEIGHT : 0;
+						return /* @__PURE__ */ jsx("rect", {
+							x: i * slot + gap / 2,
+							y: CHART_HEIGHT - height,
+							width: barWidth,
+							height,
+							fill: "currentColor"
+						}, i);
+					}) : n === 1 ? /* @__PURE__ */ jsx("circle", {
+						cx: CHART_WIDTH / 2,
+						cy: yFor(values[0] ?? 0, max),
+						r: 2,
+						fill: "currentColor"
+					}) : n > 1 ? /* @__PURE__ */ jsx("polyline", {
+						points: values.map((v, i) => `${i / (n - 1) * CHART_WIDTH},${yFor(v, max)}`).join(" "),
+						fill: "none",
+						stroke: "currentColor"
+					}) : null
+				});
+			}
+			const { count, series: normalized } = normalizeSeries(series, data);
+			const stackedScale = !!stacked && (variant === "bar" || variant === "area");
+			const rawMax = computeMax(normalized, count, stackedScale);
+			const scaleMax = showAxis ? niceMax(rawMax) : rawMax;
+			const marks = renderSeriesMarks(variant, normalized, count, scaleMax, stackedScale);
+			const svg = /* @__PURE__ */ jsx("svg", {
+				"data-aui": "chart",
+				"data-aui-variant": variant,
+				"data-aui-color": color,
+				role: "img",
+				"aria-label": `${variant} chart with ${count} data points`,
+				viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`,
+				preserveAspectRatio: "none",
+				children: marks
+			});
+			if (!showAxis && !showLegend) return svg;
+			return /* @__PURE__ */ jsxs("div", {
+				"data-aui": "chart-frame",
+				children: [
+					showAxis ? /* @__PURE__ */ jsx("div", {
+						"data-aui": "chart-ticks",
+						children: tickValues(scaleMax).map((tick, i) => /* @__PURE__ */ jsx("div", { children: formatTick(tick) }, i))
+					}) : null,
+					svg,
+					showAxis ? /* @__PURE__ */ jsx("div", {
+						"data-aui": "chart-xlabels",
+						children: (normalized[0]?.labels ?? []).map((label, i) => /* @__PURE__ */ jsx("div", { children: label ?? "" }, i))
+					}) : null,
+					showLegend ? /* @__PURE__ */ jsx("div", {
+						"data-aui": "chart-legend",
+						children: normalized.map((s, i) => /* @__PURE__ */ jsxs("span", {
+							"data-aui": "chart-legend-item",
+							"data-aui-series": i % SERIES_PALETTE_SIZE,
+							children: [/* @__PURE__ */ jsx("span", { "data-aui": "chart-legend-swatch" }), s.label ?? `Series ${i + 1}`]
+						}, i))
+					}) : null
+				]
+			});
+		}
+	}
+};
+//#endregion
+export { dataVocabulary };
+
+//# sourceMappingURL=data.js.map

package/dist/vocabulary/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","names":[],"sources":["../../src/vocabulary/data.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\n\nconst columnSchema = z.object({\n  label: z.string().describe(\"Column header label.\"),\n});\n\nconst cellSchema = z\n  .union([z.string(), z.number(), z.boolean()])\n  .describe(\"A cell value.\");\n\nconst CHART_HEIGHT = 40;\nconst CHART_WIDTH = 100;\n\nconst clampValue = (value: unknown): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst yFor = (value: number, max: number): number =>\n  max > 0 ? CHART_HEIGHT - (value / max) * CHART_HEIGHT : CHART_HEIGHT;\n\nconst pointSchema = z.object({\n  label: z.string().optional().describe(\"Point label.\"),\n  value: z.number().describe(\"Point value.\"),\n});\n\nconst seriesSchema = z.object({\n  label: z.string().optional().describe(\"Series label, shown in the legend.\"),\n  data: z.array(pointSchema).describe(\"Data points for this series.\"),\n});\n\ntype ChartPoint = { label?: string; value: number };\ntype ChartSeriesInput = { label?: string; data: ChartPoint[] };\ntype NormalizedChartSeries = {\n  label: string | undefined;\n  values: number[];\n  labels: (string | undefined)[];\n};\n\n/** Pads every series to the longest series' length, treating a shorter series' missing points as `{ value: 0 }` so mismatched series never misalign or throw. */\nfunction normalizeSeries(\n  seriesProp: unknown,\n  dataProp: unknown,\n): { count: number; series: NormalizedChartSeries[] } {\n  const rawSeries: ChartSeriesInput[] =\n    Array.isArray(seriesProp) && seriesProp.length > 0\n      ? (seriesProp as ChartSeriesInput[])\n      : [{ data: Array.isArray(dataProp) ? (dataProp as ChartPoint[]) : [] }];\n\n  const count = rawSeries.reduce((max, s) => {\n    const len = Array.isArray(s?.data) ? s.data.length : 0;\n    return Math.max(max, len);\n  }, 0);\n\n  const series = rawSeries.map((s) => {\n    const points = Array.isArray(s?.data) ? s.data : [];\n    const values: number[] = [];\n    const labels: (string | undefined)[] = [];\n    for (let i = 0; i < count; i++) {\n      const point = points[i];\n      values.push(clampValue(point?.value));\n      labels.push(typeof point?.label === \"string\" ? point.label : undefined);\n    }\n    return {\n      label: typeof s?.label === \"string\" ? s.label : undefined,\n      values,\n      labels,\n    };\n  });\n\n  return { count, series };\n}\n\nfunction computeMax(\n  series: NormalizedChartSeries[],\n  count: number,\n  stacked: boolean,\n): number {\n  if (stacked) {\n    let max = 0;\n    for (let i = 0; i < count; i++) {\n      let sum = 0;\n      for (const s of series) sum += s.values[i] ?? 0;\n      max = Math.max(max, sum);\n    }\n    return max;\n  }\n  let max = 0;\n  for (const s of series) for (const v of s.values) max = Math.max(max, v);\n  return max;\n}\n\nconst NICE_MULTIPLES = [1, 2, 5];\n\n/** The smallest of `{1, 2, 5} × 10^n` that is `>= max`, so axis ticks land on round numbers. */\nfunction niceMax(max: number): number {\n  if (max <= 0) return 0;\n  const exponent = Math.floor(Math.log10(max));\n  for (const multiple of NICE_MULTIPLES) {\n    const candidate = multiple * 10 ** exponent;\n    if (candidate >= max) return candidate;\n  }\n  return 10 ** (exponent + 1);\n}\n\nconst TICK_COUNT = 5;\n\n/** `TICK_COUNT` evenly spaced ticks from `max` down to `0`, for a top-to-bottom y-axis column. */\nfunction tickValues(max: number): number[] {\n  const ticks: number[] = [];\n  for (let i = 0; i < TICK_COUNT; i++) {\n    ticks.push((max * (TICK_COUNT - 1 - i)) / (TICK_COUNT - 1));\n  }\n  return ticks;\n}\n\nfunction formatTick(value: number): string {\n  return (Math.round(value * 100) / 100).toLocaleString(\"en-US\");\n}\n\ntype ChartVariant = \"bar\" | \"line\" | \"sparkline\" | \"area\";\n\nconst SERIES_PALETTE_SIZE = 5;\n\nfunction renderSeriesMarks(\n  variant: ChartVariant,\n  series: NormalizedChartSeries[],\n  count: number,\n  scaleMax: number,\n  stacked: boolean,\n) {\n  if (variant === \"bar\") {\n    const slot = count > 0 ? CHART_WIDTH / count : 0;\n    const gap = slot * 0.2;\n    const groupWidth = slot - gap;\n    const seriesCount = series.length;\n    const perSeriesWidth =\n      stacked || seriesCount <= 1 ? groupWidth : groupWidth / seriesCount;\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const marks = s.values.map((value, i) => {\n        const height = scaleMax > 0 ? (value / scaleMax) * CHART_HEIGHT : 0;\n        const belowHeight =\n          stacked && scaleMax > 0\n            ? ((cumulative[i] ?? 0) / scaleMax) * CHART_HEIGHT\n            : 0;\n        const x =\n          stacked || seriesCount <= 1\n            ? i * slot + gap / 2\n            : i * slot + gap / 2 + seriesIndex * perSeriesWidth;\n        return (\n          <rect\n            key={i}\n            x={x}\n            y={CHART_HEIGHT - belowHeight - height}\n            width={perSeriesWidth}\n            height={height}\n            fill=\"currentColor\"\n          />\n        );\n      });\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          {marks}\n        </g>\n      );\n    });\n  }\n\n  if (variant === \"area\") {\n    const cumulative = new Array(count).fill(0) as number[];\n\n    return series.map((s, seriesIndex) => {\n      const bottoms = stacked\n        ? cumulative.slice()\n        : (new Array(count).fill(0) as number[]);\n      if (stacked) {\n        for (let i = 0; i < count; i++) {\n          cumulative[i] = (cumulative[i] ?? 0) + (s.values[i] ?? 0);\n        }\n      }\n      const tops = stacked ? cumulative.slice() : s.values.slice();\n\n      if (count === 1) {\n        const y = yFor(tops[0] ?? 0, scaleMax);\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          >\n            <circle cx={CHART_WIDTH / 2} cy={y} r={2} fill=\"currentColor\" />\n          </g>\n        );\n      }\n      if (count === 0) {\n        return (\n          <g\n            key={seriesIndex}\n            data-aui=\"chart-series\"\n            data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n          />\n        );\n      }\n\n      const topPoints = tops.map(\n        (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n      );\n      const bottomPoints = bottoms\n        .map(\n          (v, i) => `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n        )\n        .reverse();\n\n      return (\n        <g\n          key={seriesIndex}\n          data-aui=\"chart-series\"\n          data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n        >\n          <polygon\n            points={[...topPoints, ...bottomPoints].join(\" \")}\n            fill=\"currentColor\"\n            fillOpacity=\"0.25\"\n            stroke=\"currentColor\"\n          />\n        </g>\n      );\n    });\n  }\n\n  // line / sparkline: each series is always drawn independently. Stacking a line has no single standard meaning, so `stacked` is ignored (the caller never passes it for these variants).\n  return series.map((s, seriesIndex) => (\n    <g\n      key={seriesIndex}\n      data-aui=\"chart-series\"\n      data-aui-series={seriesIndex % SERIES_PALETTE_SIZE}\n    >\n      {count === 1 ? (\n        <circle\n          cx={CHART_WIDTH / 2}\n          cy={yFor(s.values[0] ?? 0, scaleMax)}\n          r={2}\n          fill=\"currentColor\"\n        />\n      ) : count > 1 ? (\n        <polyline\n          points={s.values\n            .map(\n              (v, i) =>\n                `${(i / (count - 1)) * CHART_WIDTH},${yFor(v, scaleMax)}`,\n            )\n            .join(\" \")}\n          fill=\"none\"\n          stroke=\"currentColor\"\n        />\n      ) : null}\n    </g>\n  ));\n}\n\nexport const dataVocabulary = {\n  Table: {\n    description:\n      \"Tabular data. Provide `columns` and `rows`; each row is an array of cells matching the columns.\",\n    properties: z.object({\n      columns: z.array(columnSchema).optional().describe(\"Column definitions.\"),\n      rows: z.array(z.array(cellSchema)).optional().describe(\"Rows of cells.\"),\n    }),\n    render: ({ columns, rows, children }) => (\n      <table data-aui=\"table\">\n        {columns?.length ? (\n          <thead>\n            <tr>\n              {columns.map((c: { label: string }, i: number) => (\n                <th key={i} data-aui=\"table-col\">\n                  {c.label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n        ) : null}\n        {rows?.length ? (\n          <tbody>\n            {rows.map((row: (string | number | boolean)[], r: number) => (\n              <tr key={r}>\n                {row.map((cell: string | number | boolean, c: number) => (\n                  <td key={c}>{String(cell)}</td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        ) : null}\n        {children}\n      </table>\n    ),\n  },\n  Markdown: {\n    description:\n      \"A markdown string. Rendered as-is by default; override this component for a full markdown renderer.\",\n    properties: z.object({\n      value: z.string().describe(\"Markdown source.\"),\n    }),\n    streamProperties: true,\n    render: ({ value, children }) => (\n      <div data-aui=\"markdown\">\n        {value}\n        {children}\n      </div>\n    ),\n  },\n  Chart: {\n    description:\n      \"A chart. `variant` selects bar, line, sparkline, or area rendering. Provide `data` for a single series, or `series` for multiple named series (`series` takes precedence over `data` when both are present). Set `stacked` to accumulate series values instead of overlaying them, and `showAxis`/`showLegend` to add y-axis ticks, x-axis point labels, and a legend.\",\n    properties: z.object({\n      variant: z\n        .enum([\"bar\", \"line\", \"sparkline\", \"area\"])\n        .describe(\"Chart variant.\"),\n      data: z\n        .array(pointSchema)\n        .optional()\n        .describe(\"Data points for a single series.\"),\n      series: z\n        .array(seriesSchema)\n        .optional()\n        .describe(\n          \"Multiple named series; takes precedence over `data` when present.\",\n        ),\n      stacked: z\n        .boolean()\n        .optional()\n        .describe(\n          \"Accumulate series values instead of overlaying them (bar and area variants; ignored for line and sparkline).\",\n        ),\n      showAxis: z\n        .boolean()\n        .optional()\n        .describe(\"Show y-axis ticks and x-axis point labels.\"),\n      showLegend: z\n        .boolean()\n        .optional()\n        .describe(\"Show a legend mapping each series to its color.\"),\n      color: z\n        .string()\n        .optional()\n        .describe(\n          \"Series color (single-series mode only). One of `emphasis`, `secondary`, `alpha-70`, `white`, `white-70`, or `white-50`, matching Text's `color` tokens; other values have no visual effect.\",\n        ),\n    }),\n    render: ({\n      variant,\n      data,\n      series,\n      stacked,\n      showAxis,\n      showLegend,\n      color,\n    }) => {\n      const usesExtendedFeatures =\n        variant === \"area\" ||\n        !!stacked ||\n        !!showAxis ||\n        !!showLegend ||\n        (Array.isArray(series) && series.length > 0);\n\n      if (!usesExtendedFeatures) {\n        const points = Array.isArray(data) ? data : [];\n        const n = points.length;\n        const values = points.map((d) => clampValue(d?.value));\n        const max = values.reduce((m, v) => Math.max(m, v), 0);\n        const slot = n > 0 ? CHART_WIDTH / n : 0;\n        const gap = slot * 0.2;\n        const barWidth = slot - gap;\n\n        return (\n          <svg\n            data-aui=\"chart\"\n            data-aui-variant={variant}\n            data-aui-color={color}\n            role=\"img\"\n            aria-label={`${variant} chart with ${n} data points`}\n            viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n            preserveAspectRatio=\"none\"\n          >\n            {variant === \"bar\" ? (\n              values.map((v, i) => {\n                const height = max > 0 ? (v / max) * CHART_HEIGHT : 0;\n                return (\n                  <rect\n                    key={i}\n                    x={i * slot + gap / 2}\n                    y={CHART_HEIGHT - height}\n                    width={barWidth}\n                    height={height}\n                    fill=\"currentColor\"\n                  />\n                );\n              })\n            ) : n === 1 ? (\n              <circle\n                cx={CHART_WIDTH / 2}\n                cy={yFor(values[0] ?? 0, max)}\n                r={2}\n                fill=\"currentColor\"\n              />\n            ) : n > 1 ? (\n              <polyline\n                points={values\n                  .map(\n                    (v, i) => `${(i / (n - 1)) * CHART_WIDTH},${yFor(v, max)}`,\n                  )\n                  .join(\" \")}\n                fill=\"none\"\n                stroke=\"currentColor\"\n              />\n            ) : null}\n          </svg>\n        );\n      }\n\n      const { count, series: normalized } = normalizeSeries(series, data);\n      const stackedScale =\n        !!stacked && (variant === \"bar\" || variant === \"area\");\n      const rawMax = computeMax(normalized, count, stackedScale);\n      const scaleMax = showAxis ? niceMax(rawMax) : rawMax;\n      const marks = renderSeriesMarks(\n        variant,\n        normalized,\n        count,\n        scaleMax,\n        stackedScale,\n      );\n\n      const svg = (\n        <svg\n          data-aui=\"chart\"\n          data-aui-variant={variant}\n          data-aui-color={color}\n          role=\"img\"\n          aria-label={`${variant} chart with ${count} data points`}\n          viewBox={`0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`}\n          preserveAspectRatio=\"none\"\n        >\n          {marks}\n        </svg>\n      );\n\n      if (!showAxis && !showLegend) return svg;\n\n      return (\n        <div data-aui=\"chart-frame\">\n          {showAxis ? (\n            <div data-aui=\"chart-ticks\">\n              {tickValues(scaleMax).map((tick, i) => (\n                <div key={i}>{formatTick(tick)}</div>\n              ))}\n            </div>\n          ) : null}\n          {svg}\n          {showAxis ? (\n            <div data-aui=\"chart-xlabels\">\n              {(normalized[0]?.labels ?? []).map((label, i) => (\n                <div key={i}>{label ?? \"\"}</div>\n              ))}\n            </div>\n          ) : null}\n          {showLegend ? (\n            <div data-aui=\"chart-legend\">\n              {normalized.map((s, i) => (\n                <span\n                  key={i}\n                  data-aui=\"chart-legend-item\"\n                  data-aui-series={i % SERIES_PALETTE_SIZE}\n                >\n                  <span data-aui=\"chart-legend-swatch\" />\n                  {s.label ?? `Series ${i + 1}`}\n                </span>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/dispatch.d.ts

@@ -0,0 +1,11 @@
+import { Action } from "../ir.js";
+import { GenerativeUIDispatch } from "../types.js";
+//#region src/vocabulary/dispatch.d.ts
+declare const actionAttr: (a: Action | undefined) => string | undefined;
+/**
+ * Fires `$action` through `$dispatch` when both are present, merging a runtime value into the payload under the reserved `$input` key (not `value`) so the user's input never clobbers a model-supplied `value` field. No-op when no registry is wired. The returned promise from an async handler is caught and re-thrown on a microtask so rejections surface rather than going unhandled.
+ */
+declare const fire: ($action: Action | undefined, $dispatch: GenerativeUIDispatch | undefined, input?: unknown) => void;
+//#endregion
+export { actionAttr, fire };
+//# sourceMappingURL=dispatch.d.ts.map

package/dist/vocabulary/dispatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch.d.ts","names":[],"sources":["../../src/vocabulary/dispatch.ts"],"mappings":";;;cAGa,aAAc,GAAG;;;;cAMjB,OACX,SAAS,oBACT,WAAW,kCACX"}

package/dist/vocabulary/dispatch.js

@@ -0,0 +1,21 @@
+//#region src/vocabulary/dispatch.ts
+const actionAttr = (a) => a ? JSON.stringify(a) : void 0;
+/**
+* Fires `$action` through `$dispatch` when both are present, merging a runtime value into the payload under the reserved `$input` key (not `value`) so the user's input never clobbers a model-supplied `value` field. No-op when no registry is wired. The returned promise from an async handler is caught and re-thrown on a microtask so rejections surface rather than going unhandled.
+*/
+const fire = ($action, $dispatch, input) => {
+	if (!$action || !$dispatch) return;
+	const payload = input === void 0 ? $action : {
+		...$action,
+		$input: input
+	};
+	Promise.resolve($dispatch(payload)).catch((error) => {
+		queueMicrotask(() => {
+			throw error;
+		});
+	});
+};
+//#endregion
+export { actionAttr, fire };
+
+//# sourceMappingURL=dispatch.js.map

package/dist/vocabulary/dispatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch.js","names":[],"sources":["../../src/vocabulary/dispatch.ts"],"sourcesContent":["import type { Action } from \"../ir\";\nimport type { GenerativeUIDispatch } from \"../types\";\n\nexport const actionAttr = (a: Action | undefined): string | undefined =>\n  a ? JSON.stringify(a) : undefined;\n\n/**\n * Fires `$action` through `$dispatch` when both are present, merging a runtime value into the payload under the reserved `$input` key (not `value`) so the user's input never clobbers a model-supplied `value` field. No-op when no registry is wired. The returned promise from an async handler is caught and re-thrown on a microtask so rejections surface rather than going unhandled.\n */\nexport const fire = (\n  $action: Action | undefined,\n  $dispatch: GenerativeUIDispatch | undefined,\n  input?: unknown,\n) => {\n  if (!$action || !$dispatch) return;\n  const payload = input === undefined ? $action : { ...$action, $input: input };\n  void Promise.resolve($dispatch(payload)).catch((error) => {\n    queueMicrotask(() => {\n      throw error;\n    });\n  });\n};\n"],"mappings":";AAGA,MAAa,cAAc,MACzB,IAAI,KAAK,UAAU,CAAC,IAAI,KAAA;;;;AAK1B,MAAa,QACX,SACA,WACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,WAAW;CAC5B,MAAM,UAAU,UAAU,KAAA,IAAY,UAAU;EAAE,GAAG;EAAS,QAAQ;CAAM;CAC5E,QAAa,QAAQ,UAAU,OAAO,CAAC,CAAC,CAAC,OAAO,UAAU;EACxD,qBAAqB;GACnB,MAAM;EACR,CAAC;CACH,CAAC;AACH"}

package/dist/vocabulary/fact.d.ts

@@ -0,0 +1,15 @@
+import { z } from "zod";
+//#region src/vocabulary/fact.d.ts
+declare const factVocabulary: {
+  Fact: {
+    description: string;
+    properties: z.ZodObject<{
+      label: z.ZodString;
+      value: z.ZodString;
+    }, z.core.$strip>;
+    render: ({ label, value, children }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { factVocabulary };
+//# sourceMappingURL=fact.d.ts.map

package/dist/vocabulary/fact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact.d.ts","names":[],"sources":["../../src/vocabulary/fact.tsx"],"mappings":";;cAGa"}

package/dist/vocabulary/fact.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/fact.tsx
+const factVocabulary = { Fact: {
+	description: "A label/value pair, rendered as a key followed by its value. Use for compact metadata.",
+	properties: z.object({
+		label: z.string().describe("The fact label (key)."),
+		value: z.string().describe("The fact value.")
+	}),
+	render: ({ label, value, children }) => /* @__PURE__ */ jsxs("dl", {
+		"data-aui": "fact",
+		children: [/* @__PURE__ */ jsx("dt", {
+			"data-aui": "fact-label",
+			children: label
+		}), /* @__PURE__ */ jsxs("dd", {
+			"data-aui": "fact-value",
+			children: [value, children]
+		})]
+	})
+} };
+//#endregion
+export { factVocabulary };
+
+//# sourceMappingURL=fact.js.map

package/dist/vocabulary/fact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact.js","names":[],"sources":["../../src/vocabulary/fact.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\n\nexport const factVocabulary = {\n  Fact: {\n    description:\n      \"A label/value pair, rendered as a key followed by its value. Use for compact metadata.\",\n    properties: z.object({\n      label: z.string().describe(\"The fact label (key).\"),\n      value: z.string().describe(\"The fact value.\"),\n    }),\n    render: ({ label, value, children }) => (\n      <dl data-aui=\"fact\">\n        <dt data-aui=\"fact-label\">{label}</dt>\n        <dd data-aui=\"fact-value\">\n          {value}\n          {children}\n        </dd>\n      </dl>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;AAGA,MAAa,iBAAiB,EAC5B,MAAM;CACJ,aACE;CACF,YAAY,EAAE,OAAO;EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,uBAAuB;EAClD,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,iBAAiB;CAC9C,CAAC;CACD,SAAS,EAAE,OAAO,OAAO,eACvB,qBAAC,MAAD;EAAI,YAAS;YAAb,CACE,oBAAC,MAAD;GAAI,YAAS;aAAc;EAAU,CAAA,GACrC,qBAAC,MAAD;GAAI,YAAS;aAAb,CACG,OACA,QACC;IACF;;AAER,EACF"}