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

package/dist/vocabulary/form.d.ts

@@ -0,0 +1,14 @@
+import { z } from "zod";
+//#region src/vocabulary/form.d.ts
+declare const formVocabulary: {
+  Form: {
+    description: string;
+    properties: z.ZodObject<{
+      gap: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>;
+    render: ({ gap, $action, $dispatch, children }: any) => import("react").JSX.Element;
+  };
+};
+//#endregion
+export { formVocabulary };
+//# sourceMappingURL=form.d.ts.map

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

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

package/dist/vocabulary/form.js

@@ -0,0 +1,23 @@
+import { actionAttr, fire } from "./dispatch.js";
+import { collectFormValuesFromEvent } from "./collectFormValues.js";
+import { jsx } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/form.tsx
+const formVocabulary = { Form: {
+	description: "Wraps named child controls (Select/Input/Checkbox/RadioGroup/DatePicker with a `name`). Carries `$action`; on submit it fires with every named control's value, keyed by `name`.",
+	properties: z.object({ gap: z.number().min(0).max(8).optional().describe("Gap between children in 4px units. 0 to 8 is the supported range.") }),
+	render: ({ gap, $action, $dispatch, children }) => /* @__PURE__ */ jsx("form", {
+		"data-aui": "form",
+		"data-aui-gap": gap,
+		"data-aui-action": actionAttr($action),
+		onSubmit: (event) => {
+			event.preventDefault();
+			fire($action, $dispatch, collectFormValuesFromEvent(event));
+		},
+		children
+	})
+} };
+//#endregion
+export { formVocabulary };
+
+//# sourceMappingURL=form.js.map

package/dist/vocabulary/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../src/vocabulary/form.tsx"],"sourcesContent":["import { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { actionAttr, fire } from \"./dispatch\";\nimport { collectFormValuesFromEvent } from \"./collectFormValues\";\n\nexport const formVocabulary = {\n  Form: {\n    description:\n      \"Wraps named child controls (Select/Input/Checkbox/RadioGroup/DatePicker with a `name`). Carries `$action`; on submit it fires with every named control's value, keyed by `name`.\",\n    properties: z.object({\n      gap: z\n        .number()\n        .min(0)\n        .max(8)\n        .optional()\n        .describe(\n          \"Gap between children in 4px units. 0 to 8 is the supported range.\",\n        ),\n    }),\n    render: ({ gap, $action, $dispatch, children }) => (\n      <form\n        data-aui=\"form\"\n        data-aui-gap={gap}\n        data-aui-action={actionAttr($action)}\n        onSubmit={(event) => {\n          event.preventDefault();\n          fire($action, $dispatch, collectFormValuesFromEvent(event));\n        }}\n      >\n        {children}\n      </form>\n    ),\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":";;;;;AAKA,MAAa,iBAAiB,EAC5B,MAAM;CACJ,aACE;CACF,YAAY,EAAE,OAAO,EACnB,KAAK,EACF,OAAO,CAAC,CACR,IAAI,CAAC,CAAC,CACN,IAAI,CAAC,CAAC,CACN,SAAS,CAAC,CACV,SACC,mEACF,EACJ,CAAC;CACD,SAAS,EAAE,KAAK,SAAS,WAAW,eAClC,oBAAC,QAAD;EACE,YAAS;EACT,gBAAc;EACd,mBAAiB,WAAW,OAAO;EACnC,WAAW,UAAU;GACnB,MAAM,eAAe;GACrB,KAAK,SAAS,WAAW,2BAA2B,KAAK,CAAC;EAC5D;EAEC;CACG,CAAA;AAEV,EACF"}

package/dist/vocabulary/icon.d.ts

@@ -0,0 +1,44 @@
+import { z } from "zod";
+//#region src/vocabulary/icon.d.ts
+declare const iconVocabulary: {
+  Icon: {
+    description: string;
+    properties: z.ZodObject<{
+      name: z.ZodEnum<{
+        search: "search";
+        check: "check";
+        sun: "sun";
+        moon: "moon";
+        cloud: "cloud";
+        rain: "rain";
+        snow: "snow";
+        wind: "wind";
+        play: "play";
+        pause: "pause";
+        x: "x";
+        star: "star";
+        heart: "heart";
+        "arrow-right": "arrow-right";
+        "arrow-up-right": "arrow-up-right";
+        "chevron-right": "chevron-right";
+        calendar: "calendar";
+        clock: "clock";
+        "map-pin": "map-pin";
+        plane: "plane";
+        truck: "truck";
+        "credit-card": "credit-card";
+        user: "user";
+        bell: "bell";
+      }>;
+      size: z.ZodOptional<z.ZodEnum<{
+        sm: "sm";
+        md: "md";
+        lg: "lg";
+      }>>;
+    }, z.core.$strip>;
+    render: ({ name, size }: any) => import("react").JSX.Element | null;
+  };
+};
+//#endregion
+export { iconVocabulary };
+//# sourceMappingURL=icon.d.ts.map

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

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

package/dist/vocabulary/icon.js

@@ -0,0 +1,272 @@
+import { ICON_NAMES } from "../ir.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+//#region src/vocabulary/icon.tsx
+const ICON_SIZE_TOKENS = [
+	"sm",
+	"md",
+	"lg"
+];
+const ICON_SIZE_PX = {
+	sm: 14,
+	md: 16,
+	lg: 20
+};
+const ICON_GLYPHS = {
+	sun: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4.5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "2",
+			x2: "12",
+			y2: "5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "19",
+			x2: "12",
+			y2: "22"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "2",
+			y1: "12",
+			x2: "5",
+			y2: "12"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "19",
+			y1: "12",
+			x2: "22",
+			y2: "12"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "5.5",
+			y1: "5.5",
+			x2: "7.5",
+			y2: "7.5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "16.5",
+			y1: "16.5",
+			x2: "18.5",
+			y2: "18.5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "18.5",
+			y1: "5.5",
+			x2: "16.5",
+			y2: "7.5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "7.5",
+			y1: "16.5",
+			x2: "5.5",
+			y2: "18.5"
+		})
+	] }),
+	moon: /* @__PURE__ */ jsx("path", { d: "M19 13.5A8.5 8.5 0 1 1 10.5 4.5 6.8 6.8 0 0 0 19 13.5Z" }),
+	cloud: /* @__PURE__ */ jsx("path", { d: "M7 18a4 4 0 1 1 .5-8A5.5 5.5 0 0 1 17.5 11.5 3.5 3.5 0 0 1 17 18Z" }),
+	rain: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M6.5 13a3 3 0 1 1 .4-6A4.5 4.5 0 0 1 15.5 8.5 3 3 0 0 1 15 13Z" }),
+		/* @__PURE__ */ jsx("line", {
+			x1: "8",
+			y1: "15",
+			x2: "7",
+			y2: "18"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "12",
+			y1: "15",
+			x2: "11",
+			y2: "18"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "16",
+			y1: "15",
+			x2: "15",
+			y2: "18"
+		})
+	] }),
+	snow: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M6.5 13a3 3 0 1 1 .4-6A4.5 4.5 0 0 1 15.5 8.5 3 3 0 0 1 15 13Z" }),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "7.5",
+			cy: "17",
+			r: "0.75",
+			fill: "currentColor",
+			stroke: "none"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "18",
+			r: "0.75",
+			fill: "currentColor",
+			stroke: "none"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "16.5",
+			cy: "17",
+			r: "0.75",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	] }),
+	wind: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M3 7.5h10.5a2.5 2.5 0 1 0-2-4" }),
+		/* @__PURE__ */ jsx("path", { d: "M3 12h14a2.5 2.5 0 1 1-2 4" }),
+		/* @__PURE__ */ jsx("path", { d: "M3 16.5h8" })
+	] }),
+	play: /* @__PURE__ */ jsx("path", { d: "M7 4.5v15l13-7.5z" }),
+	pause: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("line", {
+		x1: "8",
+		y1: "4",
+		x2: "8",
+		y2: "20"
+	}), /* @__PURE__ */ jsx("line", {
+		x1: "16",
+		y1: "4",
+		x2: "16",
+		y2: "20"
+	})] }),
+	check: /* @__PURE__ */ jsx("path", { d: "M4 12.5l5 5.5 11-12" }),
+	x: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("line", {
+		x1: "5",
+		y1: "5",
+		x2: "19",
+		y2: "19"
+	}), /* @__PURE__ */ jsx("line", {
+		x1: "19",
+		y1: "5",
+		x2: "5",
+		y2: "19"
+	})] }),
+	star: /* @__PURE__ */ jsx("path", { d: "M12 2.5l2.6 5.9 6.4.6-4.8 4.3 1.4 6.3-5.6-3-5.6 3 1.4-6.3-4.8-4.3 6.4-.6z" }),
+	heart: /* @__PURE__ */ jsx("path", { d: "M12 20s-7.5-4.7-9.8-9.6C.6 6.8 3 3.3 6.6 3.3c2 0 3.7 1.1 5.4 3.3 1.7-2.2 3.4-3.3 5.4-3.3 3.6 0 6 3.5 4.4 7.1C19.5 15.3 12 20 12 20z" }),
+	"arrow-right": /* @__PURE__ */ jsx("path", { d: "M4 12h15M13 6l6 6-6 6" }),
+	"arrow-up-right": /* @__PURE__ */ jsx("path", { d: "M7 17L17 7M9 7h8v8" }),
+	"chevron-right": /* @__PURE__ */ jsx("path", { d: "M9 5l7 7-7 7" }),
+	calendar: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "3.5",
+			y: "5",
+			width: "17",
+			height: "15",
+			rx: "2"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "3.5",
+			y1: "9.5",
+			x2: "20.5",
+			y2: "9.5"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "8",
+			y1: "3",
+			x2: "8",
+			y2: "7"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "16",
+			y1: "3",
+			x2: "16",
+			y2: "7"
+		})
+	] }),
+	clock: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "8.5"
+	}), /* @__PURE__ */ jsx("path", { d: "M12 7.5V12l3.5 2" })] }),
+	"map-pin": /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 21s7-6.7 7-12.2A7 7 0 1 0 5 8.8C5 14.3 12 21 12 21z" }), /* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "8.8",
+		r: "2.3"
+	})] }),
+	plane: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M3 12l18-8-6 18-3-7-7-3z" }), /* @__PURE__ */ jsx("path", { d: "M12 15l3-3" })] }),
+	truck: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M2 8h11v9H2z" }),
+		/* @__PURE__ */ jsx("path", { d: "M13 11h4l3 3v3h-7z" }),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "6",
+			cy: "19",
+			r: "1.8"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "17",
+			cy: "19",
+			r: "1.8"
+		})
+	] }),
+	"credit-card": /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "2.5",
+			y: "5.5",
+			width: "19",
+			height: "13",
+			rx: "2"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "2.5",
+			y1: "10",
+			x2: "21.5",
+			y2: "10"
+		}),
+		/* @__PURE__ */ jsx("line", {
+			x1: "6",
+			y1: "15",
+			x2: "10",
+			y2: "15"
+		})
+	] }),
+	user: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "8",
+		r: "3.6"
+	}), /* @__PURE__ */ jsx("path", { d: "M4.5 20.5a7.5 7.5 0 0 1 15 0" })] }),
+	search: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+		cx: "10.5",
+		cy: "10.5",
+		r: "6.5"
+	}), /* @__PURE__ */ jsx("line", {
+		x1: "20",
+		y1: "20",
+		x2: "15.3",
+		y2: "15.3"
+	})] }),
+	bell: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 3a5.5 5.5 0 0 0-5.5 5.5c0 4.5-2 6-2 6h15s-2-1.5-2-6A5.5 5.5 0 0 0 12 3z" }), /* @__PURE__ */ jsx("path", { d: "M10 19a2 2 0 0 0 4 0" })] })
+};
+const iconVocabulary = { Icon: {
+	description: "A small line icon from the built-in set. `size` controls the rendered pixel size.",
+	properties: z.object({
+		name: z.enum(ICON_NAMES).describe("Which built-in icon to render."),
+		size: z.enum(ICON_SIZE_TOKENS).optional().describe("Icon size; defaults to `md` (16px).")
+	}),
+	render: ({ name, size }) => {
+		const glyph = ICON_GLYPHS[name];
+		if (!glyph) return null;
+		const px = ICON_SIZE_PX[size ?? "md"];
+		return /* @__PURE__ */ jsx("svg", {
+			"data-aui": "icon",
+			"data-aui-name": name,
+			"data-aui-size": size,
+			viewBox: "0 0 24 24",
+			width: px,
+			height: px,
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			"aria-hidden": "true",
+			children: glyph
+		});
+	}
+} };
+//#endregion
+export { iconVocabulary };
+
+//# sourceMappingURL=icon.js.map

