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

package/dist/vocabulary/data.js

@@ -0,0 +1,63 @@
+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 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 placeholder. Carries variant and data for a client renderer to draw.",
+		properties: z.object({
+			variant: z.enum([
+				"bar",
+				"line",
+				"sparkline"
+			]).describe("Chart variant."),
+			data: z.array(z.object({
+				label: z.string().optional(),
+				value: z.number()
+			})).describe("Data points."),
+			color: z.string().optional().describe("Series color.")
+		}),
+		render: ({ variant, data, color }) => /* @__PURE__ */ jsx("div", {
+			"data-aui": "chart",
+			"data-aui-variant": variant,
+			"data-aui-color": color,
+			"data-aui-data": JSON.stringify(data)
+		})
+	}
+};
+//#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\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 placeholder. Carries variant and data for a client renderer to draw.\",\n    properties: z.object({\n      variant: z.enum([\"bar\", \"line\", \"sparkline\"]).describe(\"Chart variant.\"),\n      data: z\n        .array(\n          z.object({\n            label: z.string().optional(),\n            value: z.number(),\n          }),\n        )\n        .describe(\"Data points.\"),\n      color: z.string().optional().describe(\"Series color.\"),\n    }),\n    render: ({ variant, data, color }) => (\n      <div\n        data-aui=\"chart\"\n        data-aui-variant={variant}\n        data-aui-color={color}\n        data-aui-data={JSON.stringify(data)}\n      />\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;AAGA,MAAM,eAAe,EAAE,OAAO,EAC5B,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,sBAAsB,EACnD,CAAC;AAED,MAAM,aAAa,EAChB,MAAM;CAAC,EAAE,OAAO;CAAG,EAAE,OAAO;CAAG,EAAE,QAAQ;AAAC,CAAC,CAAC,CAC5C,SAAS,eAAe;AAE3B,MAAa,iBAAiB;CAC5B,OAAO;EACL,aACE;EACF,YAAY,EAAE,OAAO;GACnB,SAAS,EAAE,MAAM,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,qBAAqB;GACxE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,gBAAgB;EACzE,CAAC;EACD,SAAS,EAAE,SAAS,MAAM,eACxB,qBAAC,SAAD;GAAO,YAAS;aAAhB;IACG,SAAS,SACR,oBAAC,SAAD,EAAA,UACE,oBAAC,MAAD,EAAA,UACG,QAAQ,KAAK,GAAsB,MAClC,oBAAC,MAAD;KAAY,YAAS;eAClB,EAAE;IACD,GAFK,CAEL,CACL,EACC,CAAA,EACC,CAAA,IACL;IACH,MAAM,SACL,oBAAC,SAAD,EAAA,UACG,KAAK,KAAK,KAAoC,MAC7C,oBAAC,MAAD,EAAA,UACG,IAAI,KAAK,MAAiC,MACzC,oBAAC,MAAD,EAAA,UAAa,OAAO,IAAI,EAAM,GAArB,CAAqB,CAC/B,EACC,GAJK,CAIL,CACL,EACI,CAAA,IACL;IACH;GACI;;CAEX;CACA,UAAU;EACR,aACE;EACF,YAAY,EAAE,OAAO,EACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,kBAAkB,EAC/C,CAAC;EACD,kBAAkB;EAClB,SAAS,EAAE,OAAO,eAChB,qBAAC,OAAD;GAAK,YAAS;aAAd,CACG,OACA,QACE;;CAET;CACA,OAAO;EACL,aACE;EACF,YAAY,EAAE,OAAO;GACnB,SAAS,EAAE,KAAK;IAAC;IAAO;IAAQ;GAAW,CAAC,CAAC,CAAC,SAAS,gBAAgB;GACvE,MAAM,EACH,MACC,EAAE,OAAO;IACP,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS;IAC3B,OAAO,EAAE,OAAO;GAClB,CAAC,CACH,CAAC,CACA,SAAS,cAAc;GAC1B,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,eAAe;EACvD,CAAC;EACD,SAAS,EAAE,SAAS,MAAM,YACxB,oBAAC,OAAD;GACE,YAAS;GACT,oBAAkB;GAClB,kBAAgB;GAChB,iBAAe,KAAK,UAAU,IAAI;EACnC,CAAA;CAEL;AACF"}

package/dist/vocabulary/fact.d.ts

@@ -0,0 +1,20 @@
+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,cAAA"}

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"}

package/dist/vocabulary/index.d.ts

