@copilotkit/react-core 2.0.0-rc.1 → 2.0.0-rc.10

package/dist/generative-ui.cjs

@@ -1,12 +1,13 @@
 "use client";
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_MarkdownSurfaces = require('./MarkdownSurfaces-C2XZISKn.cjs');
+const require_MarkdownSurfaces = require('./MarkdownSurfaces-DGDeUhbX.cjs');
 let react = require("react");
 react = require_MarkdownSurfaces.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _copilotkit_shared = require("@copilotkit/shared");
 let zod = require("zod");
+zod = require_MarkdownSurfaces.__toESM(zod);
 let react_dom = require("react-dom");
 
 //#region src/generative-ui/refs.ts
@@ -33,7 +34,7 @@ const mark = (prefix, description) => description ? `${prefix} ${description}` :
 * description here, not with `.describe()`, which would replace the mark.
 */
 function child(description) {
-	return zod.z.string().min(1).describe(mark(_copilotkit_shared.A2UI_COMPONENT_ID_MARK, description)).transform(toNode);
+	return zod.string().min(1).describe(mark(_copilotkit_shared.A2UI_COMPONENT_ID_MARK, description)).transform(toNode);
 }
 /**
 * A list of component ids, or a template `{ componentId, path }` that
@@ -42,9 +43,9 @@ function child(description) {
 * not with `.describe()`.
 */
 function childList(description) {
-	return zod.z.union([zod.z.array(zod.z.string().min(1)), zod.z.object({
-		componentId: zod.z.string().min(1),
-		path: zod.z.string().min(1)
+	return zod.union([zod.array(zod.string().min(1)), zod.object({
+		componentId: zod.string().min(1),
+		path: zod.string().min(1)
 	})]).describe(mark(_copilotkit_shared.A2UI_CHILD_LIST_MARK, description)).transform(toNode);
 }
 
@@ -586,27 +587,6 @@ const BORDER_COLORS = [
 	"danger",
 	"discovery"
 ];
-const BACKGROUNDS = [
-	"surface",
-	"surface-secondary",
-	"surface-tertiary",
-	"surface-elevated",
-	"surface-elevated-secondary",
-	"surface-inverted",
-	"surface-soft",
-	"info",
-	"warning",
-	"caution",
-	"success",
-	"danger",
-	"discovery",
-	"info-solid",
-	"warning-solid",
-	"caution-solid",
-	"success-solid",
-	"danger-solid",
-	"discovery-solid"
-];
 const RADIUS_PX = {
 	"2xs": "2px",
 	xs: "4px",
@@ -970,18 +950,18 @@ function useStandardStyles() {
 //#endregion
 //#region src/generative-ui/standard/layout.tsx
 /** A number is a count of 4px steps. A string is raw CSS. */
-const sizeValue = zod.z.union([zod.z.number(), zod.z.string()]);
+const sizeValue = zod.union([zod.number(), zod.string()]);
 /** The A2UI `weight`: how much of the free space of a Row or Column to take. */
-const weightProp = zod.z.number().optional().describe("flex-grow in a Row or Column");
-const radiusValue = zod.z.union([
-	zod.z.enum(RADII),
-	zod.z.number(),
-	zod.z.string(),
-	zod.z.object({
-		topLeft: zod.z.string().optional(),
-		topRight: zod.z.string().optional(),
-		bottomLeft: zod.z.string().optional(),
-		bottomRight: zod.z.string().optional()
+const weightProp = zod.number().optional().describe("flex-grow in a Row or Column");
+const radiusValue = zod.union([
+	zod.enum(RADII),
+	zod.number(),
+	zod.string(),
+	zod.object({
+		topLeft: zod.string().optional(),
+		topRight: zod.string().optional(),
+		bottomLeft: zod.string().optional(),
+		bottomRight: zod.string().optional()
 	})
 ]);
 /**
@@ -990,16 +970,16 @@ const radiusValue = zod.z.union([
 * are a slot, not a prop.
 */
 const layoutProps = {
-	align: zod.z.enum(ALIGN).optional(),
-	justify: zod.z.enum(JUSTIFY).optional(),
-	wrap: zod.z.enum(WRAP).optional(),
+	align: zod.enum(ALIGN).optional(),
+	justify: zod.enum(JUSTIFY).optional(),
+	wrap: zod.enum(WRAP).optional(),
 	gap: sizeValue.optional().describe("4px steps when a number"),
 	rowGap: sizeValue.optional(),
 	columnGap: sizeValue.optional(),
 	padding: sizeValue.optional().describe("4px steps when a number"),
-	background: zod.z.string().optional().describe(`One of ${BACKGROUNDS.join("|")} or a CSS color. Leave it unset. Only one summary panel in a Card can use "surface-secondary"`),
-	border: zod.z.boolean().optional(),
-	borderColor: zod.z.enum(BORDER_COLORS).optional(),
+	background: zod.string().optional().describe("Leave it unset. A surface token such as surface, surface-secondary, info, success, warning, danger, discovery, or one with -solid, or a CSS color. Only one summary panel in a Card uses \"surface-secondary\""),
+	border: zod.boolean().optional(),
+	borderColor: zod.enum(BORDER_COLORS).optional(),
 	radius: radiusValue.optional(),
 	width: sizeValue.optional(),
 	height: sizeValue.optional(),
@@ -1007,22 +987,22 @@ const layoutProps = {
 	maxWidth: sizeValue.optional(),
 	minHeight: sizeValue.optional(),
 	maxHeight: sizeValue.optional(),
-	flex: zod.z.number().optional(),
+	flex: zod.number().optional(),
 	weight: weightProp,
-	aspectRatio: zod.z.string().optional(),
-	scrollable: zod.z.boolean().optional(),
-	clip: zod.z.boolean().optional(),
-	shadow: zod.z.boolean().optional(),
-	inline: zod.z.boolean().optional(),
-	role: zod.z.string().optional().describe("ARIA role"),
-	flush: zod.z.boolean().optional().describe("No padding"),
+	aspectRatio: zod.string().optional(),
+	scrollable: zod.boolean().optional(),
+	clip: zod.boolean().optional(),
+	shadow: zod.boolean().optional(),
+	inline: zod.boolean().optional(),
+	role: zod.string().optional().describe("ARIA role"),
+	flush: zod.boolean().optional().describe("No padding"),
 	minSize: sizeValue.optional().describe("Minimum width and height"),
 	maxSize: sizeValue.optional().describe("Maximum width and height"),
-	disableAutoSpacing: zod.z.boolean().optional().describe("No default gap between children")
+	disableAutoSpacing: zod.boolean().optional().describe("No default gap between children")
 };
-const layoutSchema = zod.z.object(layoutProps);
+const layoutSchema = zod.object(layoutProps);
 /** The arguments of a click or visibility event: none. */
-const NO_ARGS$3 = zod.z.object({});
+const NO_ARGS$3 = zod.object({});
 /**
 * The `onVisible` event of every container: sent once, the first time the
 * container scrolls into view.
@@ -1033,24 +1013,24 @@ const VISIBLE_EVENT = { onVisible: {
 } };
 /** The slot of every container: a list of children or a template. */
 const CHILDREN_SLOT = { children: "multiple" };
-const boxSchema = zod.z.object({
+const boxSchema = zod.object({
 	...layoutProps,
-	direction: zod.z.enum(["col", "row"]).optional().describe("Default \"col\"")
+	direction: zod.enum(["col", "row"]).optional().describe("Default \"col\"")
 });
-const gridSchema = zod.z.object({
+const gridSchema = zod.object({
 	...layoutProps,
-	columns: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Column count or CSS template. Default 2"),
+	columns: zod.union([zod.number(), zod.string()]).optional().describe("Column count or CSS template. Default 2"),
 	minChildWidth: sizeValue.optional(),
-	rows: zod.z.union([zod.z.number(), zod.z.string()]).optional()
+	rows: zod.union([zod.number(), zod.string()]).optional()
 });
-const gridItemSchema = zod.z.object({
+const gridItemSchema = zod.object({
 	...layoutProps,
-	span: zod.z.number().optional(),
-	rowSpan: zod.z.number().optional()
+	span: zod.number().optional(),
+	rowSpan: zod.number().optional()
 });
-const cardSchema = zod.z.object({
+const cardSchema = zod.object({
 	...layoutProps,
-	variant: zod.z.enum([
+	variant: zod.enum([
 		"default",
 		"outline",
 		"section",
@@ -1058,44 +1038,44 @@ const cardSchema = zod.z.object({
 		"elevated",
 		"transparent"
 	]).optional(),
-	shadowStyle: zod.z.enum([
+	shadowStyle: zod.enum([
 		"none",
 		"sm",
 		"md"
 	]).optional().describe("Overrides the shadow of the variant"),
-	size: zod.z.enum([
+	size: zod.enum([
 		"sm",
 		"md",
 		"lg"
 	]).optional().describe("The padding preset: 8, 16 or 24px. Default \"md\"")
 });
-const flowSchema = zod.z.object({
+const flowSchema = zod.object({
 	...layoutProps,
-	columns: zod.z.number().optional(),
-	rows: zod.z.number().optional(),
-	layout: zod.z.enum(["pack", "fixed"]).optional().describe("Default \"pack\"")
+	columns: zod.number().optional(),
+	rows: zod.number().optional(),
+	layout: zod.enum(["pack", "fixed"]).optional().describe("Default \"pack\"")
 });
-const flowItemSchema = zod.z.object({
+const flowItemSchema = zod.object({
 	...layoutProps,
-	span: zod.z.number().optional(),
-	rowSpan: zod.z.number().optional(),
-	aspectRatio: zod.z.string().optional().describe("Default \"1 / 1\""),
-	aspectMode: zod.z.enum(["soft", "fixed"]).optional()
+	span: zod.number().optional(),
+	rowSpan: zod.number().optional(),
+	aspectRatio: zod.string().optional().describe("Default \"1 / 1\""),
+	aspectMode: zod.enum(["soft", "fixed"]).optional()
 });
-const carouselSchema = zod.z.object({
+const carouselSchema = zod.object({
 	...layoutProps,
-	label: zod.z.string().optional().describe("A short name of the carousel for screen readers"),
-	visibleItems: zod.z.number().optional(),
-	showArrows: zod.z.boolean().optional().describe("Default true"),
-	activeIndex: zod.z.number().optional().describe("The index of the slide in view. Bind it with { \"@path\": \"/x\" } to read or set it"),
-	previousLabel: zod.z.string().optional().describe("Default \"Previous\""),
-	nextLabel: zod.z.string().optional().describe("Default \"Next\""),
-	snap: zod.z.enum([
+	label: zod.string().optional().describe("A short name of the carousel for screen readers"),
+	visibleItems: zod.number().optional(),
+	showArrows: zod.boolean().optional().describe("Default true"),
+	activeIndex: zod.number().optional().describe("The index of the slide in view. Bind it with { \"@path\": \"/x\" } to read or set it"),
+	previousLabel: zod.string().optional().describe("Default \"Previous\""),
+	nextLabel: zod.string().optional().describe("Default \"Next\""),
+	snap: zod.enum([
 		"none",
 		"proximity",
 		"mandatory"
 	]).optional(),
-	snapAlign: zod.z.enum([
+	snapAlign: zod.enum([
 		"start",
 		"center",
 		"end"
@@ -1106,31 +1086,31 @@ const CAROUSEL_MEDIA_SIZES = [
 	"md",
 	"lg"
 ];
-const carouselMediaItemSchema = zod.z.object({
+const carouselMediaItemSchema = zod.object({
 	...layoutProps,
-	url: zod.z.string().describe("Image URL"),
-	description: zod.z.string().optional().describe("What the image shows, for screen readers"),
-	size: zod.z.enum(CAROUSEL_MEDIA_SIZES).optional().describe("The width: \"sm\" 160px, \"md\" 240px, \"lg\" 320px. Default \"md\""),
-	aspectRatio: zod.z.string().optional().describe("Default \"4 / 3\""),
-	href: zod.z.string().optional().describe("Opens this URL in a new tab"),
-	lightbox: zod.z.boolean().optional().describe("Default true: a click opens all slides full-screen")
+	url: zod.string().describe("Image URL"),
+	description: zod.string().optional().describe("What the image shows, for screen readers"),
+	size: zod.enum(CAROUSEL_MEDIA_SIZES).optional().describe("The width: \"sm\" 160px, \"md\" 240px, \"lg\" 320px. Default \"md\""),
+	aspectRatio: zod.string().optional().describe("Default \"4 / 3\""),
+	href: zod.string().optional().describe("Opens this URL in a new tab"),
+	lightbox: zod.boolean().optional().describe("Default true: a click opens all slides full-screen")
 });
-const spacerSchema = zod.z.object({ minSize: sizeValue.optional() });
-const tabsSchema = zod.z.object({
-	tabs: zod.z.array(zod.z.object({
-		title: zod.z.string().describe("The tab title"),
+const spacerSchema = zod.object({ minSize: sizeValue.optional() });
+const tabsSchema = zod.object({
+	tabs: zod.array(zod.object({
+		title: zod.string().describe("The tab title"),
 		child: child("The id of the panel component")
 	})).describe("One entry per tab"),
-	selectedIndex: zod.z.number().optional().describe("The open tab. Default 0. Bind it with { \"@path\": \"/x\" } to read it"),
+	selectedIndex: zod.number().optional().describe("The open tab. Default 0. Bind it with { \"@path\": \"/x\" } to read it"),
 	weight: weightProp
 });
-const dividerSchema = zod.z.object({
-	axis: zod.z.enum(["horizontal", "vertical"]).optional().describe("Default \"horizontal\""),
+const dividerSchema = zod.object({
+	axis: zod.enum(["horizontal", "vertical"]).optional().describe("Default \"horizontal\""),
 	weight: weightProp,
-	color: zod.z.enum(BORDER_COLORS).optional(),
-	size: zod.z.number().optional(),
+	color: zod.enum(BORDER_COLORS).optional(),
+	size: zod.number().optional(),
 	spacing: sizeValue.optional(),
-	flush: zod.z.boolean().optional()
+	flush: zod.boolean().optional()
 });
 const ALIGN_CSS$1 = {
 	start: "flex-start",
@@ -1865,7 +1845,7 @@ const layoutComponents = {
 	},
 	Row: {
 		component: Row,
-		description: "A horizontal flex container. For a label and value pair, use a Row with justify \"spaceBetween\": a Caption on the left and a Text with fontWeight \"medium\" on the right. Put buttons in a Row at the bottom of a Card: one Button with variant \"primary\", and the default or \"borderless\" for the others.",
+		description: "A horizontal flex container. Label and value pair: justify \"spaceBetween\", a Caption left and a Text with fontWeight \"medium\" right. Buttons go in a Row at the bottom of a Card: one variant \"primary\", the others default or \"borderless\".",
 		props: layoutSchema,
 		events: VISIBLE_EVENT,
 		slots: CHILDREN_SLOT
@@ -1886,7 +1866,7 @@ const layoutComponents = {
 	},
 	Card: {
 		component: Card,
-		description: "A bordered, padded container, only for an interactive panel (controls, a form, a configurator). Tables, charts and text do not need one. Give it a Title and a Caption. Separate the groups in it with a Divider or the plain gap, never with a nested Card or a bordered Box. Variant \"section\" is a heading and content without a box. Variant \"outline\" always has a box. In markdown mode, a Card without controls renders as \"section\" unless it sets variant or border.",
+		description: "A bordered panel, only for an interactive panel (controls, a form, a configurator); tables, charts and text need none. Give it a Title and a Caption. Separate groups with a Divider or the gap, never a nested Card or bordered Box. Variant \"section\": no box; \"outline\": always a box. In markdown mode, without controls it renders as \"section\" unless variant or border is set.",
 		props: cardSchema,
 		events: VISIBLE_EVENT,
 		slots: {
@@ -1910,7 +1890,7 @@ const layoutComponents = {
 	},
 	Carousel: {
 		component: Carousel,
-		description: "A row that scrolls horizontally and snaps to its slides, with previous and next arrows. Put CarouselItem or CarouselMediaItem children in it. Bind activeIndex with { \"@path\": \"/x\" } to read or set the slide in view.",
+		description: "A horizontally scrolling row that snaps to its CarouselItem or CarouselMediaItem children, with arrows. Bind activeIndex to read or set the slide in view.",
 		props: carouselSchema,
 		events: VISIBLE_EVENT,
 		slots: CHILDREN_SLOT,
@@ -1925,7 +1905,7 @@ const layoutComponents = {
 	},
 	CarouselMediaItem: {
 		component: CarouselMediaItem,
-		description: "A slide of a Carousel with an image on top and its children (a Caption, a Text) under it. size \"sm\" is 160px, \"md\" 240px (default), \"lg\" 320px wide. A click on the image opens all slides full-screen, unless href or onClick is set.",
+		description: "A Carousel slide: an image with its children (a Caption, a Text) under it. size \"sm\" 160px, \"md\" 240px (default), \"lg\" 320px wide. A click opens all slides full-screen, unless href or onClick is set.",
 		props: carouselMediaItemSchema,
 		events: {
 			...VISIBLE_EVENT,
@@ -2113,18 +2093,18 @@ function Markdown({ text, streaming = false }) {
 
 //#endregion
 //#region src/generative-ui/standard/media.tsx
-const NO_ARGS$2 = zod.z.object({});
-const colorProp$1 = zod.z.string().optional();
+const NO_ARGS$2 = zod.object({});
+const colorProp$1 = zod.string().optional();
 const ICON_SIZES = [
 	"sm",
 	"md",
 	"lg",
 	"xl"
 ];
-const imageSchema = zod.z.object({
-	url: zod.z.string().describe("Image URL"),
-	description: zod.z.string().optional().describe("What the image shows, for screen readers. Leave it unset only for a decorative image"),
-	variant: zod.z.enum([
+const imageSchema = zod.object({
+	url: zod.string().describe("Image URL"),
+	description: zod.string().optional().describe("What the image shows, for screen readers. Leave it unset only for a decorative image"),
+	variant: zod.enum([
 		"icon",
 		"avatar",
 		"smallFeature",
@@ -2133,8 +2113,8 @@ const imageSchema = zod.z.object({
 		"header"
 	]).optional().describe("The size: \"icon\" 24px, \"avatar\" 40px round, \"smallFeature\" 160px wide, \"largeFeature\" and \"header\" full width. Default \"mediumFeature\": the natural size"),
 	weight: weightProp,
-	aspectRatio: zod.z.string().optional(),
-	fit: zod.z.enum([
+	aspectRatio: zod.string().optional(),
+	fit: zod.enum([
 		"cover",
 		"contain",
 		"fill",
@@ -2148,128 +2128,128 @@ const imageSchema = zod.z.object({
 	maxHeight: sizeValue.optional(),
 	minWidth: sizeValue.optional(),
 	minHeight: sizeValue.optional(),
-	background: zod.z.string().optional(),
-	frame: zod.z.boolean().optional(),
-	position: zod.z.string().optional().describe("CSS object-position, for example \"top\" or \"50% 20%\""),
-	hideOnFailure: zod.z.boolean().optional().describe("Default false"),
-	fallback: zod.z.string().optional().describe("Text shown in place of the image when it does not load"),
-	hoverZoom: zod.z.boolean().optional().describe("A slight zoom on hover"),
-	lightbox: zod.z.boolean().optional().describe("Default true: a click opens the image full-screen"),
-	actionOverlay: zod.z.object({
-		label: zod.z.string(),
-		icon: zod.z.string().optional().describe("Lucide icon name"),
-		href: zod.z.string().optional().describe("Opens this URL in a new tab")
+	background: zod.string().optional(),
+	frame: zod.boolean().optional(),
+	position: zod.string().optional().describe("CSS object-position, for example \"top\" or \"50% 20%\""),
+	hideOnFailure: zod.boolean().optional().describe("Default false"),
+	fallback: zod.string().optional().describe("Text shown in place of the image when it does not load"),
+	hoverZoom: zod.boolean().optional().describe("A slight zoom on hover"),
+	lightbox: zod.boolean().optional().describe("Default true: a click opens the image full-screen"),
+	actionOverlay: zod.object({
+		label: zod.string(),
+		icon: zod.string().optional().describe("Lucide icon name"),
+		href: zod.string().optional().describe("Opens this URL in a new tab")
 	}).optional().describe("A button over the bottom-right corner of the image. Without href, it sends onOverlayClick")
 });
-const iconSchema = zod.z.object({
-	name: zod.z.union([zod.z.string(), zod.z.object({ svgPath: zod.z.string() })]).describe("A Lucide icon name in kebab-case (\"arrow-right\"), an A2UI icon name (\"arrowBack\"), or { \"svgPath\" } on a 24px grid"),
-	label: zod.z.string().optional().describe("What the icon means, for screen readers. Leave it unset when text next to the icon says the same"),
-	size: zod.z.union([zod.z.enum(ICON_SIZES), zod.z.number()]).optional().describe("Default \"md\""),
+const iconSchema = zod.object({
+	name: zod.union([zod.string(), zod.object({ svgPath: zod.string() })]).describe("A Lucide icon name in kebab-case (\"arrow-right\"), an A2UI icon name (\"arrowBack\"), or { \"svgPath\" } on a 24px grid"),
+	label: zod.string().optional().describe("What the icon means, for screen readers. Leave it unset when text next to the icon says the same"),
+	size: zod.union([zod.enum(ICON_SIZES), zod.number()]).optional().describe("Default \"md\""),
 	color: colorProp$1,
-	inline: zod.z.boolean().optional().describe("Default false"),
-	strokeWeight: zod.z.enum(WEIGHTS).optional().describe("The stroke width"),
+	inline: zod.boolean().optional().describe("Default false"),
+	strokeWeight: zod.enum(WEIGHTS).optional().describe("The stroke width"),
 	weight: weightProp
 });
-const faviconSchema = zod.z.object({
-	url: zod.z.string(),
-	alt: zod.z.string().optional(),
-	size: zod.z.number().optional().describe("Pixels. Default 16"),
-	inline: zod.z.boolean().optional().describe("Default false"),
-	frame: zod.z.boolean().optional().describe("Default false")
+const faviconSchema = zod.object({
+	url: zod.string(),
+	alt: zod.string().optional(),
+	size: zod.number().optional().describe("Pixels. Default 16"),
+	inline: zod.boolean().optional().describe("Default false"),
+	frame: zod.boolean().optional().describe("Default false")
 });
-const svgSchema = zod.z.object({
-	viewBox: zod.z.string().optional(),
-	label: zod.z.string().optional().describe("What the drawing shows, for screen readers. Leave it unset for a decorative drawing"),
+const svgSchema = zod.object({
+	viewBox: zod.string().optional(),
+	label: zod.string().optional().describe("What the drawing shows, for screen readers. Leave it unset for a decorative drawing"),
 	width: sizeValue.optional(),
 	height: sizeValue.optional(),
 	size: sizeValue.optional(),
 	color: colorProp$1.describe("Default \"prose\""),
 	fill: colorProp$1.describe("Default \"currentColor\""),
 	stroke: colorProp$1,
-	strokeWidth: zod.z.number().optional(),
-	strokeLinecap: zod.z.enum([
+	strokeWidth: zod.number().optional(),
+	strokeLinecap: zod.enum([
 		"butt",
 		"round",
 		"square"
 	]).optional(),
-	strokeLinejoin: zod.z.enum([
+	strokeLinejoin: zod.enum([
 		"miter",
 		"round",
 		"bevel"
 	]).optional(),
-	preserveAspectRatio: zod.z.string().optional(),
-	paths: zod.z.array(zod.z.object({
-		d: zod.z.string(),
+	preserveAspectRatio: zod.string().optional(),
+	paths: zod.array(zod.object({
+		d: zod.string(),
 		fill: colorProp$1,
 		stroke: colorProp$1,
-		strokeWidth: zod.z.number().optional()
+		strokeWidth: zod.number().optional()
 	})).optional(),
-	circles: zod.z.array(zod.z.object({
-		cx: zod.z.number(),
-		cy: zod.z.number(),
-		r: zod.z.number(),
+	circles: zod.array(zod.object({
+		cx: zod.number(),
+		cy: zod.number(),
+		r: zod.number(),
 		fill: colorProp$1,
 		stroke: colorProp$1
 	})).optional(),
-	rects: zod.z.array(zod.z.object({
-		x: zod.z.number(),
-		y: zod.z.number(),
-		width: zod.z.number(),
-		height: zod.z.number(),
-		rx: zod.z.number().optional(),
+	rects: zod.array(zod.object({
+		x: zod.number(),
+		y: zod.number(),
+		width: zod.number(),
+		height: zod.number(),
+		rx: zod.number().optional(),
 		fill: colorProp$1,
 		stroke: colorProp$1
 	})).optional(),
-	lines: zod.z.array(zod.z.object({
-		x1: zod.z.number(),
-		y1: zod.z.number(),
-		x2: zod.z.number(),
-		y2: zod.z.number(),
+	lines: zod.array(zod.object({
+		x1: zod.number(),
+		y1: zod.number(),
+		x2: zod.number(),
+		y2: zod.number(),
 		stroke: colorProp$1
 	})).optional(),
-	texts: zod.z.array(zod.z.object({
-		x: zod.z.number(),
-		y: zod.z.number(),
-		text: zod.z.string(),
-		size: zod.z.number().optional(),
+	texts: zod.array(zod.object({
+		x: zod.number(),
+		y: zod.number(),
+		text: zod.string(),
+		size: zod.number().optional(),
 		fill: colorProp$1,
-		anchor: zod.z.enum([
+		anchor: zod.enum([
 			"start",
 			"middle",
 			"end"
 		]).optional()
 	})).optional()
 });
-const captionTrack = zod.z.object({
-	url: zod.z.string().describe("The URL of a WebVTT file"),
-	language: zod.z.string().optional().describe("BCP 47, for example \"en\""),
-	label: zod.z.string().optional().describe("Shown in the captions menu"),
-	kind: zod.z.enum([
+const captionTrack = zod.object({
+	url: zod.string().describe("The URL of a WebVTT file"),
+	language: zod.string().optional().describe("BCP 47, for example \"en\""),
+	label: zod.string().optional().describe("Shown in the captions menu"),
+	kind: zod.enum([
 		"subtitles",
 		"captions",
 		"descriptions"
 	]).optional()
 });
-const videoSchema = zod.z.object({
-	url: zod.z.string().describe("The URL of a video file, or of a YouTube video or short. A page on another video site shows as a link"),
-	posterUrl: zod.z.string().optional().describe("The image shown before the video plays"),
-	title: zod.z.string().optional().describe("Names the video for screen readers"),
-	captions: zod.z.array(captionTrack).optional().describe("Caption tracks of a video file"),
-	aspectRatio: zod.z.string().optional().describe("Default \"16 / 9\""),
+const videoSchema = zod.object({
+	url: zod.string().describe("The URL of a video file, or of a YouTube video or short. A page on another video site shows as a link"),
+	posterUrl: zod.string().optional().describe("The image shown before the video plays"),
+	title: zod.string().optional().describe("Names the video for screen readers"),
+	captions: zod.array(captionTrack).optional().describe("Caption tracks of a video file"),
+	aspectRatio: zod.string().optional().describe("Default \"16 / 9\""),
 	width: sizeValue.optional().describe("Default \"100%\""),
 	maxWidth: sizeValue.optional().describe("Default \"100%\""),
 	weight: weightProp
 });
-const audioPlayerSchema = zod.z.object({
-	url: zod.z.string().describe("The URL of the audio file"),
-	description: zod.z.string().optional().describe("A title or summary of the audio, shown above the player"),
+const audioPlayerSchema = zod.object({
+	url: zod.string().describe("The URL of the audio file"),
+	description: zod.string().optional().describe("A title or summary of the audio, shown above the player"),
 	weight: weightProp
 });
-const htmlViewSchema = zod.z.object({
-	html: zod.z.string(),
+const htmlViewSchema = zod.object({
+	html: zod.string(),
 	height: sizeValue.optional().describe("Pixels when a number. Default 360"),
 	width: sizeValue.optional().describe("Default \"100%\""),
-	title: zod.z.string().optional()
+	title: zod.string().optional()
 });
 /** Pixels when a number, raw CSS when a string. */
 function px$1(value) {
@@ -2292,10 +2272,14 @@ const ICON_STROKE = {
 function kebabToPascal(name) {
 	return name.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
 }
+/** "ArrowRight" gives "arrow-right", as Lucide names its icon classes. */
+function pascalToKebab(name) {
+	return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
 let lucidePromise = null;
 let lucideIcons = null;
 function loadLucideIcons() {
-	lucidePromise ??= import("lucide-react").then((module) => {
+	lucidePromise ??= import("lucide").then((module) => {
 		const icons = module.icons;
 		lucideIcons = icons;
 		return icons;
@@ -2303,9 +2287,9 @@ function loadLucideIcons() {
 	return lucidePromise;
 }
 /**
-* lucide-react has about 1,500 icons. A static import of its `icons` map
-* puts all of them in every bundle and makes module load slow. So the map
-* loads once, on first use, and the icons show when it is there.
+* Lucide has about 1,500 icons. A static import of its `icons` map puts all
+* of them in every bundle and makes module load slow. So the map loads once,
+* on first use, and the icons show when it is there.
 */
 function useLucideIcons() {
 	const [icons, setIcons] = (0, react.useState)(lucideIcons);
@@ -2321,6 +2305,20 @@ function useLucideIcons() {
 	}, []);
 	return icons;
 }
+/** The icon for a kebab-case or PascalCase name, or `null` when there is none. */
+function findLucideIcon(icons, name) {
+	const pascalName = kebabToPascal(name);
+	const key = pascalName in icons ? pascalName : name in icons ? name : null;
+	if (key === null) return null;
+	const nodes = icons[key].map(([tag, attributes]) => ({
+		tag,
+		attributes
+	}));
+	return {
+		lucideName: pascalToKebab(key),
+		nodes
+	};
+}
 /**
 * A lucide icon by kebab-case (or PascalCase) name. An unknown name renders
 * nothing. Without a `label`, the icon is hidden from screen readers.
@@ -2333,18 +2331,20 @@ function useLucideIcons() {
 function LucideIcon({ name, label, description, size = "md", color, weight, inline, style }) {
 	const icons = useLucideIcons();
 	if (!name || !icons) return null;
-	const IconComponent = icons[kebabToPascal(name)] ?? icons[name];
-	if (!IconComponent) return null;
+	const icon = findLucideIcon(icons, name);
+	if (!icon) return null;
 	const pixels = typeof size === "number" ? size : inline ? "1em" : ICON_PX$1[size];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
-		...label === void 0 ? { "aria-hidden": true } : {
-			role: "img",
-			"aria-label": label,
-			"aria-description": description
-		},
+	const a11y = label === void 0 ? { "aria-hidden": true } : {
+		role: "img",
+		"aria-label": label,
+		"aria-description": description
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownSurfaces.IconSvg, {
+		lucideName: icon.lucideName,
+		nodes: icon.nodes,
+		...a11y,
 		focusable: "false",
-		width: pixels,
-		height: pixels,
+		size: pixels,
 		color: textColor(color) ?? "currentColor",
 		strokeWidth: weight ? ICON_STROKE[weight] : void 0,
 		style: {
@@ -3000,7 +3000,7 @@ const mediaComponents = {
 	},
 	Video: {
 		component: Video,
-		description: "A video player for a video file URL (with optional captions), or a YouTube link in privacy-enhanced mode: the poster shows first, and the player loads when the user presses play. A page on another video site shows as a link to it. Set title to name the video.",
+		description: "A video file URL (optional captions) or a YouTube link, privacy-enhanced: the poster shows until play. Other video sites show as a link. Set title.",
 		props: videoSchema
 	},
 	AudioPlayer: {
@@ -3023,33 +3023,33 @@ const mediaComponents = {
 * grids). Each one is a single component, so the model places it with one
 * object instead of eight primitives.
 */
-const NO_ARGS$1 = zod.z.object({});
-const text = (description) => zod.z.string().optional().describe(description);
-const linkCardSchema = zod.z.object({
-	href: zod.z.string().describe("The URL (http, https)"),
-	title: zod.z.string().describe("The page title"),
+const NO_ARGS$1 = zod.object({});
+const text = (description) => zod.string().optional().describe(description);
+const linkCardSchema = zod.object({
+	href: zod.string().describe("The URL (http, https)"),
+	title: zod.string().describe("The page title"),
 	description: text("One or two lines"),
 	image: text("A thumbnail URL"),
 	domain: text("Shown next to the favicon. Default: the host of href"),
-	favicon: zod.z.boolean().optional().describe("Default true")
+	favicon: zod.boolean().optional().describe("Default true")
 });
-const citationSchema = zod.z.object({
-	index: zod.z.number().optional().describe("The marker number. Default 1"),
+const citationSchema = zod.object({
+	index: zod.number().optional().describe("The marker number. Default 1"),
 	label: text("Marker text instead of the number, for example a domain"),
 	title: text("The source title"),
 	url: text("The source URL (http, https)"),
 	snippet: text("The quoted passage, one or two lines"),
 	source: text("The publisher or domain. Default: the host of url")
 });
-const followUpItem = zod.z.union([zod.z.string(), zod.z.object({
-	label: zod.z.string(),
+const followUpItem = zod.union([zod.string(), zod.object({
+	label: zod.string(),
 	message: text("The text sent when the user clicks. Default: label")
 })]);
-const followUpSchema = zod.z.object({
-	items: zod.z.array(followUpItem).optional().describe("Strings or { \"label\", \"message\"? }, or { \"@path\": \"/x\" }"),
+const followUpSchema = zod.object({
+	items: zod.array(followUpItem).optional(),
 	title: text("A caption above the pills")
 });
-const followUpArgs = zod.z.object({ message: zod.z.string().describe("The message of the clicked pill") });
+const followUpArgs = zod.object({ message: zod.string().describe("The message of the clicked pill") });
 const BADGE_COLORS = [
 	"secondary",
 	"success",
@@ -3058,47 +3058,47 @@ const BADGE_COLORS = [
 	"info",
 	"discovery"
 ];
-const cardAction = zod.z.object({
-	label: zod.z.string(),
+const cardAction = zod.object({
+	label: zod.string(),
 	href: text("Opens this URL in a new tab"),
-	variant: zod.z.enum([
+	variant: zod.enum([
 		"solid",
 		"soft",
 		"outline",
 		"ghost"
 	]).optional()
 });
-const entityCardSchema = zod.z.object({
-	title: zod.z.string().describe("The name"),
+const entityCardSchema = zod.object({
+	title: zod.string().describe("The name"),
 	subtitle: text("A second line, for example the brand or category"),
 	description: text("Up to three lines"),
 	image: text("An image URL"),
-	imageAspectRatio: zod.z.string().optional().describe("Default \"4 / 3\""),
+	imageAspectRatio: zod.string().optional().describe("Default \"4 / 3\""),
 	meta: text("A short fact line, for example \"$29 / month\" or \"Open until 22:00\""),
-	badge: zod.z.object({
-		label: zod.z.string(),
-		color: zod.z.enum(BADGE_COLORS).optional()
+	badge: zod.object({
+		label: zod.string(),
+		color: zod.enum(BADGE_COLORS).optional()
 	}).optional(),
-	rating: zod.z.number().optional().describe("0 to 5, shown as stars"),
-	ratingCount: zod.z.number().optional().describe("The number of ratings"),
+	rating: zod.number().optional().describe("0 to 5, shown as stars"),
+	ratingCount: zod.number().optional().describe("The number of ratings"),
 	href: text("Opens this URL in a new tab when the user clicks the card"),
-	actions: zod.z.array(cardAction).max(3).optional().describe("Up to three buttons. A button without href sends onAction with its label"),
-	layout: zod.z.enum(["vertical", "horizontal"]).optional().describe("Default \"vertical\". \"horizontal\" puts the image on the left"),
+	actions: zod.array(cardAction).max(3).optional().describe("Up to three buttons. A button without href sends onAction with its label"),
+	layout: zod.enum(["vertical", "horizontal"]).optional().describe("Default \"vertical\". \"horizontal\" puts the image on the left"),
 	width: sizeValue.optional()
 });
-const entityActionArgs = zod.z.object({ label: zod.z.string().describe("The label of the clicked button") });
-const gridImage = zod.z.object({
-	url: zod.z.string(),
-	description: zod.z.string().optional().describe("What the image shows"),
-	caption: zod.z.string().optional(),
+const entityActionArgs = zod.object({ label: zod.string().describe("The label of the clicked button") });
+const gridImage = zod.object({
+	url: zod.string(),
+	description: zod.string().optional().describe("What the image shows"),
+	caption: zod.string().optional(),
 	href: text("Opens this URL instead of the full-screen view")
 });
-const imageGridSchema = zod.z.object({
-	images: zod.z.array(gridImage).optional().describe("A list of { \"url\", \"description\"?, \"caption\"?, \"href\"? }, or { \"@path\": \"/x\" }"),
-	columns: zod.z.number().optional().describe("Default 3"),
-	aspectRatio: zod.z.string().optional().describe("Default \"1 / 1\""),
+const imageGridSchema = zod.object({
+	images: zod.array(gridImage).optional(),
+	columns: zod.number().optional().describe("Default 3"),
+	aspectRatio: zod.string().optional().describe("Default \"1 / 1\""),
 	gap: sizeValue.optional().describe("Default 2"),
-	layout: zod.z.enum(["grid", "bento"]).optional().describe("Default \"grid\". \"bento\" makes the first image twice as large")
+	layout: zod.enum(["grid", "bento"]).optional().describe("Default \"grid\". \"bento\" makes the first image twice as large")
 });
 function FaviconImage({ host, size = 16 }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
@@ -3674,7 +3674,7 @@ function ImageGrid(props) {
 const compositeComponents = {
 	LinkCard: {
 		component: LinkCard,
-		description: "A preview card of a URL: the favicon and domain, the title, a description and a thumbnail. A click opens the link in a new tab, or sends onClick when it is bound. Use it for sources, articles and products that have a page.",
+		description: "A preview of a URL: favicon and domain, title, description, thumbnail. A click opens it in a new tab, or sends onClick when bound. For sources, articles and products with a page.",
 		props: linkCardSchema,
 		events: { onClick: {
 			description: "Sent when the user clicks the card, instead of the link.",
@@ -3683,12 +3683,12 @@ const compositeComponents = {
 	},
 	Citation: {
 		component: Citation,
-		description: "An inline source marker ([1]) that shows the source on hover or click: the title, a snippet and a link. Put it inline after the sentence it supports, as a child of a Text or in a Row.",
+		description: "An inline source marker ([1]) showing title, snippet and link on hover or click. Put it right after the sentence it supports, as a child of a Text or in a Row.",
 		props: citationSchema
 	},
 	FollowUp: {
 		component: FollowUp,
-		description: "Suggested next prompts as pills. A click sends the message of the pill as the next turn of the user, with no event binding needed. Put it at the end of a surface, with two to four short items.",
+		description: "Suggested next prompts as pills; a click sends the pill's message as the user's next turn, no event needed. At the end of a surface, two to four short items.",
 		props: followUpSchema,
 		events: { onFollowUp: {
 			description: "Sent when the user clicks a pill. The args carry the message of the pill.",
@@ -3697,7 +3697,7 @@ const compositeComponents = {
 	},
 	EntityCard: {
 		component: EntityCard,
-		description: "A card for one thing (a product, place, person or listing): an image, title, subtitle, description, a price or meta line, a badge, a rating and up to three buttons. href opens a page, and onClick is sent when it is bound. Use a Grid of EntityCards for several things.",
+		description: "A card for one product, place, person or listing: image, title, subtitle, description, a price or meta line, badge, rating and up to three buttons. href opens a page; onClick is sent when bound. Use a Grid of them for several things.",
 		props: entityCardSchema,
 		events: {
 			onClick: {
@@ -3719,13 +3719,13 @@ const compositeComponents = {
 
 //#endregion
 //#region src/generative-ui/standard/Chart.tsx
-const chartSeries = zod.z.union([zod.z.string(), zod.z.object({
-	key: zod.z.string(),
-	label: zod.z.string().optional(),
-	color: zod.z.string().optional().describe("A text color token or a CSS color")
+const chartSeries = zod.union([zod.string(), zod.object({
+	key: zod.string(),
+	label: zod.string().optional(),
+	color: zod.string().optional().describe("A text color token or a CSS color")
 })]);
-const chartSchema = zod.z.object({
-	chartType: zod.z.enum([
+const chartSchema = zod.object({
+	chartType: zod.enum([
 		"bar",
 		"line",
 		"area",
@@ -3733,38 +3733,38 @@ const chartSchema = zod.z.object({
 		"pie",
 		"donut"
 	]).optional().describe("Default \"bar\""),
-	data: zod.z.array(zod.z.record(zod.z.string(), zod.z.unknown())).optional().describe("A list of objects, or { \"@path\": \"/x\" }"),
-	xKey: zod.z.string().optional().describe("The field of the category axis"),
-	series: zod.z.array(chartSeries).optional().describe("The value fields: strings or { \"key\", \"label\"?, \"color\"? }. Default: every number field except xKey"),
-	stacked: zod.z.boolean().optional(),
-	layout: zod.z.enum(["vertical", "horizontal"]).optional().describe("\"horizontal\" draws the bars from left to right. Default \"vertical\""),
-	yAxis: zod.z.object({
-		label: zod.z.string().optional(),
-		min: zod.z.number().optional(),
-		max: zod.z.number().optional(),
-		width: zod.z.number().optional().describe("Pixels")
-	}).optional().describe("The value axis configuration object: {label?: string, min?: number, max?: number, width?: number}. Example: {label: \"Revenue (USD)\", min: 0, max: 100}. In horizontal charts, label, min and max apply to the horizontal value axis, and width sets the width of the category axis on the left."),
-	showDots: zod.z.boolean().optional().describe("Point markers on a line or area"),
-	barRadius: zod.z.number().optional().describe("The corner radius of a bar, in pixels"),
-	innerRadius: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Pie and donut"),
-	outerRadius: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Pie and donut"),
-	startAngle: zod.z.number().optional().describe("Pie and donut. Default 90"),
-	endAngle: zod.z.number().optional().describe("Pie and donut. Default -270"),
-	cornerRadius: zod.z.number().optional().describe("The corners of a slice"),
-	paddingAngle: zod.z.number().optional().describe("The gap between slices"),
-	showLabelLines: zod.z.boolean().optional().describe("Leader lines of the slice labels. Default true"),
-	height: zod.z.number().optional().describe("Pixels. Default 240"),
-	showLegend: zod.z.boolean().optional().describe("Default true"),
-	showGrid: zod.z.boolean().optional().describe("Default true"),
-	showTooltip: zod.z.boolean().optional().describe("Default true"),
-	showValueLabels: zod.z.boolean().optional(),
-	format: zod.z.enum([
+	data: zod.array(zod.record(zod.string(), zod.unknown())).optional(),
+	xKey: zod.string().optional().describe("The field of the category axis"),
+	series: zod.array(chartSeries).optional().describe("Default: every number field except xKey"),
+	stacked: zod.boolean().optional(),
+	layout: zod.enum(["vertical", "horizontal"]).optional().describe("\"horizontal\" draws the bars from left to right. Default \"vertical\""),
+	yAxis: zod.object({
+		label: zod.string().optional(),
+		min: zod.number().optional(),
+		max: zod.number().optional(),
+		width: zod.number().optional().describe("Pixels")
+	}).optional().describe("Example: {label: \"Revenue (USD)\", min: 0, max: 100}. In a horizontal chart it is the horizontal axis, and width sets the category axis width"),
+	showDots: zod.boolean().optional().describe("Point markers on a line or area"),
+	barRadius: zod.number().optional().describe("The corner radius of a bar, in pixels"),
+	innerRadius: zod.union([zod.number(), zod.string()]).optional().describe("Pie and donut"),
+	outerRadius: zod.union([zod.number(), zod.string()]).optional().describe("Pie and donut"),
+	startAngle: zod.number().optional().describe("Pie and donut. Default 90"),
+	endAngle: zod.number().optional().describe("Pie and donut. Default -270"),
+	cornerRadius: zod.number().optional().describe("The corners of a slice"),
+	paddingAngle: zod.number().optional().describe("The gap between slices"),
+	showLabelLines: zod.boolean().optional().describe("Leader lines of the slice labels. Default true"),
+	height: zod.number().optional().describe("Pixels. Default 240"),
+	showLegend: zod.boolean().optional().describe("Default true"),
+	showGrid: zod.boolean().optional().describe("Default true"),
+	showTooltip: zod.boolean().optional().describe("Default true"),
+	showValueLabels: zod.boolean().optional(),
+	format: zod.enum([
 		"number",
 		"currency",
 		"percent"
-	]).optional().describe("Number formatting. With \"percent\", data values and axis min/max are fractions: 0.4 displays as 40%. For 0% to 10%, use min: 0 and max: 0.1."),
-	currency: zod.z.string().optional().describe("ISO code. Default \"USD\""),
-	title: zod.z.string().optional()
+	]).optional().describe("With \"percent\", data values and axis min/max are fractions: 0.4 shows as 40%; for 0% to 10%, use min: 0 and max: 0.1."),
+	currency: zod.string().optional().describe("ISO code. Default \"USD\""),
+	title: zod.string().optional()
 });
 const DEFAULT_HEIGHT = 240;
 /** Hides an element on screen. Screen readers still read it. */
@@ -4168,22 +4168,22 @@ function Chart(props) {
 
 //#endregion
 //#region src/generative-ui/standard/Map.tsx
-const mapMarker = zod.z.object({
-	label: zod.z.string(),
-	lat: zod.z.number(),
-	lng: zod.z.number(),
-	category: zod.z.string().optional(),
-	icon: zod.z.string().optional()
+const mapMarker = zod.object({
+	label: zod.string(),
+	lat: zod.number(),
+	lng: zod.number(),
+	category: zod.string().optional(),
+	icon: zod.string().optional()
 });
-const mapSchema = zod.z.object({
-	markers: zod.z.array(mapMarker).optional().describe("A list of places, or { \"@path\": \"/x\" }"),
-	route: zod.z.boolean().optional().describe("Draws a line through the markers in order"),
-	selected: zod.z.string().optional().describe("The label of the selected marker. Bind it with { \"@path\": \"/x\" } to read the choice of the user"),
-	height: zod.z.number().optional().describe("Pixels. Default 240"),
-	zoom: zod.z.number().optional().describe("With two or more markers, only the highest zoom of the fit"),
-	center: zod.z.object({
-		lat: zod.z.number(),
-		lng: zod.z.number()
+const mapSchema = zod.object({
+	markers: zod.array(mapMarker).optional(),
+	route: zod.boolean().optional().describe("Draws a line through the markers in order"),
+	selected: zod.string().optional().describe("The label of the selected marker. Bind it with { \"@path\": \"/x\" } to read the choice of the user"),
+	height: zod.number().optional().describe("Pixels. Default 240"),
+	zoom: zod.number().optional().describe("With two or more markers, only the highest zoom of the fit"),
+	center: zod.object({
+		lat: zod.number(),
+		lng: zod.number()
 	}).optional()
 });
 /**
@@ -4482,7 +4482,7 @@ function MapView(props) {
 
 //#endregion
 //#region src/generative-ui/standard/data.tsx
-const cellAlign = zod.z.enum([
+const cellAlign = zod.enum([
 	"start",
 	"center",
 	"end"
@@ -4491,85 +4491,85 @@ const cellAlign = zod.z.enum([
 * A table cell or column header that shows another component. `id` is an
 * alias of `componentId`.
 */
-const tableComponentCell = zod.z.union([zod.z.object({ componentId: zod.z.string() }), zod.z.object({ id: zod.z.string() })]);
-const tableColumn = zod.z.union([
-	zod.z.string(),
-	zod.z.object({
-		label: zod.z.string(),
+const tableComponentCell = zod.union([zod.object({ componentId: zod.string() }), zod.object({ id: zod.string() })]);
+const tableColumn = zod.union([
+	zod.string(),
+	zod.object({
+		label: zod.string(),
 		align: cellAlign,
 		width: sizeValue.optional(),
-		componentId: zod.z.string().optional()
+		componentId: zod.string().optional()
 	}),
 	tableComponentCell
 ]);
-const tableSchema = zod.z.object({
-	caption: zod.z.string().optional().describe("A short name of the table for screen readers. It is not shown"),
-	columns: zod.z.array(tableColumn).optional().describe("Strings, { \"label\", \"align\"?, \"width\"?, \"componentId\"? } or { \"componentId\" }, or { \"@path\": \"/x\" }. Default []"),
-	rows: zod.z.array(zod.z.array(zod.z.unknown())).optional().describe("A list of row lists, or { \"@path\": \"/x\" }. A cell is a string, a number, or { \"componentId\": \"<id>\" } to show a component. Default []"),
-	columnSizing: zod.z.enum(["auto", "equal"]).optional().describe("Default \"auto\""),
-	dividers: zod.z.boolean().optional().describe("Default true"),
-	stickyHeader: zod.z.boolean().optional().describe("Default false"),
-	emptyLabel: zod.z.string().optional().describe("Default \"No rows\"")
+const tableSchema = zod.object({
+	caption: zod.string().optional().describe("A short name of the table for screen readers. It is not shown"),
+	columns: zod.array(tableColumn).optional().describe("Default []"),
+	rows: zod.array(zod.array(zod.unknown())).optional().describe("A list of row lists. A cell is a string, a number, or { \"componentId\": \"<id>\" } to show a component. Default []"),
+	columnSizing: zod.enum(["auto", "equal"]).optional().describe("Default \"auto\""),
+	dividers: zod.boolean().optional().describe("Default true"),
+	stickyHeader: zod.boolean().optional().describe("Default false"),
+	emptyLabel: zod.string().optional().describe("Default \"No rows\"")
 });
-const tableSectionSchema = zod.z.object({
-	header: zod.z.boolean().optional().describe("Renders the rows as the header"),
-	rowDivider: zod.z.boolean().optional()
+const tableSectionSchema = zod.object({
+	header: zod.boolean().optional().describe("Renders the rows as the header"),
+	rowDivider: zod.boolean().optional()
 });
-const tableRowSchema = zod.z.object({
-	header: zod.z.boolean().optional(),
-	label: zod.z.string().optional().describe("The text of a header cell at the start of the row"),
-	labelColSpan: zod.z.number().optional().describe("Columns the label cell spans")
+const tableRowSchema = zod.object({
+	header: zod.boolean().optional(),
+	label: zod.string().optional().describe("The text of a header cell at the start of the row"),
+	labelColSpan: zod.number().optional().describe("Columns the label cell spans")
 });
-const tableCellSchema = zod.z.object({
-	text: zod.z.union([zod.z.string(), zod.z.number()]).optional(),
-	header: zod.z.boolean().optional(),
+const tableCellSchema = zod.object({
+	text: zod.union([zod.string(), zod.number()]).optional(),
+	header: zod.boolean().optional(),
 	align: cellAlign,
 	vAlign: cellAlign.describe("Default \"start\""),
-	colSpan: zod.z.number().optional(),
-	rowSpan: zod.z.number().optional(),
+	colSpan: zod.number().optional(),
+	rowSpan: zod.number().optional(),
 	width: sizeValue.optional(),
 	padding: sizeValue.optional()
 });
-const listItemValue = zod.z.union([zod.z.string(), zod.z.object({
-	label: zod.z.string(),
-	description: zod.z.string().optional(),
-	icon: zod.z.string().optional().describe("Lucide icon name"),
-	value: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Without an action: shown on the right of the label, for a key and value fact. With an action: the payload of the pick, not shown")
+const listItemValue = zod.union([zod.string(), zod.object({
+	label: zod.string(),
+	description: zod.string().optional(),
+	icon: zod.string().optional().describe("Lucide icon name"),
+	value: zod.union([zod.string(), zod.number()]).optional().describe("Without an action: shown on the right of the label, for a key and value fact. With an action: the payload of the pick, not shown")
 })]);
-const listSchema = zod.z.object({
-	items: zod.z.array(listItemValue).optional().describe("Strings or { \"label\", \"value\"?, \"description\"?, \"icon\"? }, or { \"@path\": \"/x\" }"),
-	direction: zod.z.enum(["vertical", "horizontal"]).optional().describe("Default \"vertical\". \"horizontal\" scrolls sideways"),
-	align: zod.z.enum([
+const listSchema = zod.object({
+	items: zod.array(listItemValue).optional(),
+	direction: zod.enum(["vertical", "horizontal"]).optional().describe("Default \"vertical\". \"horizontal\" scrolls sideways"),
+	align: zod.enum([
 		"start",
 		"center",
 		"end",
 		"stretch"
 	]).optional(),
 	weight: weightProp,
-	marker: zod.z.enum([
+	marker: zod.enum([
 		"bullet",
 		"number",
 		"rich",
 		"none"
 	]).optional().describe("Default \"bullet\""),
-	connector: zod.z.enum(["none", "solid"]).optional().describe("Default \"none\""),
+	connector: zod.enum(["none", "solid"]).optional().describe("Default \"none\""),
 	gap: sizeValue.optional(),
-	start: zod.z.number().optional().describe("The first number of marker \"number\""),
-	maxMarkerSize: zod.z.number().optional().describe("The width of the marker column in pixels")
+	start: zod.number().optional().describe("The first number of marker \"number\""),
+	maxMarkerSize: zod.number().optional().describe("The width of the marker column in pixels")
 });
-const listItemSchema = zod.z.object({
-	label: zod.z.string().optional(),
-	value: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Without an action: shown on the right of the label, for a key and value fact"),
-	description: zod.z.string().optional(),
-	icon: zod.z.string().optional().describe("Lucide icon name"),
-	marker: zod.z.string().optional().describe("Shows this text as the marker"),
-	markerSize: zod.z.number().optional().describe("The width of the marker column in pixels"),
-	disabled: zod.z.boolean().optional().describe("Greys the item out and ignores its action")
+const listItemSchema = zod.object({
+	label: zod.string().optional(),
+	value: zod.union([zod.string(), zod.number()]).optional().describe("Without an action: shown on the right of the label, for a key and value fact"),
+	description: zod.string().optional(),
+	icon: zod.string().optional().describe("Lucide icon name"),
+	marker: zod.string().optional().describe("Shows this text as the marker"),
+	markerSize: zod.number().optional().describe("The width of the marker column in pixels"),
+	disabled: zod.boolean().optional().describe("Greys the item out and ignores its action")
 });
-const listSelection = zod.z.object({
-	index: zod.z.number(),
-	label: zod.z.string(),
-	value: zod.z.string().optional()
+const listSelection = zod.object({
+	index: zod.number(),
+	label: zod.string(),
+	value: zod.string().optional()
 });
 const TableContext = (0, react.createContext)(null);
 const V_ALIGN = {
@@ -4991,7 +4991,7 @@ function ListItem(props) {
 const dataComponents = {
 	Table: {
 		component: Table,
-		description: "A data table. Put it in a plain Column, not in a Card. Give \"columns\" and \"rows\" (a list of row lists). Or give \"children\": TableSection or TableRow ids, or a template { \"componentId\", \"path\" } that repeats a TableRow for each item of a data list. To show a component (Badge, Button, Icon, Text) in a cell or a column header, set it to { \"componentId\": \"<id>\" } and put the id in \"cellComponents\".",
+		description: "A data table, in a plain Column, not a Card. Give \"columns\" and \"rows\", or \"children\": TableSection or TableRow ids, or a template { \"componentId\", \"path\" } repeating a TableRow per item. A component in a cell or header (Badge, Button, Icon, Text): { \"componentId\": \"<id>\" }, with the id in \"cellComponents\".",
 		props: tableSchema,
 		slots: {
 			children: "multiple",
@@ -5021,7 +5021,7 @@ const dataComponents = {
 	},
 	List: {
 		component: List,
-		description: "A list in a Card or next to another component. A plain list of text is markdown, not a List. Give \"items\" (strings or { \"label\", \"value\"?, \"description\"?, \"icon\"? }); without an action, an item with a value is a key and value row, for facts like Price: $1,599. Or, when there are no items, give \"children\": ListItem ids or a template. With an \"action\", the user can pick an item: the event context gets \"index\", \"label\" and \"value\" of the item.",
+		description: "A list in a Card or next to another component; a plain list of text is markdown. Give \"items\": an item with a value and no action is a key-value row (Price: $1,599). Or give \"children\": ListItem ids or a template. With \"action\" the user picks an item; the event context gets its index, label and value.",
 		props: listSchema,
 		events: { action: {
 			description: "Runs when the user picks an item. The args are the index, label and value of the item.",
@@ -5035,7 +5035,7 @@ const dataComponents = {
 		props: listItemSchema,
 		events: { action: {
 			description: "Runs when the user picks the item.",
-			parameters: zod.z.object({})
+			parameters: zod.object({})
 		} },
 		slots: CHILDREN_SLOT
 	},
@@ -5046,7 +5046,7 @@ const dataComponents = {
 	},
 	Map: {
 		component: MapView,
-		description: "A map with markers. With \"route\", a line connects the markers in order. Bind \"selected\" to { \"@path\": \"/x\" } to get the label of the marker that the user picks. When maps are not available, it shows a list of the places.",
+		description: "A map with markers; with \"route\" a line connects them in order. Bind \"selected\" to get the label of the marker the user picks. Without maps it shows a list of the places.",
 		props: mapSchema,
 		writable: ["selected"]
 	}
@@ -5092,35 +5092,35 @@ const BUTTON_RESET = {
 	textAlign: "inherit",
 	cursor: "pointer"
 };
-const pulseIndicatorSchema = zod.z.object({
-	label: zod.z.string().optional().describe("What the dot means, for screen readers. Leave it unset when text next to the dot says the same"),
-	color: zod.z.string().optional().describe("Text color token. Default \"success\""),
-	size: zod.z.number().optional().describe("Pixels. Default 12"),
-	pulseColor: zod.z.string().optional(),
-	duration: zod.z.number().optional().describe("Milliseconds. Default 1500"),
-	endScale: zod.z.number().optional().describe("Default 2.4"),
-	startOpacity: zod.z.number().optional().describe("Default 0.6")
+const pulseIndicatorSchema = zod.object({
+	label: zod.string().optional().describe("What the dot means, for screen readers. Leave it unset when text next to the dot says the same"),
+	color: zod.string().optional().describe("Text color token. Default \"success\""),
+	size: zod.number().optional().describe("Pixels. Default 12"),
+	pulseColor: zod.string().optional(),
+	duration: zod.number().optional().describe("Milliseconds. Default 1500"),
+	endScale: zod.number().optional().describe("Default 2.4"),
+	startOpacity: zod.number().optional().describe("Default 0.6")
 });
-const flashcardSchema = zod.z.object({
-	front: zod.z.string().optional().describe("The text on the front"),
-	back: zod.z.string().optional().describe("The text on the back"),
-	hint: zod.z.string().optional().describe("A small line under the front, for example \"Click to flip\"")
+const flashcardSchema = zod.object({
+	front: zod.string().optional().describe("The text on the front"),
+	back: zod.string().optional().describe("The text on the back"),
+	hint: zod.string().optional().describe("A small line under the front, for example \"Click to flip\"")
 });
-const popoverSchema = zod.z.object({
-	open: zod.z.boolean().optional().describe("Default false"),
-	showOnHover: zod.z.boolean().optional(),
-	hoverOpenDelay: zod.z.number().optional().describe("Milliseconds before a hover opens it. Default 0")
+const popoverSchema = zod.object({
+	open: zod.boolean().optional().describe("Default false"),
+	showOnHover: zod.boolean().optional(),
+	hoverOpenDelay: zod.number().optional().describe("Milliseconds before a hover opens it. Default 0")
 });
-const popoverTriggerSchema = zod.z.object({ block: zod.z.boolean().optional().describe("Full width") });
-const popoverContentSchema = zod.z.object({
-	side: zod.z.enum([
+const popoverTriggerSchema = zod.object({ block: zod.boolean().optional().describe("Full width") });
+const popoverContentSchema = zod.object({
+	side: zod.enum([
 		"top",
 		"bottom",
 		"left",
 		"right"
 	]).optional().describe("Default \"bottom\""),
-	sideOffset: zod.z.number().optional().describe("Pixels between the trigger and the content. Default 6"),
-	align: zod.z.enum([
+	sideOffset: zod.number().optional().describe("Pixels between the trigger and the content. Default 6"),
+	align: zod.enum([
 		"start",
 		"center",
 		"end"
@@ -5384,9 +5384,9 @@ function PopoverContent(props) {
 		children: props.children
 	});
 }
-const modalSchema = zod.z.object({
-	title: zod.z.string().optional().describe("The heading of the dialog"),
-	open: zod.z.boolean().optional().describe("Default false. Bind it with { \"@path\": \"/x\" } to read it"),
+const modalSchema = zod.object({
+	title: zod.string().optional().describe("The heading of the dialog"),
+	open: zod.boolean().optional().describe("Default false. Bind it with { \"@path\": \"/x\" } to read it"),
 	maxWidth: sizeValue.optional().describe("Default 480"),
 	weight: weightProp
 });
@@ -5602,7 +5602,7 @@ const feedbackComponents = {
 	},
 	Popover: {
 		component: Popover,
-		description: "A small overlay next to a trigger. Put exactly two children in it: one PopoverTrigger, then one PopoverContent. A click on the trigger opens and closes the content. Escape or a click outside closes it.",
+		description: "A small overlay: exactly two children, one PopoverTrigger then one PopoverContent. A click on the trigger toggles it; Escape or a click outside closes it.",
 		props: popoverSchema,
 		slots: CHILDREN_SLOT,
 		writable: ["open"]
@@ -5640,20 +5640,20 @@ const feedbackComponents = {
 * The engine resolves the condition before the component renders, so a
 * component sees a boolean or a `ValidationResult`.
 */
-const severity = zod.z.enum([
+const severity = zod.enum([
 	"error",
 	"warning",
 	"info"
 ]);
-const validationResult = zod.z.object({
-	valid: zod.z.boolean(),
-	message: zod.z.string().optional(),
-	code: zod.z.string().optional(),
+const validationResult = zod.object({
+	valid: zod.boolean(),
+	message: zod.string().optional(),
+	code: zod.string().optional(),
 	severity: severity.optional()
-}).passthrough();
-const checksProp = zod.z.array(zod.z.object({
-	condition: zod.z.union([zod.z.boolean(), validationResult]).optional().describe("A validator call, for example {\"@call\":\"required\",\"args\":{\"value\":{\"@path\":\"/x\"}}}, or a boolean binding"),
-	message: zod.z.string().optional().describe("Shown when the check fails, instead of the default message")
+}).loose();
+const checksProp = zod.array(zod.object({
+	condition: zod.union([zod.boolean(), validationResult]).optional().describe("A validator call, for example {\"@call\":\"required\",\"args\":{\"value\":{\"@path\":\"/x\"}}}, or a boolean binding"),
+	message: zod.string().optional().describe("Shown when the check fails, instead of the default message")
 })).optional().describe("Validation rules. The control shows the first failed one");
 /**
 * The failed check to show, or `undefined` when every check passes: the
@@ -5730,73 +5730,73 @@ async function copyText(text) {
 * The arguments of a click or submit event: none. The model adds values
 * with the `context` of its `{ "event": ... }` binding.
 */
-const NO_ARGS = zod.z.object({});
+const NO_ARGS = zod.object({});
 /** A list of choices: plain strings or `{ value, label, description? }`. */
-const optionList = zod.z.array(zod.z.union([zod.z.string(), zod.z.object({
-	value: zod.z.string(),
-	label: zod.z.string().optional(),
-	description: zod.z.string().optional()
-})])).optional().describe("Strings or { \"value\", \"label\", \"description\"? }");
+const optionList = zod.array(zod.union([zod.string(), zod.object({
+	value: zod.string(),
+	label: zod.string().optional(),
+	description: zod.string().optional()
+})])).optional();
 const SIZES = [
 	"sm",
 	"md",
 	"lg",
 	"xl"
 ];
-const size = (fallback) => zod.z.enum(SIZES).optional().describe(`Default "${fallback}"`);
-const pill = zod.z.boolean().optional().describe("Default true");
-const fieldLabel = zod.z.string().optional().describe("The visible label of the field. Always set it");
-const boundValue = zod.z.string().optional().describe("Bind it with { \"@path\": \"/x\" } to read what the user entered");
-const buttonSchema = zod.z.object({
-	label: zod.z.string().optional().describe("The button text"),
+const size = (fallback) => zod.enum(SIZES).optional().describe(`Default "${fallback}"`);
+const pill = zod.boolean().optional().describe("Default true");
+const fieldLabel = zod.string().optional().describe("The visible label of the field. Always set it");
+const boundValue = zod.string().optional().describe("Bind it with { \"@path\": \"/x\" } to read what the user entered");
+const buttonSchema = zod.object({
+	label: zod.string().optional().describe("The button text"),
 	checks: checksProp,
-	text: zod.z.string().optional().describe("Same as label. Used when label is not set"),
-	variant: zod.z.enum([
+	text: zod.string().optional().describe("Same as label. Used when label is not set"),
+	variant: zod.enum([
 		"default",
 		"primary",
 		"soft",
 		"borderless"
 	]).optional().describe("Default \"default\": outlined. \"primary\" is filled, for the one main action. \"borderless\" has no box, like a link"),
-	color: zod.z.enum([
+	color: zod.enum([
 		"primary",
 		"secondary",
 		"danger"
 	]).optional().describe("Default \"primary\""),
-	size: zod.z.enum([
+	size: zod.enum([
 		"sm",
 		"md",
 		"lg"
 	]).optional().describe("Default \"lg\""),
-	block: zod.z.boolean().optional().describe("Full width"),
+	block: zod.boolean().optional().describe("Full width"),
 	weight: weightProp,
 	pill,
-	disabled: zod.z.boolean().optional(),
-	loading: zod.z.boolean().optional(),
-	submit: zod.z.boolean().optional().describe("Submits the Form around it. The Form sends its onSubmit event"),
-	icon: zod.z.string().optional().describe("Lucide icon name"),
-	uniform: zod.z.boolean().optional().describe("A square button, for an icon"),
-	href: zod.z.string().optional().describe("Opens this URL in a new tab on click, instead of onClick"),
-	copy: zod.z.string().optional().describe("Copies this text to the clipboard on click and shows a check mark, instead of onClick")
+	disabled: zod.boolean().optional(),
+	loading: zod.boolean().optional(),
+	submit: zod.boolean().optional().describe("Submits the Form around it. The Form sends its onSubmit event"),
+	icon: zod.string().optional().describe("Lucide icon name"),
+	uniform: zod.boolean().optional().describe("A square button, for an icon"),
+	href: zod.string().optional().describe("Opens this URL in a new tab on click, instead of onClick"),
+	copy: zod.string().optional().describe("Copies this text to the clipboard on click and shows a check mark, instead of onClick")
 });
-const pressableSchema = zod.z.object({
+const pressableSchema = zod.object({
 	...layoutProps,
-	disabled: zod.z.boolean().optional(),
-	hoverBackground: zod.z.string().optional(),
-	href: zod.z.string().optional().describe("Opens this URL in a new tab on click, instead of onClick"),
-	tooltip: zod.z.string().optional().describe("Shown on hover"),
-	ariaPressed: zod.z.boolean().optional().describe("For a toggle"),
-	insetBorder: zod.z.boolean().optional().describe("A 1px border inside the box")
+	disabled: zod.boolean().optional(),
+	hoverBackground: zod.string().optional(),
+	href: zod.string().optional().describe("Opens this URL in a new tab on click, instead of onClick"),
+	tooltip: zod.string().optional().describe("Shown on hover"),
+	ariaPressed: zod.boolean().optional().describe("For a toggle"),
+	insetBorder: zod.boolean().optional().describe("A 1px border inside the box")
 });
-const formSchema = zod.z.object({
+const formSchema = zod.object({
 	...layoutProps,
-	label: zod.z.string().optional().describe("A short name of the form for screen readers")
+	label: zod.string().optional().describe("A short name of the form for screen readers")
 });
-const textFieldSchema = zod.z.object({
+const textFieldSchema = zod.object({
 	checks: checksProp,
-	value: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Bind it with { \"@path\": \"/x\" } to read what the user typed"),
-	placeholder: zod.z.string().optional(),
+	value: zod.union([zod.string(), zod.number()]).optional().describe("Bind it with { \"@path\": \"/x\" } to read what the user typed"),
+	placeholder: zod.string().optional(),
 	label: fieldLabel,
-	variant: zod.z.enum([
+	variant: zod.enum([
 		"shortText",
 		"longText",
 		"number",
@@ -5806,140 +5806,140 @@ const textFieldSchema = zod.z.object({
 		"tel"
 	]).optional().describe("Default \"shortText\". \"longText\" is a multi-line field, \"obscured\" a password"),
 	weight: weightProp,
-	name: zod.z.string().optional(),
-	required: zod.z.boolean().optional(),
-	disabled: zod.z.boolean().optional(),
-	invalid: zod.z.boolean().optional(),
+	name: zod.string().optional(),
+	required: zod.boolean().optional(),
+	disabled: zod.boolean().optional(),
+	invalid: zod.boolean().optional(),
 	size: size("xl"),
 	pill,
-	autoSelect: zod.z.boolean().optional(),
-	mask: zod.z.string().optional()
+	autoSelect: zod.boolean().optional(),
+	mask: zod.string().optional()
 });
-const textAreaSchema = zod.z.object({
+const textAreaSchema = zod.object({
 	checks: checksProp,
 	value: boundValue,
-	placeholder: zod.z.string().optional(),
+	placeholder: zod.string().optional(),
 	label: fieldLabel,
 	weight: weightProp,
-	rows: zod.z.number().optional().describe("Default 3"),
-	maxRows: zod.z.number().optional(),
-	autoResize: zod.z.boolean().optional(),
-	name: zod.z.string().optional(),
-	required: zod.z.boolean().optional(),
-	disabled: zod.z.boolean().optional(),
-	invalid: zod.z.boolean().optional(),
+	rows: zod.number().optional().describe("Default 3"),
+	maxRows: zod.number().optional(),
+	autoResize: zod.boolean().optional(),
+	name: zod.string().optional(),
+	required: zod.boolean().optional(),
+	disabled: zod.boolean().optional(),
+	invalid: zod.boolean().optional(),
 	size: size("xl")
 });
-const selectSchema = zod.z.object({
+const selectSchema = zod.object({
 	checks: checksProp,
 	value: boundValue,
 	options: optionList,
-	placeholder: zod.z.string().optional(),
+	placeholder: zod.string().optional(),
 	label: fieldLabel,
-	name: zod.z.string().optional(),
-	required: zod.z.boolean().optional(),
-	disabled: zod.z.boolean().optional(),
-	clearable: zod.z.boolean().optional(),
-	clearLabel: zod.z.string().optional().describe("The label of the empty option"),
-	searchable: zod.z.boolean().optional(),
-	icon: zod.z.string().optional().describe("Lucide icon shown before the value"),
-	block: zod.z.boolean().optional().describe("Full width"),
+	name: zod.string().optional(),
+	required: zod.boolean().optional(),
+	disabled: zod.boolean().optional(),
+	clearable: zod.boolean().optional(),
+	clearLabel: zod.string().optional().describe("The label of the empty option"),
+	searchable: zod.boolean().optional(),
+	icon: zod.string().optional().describe("Lucide icon shown before the value"),
+	block: zod.boolean().optional().describe("Full width"),
 	size: size("xl"),
 	pill
 });
-const checkBoxSchema = zod.z.object({
+const checkBoxSchema = zod.object({
 	checks: checksProp,
-	value: zod.z.boolean().optional().describe("True when checked. Bind it with { \"@path\": \"/x\" } to read the state of the box"),
-	label: zod.z.string().optional().describe("The label text. Always set it"),
-	name: zod.z.string().optional(),
+	value: zod.boolean().optional().describe("True when checked. Bind it with { \"@path\": \"/x\" } to read the state of the box"),
+	label: zod.string().optional().describe("The label text. Always set it"),
+	name: zod.string().optional(),
 	weight: weightProp,
-	disabled: zod.z.boolean().optional(),
-	required: zod.z.boolean().optional(),
-	lineThrough: zod.z.boolean().optional().describe("Default false. Strikes the label when the box is checked"),
-	shape: zod.z.enum(["round", "square"]).optional().describe("Default \"round\"")
+	disabled: zod.boolean().optional(),
+	required: zod.boolean().optional(),
+	lineThrough: zod.boolean().optional().describe("Default false. Strikes the label when the box is checked"),
+	shape: zod.enum(["round", "square"]).optional().describe("Default \"round\"")
 });
-const radioSchema = zod.z.object({
-	value: zod.z.string().optional(),
-	label: zod.z.string().optional(),
-	disabled: zod.z.boolean().optional(),
-	required: zod.z.boolean().optional()
+const radioSchema = zod.object({
+	value: zod.string().optional(),
+	label: zod.string().optional(),
+	disabled: zod.boolean().optional(),
+	required: zod.boolean().optional()
 });
-const radioGroupSchema = zod.z.object({
+const radioGroupSchema = zod.object({
 	checks: checksProp,
 	value: boundValue,
 	options: optionList,
 	label: fieldLabel,
-	name: zod.z.string().optional(),
-	direction: zod.z.enum(["row", "col"]).optional().describe("Default \"row\""),
-	variant: zod.z.enum([
+	name: zod.string().optional(),
+	direction: zod.enum(["row", "col"]).optional().describe("Default \"row\""),
+	variant: zod.enum([
 		"list",
 		"pills",
 		"cards"
 	]).optional(),
-	disabled: zod.z.boolean().optional(),
-	required: zod.z.boolean().optional()
+	disabled: zod.boolean().optional(),
+	required: zod.boolean().optional()
 });
-const sliderSchema = zod.z.object({
+const sliderSchema = zod.object({
 	checks: checksProp,
-	value: zod.z.number().optional().describe("Bind it with { \"@path\": \"/x\" } to read the number"),
-	min: zod.z.number().optional().describe("Default 0"),
-	max: zod.z.number().optional().describe("Default 100"),
-	step: zod.z.number().optional().describe("Default 1"),
-	steps: zod.z.number().int().min(1).optional().describe("The number of equal divisions between min and max, instead of step"),
+	value: zod.number().optional().describe("Bind it with { \"@path\": \"/x\" } to read the number"),
+	min: zod.number().optional().describe("Default 0"),
+	max: zod.number().optional().describe("Default 100"),
+	step: zod.number().optional().describe("Default 1"),
+	steps: zod.number().int().min(1).optional().describe("The number of equal divisions between min and max, instead of step"),
 	label: fieldLabel,
 	weight: weightProp,
-	unit: zod.z.string().optional().describe("Unit after the value, for example \"%\""),
-	marks: zod.z.array(zod.z.object({
-		value: zod.z.number(),
-		label: zod.z.string().optional()
+	unit: zod.string().optional().describe("Unit after the value, for example \"%\""),
+	marks: zod.array(zod.object({
+		value: zod.number(),
+		label: zod.string().optional()
 	})).optional(),
-	sliderStyle: zod.z.enum(["continuous", "discrete"]).optional().describe("Default \"continuous\""),
-	disabled: zod.z.boolean().optional(),
-	name: zod.z.string().optional()
+	sliderStyle: zod.enum(["continuous", "discrete"]).optional().describe("Default \"continuous\""),
+	disabled: zod.boolean().optional(),
+	name: zod.string().optional()
 });
-const segmentedControlSchema = zod.z.object({
+const segmentedControlSchema = zod.object({
 	checks: checksProp,
 	value: boundValue,
 	options: optionList,
 	label: fieldLabel,
-	block: zod.z.boolean().optional().describe("Full width"),
+	block: zod.boolean().optional().describe("Full width"),
 	size: size("lg"),
 	pill,
-	variant: zod.z.enum([
+	variant: zod.enum([
 		"solid",
 		"soft",
 		"outline",
 		"ghost"
 	]).optional().describe("Default \"ghost\""),
-	disabled: zod.z.boolean().optional()
+	disabled: zod.boolean().optional()
 });
-const choicePickerSchema = zod.z.object({
+const choicePickerSchema = zod.object({
 	checks: checksProp,
-	value: zod.z.array(zod.z.string()).optional().describe("The chosen option values. Bind it with { \"@path\": \"/x\" } to a string list"),
+	value: zod.array(zod.string()).optional().describe("The chosen option values. Bind it with { \"@path\": \"/x\" } to a string list"),
 	options: optionList,
 	label: fieldLabel,
-	variant: zod.z.enum(["multipleSelection", "mutuallyExclusive"]).optional().describe("Default \"mutuallyExclusive\": the user picks one option"),
-	displayStyle: zod.z.enum(["checkbox", "chips"]).optional().describe("Default \"checkbox\". \"chips\" shows the options as pills"),
-	filterable: zod.z.boolean().optional().describe("Default false. Shows a field that filters the options"),
+	variant: zod.enum(["multipleSelection", "mutuallyExclusive"]).optional().describe("Default \"mutuallyExclusive\": the user picks one option"),
+	displayStyle: zod.enum(["checkbox", "chips"]).optional().describe("Default \"checkbox\". \"chips\" shows the options as pills"),
+	filterable: zod.boolean().optional().describe("Default false. Shows a field that filters the options"),
 	weight: weightProp,
-	disabled: zod.z.boolean().optional(),
-	required: zod.z.boolean().optional()
+	disabled: zod.boolean().optional(),
+	required: zod.boolean().optional()
 });
-const dateTimeInputSchema = zod.z.object({
+const dateTimeInputSchema = zod.object({
 	checks: checksProp,
-	value: zod.z.string().optional().describe("ISO 8601: \"YYYY-MM-DD\", \"HH:MM\" or \"YYYY-MM-DDTHH:MM\". Bind it with { \"@path\": \"/x\" }"),
+	value: zod.string().optional().describe("ISO 8601: \"YYYY-MM-DD\", \"HH:MM\" or \"YYYY-MM-DDTHH:MM\". Bind it with { \"@path\": \"/x\" }"),
 	label: fieldLabel,
-	enableDate: zod.z.boolean().optional().describe("The user picks a date. Default true unless only enableTime is set"),
-	enableTime: zod.z.boolean().optional().describe("The user picks a time"),
-	timeStep: zod.z.number().int().min(1).max(720).optional().describe("Minutes between the times the user can pick, e.g. 15 or 30. Shows the time as a list"),
+	enableDate: zod.boolean().optional().describe("The user picks a date. Default true unless only enableTime is set"),
+	enableTime: zod.boolean().optional().describe("The user picks a time"),
+	timeStep: zod.number().int().min(1).max(720).optional().describe("Minutes between the times the user can pick, e.g. 15 or 30. Shows the time as a list"),
 	weight: weightProp,
-	min: zod.z.string().optional().describe("The earliest value, ISO 8601"),
-	max: zod.z.string().optional().describe("The latest value, ISO 8601"),
-	placeholder: zod.z.string().optional(),
-	disabled: zod.z.boolean().optional(),
-	required: zod.z.boolean().optional(),
-	clearable: zod.z.boolean().optional(),
-	block: zod.z.boolean().optional().describe("Full width")
+	min: zod.string().optional().describe("The earliest value, ISO 8601"),
+	max: zod.string().optional().describe("The latest value, ISO 8601"),
+	placeholder: zod.string().optional(),
+	disabled: zod.boolean().optional(),
+	required: zod.boolean().optional(),
+	clearable: zod.boolean().optional(),
+	block: zod.boolean().optional().describe("Full width")
 });
 /** The writable list of a control that keeps its state in `value`. */
 const VALUE_WRITABLE = ["value"];
@@ -7188,7 +7188,7 @@ function Slider(props) {
 const inputComponents = {
 	Button: {
 		component: Button,
-		description: "A button that sends its onClick event. With href it opens the URL, and with copy it copies the text, both without the agent. Use variant \"primary\" for the one main Button in a Row, and the default for the others. With submit true inside a Form, it submits the Form. The child or children render instead of the label. With checks, it is disabled while a check fails.",
+		description: "Sends its onClick event; with href it opens the URL, with copy it copies the text. Variant \"primary\" for the one main Button in a Row. submit true submits the Form around it. Its children render instead of the label. With checks it is disabled while a check fails.",
 		props: buttonSchema,
 		events: { onClick: {
 			description: "Sent when the user clicks the button.",
@@ -7214,7 +7214,7 @@ const inputComponents = {
 	},
 	Form: {
 		component: Form,
-		description: "A layout container that is a form. It sends its onSubmit event when the user submits it (a Button with submit true, or Enter in a field). Put the values of its fields in the event context with { \"@path\": \"/x\" }.",
+		description: "A layout container that is a form. It sends onSubmit when the user submits (a Button with submit true, or Enter in a field). Put its field values in the event context with { \"@path\": \"/x\" }.",
 		props: formSchema,
 		events: { onSubmit: {
 			description: "Sent when the user submits the form.",
@@ -7271,13 +7271,13 @@ const inputComponents = {
 	},
 	ChoicePicker: {
 		component: ChoicePicker,
-		description: "A list of options, as checkboxes or chips. The user picks one, or several with variant \"multipleSelection\". Bind value with { \"@path\": \"/x\" } to read the chosen values as a list. Give it a label.",
+		description: "Options as checkboxes or chips: pick one, or several with variant \"multipleSelection\". Its value is the list of chosen values. Give it a label.",
 		props: choicePickerSchema,
 		writable: VALUE_WRITABLE
 	},
 	DateTimeInput: {
 		component: DateTimeInput,
-		description: "A date picker, or a time picker with enableTime, or both. Set timeStep (minutes) to offer fixed times, e.g. 30 for a booking. The value is ISO 8601. Bind value with { \"@path\": \"/x\" } to read it. Give it a label.",
+		description: "A date picker, a time picker with enableTime, or both. timeStep (minutes) offers fixed times, e.g. 30 for a booking. The value is ISO 8601. Give it a label.",
 		props: dateTimeInputSchema,
 		writable: VALUE_WRITABLE
 	}
@@ -7285,9 +7285,9 @@ const inputComponents = {
 
 //#endregion
 //#region src/generative-ui/standard/text.tsx
-const colorProp = zod.z.string().optional().describe(`One of ${TEXT_COLORS.join("|")} or a CSS color`);
-const fontWeight = zod.z.enum(WEIGHTS).optional();
-const textAlign = zod.z.enum([
+const colorProp = zod.string().optional().describe(`One of ${TEXT_COLORS.join("|")} or a CSS color`);
+const fontWeight = zod.enum(WEIGHTS).optional();
+const textAlign = zod.enum([
 	"start",
 	"center",
 	"end"
@@ -7296,70 +7296,70 @@ const typographyProps = {
 	color: colorProp,
 	fontWeight,
 	textAlign,
-	italic: zod.z.boolean().optional(),
-	truncate: zod.z.boolean().optional(),
-	maxLines: zod.z.number().optional(),
-	tabularNums: zod.z.boolean().optional(),
+	italic: zod.boolean().optional(),
+	truncate: zod.boolean().optional(),
+	maxLines: zod.number().optional(),
+	tabularNums: zod.boolean().optional(),
 	width: sizeValue.optional()
 };
-zod.z.object(typographyProps);
-const titleSchema = zod.z.object({
+zod.object(typographyProps);
+const titleSchema = zod.object({
 	...typographyProps,
-	text: zod.z.string().describe("Heading text"),
-	size: zod.z.enum(TITLE_SIZES).optional().describe("Default \"md\""),
-	strong: zod.z.boolean().optional().describe("Default true")
+	text: zod.string().describe("Heading text"),
+	size: zod.enum(TITLE_SIZES).optional().describe("Default \"md\""),
+	strong: zod.boolean().optional().describe("Default true")
 });
-const textSchema = zod.z.object({
+const textSchema = zod.object({
 	...typographyProps,
 	weight: weightProp,
-	text: zod.z.union([zod.z.string(), zod.z.number()]).optional().describe("Text with inline markdown. A bound number shows as text"),
-	size: zod.z.enum(TEXT_SIZES).optional().describe("Default \"md\""),
+	text: zod.union([zod.string(), zod.number()]).optional().describe("Text with inline markdown. A bound number shows as text"),
+	size: zod.enum(TEXT_SIZES).optional().describe("Default \"md\""),
 	fontSize: sizeValue.optional().describe("Pixels when a number. Wins over size"),
-	lineHeight: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("A unitless ratio, or CSS"),
-	minLines: zod.z.number().optional().describe("Reserves the height of this many lines"),
-	strong: zod.z.boolean().optional().describe("Default false"),
-	underline: zod.z.boolean().optional(),
-	lineThrough: zod.z.boolean().optional(),
-	inline: zod.z.boolean().optional(),
-	preserveWhitespace: zod.z.boolean().optional(),
-	highlight: zod.z.union([zod.z.enum([
+	lineHeight: zod.union([zod.number(), zod.string()]).optional().describe("A unitless ratio, or CSS"),
+	minLines: zod.number().optional().describe("Reserves the height of this many lines"),
+	strong: zod.boolean().optional().describe("Default false"),
+	underline: zod.boolean().optional(),
+	lineThrough: zod.boolean().optional(),
+	inline: zod.boolean().optional(),
+	preserveWhitespace: zod.boolean().optional(),
+	highlight: zod.union([zod.enum([
 		"green",
 		"orange",
 		"pink"
-	]), zod.z.boolean()]).optional()
+	]), zod.boolean()]).optional()
 });
-const captionSchema = zod.z.object({
-	text: zod.z.union([zod.z.string(), zod.z.number()]).describe("Caption text"),
+const captionSchema = zod.object({
+	text: zod.union([zod.string(), zod.number()]).describe("Caption text"),
 	color: colorProp,
-	size: zod.z.enum([
+	size: zod.enum([
 		"sm",
 		"md",
 		"lg"
 	]).optional().describe("Default \"lg\""),
 	fontWeight: fontWeight.describe("Default \"normal\""),
 	textAlign,
-	truncate: zod.z.boolean().optional(),
-	maxLines: zod.z.number().optional()
+	truncate: zod.boolean().optional(),
+	maxLines: zod.number().optional()
 });
-const labelSchema = zod.z.object({
-	text: zod.z.union([zod.z.string(), zod.z.number()]).describe("Label text"),
-	htmlFor: zod.z.string().optional(),
+const labelSchema = zod.object({
+	text: zod.union([zod.string(), zod.number()]).describe("Label text"),
+	htmlFor: zod.string().optional(),
 	color: colorProp,
-	size: zod.z.enum(TEXT_SIZES).optional().describe("Default \"sm\""),
+	size: zod.enum(TEXT_SIZES).optional().describe("Default \"sm\""),
 	fontWeight: fontWeight.describe("Default \"medium\""),
 	textAlign,
-	truncate: zod.z.boolean().optional(),
+	truncate: zod.boolean().optional(),
 	width: sizeValue.optional()
 });
-const boldSchema = zod.z.object({
-	text: zod.z.string(),
+const boldSchema = zod.object({
+	text: zod.string(),
 	fontWeight
 });
-const inlineTextSchema = zod.z.object({ text: zod.z.string() });
-const blockquoteSchema = zod.z.object({ text: zod.z.string().describe("The quoted text, with inline markdown") });
-const badgeSchema = zod.z.object({
-	label: zod.z.string().describe("Badge text"),
-	color: zod.z.enum([
+const inlineTextSchema = zod.object({ text: zod.string() });
+const blockquoteSchema = zod.object({ text: zod.string().describe("The quoted text, with inline markdown") });
+const badgeSchema = zod.object({
+	label: zod.string().describe("Badge text"),
+	color: zod.enum([
 		"secondary",
 		"success",
 		"danger",
@@ -7367,13 +7367,13 @@ const badgeSchema = zod.z.object({
 		"info",
 		"discovery"
 	]).optional().describe("Default \"secondary\""),
-	size: zod.z.enum([
+	size: zod.enum([
 		"sm",
 		"md",
 		"lg"
 	]).optional().describe("Default \"md\""),
-	pill: zod.z.boolean().optional().describe("Default true"),
-	variant: zod.z.enum([
+	pill: zod.boolean().optional().describe("Default true"),
+	variant: zod.enum([
 		"soft",
 		"solid",
 		"outline"
@@ -7382,28 +7382,28 @@ const badgeSchema = zod.z.object({
 	maxWidth: sizeValue.optional(),
 	padding: sizeValue.optional()
 });
-const codeSchema = zod.z.object({
-	text: zod.z.string().describe("Source code"),
-	language: zod.z.string().optional()
+const codeSchema = zod.object({
+	text: zod.string().describe("Source code"),
+	language: zod.string().optional()
 });
-const markdownSchema = zod.z.object({
-	text: zod.z.string().describe("Markdown source"),
-	streaming: zod.z.boolean().optional().describe("Default false")
+const markdownSchema = zod.object({
+	text: zod.string().describe("Markdown source"),
+	streaming: zod.boolean().optional().describe("Default false")
 });
-const mathSchema = zod.z.object({
-	value: zod.z.string().describe("TeX source"),
-	block: zod.z.boolean().optional().describe("Default false")
+const mathSchema = zod.object({
+	value: zod.string().describe("TeX source"),
+	block: zod.boolean().optional().describe("Default false")
 });
-const shimmerSchema = zod.z.object({
+const shimmerSchema = zod.object({
 	...typographyProps,
-	text: zod.z.string(),
-	size: zod.z.enum(TEXT_SIZES).optional().describe("Default \"md\""),
-	lineThrough: zod.z.boolean().optional()
+	text: zod.string(),
+	size: zod.enum(TEXT_SIZES).optional().describe("Default \"md\""),
+	lineThrough: zod.boolean().optional()
 });
-const linkSchema = zod.z.object({
-	text: zod.z.string().describe("Link text"),
-	href: zod.z.string().describe("URL"),
-	title: zod.z.string().optional()
+const linkSchema = zod.object({
+	text: zod.string().describe("Link text"),
+	href: zod.string().describe("URL"),
+	title: zod.string().optional()
 });
 const FOCUS_RING = "2px solid var(--a2ui-color-focus, #0285ff)";
 const TEXT_STYLE_ID = "a2ui-standard-text";
@@ -7780,12 +7780,12 @@ function Tooltip({ trigger, content }) {
 const textComponents = {
 	Title: {
 		component: Title,
-		description: "A heading inside a Card or next to another component. A heading alone is markdown outside the fence. Use size \"2xl\" at most once in a surface, and \"lg\" for section headings. Size \"sm\" is an h4, \"md\" and \"lg\" are an h3 (default \"md\"), \"xl\" and larger are an h2. It is bold unless strong is false.",
+		description: "A heading in a Card or next to another component; a heading alone is markdown. Size \"2xl\" at most once per surface, \"lg\" for sections. \"sm\" is an h4, \"md\"/\"lg\" an h3 (default \"md\"), \"xl\" and up an h2. Bold unless strong is false.",
 		props: titleSchema
 	},
 	Text: {
 		component: Text,
-		description: "Body text inside a Card or next to another component. A paragraph alone is markdown outside the fence. Use color \"default\" or \"secondary\". `text` can have inline markdown: **bold**, *italic*, ~~strike~~, ++underline++, `code` and [link](https://example.com). The `children` ids render inline after the text, for example a Badge.",
+		description: "Body text in a Card or next to another component; a paragraph alone is markdown outside the fence. Color \"default\" or \"secondary\". `text` takes inline markdown (**bold**, *italic*, ~~strike~~, ++underline++, `code`, [link](url)). `children` ids render inline after it, e.g. a Badge.",
 		props: textSchema,
 		slots: CHILDREN_SLOT
 	},
@@ -7856,7 +7856,7 @@ const textComponents = {
 	},
 	Tooltip: {
 		component: Tooltip,
-		description: "Shows `content` when the user points at `trigger` or moves keyboard focus to it. `trigger` is one child id: a Text, Icon or Badge, not a Button or Link. `content` is one child id of short text, for example a Text. Do not put links or buttons in `content`.",
+		description: "Shows `content` when the user points at or focuses `trigger`. `trigger`: one child id, a Text, Icon or Badge (not a Button or Link). `content`: one child id of short text, no links or buttons.",
 		slots: {
 			trigger: "single",
 			content: "single"