package/dist/vocabulary/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/vocabulary/icon.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { z } from \"zod\";\nimport type { GenerativeUILibrary } from \"../types\";\nimport { ICON_NAMES } from \"../ir\";\n\nconst ICON_SIZE_TOKENS = [\"sm\", \"md\", \"lg\"] as const;\nconst ICON_SIZE_PX: Record<(typeof ICON_SIZE_TOKENS)[number], number> = {\n  sm: 14,\n  md: 16,\n  lg: 20,\n};\n\nconst ICON_GLYPHS: Record<(typeof ICON_NAMES)[number], ReactNode> = {\n  sun: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"4.5\" />\n      <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\" />\n      <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\" />\n      <line x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\" />\n      <line x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\" />\n      <line x1=\"5.5\" y1=\"5.5\" x2=\"7.5\" y2=\"7.5\" />\n      <line x1=\"16.5\" y1=\"16.5\" x2=\"18.5\" y2=\"18.5\" />\n      <line x1=\"18.5\" y1=\"5.5\" x2=\"16.5\" y2=\"7.5\" />\n      <line x1=\"7.5\" y1=\"16.5\" x2=\"5.5\" y2=\"18.5\" />\n    </>\n  ),\n  moon: <path d=\"M19 13.5A8.5 8.5 0 1 1 10.5 4.5 6.8 6.8 0 0 0 19 13.5Z\" />,\n  cloud: (\n    <path d=\"M7 18a4 4 0 1 1 .5-8A5.5 5.5 0 0 1 17.5 11.5 3.5 3.5 0 0 1 17 18Z\" />\n  ),\n  rain: (\n    <>\n      <path d=\"M6.5 13a3 3 0 1 1 .4-6A4.5 4.5 0 0 1 15.5 8.5 3 3 0 0 1 15 13Z\" />\n      <line x1=\"8\" y1=\"15\" x2=\"7\" y2=\"18\" />\n      <line x1=\"12\" y1=\"15\" x2=\"11\" y2=\"18\" />\n      <line x1=\"16\" y1=\"15\" x2=\"15\" y2=\"18\" />\n    </>\n  ),\n  snow: (\n    <>\n      <path d=\"M6.5 13a3 3 0 1 1 .4-6A4.5 4.5 0 0 1 15.5 8.5 3 3 0 0 1 15 13Z\" />\n      <circle cx=\"7.5\" cy=\"17\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\" />\n      <circle cx=\"12\" cy=\"18\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\" />\n      <circle cx=\"16.5\" cy=\"17\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\" />\n    </>\n  ),\n  wind: (\n    <>\n      <path d=\"M3 7.5h10.5a2.5 2.5 0 1 0-2-4\" />\n      <path d=\"M3 12h14a2.5 2.5 0 1 1-2 4\" />\n      <path d=\"M3 16.5h8\" />\n    </>\n  ),\n  play: <path d=\"M7 4.5v15l13-7.5z\" />,\n  pause: (\n    <>\n      <line x1=\"8\" y1=\"4\" x2=\"8\" y2=\"20\" />\n      <line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"20\" />\n    </>\n  ),\n  check: <path d=\"M4 12.5l5 5.5 11-12\" />,\n  x: (\n    <>\n      <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" />\n      <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\" />\n    </>\n  ),\n  star: (\n    <path d=\"M12 2.5l2.6 5.9 6.4.6-4.8 4.3 1.4 6.3-5.6-3-5.6 3 1.4-6.3-4.8-4.3 6.4-.6z\" />\n  ),\n  heart: (\n    <path d=\"M12 20s-7.5-4.7-9.8-9.6C.6 6.8 3 3.3 6.6 3.3c2 0 3.7 1.1 5.4 3.3 1.7-2.2 3.4-3.3 5.4-3.3 3.6 0 6 3.5 4.4 7.1C19.5 15.3 12 20 12 20z\" />\n  ),\n  \"arrow-right\": <path d=\"M4 12h15M13 6l6 6-6 6\" />,\n  \"arrow-up-right\": <path d=\"M7 17L17 7M9 7h8v8\" />,\n  \"chevron-right\": <path d=\"M9 5l7 7-7 7\" />,\n  calendar: (\n    <>\n      <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15\" rx=\"2\" />\n      <line x1=\"3.5\" y1=\"9.5\" x2=\"20.5\" y2=\"9.5\" />\n      <line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"7\" />\n      <line x1=\"16\" y1=\"3\" x2=\"16\" y2=\"7\" />\n    </>\n  ),\n  clock: (\n    <>\n      <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n      <path d=\"M12 7.5V12l3.5 2\" />\n    </>\n  ),\n  \"map-pin\": (\n    <>\n      <path d=\"M12 21s7-6.7 7-12.2A7 7 0 1 0 5 8.8C5 14.3 12 21 12 21z\" />\n      <circle cx=\"12\" cy=\"8.8\" r=\"2.3\" />\n    </>\n  ),\n  plane: (\n    <>\n      <path d=\"M3 12l18-8-6 18-3-7-7-3z\" />\n      <path d=\"M12 15l3-3\" />\n    </>\n  ),\n  truck: (\n    <>\n      <path d=\"M2 8h11v9H2z\" />\n      <path d=\"M13 11h4l3 3v3h-7z\" />\n      <circle cx=\"6\" cy=\"19\" r=\"1.8\" />\n      <circle cx=\"17\" cy=\"19\" r=\"1.8\" />\n    </>\n  ),\n  \"credit-card\": (\n    <>\n      <rect x=\"2.5\" y=\"5.5\" width=\"19\" height=\"13\" rx=\"2\" />\n      <line x1=\"2.5\" y1=\"10\" x2=\"21.5\" y2=\"10\" />\n      <line x1=\"6\" y1=\"15\" x2=\"10\" y2=\"15\" />\n    </>\n  ),\n  user: (\n    <>\n      <circle cx=\"12\" cy=\"8\" r=\"3.6\" />\n      <path d=\"M4.5 20.5a7.5 7.5 0 0 1 15 0\" />\n    </>\n  ),\n  search: (\n    <>\n      <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" />\n      <line x1=\"20\" y1=\"20\" x2=\"15.3\" y2=\"15.3\" />\n    </>\n  ),\n  bell: (\n    <>\n      <path d=\"M12 3a5.5 5.5 0 0 0-5.5 5.5c0 4.5-2 6-2 6h15s-2-1.5-2-6A5.5 5.5 0 0 0 12 3z\" />\n      <path d=\"M10 19a2 2 0 0 0 4 0\" />\n    </>\n  ),\n};\n\nexport const iconVocabulary = {\n  Icon: {\n    description:\n      \"A small line icon from the built-in set. `size` controls the rendered pixel size.\",\n    properties: z.object({\n      name: z.enum(ICON_NAMES).describe(\"Which built-in icon to render.\"),\n      size: z\n        .enum(ICON_SIZE_TOKENS)\n        .optional()\n        .describe(\"Icon size; defaults to `md` (16px).\"),\n    }),\n    render: ({ name, size }) => {\n      const glyph = ICON_GLYPHS[name as keyof typeof ICON_GLYPHS];\n      if (!glyph) return null;\n      const px = ICON_SIZE_PX[(size as keyof typeof ICON_SIZE_PX) ?? \"md\"];\n\n      return (\n        <svg\n          data-aui=\"icon\"\n          data-aui-name={name}\n          data-aui-size={size}\n          viewBox=\"0 0 24 24\"\n          width={px}\n          height={px}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          {glyph}\n        </svg>\n      );\n    },\n  },\n} satisfies GenerativeUILibrary;\n"],"mappings":"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"}