@@ -0,0 +1,16 @@
+import { GenerativeUILibrary } from "../types.js";
+
+//#region src/vocabulary/index.d.ts
+/**
+ * The closed generative-ui vocabulary the factory ships: a fixed set of
+ * intrinsic components the model may render, each a zod `properties` schema
+ * plus an unstyled structural `render` (semantic HTML with a `data-aui`
+ * attribute naming the component, plus `data-aui-<prop>` hooks, for the host
+ * to style). Users opt in by passing it to
+ * `new JSONGenerativeUI({ library: defaultGenerativeUILibrary })`, and override
+ * or extend entries with their own `defineGenerativeComponents`.
+ */
+declare const defaultGenerativeUILibrary: GenerativeUILibrary;
+//#endregion
+export { defaultGenerativeUILibrary };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/vocabulary/index.ts"],"mappings":";;;;;AAkBA;;;;AAQC;;;cARY,0BAAA,EAA4B,mBAQxC"}

package/dist/vocabulary/index.js

@@ -0,0 +1,30 @@
+import { alertVocabulary } from "./alert.js";
+import { dataVocabulary } from "./data.js";
+import { factVocabulary } from "./fact.js";
+import { interactiveVocabulary } from "./interactive.js";
+import { layoutVocabulary } from "./layout.js";
+import { mediaVocabulary } from "./media.js";
+import { textVocabulary } from "./text.js";
+//#region src/vocabulary/index.ts
+/**
+* The closed generative-ui vocabulary the factory ships: a fixed set of
+* intrinsic components the model may render, each a zod `properties` schema
+* plus an unstyled structural `render` (semantic HTML with a `data-aui`
+* attribute naming the component, plus `data-aui-<prop>` hooks, for the host
+* to style). Users opt in by passing it to
+* `new JSONGenerativeUI({ library: defaultGenerativeUILibrary })`, and override
+* or extend entries with their own `defineGenerativeComponents`.
+*/
+const defaultGenerativeUILibrary = {
+	...textVocabulary,
+	...mediaVocabulary,
+	...factVocabulary,
+	...interactiveVocabulary,
+	...layoutVocabulary,
+	...dataVocabulary,
+	...alertVocabulary
+};
+//#endregion
+export { defaultGenerativeUILibrary };
+
+//# sourceMappingURL=index.js.map

package/dist/vocabulary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/vocabulary/index.ts"],"sourcesContent":["import type { GenerativeUILibrary } from \"../types\";\nimport { alertVocabulary } from \"./alert\";\nimport { dataVocabulary } from \"./data\";\nimport { factVocabulary } from \"./fact\";\nimport { interactiveVocabulary } from \"./interactive\";\nimport { layoutVocabulary } from \"./layout\";\nimport { mediaVocabulary } from \"./media\";\nimport { textVocabulary } from \"./text\";\n\n/**\n * The closed generative-ui vocabulary the factory ships: a fixed set of\n * intrinsic components the model may render, each a zod `properties` schema\n * plus an unstyled structural `render` (semantic HTML with a `data-aui`\n * attribute naming the component, plus `data-aui-<prop>` hooks, for the host\n * to style). Users opt in by passing it to\n * `new JSONGenerativeUI({ library: defaultGenerativeUILibrary })`, and override\n * or extend entries with their own `defineGenerativeComponents`.\n */\nexport const defaultGenerativeUILibrary: GenerativeUILibrary = {\n  ...textVocabulary,\n  ...mediaVocabulary,\n  ...factVocabulary,\n  ...interactiveVocabulary,\n  ...layoutVocabulary,\n  ...dataVocabulary,\n  ...alertVocabulary,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAa,6BAAkD;CAC7D,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL"}

package/dist/vocabulary/interactive.d.ts

