@bysages/solid 0.4.1 → 0.4.3

package/dist/generative/index.mjs

@@ -0,0 +1,942 @@
+import { r as iconNode } from "../icon-DTqmJCd5.mjs";
+import { Button } from "../components/button/index.mjs";
+import { Alert } from "../components/alert/index.mjs";
+import { Avatar } from "../components/avatar/index.mjs";
+import { Badge } from "../components/badge/index.mjs";
+import { Spinner } from "../components/spinner/index.mjs";
+import { Card } from "../components/card/index.mjs";
+import { t as Input } from "../input-BL3N3L8g.mjs";
+import { Checkbox } from "../components/checkbox/index.mjs";
+import { Progress } from "../components/progress/index.mjs";
+import { RadioGroup } from "../components/radio-group/index.mjs";
+import { t as Select } from "../select-DI7pFspF.mjs";
+import { Separator } from "../components/separator/index.mjs";
+import { Slider } from "../components/slider/index.mjs";
+import { Stack } from "../components/stack/index.mjs";
+import { Stat } from "../components/stat/index.mjs";
+import { Switch } from "../components/switch/index.mjs";
+import { Textarea } from "../components/textarea/index.mjs";
+import { Typography } from "../components/typography/index.mjs";
+import { createComponent } from "@solidjs/web";
+import { For, Show, createComponent as createComponent$1 } from "solid-js";
+import { createListCollection } from "@ark-ui/solid/collection";
+import { z } from "zod";
+import { defineRegistry, useBoundProp } from "@json-render/solid";
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/solid/schema";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/generative/faces.generated.ts
+/** Name the faces a family contributes; the identity keeps inference
+* honest at the call site. */
+function defineFace(faces) {
+	return faces;
+}
+/** Map a catalog Heading level to a measure — the serif voice stays, the
+* size steps down. */
+const headingClass = {
+	"1": "text-4xl",
+	"2": "text-3xl",
+	"3": "text-2xl",
+	"4": "text-xl",
+	"5": "text-lg",
+	"6": "text-base"
+};
+function initials(name) {
+	return name.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("");
+}
+function slug(value) {
+	return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "") || value;
+}
+/** The vocabulary the wrappers speak. One face per composed name — the
+* per-family assemblies in each wrapper spread these and add only the
+* rendering. */
+const faces$1 = defineFace({
+	Alert: {
+		props: z.object({
+			status: z.enum([
+				"success",
+				"warning",
+				"danger",
+				"info",
+				"ink"
+			]).optional(),
+			title: z.string().optional(),
+			message: z.string().optional()
+		}),
+		description: "A bordered notice; status picks the pigment."
+	},
+	Avatar: {
+		props: z.object({
+			name: z.string(),
+			src: z.string().optional(),
+			size: z.enum([
+				"sm",
+				"md",
+				"lg"
+			]).optional()
+		}),
+		description: "A person's seal: image when given, initials as the fallback."
+	},
+	Badge: {
+		props: z.object({
+			text: z.string(),
+			tone: z.enum([
+				"ink",
+				"primary",
+				"success",
+				"warning",
+				"danger",
+				"info"
+			]).optional(),
+			variant: z.enum([
+				"solid",
+				"subtle",
+				"outline"
+			]).optional()
+		}),
+		description: "A small status seal beside content; reads at a glance."
+	},
+	Button: {
+		props: z.object({
+			label: z.string(),
+			variant: z.enum([
+				"solid",
+				"outline",
+				"ghost",
+				"subtle"
+			]).optional(),
+			tone: z.enum([
+				"ink",
+				"success",
+				"warning",
+				"danger",
+				"info"
+			]).optional(),
+			size: z.enum([
+				"sm",
+				"md",
+				"lg"
+			]).optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest."
+	},
+	Card: {
+		props: z.object({
+			title: z.string().optional(),
+			description: z.string().optional()
+		}),
+		slots: [
+			"default",
+			"header",
+			"footer"
+		],
+		description: "Grouping vessel. Give title and description instead of hand-building a header; children render in the body; footer holds actions."
+	},
+	Checkbox: {
+		props: z.object({
+			label: z.string(),
+			checked: z.boolean().optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "One independent box with its label."
+	},
+	Heading: {
+		props: z.object({
+			text: z.string(),
+			level: z.enum([
+				"1",
+				"2",
+				"3",
+				"4",
+				"5",
+				"6"
+			]).optional()
+		}),
+		description: "Section heading. One per view at level 1; do not skip levels."
+	},
+	Input: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			type: z.enum([
+				"text",
+				"email",
+				"url",
+				"search",
+				"tel"
+			]).optional(),
+			value: z.string().optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "A single-line field; rely on border, surface and the focus halo."
+	},
+	Progress: {
+		props: z.object({
+			value: z.number().optional(),
+			label: z.string().optional(),
+			max: z.number().optional()
+		}),
+		description: "A working track that fills toward done."
+	},
+	RadioGroup: {
+		props: z.object({
+			label: z.string().optional(),
+			items: z.array(z.string()).optional()
+		}),
+		description: "Several boxes where exactly one may hold."
+	},
+	Select: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			options: z.array(z.object({
+				label: z.string(),
+				value: z.string()
+			})),
+			value: z.union([z.string(), z.array(z.string())]).optional(),
+			multiple: z.boolean().optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "A choice field that opens a ruled list; options carry label and value."
+	},
+	Separator: {
+		props: z.object({ orientation: z.enum(["horizontal", "vertical"]).optional() }),
+		description: "Hairline divider between sections."
+	},
+	Slider: {
+		props: z.object({
+			label: z.string().optional(),
+			value: z.number().optional(),
+			min: z.number().optional(),
+			max: z.number().optional(),
+			step: z.number().optional()
+		}),
+		description: "A ruled track the hand slides between bounds."
+	},
+	Spinner: {
+		props: z.object({
+			size: z.enum([
+				"sm",
+				"md",
+				"lg"
+			]).optional(),
+			label: z.string().optional()
+		}),
+		description: "A quiet wheel for work still settling."
+	},
+	Stack: {
+		props: z.object({
+			direction: z.enum(["column", "row"]).optional(),
+			gap: z.enum([
+				"none",
+				"xs",
+				"sm",
+				"md",
+				"lg",
+				"xl"
+			]).optional(),
+			align: z.enum([
+				"start",
+				"center",
+				"end",
+				"stretch",
+				"baseline"
+			]).optional(),
+			justify: z.enum([
+				"start",
+				"center",
+				"end",
+				"space-between",
+				"space-around"
+			]).optional(),
+			wrap: z.boolean().optional()
+		}),
+		slots: ["default"],
+		description: "Flex container for layout. direction column stacks vertically, row lays side by side. gap is a named spacing step."
+	},
+	Stat: {
+		props: z.object({
+			label: z.string(),
+			value: z.string(),
+			change: z.string().optional(),
+			direction: z.enum([
+				"up",
+				"down",
+				"flat"
+			]).optional()
+		}),
+		description: "One loud figure with its quiet label and an optional delta."
+	},
+	Switch: {
+		props: z.object({
+			label: z.string().optional(),
+			checked: z.boolean().optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "An instant on/off; label names what it switches."
+	},
+	Text: {
+		props: z.object({
+			text: z.string(),
+			variant: z.enum([
+				"body",
+				"lead",
+				"muted",
+				"label"
+			]).optional()
+		}),
+		description: "A prose voice: lead opens, body carries, muted whispers, label names."
+	},
+	Textarea: {
+		props: z.object({
+			label: z.string().optional(),
+			placeholder: z.string().optional(),
+			rows: z.number().int().optional(),
+			value: z.string().optional(),
+			disabled: z.boolean().optional()
+		}),
+		description: "A multi-line field for prose-length answers."
+	}
+});
+//#endregion
+//#region src/generative/shared.ts
+/** Name the entries a family contributes; the identity keeps inference
+* honest at the call site. */
+function defineEntry(entries) {
+	return entries;
+}
+const textVoices = {
+	body: Typography.Body,
+	lead: Typography.Lead,
+	muted: Typography.Muted,
+	label: Typography.Label
+};
+/** Two-way binding plumbing: the resolved value plus its write-back
+* setter, typed for the family's use. */
+function useBound(value, path) {
+	return useBoundProp(value, path);
+}
+const collectionCache = /* @__PURE__ */ new Map();
+function collectionFor(options) {
+	const key = JSON.stringify(options);
+	let collection = collectionCache.get(key);
+	if (!collection) {
+		collection = createListCollection({ items: options });
+		collectionCache.set(key, collection);
+	}
+	return collection;
+}
+/** A labelled field: the label whispers above, the control answers. */
+function labelled(label, control) {
+	return label ? createComponent$1(Stack, {
+		gap: "xs",
+		get children() {
+			return [createComponent$1(Typography.Label, { get children() {
+				return label;
+			} }), control];
+		}
+	}) : control;
+}
+//#endregion
+//#region src/components/alert/generative.tsx
+var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+/** A bordered notice; status picks the pigment. */
+var generative_default$17 = defineEntry({ Alert: {
+	...faces$1.Alert,
+	component: ({ props }) => createComponent$1(Alert.Root, {
+		get status() {
+			return props.status ?? "ink";
+		},
+		get children() {
+			return [createComponent$1(Alert.Icon, {}), createComponent$1(Alert.Body, { get children() {
+				return [createComponent$1(Alert.Title, { get children() {
+					return props.title;
+				} }), createComponent$1(Show, {
+					keyed: true,
+					get when() {
+						return props.message != null;
+					},
+					get children() {
+						return createComponent$1(Alert.Description, { get children() {
+							return props.message;
+						} });
+					}
+				})];
+			} })];
+		}
+	})
+} });
+//#endregion
+//#region src/components/avatar/generative.tsx
+var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+/** A person's seal: image when given, initials as the fallback. */
+var generative_default$16 = defineEntry({ Avatar: {
+	...faces$1.Avatar,
+	component: ({ props }) => createComponent$1(Avatar.Root, {
+		get size() {
+			return props.size;
+		},
+		get children() {
+			return [createComponent$1(Show, {
+				keyed: true,
+				get when() {
+					return props.src != null;
+				},
+				get children() {
+					return createComponent$1(Avatar.Image, {
+						get src() {
+							return props.src;
+						},
+						get alt() {
+							return props.name;
+						}
+					});
+				}
+			}), createComponent$1(Avatar.Fallback, { get children() {
+				return initials(props.name);
+			} })];
+		}
+	})
+} });
+//#endregion
+//#region src/components/badge/generative.tsx
+var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
+/** A small status seal beside content; reads at a glance. */
+var generative_default$15 = defineEntry({ Badge: {
+	...faces$1.Badge,
+	component: ({ props }) => createComponent$1(Badge, {
+		get tone() {
+			return props.tone;
+		},
+		get variant() {
+			return props.variant;
+		},
+		get children() {
+			return props.text;
+		}
+	})
+} });
+//#endregion
+//#region src/components/button/generative.tsx
+var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
+/** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
+var generative_default$14 = defineEntry({ Button: {
+	...faces$1.Button,
+	component: ({ props, emit }) => createComponent$1(Button, {
+		get variant() {
+			return props.variant ?? "solid";
+		},
+		get tone() {
+			return props.tone;
+		},
+		get size() {
+			return props.size;
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		onClick: () => emit("press"),
+		get children() {
+			return props.label;
+		}
+	})
+} });
+//#endregion
+//#region src/components/card/generative.tsx
+var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
+/** Grouping vessel. Give title and description instead of hand-building a header; children render in the body. */
+var generative_default$13 = defineEntry({ Card: {
+	...faces$1.Card,
+	component: ({ props, children }) => createComponent$1(Card.Root, { get children() {
+		return [createComponent$1(Show, {
+			keyed: true,
+			get when() {
+				return props.title != null || props.description != null;
+			},
+			get children() {
+				return createComponent$1(Card.Header, { get children() {
+					return [createComponent$1(Show, {
+						keyed: true,
+						get when() {
+							return props.title != null;
+						},
+						get children() {
+							return createComponent$1(Card.Title, { get children() {
+								return props.title;
+							} });
+						}
+					}), createComponent$1(Show, {
+						keyed: true,
+						get when() {
+							return props.description != null;
+						},
+						get children() {
+							return createComponent$1(Card.Description, { get children() {
+								return props.description;
+							} });
+						}
+					})];
+				} });
+			}
+		}), createComponent$1(Card.Content, { get children() {
+			return children;
+		} })];
+	} })
+} });
+//#endregion
+//#region src/components/checkbox/generative.tsx
+var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+/** One independent box with its label. */
+var generative_default$12 = defineEntry({ Checkbox: {
+	...faces$1.Checkbox,
+	component: ({ props }) => {
+		const mark = iconNode("check");
+		return createComponent$1(Checkbox.Root, {
+			get defaultChecked() {
+				return props.checked ?? false;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			get children() {
+				return [
+					createComponent$1(Checkbox.Control, { get children() {
+						return createComponent$1(Checkbox.Indicator, { get children() {
+							return mark;
+						} });
+					} }),
+					createComponent$1(Checkbox.Label, { get children() {
+						return props.label;
+					} }),
+					createComponent$1(Checkbox.HiddenInput, {})
+				];
+			}
+		});
+	}
+} });
+//#endregion
+//#region src/components/input/generative.tsx
+var generative_exports$11 = /* @__PURE__ */ __exportAll({ default: () => generative_default$11 });
+/** A single-line field; rely on border, surface and the focus halo. */
+var generative_default$11 = defineEntry({ Input: {
+	...faces$1.Input,
+	component: ({ props, bindings }) => {
+		const [value, setValue] = useBound(props.value, bindings?.value);
+		return labelled(props.label, createComponent$1(Input, {
+			get value() {
+				return value ?? "";
+			},
+			get placeholder() {
+				return props.placeholder;
+			},
+			get type() {
+				return props.type;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			onValueChange: (next) => setValue(next)
+		}));
+	}
+} });
+//#endregion
+//#region src/components/progress/generative.tsx
+var generative_exports$10 = /* @__PURE__ */ __exportAll({ default: () => generative_default$10 });
+/** A working track that fills toward done. */
+var generative_default$10 = defineEntry({ Progress: {
+	...faces$1.Progress,
+	component: ({ props }) => createComponent$1(Progress.Root, {
+		get value() {
+			return props.value;
+		},
+		get max() {
+			return props.max;
+		},
+		get children() {
+			return [createComponent$1(Show, {
+				keyed: true,
+				get when() {
+					return props.label != null;
+				},
+				get children() {
+					return createComponent$1(Progress.Label, { get children() {
+						return props.label;
+					} });
+				}
+			}), createComponent$1(Progress.Track, { get children() {
+				return createComponent$1(Progress.Range, {});
+			} })];
+		}
+	})
+} });
+//#endregion
+//#region src/components/radio-group/generative.tsx
+var generative_exports$9 = /* @__PURE__ */ __exportAll({ default: () => generative_default$9 });
+/** Several boxes where exactly one may hold. */
+var generative_default$9 = defineEntry({ RadioGroup: {
+	...faces$1.RadioGroup,
+	component: ({ props }) => {
+		const values = () => props.items ?? [
+			"Option A",
+			"Option B",
+			"Option C"
+		];
+		const list = createComponent$1(Stack, {
+			gap: "sm",
+			get children() {
+				return createComponent(For, {
+					get each() {
+						return values();
+					},
+					children: (value) => createComponent$1(RadioGroup.Item, {
+						get value() {
+							return value;
+						},
+						get children() {
+							return [
+								createComponent$1(RadioGroup.ItemControl, {}),
+								createComponent$1(RadioGroup.ItemText, { get children() {
+									return value;
+								} }),
+								createComponent$1(RadioGroup.ItemHiddenInput, {})
+							];
+						}
+					})
+				});
+			}
+		});
+		return labelled(props.label, createComponent$1(RadioGroup.Root, {
+			get defaultValue() {
+				return slug(values()[0] ?? "");
+			},
+			get children() {
+				return list;
+			}
+		}));
+	}
+} });
+//#endregion
+//#region src/components/select/generative.tsx
+var generative_exports$8 = /* @__PURE__ */ __exportAll({ default: () => generative_default$8 });
+/** A choice field that opens a ruled list; options carry label and value. */
+var generative_default$8 = defineEntry({ Select: {
+	...faces$1.Select,
+	component: ({ props, bindings }) => {
+		const [value, setValue] = useBound(props.value, bindings?.value);
+		const collection = collectionFor(props.options);
+		return labelled(props.label, createComponent$1(Select.Root, {
+			collection,
+			get disabled() {
+				return props.disabled;
+			},
+			get multiple() {
+				return props.multiple;
+			},
+			get value() {
+				return props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : typeof value === "string" ? [value] : void 0;
+			},
+			onValueChange: (details) => setValue(props.multiple ? details.value : details.value[0] ?? ""),
+			get children() {
+				return [
+					createComponent$1(Select.Control, { get children() {
+						return [createComponent$1(Select.Trigger, { get children() {
+							return createComponent$1(Select.ValueText, { get placeholder() {
+								return props.placeholder;
+							} });
+						} }), createComponent$1(Select.Indicator, { get children() {
+							return iconNode("chevrons-up-down");
+						} })];
+					} }),
+					createComponent$1(Select.Positioner, { get children() {
+						return createComponent$1(Select.Content, { get children() {
+							return createComponent$1(Select.ItemGroup, { get children() {
+								return createComponent(For, {
+									get each() {
+										return props.options;
+									},
+									children: (option) => createComponent$1(Select.Item, {
+										get item() {
+											return option;
+										},
+										get children() {
+											return [createComponent$1(Select.ItemText, { get children() {
+												return option.label;
+											} }), createComponent$1(Select.ItemIndicator, { get children() {
+												return iconNode("check");
+											} })];
+										}
+									})
+								});
+							} });
+						} });
+					} }),
+					createComponent$1(Select.HiddenSelect, {})
+				];
+			}
+		}));
+	}
+} });
+//#endregion
+//#region src/components/separator/generative.tsx
+var generative_exports$7 = /* @__PURE__ */ __exportAll({ default: () => generative_default$7 });
+/** Hairline divider between sections. */
+var generative_default$7 = defineEntry({ Separator: {
+	...faces$1.Separator,
+	component: ({ props }) => createComponent$1(Separator, {
+		get orientation() {
+			return props.orientation ?? "horizontal";
+		},
+		decorative: true
+	})
+} });
+//#endregion
+//#region src/components/slider/generative.tsx
+var generative_exports$6 = /* @__PURE__ */ __exportAll({ default: () => generative_default$6 });
+/** A ruled track the hand slides between bounds. */
+var generative_default$6 = defineEntry({ Slider: {
+	...faces$1.Slider,
+	component: ({ props }) => labelled(props.label, createComponent$1(Slider.Root, {
+		get defaultValue() {
+			return [props.value ?? 50];
+		},
+		get min() {
+			return props.min;
+		},
+		get max() {
+			return props.max;
+		},
+		get step() {
+			return props.step;
+		},
+		get children() {
+			return [createComponent$1(Slider.Control, { get children() {
+				return [createComponent$1(Slider.Track, { get children() {
+					return createComponent$1(Slider.Range, {});
+				} }), createComponent$1(Slider.Thumb, { index: 0 })];
+			} })];
+		}
+	}))
+} });
+//#endregion
+//#region src/components/spinner/generative.tsx
+var generative_exports$5 = /* @__PURE__ */ __exportAll({ default: () => generative_default$5 });
+/** A quiet wheel for work still settling. */
+var generative_default$5 = defineEntry({ Spinner: {
+	...faces$1.Spinner,
+	component: ({ props }) => createComponent$1(Spinner, {
+		get size() {
+			return props.size;
+		},
+		get "aria-label"() {
+			return props.label;
+		}
+	})
+} });
+//#endregion
+//#region src/components/stack/generative.tsx
+var generative_exports$4 = /* @__PURE__ */ __exportAll({ default: () => generative_default$4 });
+/** Flex container for layout. direction column stacks vertically, row lays side by side. gap is a named spacing step. */
+var generative_default$4 = defineEntry({ Stack: {
+	...faces$1.Stack,
+	component: ({ props, children }) => createComponent$1(Stack, {
+		get direction() {
+			return props.direction ?? "column";
+		},
+		get gap() {
+			return props.gap ?? "md";
+		},
+		get align() {
+			return props.align;
+		},
+		get justify() {
+			return props.justify;
+		},
+		get wrap() {
+			return props.wrap;
+		},
+		get children() {
+			return children;
+		}
+	})
+} });
+//#endregion
+//#region src/components/stat/generative.tsx
+var generative_exports$3 = /* @__PURE__ */ __exportAll({ default: () => generative_default$3 });
+/** One loud figure with its quiet label and an optional delta. */
+var generative_default$3 = defineEntry({ Stat: {
+	...faces$1.Stat,
+	component: ({ props }) => createComponent$1(Stat.Root, { get children() {
+		return [
+			createComponent$1(Stat.Label, { get children() {
+				return props.label;
+			} }),
+			createComponent$1(Stat.Value, { get children() {
+				return props.value;
+			} }),
+			createComponent$1(Show, {
+				keyed: true,
+				get when() {
+					return props.change != null;
+				},
+				get children() {
+					return createComponent$1(Stat.Delta, {
+						get direction() {
+							return props.direction ?? "flat";
+						},
+						get children() {
+							return props.change;
+						}
+					});
+				}
+			})
+		];
+	} })
+} });
+//#endregion
+//#region src/components/switch/generative.tsx
+var generative_exports$2 = /* @__PURE__ */ __exportAll({ default: () => generative_default$2 });
+/** An instant on/off; label names what it switches. */
+var generative_default$2 = defineEntry({ Switch: {
+	...faces$1.Switch,
+	component: ({ props, bindings }) => {
+		const [checked, setChecked] = useBound(props.checked, bindings?.checked);
+		return createComponent$1(Switch.Root, {
+			get checked() {
+				return checked ?? false;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			onCheckedChange: (details) => setChecked(details.checked),
+			get children() {
+				return [
+					createComponent$1(Switch.Control, { get children() {
+						return createComponent$1(Switch.Thumb, {});
+					} }),
+					createComponent$1(Switch.Label, { get children() {
+						return props.label;
+					} }),
+					createComponent$1(Switch.HiddenInput, {})
+				];
+			}
+		});
+	}
+} });
+//#endregion
+//#region src/components/textarea/generative.tsx
+var generative_exports$1 = /* @__PURE__ */ __exportAll({ default: () => generative_default$1 });
+/** A multi-line field for prose-length answers. */
+var generative_default$1 = defineEntry({ Textarea: {
+	...faces$1.Textarea,
+	component: ({ props, bindings }) => {
+		const [value, setValue] = useBound(props.value, bindings?.value);
+		return labelled(props.label, createComponent$1(Textarea, {
+			get value() {
+				return value ?? "";
+			},
+			get placeholder() {
+				return props.placeholder;
+			},
+			get rows() {
+				return props.rows;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			onValueChange: (next) => setValue(next)
+		}));
+	}
+} });
+//#endregion
+//#region src/components/typography/generative.tsx
+var generative_exports = /* @__PURE__ */ __exportAll({ default: () => generative_default });
+/** Section heading. One per view at level 1; do not skip levels. */
+var generative_default = defineEntry({
+	Heading: {
+		...faces$1.Heading,
+		component: ({ props }) => createComponent$1(Typography.Heading, {
+			get class() {
+				return headingClass[props.level ?? "2"];
+			},
+			get children() {
+				return props.text;
+			}
+		})
+	},
+	Text: {
+		...faces$1.Text,
+		component: ({ props }) => {
+			const Voice = textVoices[props.variant ?? "body"];
+			return createComponent$1(Voice, { get children() {
+				return props.text;
+			} });
+		}
+	}
+});
+//#endregion
+//#region src/generative/index.ts
+/** Every family writes its own generative face beside the component —
+* `components/<family>/generative.tsx` — and this module is where they
+* meet: one glob picks the faces up, so a family that lands in the
+* package is in the vocabulary without anyone editing this file. */
+const modules = /* #__PURE__ */ Object.assign({
+	"../components/alert/generative.tsx": generative_exports$17,
+	"../components/avatar/generative.tsx": generative_exports$16,
+	"../components/badge/generative.tsx": generative_exports$15,
+	"../components/button/generative.tsx": generative_exports$14,
+	"../components/card/generative.tsx": generative_exports$13,
+	"../components/checkbox/generative.tsx": generative_exports$12,
+	"../components/input/generative.tsx": generative_exports$11,
+	"../components/progress/generative.tsx": generative_exports$10,
+	"../components/radio-group/generative.tsx": generative_exports$9,
+	"../components/select/generative.tsx": generative_exports$8,
+	"../components/separator/generative.tsx": generative_exports$7,
+	"../components/slider/generative.tsx": generative_exports$6,
+	"../components/spinner/generative.tsx": generative_exports$5,
+	"../components/stack/generative.tsx": generative_exports$4,
+	"../components/stat/generative.tsx": generative_exports$3,
+	"../components/switch/generative.tsx": generative_exports$2,
+	"../components/textarea/generative.tsx": generative_exports$1,
+	"../components/typography/generative.tsx": generative_exports
+});
+const entries = {};
+for (const [file, module] of Object.entries(modules)) {
+	const family = file.match(/components\/([^/]+)\/generative\.tsx/)?.[1] ?? file;
+	for (const [name, entry] of Object.entries(module.default ?? {})) {
+		if (entries[name]) throw new Error("Two generative faces claim \"" + name + "\": " + entries[name]._from + " and " + family);
+		entries[name] = {
+			...entry,
+			_from: family
+		};
+	}
+}
+const faces = Object.fromEntries(Object.entries(entries).map(([name, entry]) => [name, {
+	props: entry.props,
+	description: entry.description
+}]));
+const catalog = defineCatalog(schema, {
+	components: faces,
+	actions: {}
+});
+const { registry } = defineRegistry(catalog, {
+	actions: {},
+	components: Object.fromEntries(Object.entries(entries).map(([name, entry]) => [name, entry.component]))
+});
+/** Which family each face came home from. A family may speak under
+* several names - Layout plus its parts, Bento plus its cell - and the
+* palette groups by provenance, never by guessing from the name. */
+const faceFamilies = Object.fromEntries(Object.entries(entries).map(([name, entry]) => [name, entry._from]));
+//#endregion
+export { catalog, faceFamilies, registry };