package/dist/vocabulary/index.d.ts

@@ -0,0 +1,15 @@
+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":";;;;;;;;;;;cAqBa,4BAA4B"}

package/dist/vocabulary/index.js

@@ -0,0 +1,36 @@
+import { alertVocabulary } from "./alert.js";
+import { dataVocabulary } from "./data.js";
+import { factVocabulary } from "./fact.js";
+import { formVocabulary } from "./form.js";
+import { iconVocabulary } from "./icon.js";
+import { interactiveVocabulary } from "./interactive.js";
+import { layoutVocabulary } from "./layout.js";
+import { listVocabulary } from "./list.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,
+	...formVocabulary,
+	...layoutVocabulary,
+	...listVocabulary,
+	...dataVocabulary,
+	...alertVocabulary,
+	...iconVocabulary
+};
+//#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 { formVocabulary } from \"./form\";\nimport { iconVocabulary } from \"./icon\";\nimport { interactiveVocabulary } from \"./interactive\";\nimport { layoutVocabulary } from \"./layout\";\nimport { listVocabulary } from \"./list\";\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  ...formVocabulary,\n  ...layoutVocabulary,\n  ...listVocabulary,\n  ...dataVocabulary,\n  ...alertVocabulary,\n  ...iconVocabulary,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,6BAAkD;CAC7D,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL"}

