@bysages/solid 0.4.2 → 0.4.4

package/dist/generative/index.mjs

@@ -0,0 +1,959 @@
+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 { Banner } from "../components/banner/index.mjs";
+import { Breadcrumb } from "../components/breadcrumb/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 { FloatButton } from "../components/float-button/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 { Show, createComponent } from "solid-js";
+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 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."
+	},
+	Banner: {
+		props: z.object({
+			status: z.enum([
+				"ink",
+				"info",
+				"success",
+				"warning",
+				"danger"
+			]).optional(),
+			title: z.string().optional(),
+			message: z.string().optional(),
+			dismissible: z.boolean().optional()
+		}),
+		description: "A full-width notice that speaks once across the page."
+	},
+	Breadcrumb: {
+		props: z.object({ items: z.array(z.string()).optional() }),
+		description: "A trail of waymarks from home to the current page."
+	},
+	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."
+	},
+	FloatButton: {
+		props: z.object({
+			label: z.string().optional(),
+			actions: z.array(z.object({
+				label: z.string(),
+				icon: z.string().optional(),
+				disabled: z.boolean().optional()
+			})).optional(),
+			placement: z.enum([
+				"bottom-end",
+				"bottom-start",
+				"top-end",
+				"top-start"
+			]).optional(),
+			size: z.enum([
+				"sm",
+				"md",
+				"lg"
+			]).optional(),
+			defaultOpen: z.boolean().optional()
+		}),
+		description: "A floating action and its fanned alternatives; actions use curated icon names."
+	},
+	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);
+}
+/** A labelled field: the label whispers above, the control answers. */
+function labelled(label, control) {
+	return label ? createComponent(Stack, {
+		gap: "xs",
+		get children() {
+			return [createComponent(Typography.Label, { get children() {
+				return label;
+			} }), control];
+		}
+	}) : control;
+}
+//#endregion
+//#region src/components/alert/generative.tsx
+var generative_exports$20 = /* @__PURE__ */ __exportAll({ default: () => generative_default$20 });
+/** A bordered notice; status picks the pigment. */
+var generative_default$20 = defineEntry({ Alert: {
+	...faces$1.Alert,
+	component: ({ props }) => createComponent(Alert.Root, {
+		get status() {
+			return props.status ?? "ink";
+		},
+		get children() {
+			return [createComponent(Alert.Icon, {}), createComponent(Alert.Body, { get children() {
+				return [createComponent(Alert.Title, { get children() {
+					return props.title;
+				} }), createComponent(Show, {
+					keyed: true,
+					get when() {
+						return props.message != null;
+					},
+					get children() {
+						return createComponent(Alert.Description, { get children() {
+							return props.message;
+						} });
+					}
+				})];
+			} })];
+		}
+	})
+} });
+//#endregion
+//#region src/components/avatar/generative.tsx
+var generative_exports$19 = /* @__PURE__ */ __exportAll({ default: () => generative_default$19 });
+/** A person's seal: image when given, initials as the fallback. */
+var generative_default$19 = defineEntry({ Avatar: {
+	...faces$1.Avatar,
+	component: ({ props }) => createComponent(Avatar, {
+		get name() {
+			return props.name;
+		},
+		get size() {
+			return props.size;
+		},
+		get src() {
+			return props.src;
+		}
+	})
+} });
+//#endregion
+//#region src/components/badge/generative.tsx
+var generative_exports$18 = /* @__PURE__ */ __exportAll({ default: () => generative_default$18 });
+/** A small status seal beside content; reads at a glance. */
+var generative_default$18 = defineEntry({ Badge: {
+	...faces$1.Badge,
+	component: ({ props }) => createComponent(Badge, {
+		get tone() {
+			return props.tone;
+		},
+		get variant() {
+			return props.variant;
+		},
+		get children() {
+			return props.text;
+		}
+	})
+} });
+//#endregion
+//#region src/components/banner/generative.tsx
+var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+/** A full-width notice that speaks once across the page. */
+var generative_default$17 = defineEntry({ Banner: {
+	...faces$1.Banner,
+	component: ({ props }) => createComponent(Banner, {
+		get status() {
+			return props.status;
+		},
+		get title() {
+			return props.title;
+		},
+		get message() {
+			return props.message;
+		},
+		dismissible: true
+	})
+} });
+//#endregion
+//#region src/components/breadcrumb/generative.tsx
+var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+/** A trail of waymarks from home to the current page. */
+var generative_default$16 = defineEntry({ Breadcrumb: {
+	...faces$1.Breadcrumb,
+	component: ({ props }) => {
+		const labels = props.items ?? [
+			"Home",
+			"Guides",
+			"Ink"
+		];
+		const items = labels.map((label, index) => index === labels.length - 1 ? { label } : {
+			label,
+			href: `#${slug(label)}`
+		});
+		return createComponent(Breadcrumb, { get items() {
+			return items;
+		} });
+	}
+} });
+//#endregion
+//#region src/components/button/generative.tsx
+var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
+/** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
+var generative_default$15 = defineEntry({ Button: {
+	...faces$1.Button,
+	component: ({ props, emit }) => createComponent(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$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
+/** Grouping vessel. Give title and description instead of hand-building a header; children render in the body. */
+var generative_default$14 = defineEntry({ Card: {
+	...faces$1.Card,
+	component: ({ props, children }) => createComponent(Card.Root, { get children() {
+		return [createComponent(Show, {
+			keyed: true,
+			get when() {
+				return props.title != null || props.description != null;
+			},
+			get children() {
+				return createComponent(Card.Header, { get children() {
+					return [createComponent(Show, {
+						keyed: true,
+						get when() {
+							return props.title != null;
+						},
+						get children() {
+							return createComponent(Card.Title, { get children() {
+								return props.title;
+							} });
+						}
+					}), createComponent(Show, {
+						keyed: true,
+						get when() {
+							return props.description != null;
+						},
+						get children() {
+							return createComponent(Card.Description, { get children() {
+								return props.description;
+							} });
+						}
+					})];
+				} });
+			}
+		}), createComponent(Card.Content, { get children() {
+			return children;
+		} })];
+	} })
+} });
+//#endregion
+//#region src/components/checkbox/generative.tsx
+var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
+/** One independent box with its label. */
+var generative_default$13 = defineEntry({ Checkbox: {
+	...faces$1.Checkbox,
+	component: ({ props }) => {
+		const mark = iconNode("check");
+		return createComponent(Checkbox.Root, {
+			get defaultChecked() {
+				return props.checked ?? false;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			get children() {
+				return [
+					createComponent(Checkbox.Control, { get children() {
+						return createComponent(Checkbox.Indicator, { get children() {
+							return mark;
+						} });
+					} }),
+					createComponent(Checkbox.Label, { get children() {
+						return props.label;
+					} }),
+					createComponent(Checkbox.HiddenInput, {})
+				];
+			}
+		});
+	}
+} });
+//#endregion
+//#region src/components/float-button/generative.tsx
+var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+/** A floating action cluster; named actions fan out from one corner. */
+var generative_default$12 = defineEntry({ FloatButton: {
+	...faces$1.FloatButton,
+	component: ({ props }) => {
+		const actions = Array.isArray(props.actions) ? props.actions : [{ label: "Edit" }];
+		return createComponent(FloatButton, {
+			get actions() {
+				return actions.map((action) => ({
+					...action,
+					icon: action.icon ?? "pencil"
+				}));
+			},
+			get defaultOpen() {
+				return true;
+			},
+			get label() {
+				return props.label;
+			},
+			get placement() {
+				return props.placement;
+			},
+			get size() {
+				return props.size;
+			}
+		});
+	}
+} });
+//#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(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(Progress, {
+		get value() {
+			return props.value;
+		},
+		get max() {
+			return props.max;
+		},
+		get label() {
+			return props.label;
+		}
+	})
+} });
+//#endregion
+//#region src/components/radio-group/generative.tsx
+var generative_exports$9 = /* @__PURE__ */ __exportAll({ default: () => generative_default$9 });
+/** Several choices 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"
+		];
+		return createComponent(RadioGroup, {
+			get label() {
+				return props.label;
+			},
+			get items() {
+				return values().map((value) => ({
+					value,
+					label: value
+				}));
+			},
+			get defaultValue() {
+				return slug(values()[0] ?? "");
+			}
+		});
+	}
+} });
+//#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);
+		return createComponent(Select, {
+			get label() {
+				return props.label;
+			},
+			get placeholder() {
+				return props.placeholder;
+			},
+			get options() {
+				return props.options;
+			},
+			get multiple() {
+				return props.multiple;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			get value() {
+				return props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : Array.isArray(value) ? value.at(0) ?? "" : value;
+			},
+			onValueChange: setValue
+		});
+	}
+} });
+//#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(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 }) => createComponent(Slider, {
+		get label() {
+			return props.label;
+		},
+		get defaultValue() {
+			return props.value ?? 50;
+		},
+		get min() {
+			return props.min;
+		},
+		get max() {
+			return props.max;
+		},
+		get step() {
+			return props.step;
+		}
+	})
+} });
+//#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(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(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(Stat.Root, { get children() {
+		return [
+			createComponent(Stat.Label, { get children() {
+				return props.label;
+			} }),
+			createComponent(Stat.Value, { get children() {
+				return props.value;
+			} }),
+			createComponent(Show, {
+				keyed: true,
+				get when() {
+					return props.change != null;
+				},
+				get children() {
+					return createComponent(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(Switch, {
+			get checked() {
+				return checked ?? false;
+			},
+			get label() {
+				return props.label;
+			},
+			get disabled() {
+				return props.disabled;
+			},
+			onCheckedChange: (next) => setChecked(next)
+		});
+	}
+} });
+//#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(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(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(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$20,
+	"../components/avatar/generative.tsx": generative_exports$19,
+	"../components/badge/generative.tsx": generative_exports$18,
+	"../components/banner/generative.tsx": generative_exports$17,
+	"../components/breadcrumb/generative.tsx": generative_exports$16,
+	"../components/button/generative.tsx": generative_exports$15,
+	"../components/card/generative.tsx": generative_exports$14,
+	"../components/checkbox/generative.tsx": generative_exports$13,
+	"../components/float-button/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 };