@@ -0,0 +1,81 @@
+import { z } from "zod";
+
+//#region src/vocabulary/interactive.d.ts
+declare const interactiveVocabulary: {
+  Button: {
+    description: string;
+    properties: z.ZodObject<{
+      label: z.ZodString;
+      buttonStyle: z.ZodOptional<z.ZodEnum<{
+        secondary: "secondary";
+        danger: "danger";
+        primary: "primary";
+        outline: "outline";
+        ghost: "ghost";
+      }>>;
+      block: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    render: ({
+      label,
+      buttonStyle,
+      block,
+      $action,
+      $dispatch,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+  Select: {
+    description: string;
+    properties: z.ZodObject<{
+      options: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+      }, z.core.$strip>>;
+      placeholder: z.ZodOptional<z.ZodString>;
+      label: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({
+      options,
+      placeholder,
+      label,
+      $action,
+      $dispatch,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+  Input: {
+    description: string;
+    properties: z.ZodObject<{
+      placeholder: z.ZodOptional<z.ZodString>;
+      multiline: z.ZodOptional<z.ZodBoolean>;
+      label: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({
+      placeholder,
+      multiline,
+      label,
+      $action,
+      $dispatch
+    }: any) => import("react").JSX.Element;
+  };
+  DatePicker: {
+    description: string;
+    properties: z.ZodObject<{
+      value: z.ZodOptional<z.ZodString>;
+      min: z.ZodOptional<z.ZodString>;
+      max: z.ZodOptional<z.ZodString>;
+      label: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({
+      value,
+      min,
+      max,
+      label,
+      $action,
+      $dispatch
+    }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { interactiveVocabulary };
+//# sourceMappingURL=interactive.d.ts.map

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

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

package/dist/vocabulary/interactive.js

@@ -0,0 +1,123 @@
+import { BUTTON_STYLES } from "../ir.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/interactive.tsx
+const optionSchema = z.object({
+	label: z.string(),
+	value: z.string()
+});
+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;
+		});
+	});
+};
+const interactiveVocabulary = {
+	Button: {
+		description: "A clickable button. Carries `$action` describing the side effect or resume value.",
+		properties: z.object({
+			label: z.string().describe("Button label."),
+			buttonStyle: z.enum(BUTTON_STYLES).optional().describe("Visual style."),
+			block: z.boolean().optional().describe("Whether the button spans the full width.")
+		}),
+		render: ({ label, buttonStyle, block, $action, $dispatch, children }) => /* @__PURE__ */ jsxs("button", {
+			"data-aui": "button",
+			"data-aui-style": buttonStyle,
+			"data-aui-block": block || void 0,
+			"data-aui-action": actionAttr($action),
+			onClick: () => fire($action, $dispatch),
+			children: [label, children]
+		})
+	},
+	Select: {
+		description: "A dropdown selector. Carries `$action` describing the on-select behavior.",
+		properties: z.object({
+			options: z.array(optionSchema).describe("Selectable options."),
+			placeholder: z.string().optional().describe("Placeholder shown when nothing is selected."),
+			label: z.string().optional().describe("Accessible label for the control.")
+		}),
+		render: ({ options, placeholder, label, $action, $dispatch, children }) => /* @__PURE__ */ jsxs("select", {
+			"data-aui": "select",
+			"data-aui-action": actionAttr($action),
+			"aria-label": label,
+			defaultValue: "",
+			onChange: (e) => fire($action, $dispatch, e.currentTarget.value),
+			children: [
+				placeholder ? /* @__PURE__ */ jsx("option", {
+					value: "",
+					disabled: true,
+					children: placeholder
+				}) : null,
+				options.map((o, i) => /* @__PURE__ */ jsx("option", {
+					value: o.value,
+					children: o.label
+				}, i)),
+				children
+			]
+		})
+	},
+	Input: {
+		description: "A text input. Carries `$action` describing the on-submit behavior.",
+		properties: z.object({
+			placeholder: z.string().optional().describe("Placeholder text."),
+			multiline: z.boolean().optional().describe("Render a textarea instead of a single-line input."),
+			label: z.string().optional().describe("Accessible label for the control.")
+		}),
+		render: ({ placeholder, multiline, label, $action, $dispatch }) => {
+			const submit = (v) => fire($action, $dispatch, v);
+			return multiline ? /* @__PURE__ */ jsx("textarea", {
+				"data-aui": "input",
+				"data-aui-multiline": true,
+				"data-aui-action": actionAttr($action),
+				"aria-label": label,
+				placeholder,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && (e.ctrlKey || e.metaKey) && !e.nativeEvent.isComposing) submit(e.currentTarget.value);
+				}
+			}) : /* @__PURE__ */ jsx("input", {
+				"data-aui": "input",
+				"data-aui-action": actionAttr($action),
+				"aria-label": label,
+				placeholder,
+				onKeyDown: (e) => {
+					if (e.key === "Enter" && !e.nativeEvent.isComposing) submit(e.currentTarget.value);
+				}
+			});
+		}
+	},
+	DatePicker: {
+		description: "A date input. Carries `$action` describing the on-select behavior.",
+		properties: z.object({
+			value: z.string().optional().describe("Initial date (YYYY-MM-DD)."),
+			min: z.string().optional().describe("Minimum date (YYYY-MM-DD)."),
+			max: z.string().optional().describe("Maximum date (YYYY-MM-DD)."),
+			label: z.string().optional().describe("Accessible label for the control.")
+		}),
+		render: ({ value, min, max, label, $action, $dispatch }) => /* @__PURE__ */ jsx("input", {
+			type: "date",
+			"data-aui": "datepicker",
+			"data-aui-action": actionAttr($action),
+			"aria-label": label,
+			defaultValue: value,
+			min,
+			max,
+			onChange: (e) => fire($action, $dispatch, e.currentTarget.value)
+		})
+	}
+};
+//#endregion
+export { interactiveVocabulary };
+
+//# sourceMappingURL=interactive.js.map

package/dist/vocabulary/interactive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.js","names":[],"sources":["../../src/vocabulary/interactive.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { Action } from \"../ir\";\nimport { BUTTON_STYLES } from \"../ir\";\nimport type { GenerativeUIDispatch, GenerativeUILibrary } from \"../types\";\n\nconst optionSchema = z.object({\n  label: z.string(),\n  value: z.string(),\n});\n\nconst actionAttr = (a: Action | undefined): string | undefined =>\n  a ? JSON.stringify(a) : undefined;\n\n/** Fires `$action` through `$dispatch` when both are present, merging a runtime\n * value into the payload under the reserved `$input` key (not `value`) so the\n * user's input never clobbers a model-supplied `value` field. No-op when no\n * registry is wired. The returned promise from an async handler is caught and\n * re-thrown on a microtask so rejections surface rather than going unhandled. */\nconst 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\nexport const interactiveVocabulary = {\n  Button: {\n    description:\n      \"A clickable button. Carries `$action` describing the side effect or resume value.\",\n    properties: z.object({\n      label: z.string().describe(\"Button label.\"),\n      buttonStyle: z.enum(BUTTON_STYLES).optional().describe(\"Visual style.\"),\n      block: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the button spans the full width.\"),\n    }),\n    render: ({ label, buttonStyle, block, $action, $dispatch, children }) => (\n      <button\n        data-aui=\"button\"\n        data-aui-style={buttonStyle}\n        data-aui-block={block || undefined}\n        data-aui-action={actionAttr($action)}\n        onClick={() => fire($action, $dispatch)}\n      >\n        {label}\n        {children}\n      </button>\n    ),\n  },\n  Select: {\n    description:\n      \"A dropdown selector. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      options: z.array(optionSchema).describe(\"Selectable options.\"),\n      placeholder: z\n        .string()\n        .optional()\n        .describe(\"Placeholder shown when nothing is selected.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n    }),\n    render: ({ options, placeholder, label, $action, $dispatch, children }) => (\n      <select\n        data-aui=\"select\"\n        data-aui-action={actionAttr($action)}\n        aria-label={label}\n        defaultValue=\"\"\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      >\n        {placeholder ? (\n          <option value=\"\" disabled>\n            {placeholder}\n          </option>\n        ) : null}\n        {options.map((o: { label: string; value: string }, i: number) => (\n          <option key={i} value={o.value}>\n            {o.label}\n          </option>\n        ))}\n        {children}\n      </select>\n    ),\n  },\n  Input: {\n    description:\n      \"A text input. Carries `$action` describing the on-submit behavior.\",\n    properties: z.object({\n      placeholder: z.string().optional().describe(\"Placeholder text.\"),\n      multiline: z\n        .boolean()\n        .optional()\n        .describe(\"Render a textarea instead of a single-line input.\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n    }),\n    render: ({ placeholder, multiline, label, $action, $dispatch }) => {\n      const submit = (v: string) => fire($action, $dispatch, v);\n      return multiline ? (\n        <textarea\n          data-aui=\"input\"\n          data-aui-multiline\n          data-aui-action={actionAttr($action)}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (\n              e.key === \"Enter\" &&\n              (e.ctrlKey || e.metaKey) &&\n              !e.nativeEvent.isComposing\n            )\n              submit(e.currentTarget.value);\n          }}\n        />\n      ) : (\n        <input\n          data-aui=\"input\"\n          data-aui-action={actionAttr($action)}\n          aria-label={label}\n          placeholder={placeholder}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.nativeEvent.isComposing)\n              submit(e.currentTarget.value);\n          }}\n        />\n      );\n    },\n  },\n  DatePicker: {\n    description:\n      \"A date input. Carries `$action` describing the on-select behavior.\",\n    properties: z.object({\n      value: z.string().optional().describe(\"Initial date (YYYY-MM-DD).\"),\n      min: z.string().optional().describe(\"Minimum date (YYYY-MM-DD).\"),\n      max: z.string().optional().describe(\"Maximum date (YYYY-MM-DD).\"),\n      label: z\n        .string()\n        .optional()\n        .describe(\"Accessible label for the control.\"),\n    }),\n    render: ({ value, min, max, label, $action, $dispatch }) => (\n      <input\n        type=\"date\"\n        data-aui=\"datepicker\"\n        data-aui-action={actionAttr($action)}\n        aria-label={label}\n        defaultValue={value}\n        min={min}\n        max={max}\n        onChange={(e) => fire($action, $dispatch, e.currentTarget.value)}\n      />\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;AAKA,MAAM,eAAe,EAAE,OAAO;CAC5B,OAAO,EAAE,OAAO;CAChB,OAAO,EAAE,OAAO;AAClB,CAAC;AAED,MAAM,cAAc,MAClB,IAAI,KAAK,UAAU,CAAC,IAAI,KAAA;;;;;;AAO1B,MAAM,QACJ,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;AAEA,MAAa,wBAAwB;CACnC,QAAQ;EACN,aACE;EACF,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,eAAe;GAC1C,aAAa,EAAE,KAAK,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,eAAe;GACtE,OAAO,EACJ,QAAQ,CAAC,CACT,SAAS,CAAC,CACV,SAAS,0CAA0C;EACxD,CAAC;EACD,SAAS,EAAE,OAAO,aAAa,OAAO,SAAS,WAAW,eACxD,qBAAC,UAAD;GACE,YAAS;GACT,kBAAgB;GAChB,kBAAgB,SAAS,KAAA;GACzB,mBAAiB,WAAW,OAAO;GACnC,eAAe,KAAK,SAAS,SAAS;aALxC,CAOG,OACA,QACK;;CAEZ;CACA,QAAQ;EACN,aACE;EACF,YAAY,EAAE,OAAO;GACnB,SAAS,EAAE,MAAM,YAAY,CAAC,CAAC,SAAS,qBAAqB;GAC7D,aAAa,EACV,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,6CAA6C;GACzD,OAAO,EACJ,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,mCAAmC;EACjD,CAAC;EACD,SAAS,EAAE,SAAS,aAAa,OAAO,SAAS,WAAW,eAC1D,qBAAC,UAAD;GACE,YAAS;GACT,mBAAiB,WAAW,OAAO;GACnC,cAAY;GACZ,cAAa;GACb,WAAW,MAAM,KAAK,SAAS,WAAW,EAAE,cAAc,KAAK;aALjE;IAOG,cACC,oBAAC,UAAD;KAAQ,OAAM;KAAG,UAAA;eACd;IACK,CAAA,IACN;IACH,QAAQ,KAAK,GAAqC,MACjD,oBAAC,UAAD;KAAgB,OAAO,EAAE;eACtB,EAAE;IACG,GAFK,CAEL,CACT;IACA;GACK;;CAEZ;CACA,OAAO;EACL,aACE;EACF,YAAY,EAAE,OAAO;GACnB,aAAa,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,mBAAmB;GAC/D,WAAW,EACR,QAAQ,CAAC,CACT,SAAS,CAAC,CACV,SAAS,mDAAmD;GAC/D,OAAO,EACJ,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,mCAAmC;EACjD,CAAC;EACD,SAAS,EAAE,aAAa,WAAW,OAAO,SAAS,gBAAgB;GACjE,MAAM,UAAU,MAAc,KAAK,SAAS,WAAW,CAAC;GACxD,OAAO,YACL,oBAAC,YAAD;IACE,YAAS;IACT,sBAAA;IACA,mBAAiB,WAAW,OAAO;IACnC,cAAY;IACC;IACb,YAAY,MAAM;KAChB,IACE,EAAE,QAAQ,YACT,EAAE,WAAW,EAAE,YAChB,CAAC,EAAE,YAAY,aAEf,OAAO,EAAE,cAAc,KAAK;IAChC;GACD,CAAA,IAED,oBAAC,SAAD;IACE,YAAS;IACT,mBAAiB,WAAW,OAAO;IACnC,cAAY;IACC;IACb,YAAY,MAAM;KAChB,IAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,YAAY,aACtC,OAAO,EAAE,cAAc,KAAK;IAChC;GACD,CAAA;EAEL;CACF;CACA,YAAY;EACV,aACE;EACF,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,4BAA4B;GAClE,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,4BAA4B;GAChE,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,4BAA4B;GAChE,OAAO,EACJ,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,mCAAmC;EACjD,CAAC;EACD,SAAS,EAAE,OAAO,KAAK,KAAK,OAAO,SAAS,gBAC1C,oBAAC,SAAD;GACE,MAAK;GACL,YAAS;GACT,mBAAiB,WAAW,OAAO;GACnC,cAAY;GACZ,cAAc;GACT;GACA;GACL,WAAW,MAAM,KAAK,SAAS,WAAW,EAAE,cAAc,KAAK;EAChE,CAAA;CAEL;AACF"}

package/dist/vocabulary/layout.d.ts

@@ -0,0 +1,78 @@
+import { z } from "zod";
+
+//#region src/vocabulary/layout.d.ts
+declare const layoutVocabulary: {
+  Card: {
+    description: string;
+    properties: z.ZodObject<{
+      title: z.ZodOptional<z.ZodString>;
+      padding: z.ZodOptional<z.ZodNumber>;
+      background: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({
+      title,
+      padding,
+      background,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+  Col: {
+    description: string;
+    properties: z.ZodObject<{
+      gap: z.ZodOptional<z.ZodNumber>;
+      align: z.ZodOptional<z.ZodEnum<{
+        start: "start";
+        center: "center";
+        end: "end";
+      }>>;
+    }, z.core.$strip>;
+    render: ({
+      gap,
+      align,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+  Row: {
+    description: string;
+    properties: z.ZodObject<{
+      gap: z.ZodOptional<z.ZodNumber>;
+      align: z.ZodOptional<z.ZodEnum<{
+        start: "start";
+        center: "center";
+        end: "end";
+      }>>;
+      justify: z.ZodOptional<z.ZodEnum<{
+        start: "start";
+        center: "center";
+        end: "end";
+        between: "between";
+      }>>;
+    }, z.core.$strip>;
+    render: ({
+      gap,
+      align,
+      justify,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+  Spacer: {
+    description: string;
+    properties: z.ZodObject<{}, z.core.$strip>;
+    render: () => import("react").JSX.Element;
+  };
+  Badge: {
+    description: string;
+    properties: z.ZodObject<{
+      value: z.ZodString;
+      variant: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({
+      value,
+      variant,
+      children
+    }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { layoutVocabulary };
+//# sourceMappingURL=layout.d.ts.map

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

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

package/dist/vocabulary/layout.js

@@ -0,0 +1,72 @@
+import { ALIGNS, JUSTIFIES } from "../ir.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/layout.tsx
+const layoutVocabulary = {
+	Card: {
+		description: "A bordered container grouping related content. Optionally titled.",
+		properties: z.object({
+			title: z.string().optional().describe("Optional card title."),
+			padding: z.number().optional().describe("Padding in 4px units (e.g. 2 = 8px)."),
+			background: z.string().optional().describe("Background token or color.")
+		}),
+		render: ({ title, padding, background, children }) => /* @__PURE__ */ jsxs("section", {
+			"data-aui": "card",
+			"data-aui-padding": padding,
+			"data-aui-background": background,
+			children: [title ? /* @__PURE__ */ jsx("header", {
+				"data-aui": "card-title",
+				children: title
+			}) : null, children]
+		})
+	},
+	Col: {
+		description: "A vertical stack; children laid out top to bottom.",
+		properties: z.object({
+			gap: z.number().optional().describe("Gap between children in 4px units."),
+			align: z.enum(ALIGNS).optional().describe("Cross-axis alignment.")
+		}),
+		render: ({ gap, align, children }) => /* @__PURE__ */ jsx("div", {
+			"data-aui": "col",
+			"data-aui-gap": gap,
+			"data-aui-align": align,
+			children
+		})
+	},
+	Row: {
+		description: "A horizontal row; children laid out left to right.",
+		properties: z.object({
+			gap: z.number().optional().describe("Gap between children in 4px units."),
+			align: z.enum(ALIGNS).optional().describe("Cross-axis alignment."),
+			justify: z.enum(JUSTIFIES).optional().describe("Main-axis distribution.")
+		}),
+		render: ({ gap, align, justify, children }) => /* @__PURE__ */ jsx("div", {
+			"data-aui": "row",
+			"data-aui-gap": gap,
+			"data-aui-align": align,
+			"data-aui-justify": justify,
+			children
+		})
+	},
+	Spacer: {
+		description: "Empty space that pushes neighbors apart.",
+		properties: z.object({}),
+		render: () => /* @__PURE__ */ jsx("div", { "data-aui": "spacer" })
+	},
+	Badge: {
+		description: "A small labeled tag, e.g. for status or category.",
+		properties: z.object({
+			value: z.string().describe("Badge text."),
+			variant: z.string().optional().describe("Visual variant token.")
+		}),
+		render: ({ value, variant, children }) => /* @__PURE__ */ jsxs("span", {
+			"data-aui": "badge",
+			"data-aui-variant": variant,
+			children: [value, children]
+		})
+	}
+};
+//#endregion
+export { layoutVocabulary };
+
+//# sourceMappingURL=layout.js.map

package/dist/vocabulary/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/vocabulary/layout.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { ALIGNS, JUSTIFIES } from \"../ir\";\n\nexport const layoutVocabulary = {\n  Card: {\n    description:\n      \"A bordered container grouping related content. Optionally titled.\",\n    properties: z.object({\n      title: z.string().optional().describe(\"Optional card title.\"),\n      padding: z\n        .number()\n        .optional()\n        .describe(\"Padding in 4px units (e.g. 2 = 8px).\"),\n      background: z.string().optional().describe(\"Background token or color.\"),\n    }),\n    render: ({ title, padding, background, children }) => (\n      <section\n        data-aui=\"card\"\n        data-aui-padding={padding}\n        data-aui-background={background}\n      >\n        {title ? <header data-aui=\"card-title\">{title}</header> : null}\n        {children}\n      </section>\n    ),\n  },\n  Col: {\n    description: \"A vertical stack; children laid out top to bottom.\",\n    properties: z.object({\n      gap: z.number().optional().describe(\"Gap between children in 4px units.\"),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n    }),\n    render: ({ gap, align, children }) => (\n      <div data-aui=\"col\" data-aui-gap={gap} data-aui-align={align}>\n        {children}\n      </div>\n    ),\n  },\n  Row: {\n    description: \"A horizontal row; children laid out left to right.\",\n    properties: z.object({\n      gap: z.number().optional().describe(\"Gap between children in 4px units.\"),\n      align: z.enum(ALIGNS).optional().describe(\"Cross-axis alignment.\"),\n      justify: z.enum(JUSTIFIES).optional().describe(\"Main-axis distribution.\"),\n    }),\n    render: ({ gap, align, justify, children }) => (\n      <div\n        data-aui=\"row\"\n        data-aui-gap={gap}\n        data-aui-align={align}\n        data-aui-justify={justify}\n      >\n        {children}\n      </div>\n    ),\n  },\n  Spacer: {\n    description: \"Empty space that pushes neighbors apart.\",\n    properties: z.object({}),\n    render: () => <div data-aui=\"spacer\" />,\n  },\n  Badge: {\n    description: \"A small labeled tag, e.g. for status or category.\",\n    properties: z.object({\n      value: z.string().describe(\"Badge text.\"),\n      variant: z.string().optional().describe(\"Visual variant token.\"),\n    }),\n    render: ({ value, variant, children }) => (\n      <span data-aui=\"badge\" data-aui-variant={variant}>\n        {value}\n        {children}\n      </span>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;AAIA,MAAa,mBAAmB;CAC9B,MAAM;EACJ,aACE;EACF,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,sBAAsB;GAC5D,SAAS,EACN,OAAO,CAAC,CACR,SAAS,CAAC,CACV,SAAS,sCAAsC;GAClD,YAAY,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,4BAA4B;EACzE,CAAC;EACD,SAAS,EAAE,OAAO,SAAS,YAAY,eACrC,qBAAC,WAAD;GACE,YAAS;GACT,oBAAkB;GAClB,uBAAqB;aAHvB,CAKG,QAAQ,oBAAC,UAAD;IAAQ,YAAS;cAAc;GAAc,CAAA,IAAI,MACzD,QACM;;CAEb;CACA,KAAK;EACH,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,oCAAoC;GACxE,OAAO,EAAE,KAAK,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,uBAAuB;EACnE,CAAC;EACD,SAAS,EAAE,KAAK,OAAO,eACrB,oBAAC,OAAD;GAAK,YAAS;GAAM,gBAAc;GAAK,kBAAgB;GACpD;EACE,CAAA;CAET;CACA,KAAK;EACH,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,oCAAoC;GACxE,OAAO,EAAE,KAAK,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,uBAAuB;GACjE,SAAS,EAAE,KAAK,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,yBAAyB;EAC1E,CAAC;EACD,SAAS,EAAE,KAAK,OAAO,SAAS,eAC9B,oBAAC,OAAD;GACE,YAAS;GACT,gBAAc;GACd,kBAAgB;GAChB,oBAAkB;GAEjB;EACE,CAAA;CAET;CACA,QAAQ;EACN,aAAa;EACb,YAAY,EAAE,OAAO,CAAC,CAAC;EACvB,cAAc,oBAAC,OAAD,EAAK,YAAS,SAAU,CAAA;CACxC;CACA,OAAO;EACL,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,OAAO,EAAE,OAAO,CAAC,CAAC,SAAS,aAAa;GACxC,SAAS,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,uBAAuB;EACjE,CAAC;EACD,SAAS,EAAE,OAAO,SAAS,eACzB,qBAAC,QAAD;GAAM,YAAS;GAAQ,oBAAkB;aAAzC,CACG,OACA,QACG;;CAEV;AACF"}

package/dist/vocabulary/media.d.ts

@@ -0,0 +1,34 @@
+import { z } from "zod";
+
+//#region src/vocabulary/media.d.ts
+declare const mediaVocabulary: {
+  Image: {
+    description: string;
+    properties: z.ZodObject<{
+      src: z.ZodString;
+      alt: z.ZodString;
+      size: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+      }>, z.ZodNumber]>>;
+    }, z.core.$strip>;
+    render: ({
+      src,
+      alt,
+      size
+    }: any) => import("react").JSX.Element;
+  };
+  Divider: {
+    description: string;
+    properties: z.ZodObject<{
+      flush: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    render: ({
+      flush
+    }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { mediaVocabulary };
+//# sourceMappingURL=media.d.ts.map

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

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

package/dist/vocabulary/media.js

@@ -0,0 +1,32 @@
+import { IMAGE_SIZE_TOKENS } from "../ir.js";
+import { jsx } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/media.tsx
+const mediaVocabulary = {
+	Image: {
+		description: "An image. Provide `src` and `alt` for accessibility.",
+		properties: z.object({
+			src: z.string().describe("Image URL."),
+			alt: z.string().describe("Alt text for accessibility."),
+			size: z.union([z.enum(IMAGE_SIZE_TOKENS), z.number()]).optional().describe("Size token or pixel value.")
+		}),
+		render: ({ src, alt, size }) => /* @__PURE__ */ jsx("img", {
+			"data-aui": "image",
+			"data-aui-size": typeof size === "number" ? `${size}px` : size,
+			src,
+			alt
+		})
+	},
+	Divider: {
+		description: "A horizontal rule between sections.",
+		properties: z.object({ flush: z.boolean().optional().describe("Whether the divider spans the full width with no inset.") }),
+		render: ({ flush }) => /* @__PURE__ */ jsx("hr", {
+			"data-aui": "divider",
+			"data-aui-flush": flush || void 0
+		})
+	}
+};
+//#endregion
+export { mediaVocabulary };
+
+//# sourceMappingURL=media.js.map

package/dist/vocabulary/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../src/vocabulary/media.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { IMAGE_SIZE_TOKENS } from \"../ir\";\n\nexport const mediaVocabulary = {\n  Image: {\n    description: \"An image. Provide `src` and `alt` for accessibility.\",\n    properties: z.object({\n      src: z.string().describe(\"Image URL.\"),\n      alt: z.string().describe(\"Alt text for accessibility.\"),\n      size: z\n        .union([z.enum(IMAGE_SIZE_TOKENS), z.number()])\n        .optional()\n        .describe(\"Size token or pixel value.\"),\n    }),\n    render: ({ src, alt, size }) => (\n      <img\n        data-aui=\"image\"\n        data-aui-size={typeof size === \"number\" ? `${size}px` : size}\n        src={src}\n        alt={alt}\n      />\n    ),\n  },\n  Divider: {\n    description: \"A horizontal rule between sections.\",\n    properties: z.object({\n      flush: z\n        .boolean()\n        .optional()\n        .describe(\"Whether the divider spans the full width with no inset.\"),\n    }),\n    render: ({ flush }) => (\n      <hr data-aui=\"divider\" data-aui-flush={flush || undefined} />\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;AAIA,MAAa,kBAAkB;CAC7B,OAAO;EACL,aAAa;EACb,YAAY,EAAE,OAAO;GACnB,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,YAAY;GACrC,KAAK,EAAE,OAAO,CAAC,CAAC,SAAS,6BAA6B;GACtD,MAAM,EACH,MAAM,CAAC,EAAE,KAAK,iBAAiB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAC9C,SAAS,CAAC,CACV,SAAS,4BAA4B;EAC1C,CAAC;EACD,SAAS,EAAE,KAAK,KAAK,WACnB,oBAAC,OAAD;GACE,YAAS;GACT,iBAAe,OAAO,SAAS,WAAW,GAAG,KAAK,MAAM;GACnD;GACA;EACN,CAAA;CAEL;CACA,SAAS;EACP,aAAa;EACb,YAAY,EAAE,OAAO,EACnB,OAAO,EACJ,QAAQ,CAAC,CACT,SAAS,CAAC,CACV,SAAS,yDAAyD,EACvE,CAAC;EACD,SAAS,EAAE,YACT,oBAAC,MAAD;GAAI,YAAS;GAAU,kBAAgB,SAAS,KAAA;EAAY,CAAA;CAEhE;AACF"}