package/dist/vocabulary/interactive.d.ts

@@ -0,0 +1,93 @@
+import { Action } from "../ir.js";
+import { GenerativeUIDispatch } from "../types.js";
+import { z } from "zod";
+//#region src/vocabulary/interactive.d.ts
+type RadioGroupRenderProps = {
+  options: {
+    label: string;
+    value: string;
+  }[];
+  name?: string;
+  label?: string;
+  defaultValue?: string;
+  $action?: Action;
+  $dispatch?: GenerativeUIDispatch;
+};
+declare function RadioGroupRender({ options, name, label, defaultValue, $action, $dispatch }: RadioGroupRenderProps): import("react").JSX.Element;
+declare const interactiveVocabulary: {
+  Button: {
+    description: string;
+    properties: z.ZodObject<{
+      label: z.ZodString;
+      buttonStyle: z.ZodOptional<z.ZodEnum<{
+        secondary: "secondary";
+        primary: "primary";
+        outline: "outline";
+        ghost: "ghost";
+        danger: "danger";
+      }>>;
+      block: z.ZodOptional<z.ZodBoolean>;
+      submit: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    render: ({ label, buttonStyle, block, submit, $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>;
+      name: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({ options, placeholder, label, name, $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>;
+      name: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({ placeholder, multiline, label, name, $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>;
+      name: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: ({ value, min, max, label, name, $action, $dispatch }: any) => import("react").JSX.Element;
+  };
+  Checkbox: {
+    description: string;
+    properties: z.ZodObject<{
+      label: z.ZodString;
+      name: z.ZodOptional<z.ZodString>;
+      defaultChecked: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    render: ({ label, name, defaultChecked, $action, $dispatch }: any) => import("react").JSX.Element;
+  };
+  RadioGroup: {
+    description: string;
+    properties: z.ZodObject<{
+      options: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+      }, z.core.$strip>>;
+      name: z.ZodOptional<z.ZodString>;
+      label: z.ZodOptional<z.ZodString>;
+      defaultValue: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>;
+    render: typeof RadioGroupRender;
+  };
+};
+//#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":";;;;KAYK;EACH;IAAW;IAAe;;EAC1B;EACA;EACA;EACA,UAAU;EACV,YAAY;;iBAGL,mBACP,SACA,MACA,OACA,cACA,SACA,aACC,wCAAqB,IAAA;cA8BX"}