@bysages/svelte 0.4.2 → 0.4.4

package/dist/generative/index.mjs

@@ -0,0 +1,1692 @@
+import { t as InternalIcon } from "../InternalIcon-Dr81WIG1.mjs";
+import { t as Button } from "../button-Cl45zjdj.mjs";
+import { t as Alert } from "../alert-pTPh9zID.mjs";
+import { Avatar } from "../components/avatar/index.mjs";
+import { t as Badge } from "../badge-N_KoQG_c.mjs";
+import { Breadcrumb } from "../components/breadcrumb/index.mjs";
+import { Banner } from "../components/banner/index.mjs";
+import { t as Card } from "../card-DPVT_VaK.mjs";
+import { Checkbox } from "../components/checkbox/index.mjs";
+import { Input } from "../components/input/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 { n as Select } from "../select-DuSzjsoK.mjs";
+import { t as Separator } from "../separator-I0MEoHjO.mjs";
+import { Slider } from "../components/slider/index.mjs";
+import { t as Stack } from "../stack-uMjCwn_2.mjs";
+import { Spinner } from "../components/spinner/index.mjs";
+import { t as Stat } from "../stat-DQ-5P4Gr.mjs";
+import { Switch } from "../components/switch/index.mjs";
+import { t as Textarea } from "../textarea-ClX5LWLE.mjs";
+import { t as Typography } from "../typography-DUWj7wex.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { z } from "zod";
+import { defineRegistry, getBoundProp } from "@json-render/svelte";
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/svelte/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;
+}
+//#endregion
+//#region src/components/alert/generative/Alert.svelte
+var root$9 = $.from_html(`<!> <!>`, 1);
+function Alert_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => $$props.props.status ?? "ink");
+		$.component(node, () => Alert.Root, ($$anchor, Alert_Root) => {
+			Alert_Root($$anchor, {
+				get status() {
+					return $.get($0);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = root$9();
+					var node_1 = $.first_child(fragment_1);
+					$.component(node_1, () => Alert.Icon, ($$anchor, Alert_Icon) => {
+						Alert_Icon($$anchor, {});
+					});
+					var node_2 = $.sibling(node_1, 2);
+					$.component(node_2, () => Alert.Body, ($$anchor, Alert_Body) => {
+						Alert_Body($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_2 = root$9();
+								var node_3 = $.first_child(fragment_2);
+								$.component(node_3, () => Alert.Title, ($$anchor, Alert_Title) => {
+									Alert_Title($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											$.next();
+											var text = $.text();
+											$.template_effect(() => $.set_text(text, $$props.props.title));
+											$.append($$anchor, text);
+										},
+										$$slots: { default: true }
+									});
+								});
+								var node_4 = $.sibling(node_3, 2);
+								var consequent = ($$anchor) => {
+									var fragment_4 = $.comment();
+									var node_5 = $.first_child(fragment_4);
+									$.component(node_5, () => Alert.Description, ($$anchor, Alert_Description) => {
+										Alert_Description($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_1 = $.text();
+												$.template_effect(() => $.set_text(text_1, $$props.props.message));
+												$.append($$anchor, text_1);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_4);
+								};
+								$.if(node_4, ($$render) => {
+									if ($$props.props.message != null) $$render(consequent);
+								});
+								$.append($$anchor, fragment_2);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			});
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/alert/generative/index.ts
+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: Alert_1
+} });
+//#endregion
+//#region src/components/avatar/generative/Avatar.svelte
+function Avatar_1($$anchor, $$props) {
+	$.push($$props, true);
+	Avatar($$anchor, {
+		get name() {
+			return $$props.props.name;
+		},
+		get size() {
+			return $$props.props.size;
+		},
+		get src() {
+			return $$props.props.src;
+		}
+	});
+	$.pop();
+}
+//#endregion
+//#region src/components/avatar/generative/index.ts
+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: Avatar_1
+} });
+//#endregion
+//#region src/components/badge/generative/Badge.svelte
+function Badge_1($$anchor, $$props) {
+	$.push($$props, true);
+	Badge($$anchor, {
+		get tone() {
+			return $$props.props.tone;
+		},
+		get variant() {
+			return $$props.props.variant;
+		},
+		children: ($$anchor, $$slotProps) => {
+			$.next();
+			var text = $.text();
+			$.template_effect(() => $.set_text(text, $$props.props.text));
+			$.append($$anchor, text);
+		},
+		$$slots: { default: true }
+	});
+	$.pop();
+}
+//#endregion
+//#region src/components/badge/generative/index.ts
+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: Badge_1
+} });
+//#endregion
+//#region src/components/banner/generative/Banner.svelte
+function Banner_1($$anchor, $$props) {
+	Banner($$anchor, $.spread_props(() => $$props.props, { dismissible: true }));
+}
+//#endregion
+//#region src/components/banner/generative/index.ts
+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: Banner_1
+} });
+//#endregion
+//#region src/components/breadcrumb/generative/Breadcrumb.svelte
+function Breadcrumb_1($$anchor, $$props) {
+	$.push($$props, true);
+	const labels = $.derived(() => $$props.props.items ?? [
+		"Home",
+		"Guides",
+		"Ink"
+	]);
+	const items = $.derived(() => $.get(labels).map((label, index) => index === $.get(labels).length - 1 ? { label } : {
+		label,
+		href: `#${slug(label)}`
+	}));
+	Breadcrumb($$anchor, { get items() {
+		return $.get(items);
+	} });
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/generative/index.ts
+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: Breadcrumb_1
+} });
+//#endregion
+//#region src/components/button/generative/Button.svelte
+function Button_1($$anchor, $$props) {
+	$.push($$props, true);
+	{
+		let $0 = $.derived(() => $$props.props.variant ?? "solid");
+		Button($$anchor, {
+			get variant() {
+				return $.get($0);
+			},
+			get tone() {
+				return $$props.props.tone;
+			},
+			get size() {
+				return $$props.props.size;
+			},
+			get disabled() {
+				return $$props.props.disabled;
+			},
+			onclick: () => $$props.emit("press"),
+			children: ($$anchor, $$slotProps) => {
+				$.next();
+				var text = $.text();
+				$.template_effect(() => $.set_text(text, $$props.props.label));
+				$.append($$anchor, text);
+			},
+			$$slots: { default: true }
+		});
+	}
+	$.pop();
+}
+//#endregion
+//#region src/components/button/generative/index.ts
+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: Button_1
+} });
+//#endregion
+//#region src/components/card/generative/Card.svelte
+var root$8 = $.from_html(`<!> <!>`, 1);
+function Card_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Card.Root, ($$anchor, Card_Root) => {
+		Card_Root($$anchor, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root$8();
+				var node_1 = $.first_child(fragment_1);
+				var consequent_2 = ($$anchor) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					$.component(node_2, () => Card.Header, ($$anchor, Card_Header) => {
+						Card_Header($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_3 = root$8();
+								var node_3 = $.first_child(fragment_3);
+								var consequent = ($$anchor) => {
+									var fragment_4 = $.comment();
+									var node_4 = $.first_child(fragment_4);
+									$.component(node_4, () => Card.Title, ($$anchor, Card_Title) => {
+										Card_Title($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text = $.text();
+												$.template_effect(() => $.set_text(text, $$props.props.title));
+												$.append($$anchor, text);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_4);
+								};
+								$.if(node_3, ($$render) => {
+									if ($$props.props.title != null) $$render(consequent);
+								});
+								var node_5 = $.sibling(node_3, 2);
+								var consequent_1 = ($$anchor) => {
+									var fragment_6 = $.comment();
+									var node_6 = $.first_child(fragment_6);
+									$.component(node_6, () => Card.Description, ($$anchor, Card_Description) => {
+										Card_Description($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_1 = $.text();
+												$.template_effect(() => $.set_text(text_1, $$props.props.description));
+												$.append($$anchor, text_1);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_6);
+								};
+								$.if(node_5, ($$render) => {
+									if ($$props.props.description != null) $$render(consequent_1);
+								});
+								$.append($$anchor, fragment_3);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_2);
+				};
+				$.if(node_1, ($$render) => {
+					if ($$props.props.title != null || $$props.props.description != null) $$render(consequent_2);
+				});
+				var node_7 = $.sibling(node_1, 2);
+				$.component(node_7, () => Card.Content, ($$anchor, Card_Content) => {
+					Card_Content($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_8 = $.comment();
+							var node_8 = $.first_child(fragment_8);
+							$.snippet(node_8, () => $$props.children ?? $.noop);
+							$.append($$anchor, fragment_8);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/card/generative/index.ts
+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: Card_1
+} });
+//#endregion
+//#region src/components/checkbox/generative/Checkbox.svelte
+var root$7 = $.from_html(`<!> <!> <!>`, 1);
+function Checkbox_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => $$props.props.checked ?? false);
+		$.component(node, () => Checkbox.Root, ($$anchor, Checkbox_Root) => {
+			Checkbox_Root($$anchor, {
+				get defaultChecked() {
+					return $.get($0);
+				},
+				get disabled() {
+					return $$props.props.disabled;
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = root$7();
+					var node_1 = $.first_child(fragment_1);
+					$.component(node_1, () => Checkbox.Control, ($$anchor, Checkbox_Control) => {
+						Checkbox_Control($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_2 = $.comment();
+								var node_2 = $.first_child(fragment_2);
+								$.component(node_2, () => Checkbox.Indicator, ($$anchor, Checkbox_Indicator) => {
+									Checkbox_Indicator($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											InternalIcon($$anchor, { name: "check" });
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_2);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_3 = $.sibling(node_1, 2);
+					$.component(node_3, () => Checkbox.Label, ($$anchor, Checkbox_Label) => {
+						Checkbox_Label($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text = $.text();
+								$.template_effect(() => $.set_text(text, $$props.props.label));
+								$.append($$anchor, text);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_4 = $.sibling(node_3, 2);
+					$.component(node_4, () => Checkbox.HiddenInput, ($$anchor, Checkbox_HiddenInput) => {
+						Checkbox_HiddenInput($$anchor, {});
+					});
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			});
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/checkbox/generative/index.ts
+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: Checkbox_1
+} });
+//#endregion
+//#region src/components/float-button/generative/FloatButton.svelte
+function FloatButton_1($$anchor, $$props) {
+	$.push($$props, true);
+	const actions = $.derived(() => ($$props.props.actions ?? [{ label: "Edit" }]).map((action) => ({
+		...action,
+		icon: action.icon ?? "pencil"
+	})));
+	FloatButton($$anchor, $.spread_props(() => $$props.props, {
+		get actions() {
+			return $.get(actions);
+		},
+		defaultOpen: true
+	}));
+	$.pop();
+}
+//#endregion
+//#region src/components/float-button/generative/index.ts
+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: FloatButton_1
+} });
+//#endregion
+//#region src/components/input/generative/Input.svelte
+var root$6 = $.from_html(`<!> <!>`, 1);
+function Input_1($$anchor, $$props) {
+	$.push($$props, true);
+	const bound = getBoundProp(() => $$props.props.value, () => $$props.bindings?.value);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		Stack($$anchor, {
+			gap: "xs",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_2 = root$6();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Typography.Label, ($$anchor, Typography_Label) => {
+					Typography_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_2 = $.sibling(node_1, 2);
+				Input(node_2, {
+					get placeholder() {
+						return $$props.props.placeholder;
+					},
+					get type() {
+						return $$props.props.type;
+					},
+					get disabled() {
+						return $$props.props.disabled;
+					},
+					get value() {
+						return bound.current;
+					},
+					set value($$value) {
+						bound.current = $$value;
+					}
+				});
+				$.append($$anchor, fragment_2);
+			},
+			$$slots: { default: true }
+		});
+	};
+	var alternate = ($$anchor) => {
+		Input($$anchor, {
+			get placeholder() {
+				return $$props.props.placeholder;
+			},
+			get type() {
+				return $$props.props.type;
+			},
+			get disabled() {
+				return $$props.props.disabled;
+			},
+			get value() {
+				return bound.current;
+			},
+			set value($$value) {
+				bound.current = $$value;
+			}
+		});
+	};
+	$.if(node, ($$render) => {
+		if ($$props.props.label) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/input/generative/index.ts
+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: Input_1
+} });
+//#endregion
+//#region src/components/progress/generative/Progress.svelte
+var root$5 = $.from_html(`<!> <!>`, 1);
+function Progress_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Progress.Root, ($$anchor, Progress_Root) => {
+		Progress_Root($$anchor, {
+			get value() {
+				return $$props.props.value;
+			},
+			get max() {
+				return $$props.props.max;
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root$5();
+				var node_1 = $.first_child(fragment_1);
+				var consequent = ($$anchor) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					$.component(node_2, () => Progress.Label, ($$anchor, Progress_Label) => {
+						Progress_Label($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text = $.text();
+								$.template_effect(() => $.set_text(text, $$props.props.label));
+								$.append($$anchor, text);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_2);
+				};
+				$.if(node_1, ($$render) => {
+					if ($$props.props.label != null) $$render(consequent);
+				});
+				var node_3 = $.sibling(node_1, 2);
+				$.component(node_3, () => Progress.Track, ($$anchor, Progress_Track) => {
+					Progress_Track($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_4 = $.comment();
+							var node_4 = $.first_child(fragment_4);
+							$.component(node_4, () => Progress.Range, ($$anchor, Progress_Range) => {
+								Progress_Range($$anchor, {});
+							});
+							$.append($$anchor, fragment_4);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/progress/generative/index.ts
+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: Progress_1
+} });
+//#endregion
+//#region src/components/radio-group/generative/RadioGroup.svelte
+var root$4 = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function RadioGroup_1($$anchor, $$props) {
+	$.push($$props, true);
+	const values = $.derived(() => $$props.props.items ?? [
+		"Option A",
+		"Option B",
+		"Option C"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		Stack($$anchor, {
+			gap: "xs",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_2 = root_1();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Typography.Label, ($$anchor, Typography_Label) => {
+					Typography_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_2 = $.sibling(node_1, 2);
+				{
+					let $0 = $.derived(() => slug($.get(values)[0] ?? ""));
+					$.component(node_2, () => RadioGroup.Root, ($$anchor, RadioGroup_Root) => {
+						RadioGroup_Root($$anchor, {
+							get defaultValue() {
+								return $.get($0);
+							},
+							children: ($$anchor, $$slotProps) => {
+								Stack($$anchor, {
+									direction: "column",
+									gap: "sm",
+									children: ($$anchor, $$slotProps) => {
+										var fragment_5 = $.comment();
+										var node_3 = $.first_child(fragment_5);
+										$.each(node_3, 16, () => $.get(values), (value) => value, ($$anchor, value) => {
+											var fragment_6 = $.comment();
+											var node_4 = $.first_child(fragment_6);
+											$.component(node_4, () => RadioGroup.Item, ($$anchor, RadioGroup_Item) => {
+												RadioGroup_Item($$anchor, {
+													get value() {
+														return value;
+													},
+													children: ($$anchor, $$slotProps) => {
+														var fragment_7 = root$4();
+														var node_5 = $.first_child(fragment_7);
+														$.component(node_5, () => RadioGroup.ItemControl, ($$anchor, RadioGroup_ItemControl) => {
+															RadioGroup_ItemControl($$anchor, {});
+														});
+														var node_6 = $.sibling(node_5, 2);
+														$.component(node_6, () => RadioGroup.ItemText, ($$anchor, RadioGroup_ItemText) => {
+															RadioGroup_ItemText($$anchor, {
+																children: ($$anchor, $$slotProps) => {
+																	$.next();
+																	var text_1 = $.text();
+																	$.template_effect(() => $.set_text(text_1, value));
+																	$.append($$anchor, text_1);
+																},
+																$$slots: { default: true }
+															});
+														});
+														var node_7 = $.sibling(node_6, 2);
+														$.component(node_7, () => RadioGroup.ItemHiddenInput, ($$anchor, RadioGroup_ItemHiddenInput) => {
+															RadioGroup_ItemHiddenInput($$anchor, {});
+														});
+														$.append($$anchor, fragment_7);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_6);
+										});
+										$.append($$anchor, fragment_5);
+									},
+									$$slots: { default: true }
+								});
+							},
+							$$slots: { default: true }
+						});
+					});
+				}
+				$.append($$anchor, fragment_2);
+			},
+			$$slots: { default: true }
+		});
+	};
+	var alternate = ($$anchor) => {
+		var fragment_9 = $.comment();
+		var node_8 = $.first_child(fragment_9);
+		{
+			let $0 = $.derived(() => slug($.get(values)[0] ?? ""));
+			$.component(node_8, () => RadioGroup.Root, ($$anchor, RadioGroup_Root_1) => {
+				RadioGroup_Root_1($$anchor, {
+					get defaultValue() {
+						return $.get($0);
+					},
+					children: ($$anchor, $$slotProps) => {
+						Stack($$anchor, {
+							direction: "column",
+							gap: "sm",
+							children: ($$anchor, $$slotProps) => {
+								var fragment_11 = $.comment();
+								var node_9 = $.first_child(fragment_11);
+								$.each(node_9, 16, () => $.get(values), (value) => value, ($$anchor, value) => {
+									var fragment_12 = $.comment();
+									var node_10 = $.first_child(fragment_12);
+									$.component(node_10, () => RadioGroup.Item, ($$anchor, RadioGroup_Item_1) => {
+										RadioGroup_Item_1($$anchor, {
+											get value() {
+												return value;
+											},
+											children: ($$anchor, $$slotProps) => {
+												var fragment_13 = root$4();
+												var node_11 = $.first_child(fragment_13);
+												$.component(node_11, () => RadioGroup.ItemControl, ($$anchor, RadioGroup_ItemControl_1) => {
+													RadioGroup_ItemControl_1($$anchor, {});
+												});
+												var node_12 = $.sibling(node_11, 2);
+												$.component(node_12, () => RadioGroup.ItemText, ($$anchor, RadioGroup_ItemText_1) => {
+													RadioGroup_ItemText_1($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															$.next();
+															var text_2 = $.text();
+															$.template_effect(() => $.set_text(text_2, value));
+															$.append($$anchor, text_2);
+														},
+														$$slots: { default: true }
+													});
+												});
+												var node_13 = $.sibling(node_12, 2);
+												$.component(node_13, () => RadioGroup.ItemHiddenInput, ($$anchor, RadioGroup_ItemHiddenInput_1) => {
+													RadioGroup_ItemHiddenInput_1($$anchor, {});
+												});
+												$.append($$anchor, fragment_13);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.append($$anchor, fragment_12);
+								});
+								$.append($$anchor, fragment_11);
+							},
+							$$slots: { default: true }
+						});
+					},
+					$$slots: { default: true }
+				});
+			});
+		}
+		$.append($$anchor, fragment_9);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.props.label) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/radio-group/generative/index.ts
+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: RadioGroup_1
+} });
+//#endregion
+//#region src/components/select/generative/Select.svelte
+function Select_1($$anchor, $$props) {
+	$.push($$props, true);
+	const bound = getBoundProp(() => $$props.props.value, () => $$props.bindings?.value);
+	function setValue(value) {
+		bound.current = $$props.props.multiple ? Array.isArray(value) ? value : [value] : Array.isArray(value) ? value.at(0) ?? "" : value;
+	}
+	Select($$anchor, {
+		get label() {
+			return $$props.props.label;
+		},
+		get placeholder() {
+			return $$props.props.placeholder;
+		},
+		get options() {
+			return $$props.props.options;
+		},
+		get multiple() {
+			return $$props.props.multiple;
+		},
+		get disabled() {
+			return $$props.props.disabled;
+		},
+		get value() {
+			return bound.current;
+		},
+		onValueChange: setValue
+	});
+	$.pop();
+}
+//#endregion
+//#region src/components/select/generative/index.ts
+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: Select_1
+} });
+//#endregion
+//#region src/components/separator/generative/Separator.svelte
+function Separator_1($$anchor, $$props) {
+	$.push($$props, true);
+	{
+		let $0 = $.derived(() => $$props.props.orientation ?? "horizontal");
+		Separator($$anchor, {
+			get orientation() {
+				return $.get($0);
+			},
+			decorative: true
+		});
+	}
+	$.pop();
+}
+//#endregion
+//#region src/components/separator/generative/index.ts
+var generative_exports$7 = /* @__PURE__ */ __exportAll({ default: () => generative_default$7 });
+/** Hairline divider between sections. */
+var generative_default$7 = defineEntry({ Separator: {
+	...faces$1.Separator,
+	component: Separator_1
+} });
+//#endregion
+//#region src/components/slider/generative/Slider.svelte
+var root$3 = $.from_html(`<!> <!>`, 1);
+function Slider_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [$$props.props.value ?? 50]);
+		$.component(node, () => Slider.Root, ($$anchor, Slider_Root) => {
+			Slider_Root($$anchor, {
+				get value() {
+					return $.get($0);
+				},
+				get min() {
+					return $$props.props.min;
+				},
+				get max() {
+					return $$props.props.max;
+				},
+				get step() {
+					return $$props.props.step;
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = $.comment();
+					var node_1 = $.first_child(fragment_1);
+					$.component(node_1, () => Slider.Control, ($$anchor, Slider_Control) => {
+						Slider_Control($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_2 = root$3();
+								var node_2 = $.first_child(fragment_2);
+								$.component(node_2, () => Slider.Track, ($$anchor, Slider_Track) => {
+									Slider_Track($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_3 = $.comment();
+											var node_3 = $.first_child(fragment_3);
+											$.component(node_3, () => Slider.Range, ($$anchor, Slider_Range) => {
+												Slider_Range($$anchor, {});
+											});
+											$.append($$anchor, fragment_3);
+										},
+										$$slots: { default: true }
+									});
+								});
+								var node_4 = $.sibling(node_2, 2);
+								$.component(node_4, () => Slider.Thumb, ($$anchor, Slider_Thumb) => {
+									Slider_Thumb($$anchor, { index: 0 });
+								});
+								$.append($$anchor, fragment_2);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			});
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/slider/generative/index.ts
+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: Slider_1
+} });
+//#endregion
+//#region src/components/spinner/generative/Spinner.svelte
+function Spinner_1($$anchor, $$props) {
+	$.push($$props, true);
+	Spinner($$anchor, {
+		get size() {
+			return $$props.props.size;
+		},
+		get "aria-label"() {
+			return $$props.props.label;
+		}
+	});
+	$.pop();
+}
+//#endregion
+//#region src/components/spinner/generative/index.ts
+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: Spinner_1
+} });
+//#endregion
+//#region src/components/stack/generative/Stack.svelte
+function Stack_1($$anchor, $$props) {
+	$.push($$props, true);
+	{
+		let $0 = $.derived(() => $$props.props.direction ?? "column");
+		let $1 = $.derived(() => $$props.props.gap ?? "md");
+		Stack($$anchor, {
+			get direction() {
+				return $.get($0);
+			},
+			get gap() {
+				return $.get($1);
+			},
+			get align() {
+				return $$props.props.align;
+			},
+			get justify() {
+				return $$props.props.justify;
+			},
+			get wrap() {
+				return $$props.props.wrap;
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node = $.first_child(fragment_1);
+				$.snippet(node, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	}
+	$.pop();
+}
+//#endregion
+//#region src/components/stack/generative/index.ts
+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: Stack_1
+} });
+//#endregion
+//#region src/components/stat/generative/Stat.svelte
+var root$2 = $.from_html(`<!> <!> <!>`, 1);
+function Stat_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Stat.Root, ($$anchor, Stat_Root) => {
+		Stat_Root($$anchor, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root$2();
+				var node_1 = $.first_child(fragment_1);
+				$.component(node_1, () => Stat.Label, ($$anchor, Stat_Label) => {
+					Stat_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_2 = $.sibling(node_1, 2);
+				$.component(node_2, () => Stat.Value, ($$anchor, Stat_Value) => {
+					Stat_Value($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text_1 = $.text();
+							$.template_effect(() => $.set_text(text_1, $$props.props.value));
+							$.append($$anchor, text_1);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_3 = $.sibling(node_2, 2);
+				var consequent = ($$anchor) => {
+					var fragment_4 = $.comment();
+					var node_4 = $.first_child(fragment_4);
+					{
+						let $0 = $.derived(() => $$props.props.direction ?? "flat");
+						$.component(node_4, () => Stat.Delta, ($$anchor, Stat_Delta) => {
+							Stat_Delta($$anchor, {
+								get direction() {
+									return $.get($0);
+								},
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text_2 = $.text();
+									$.template_effect(() => $.set_text(text_2, $$props.props.change));
+									$.append($$anchor, text_2);
+								},
+								$$slots: { default: true }
+							});
+						});
+					}
+					$.append($$anchor, fragment_4);
+				};
+				$.if(node_3, ($$render) => {
+					if ($$props.props.change != null) $$render(consequent);
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/stat/generative/index.ts
+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: Stat_1
+} });
+//#endregion
+//#region src/components/switch/generative/Switch.svelte
+var root$1 = $.from_html(`<!> <!> <!>`, 1);
+function Switch_1($$anchor, $$props) {
+	$.push($$props, true);
+	const bound = getBoundProp(() => $$props.props.checked, () => $$props.bindings?.checked);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Switch.Root, ($$anchor, Switch_Root) => {
+		Switch_Root($$anchor, {
+			get disabled() {
+				return $$props.props.disabled;
+			},
+			get checked() {
+				return bound.current;
+			},
+			set checked($$value) {
+				bound.current = $$value;
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root$1();
+				var node_1 = $.first_child(fragment_1);
+				$.component(node_1, () => Switch.Control, ($$anchor, Switch_Control) => {
+					Switch_Control($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_2 = $.comment();
+							var node_2 = $.first_child(fragment_2);
+							$.component(node_2, () => Switch.Thumb, ($$anchor, Switch_Thumb) => {
+								Switch_Thumb($$anchor, {});
+							});
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_3 = $.sibling(node_1, 2);
+				var consequent = ($$anchor) => {
+					var fragment_3 = $.comment();
+					var node_4 = $.first_child(fragment_3);
+					$.component(node_4, () => Switch.Label, ($$anchor, Switch_Label) => {
+						Switch_Label($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text = $.text();
+								$.template_effect(() => $.set_text(text, $$props.props.label));
+								$.append($$anchor, text);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_3);
+				};
+				$.if(node_3, ($$render) => {
+					if ($$props.props.label != null) $$render(consequent);
+				});
+				var node_5 = $.sibling(node_3, 2);
+				$.component(node_5, () => Switch.HiddenInput, ($$anchor, Switch_HiddenInput) => {
+					Switch_HiddenInput($$anchor, {});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/switch/generative/index.ts
+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: Switch_1
+} });
+//#endregion
+//#region src/components/textarea/generative/Textarea.svelte
+var root = $.from_html(`<!> <!>`, 1);
+function Textarea_1($$anchor, $$props) {
+	$.push($$props, true);
+	const bound = getBoundProp(() => $$props.props.value, () => $$props.bindings?.value);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		Stack($$anchor, {
+			gap: "xs",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_2 = root();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Typography.Label, ($$anchor, Typography_Label) => {
+					Typography_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_2 = $.sibling(node_1, 2);
+				Textarea(node_2, {
+					get placeholder() {
+						return $$props.props.placeholder;
+					},
+					get rows() {
+						return $$props.props.rows;
+					},
+					get disabled() {
+						return $$props.props.disabled;
+					},
+					get value() {
+						return bound.current;
+					},
+					set value($$value) {
+						bound.current = $$value;
+					}
+				});
+				$.append($$anchor, fragment_2);
+			},
+			$$slots: { default: true }
+		});
+	};
+	var alternate = ($$anchor) => {
+		Textarea($$anchor, {
+			get placeholder() {
+				return $$props.props.placeholder;
+			},
+			get rows() {
+				return $$props.props.rows;
+			},
+			get disabled() {
+				return $$props.props.disabled;
+			},
+			get value() {
+				return bound.current;
+			},
+			set value($$value) {
+				bound.current = $$value;
+			}
+		});
+	};
+	$.if(node, ($$render) => {
+		if ($$props.props.label) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/textarea/generative/index.ts
+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: Textarea_1
+} });
+//#endregion
+//#region src/components/typography/generative/Heading.svelte
+function Heading($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Typography.Heading, ($$anchor, Typography_Heading) => {
+		Typography_Heading($$anchor, {
+			get class() {
+				return headingClass[$$props.props.level ?? "2"];
+			},
+			children: ($$anchor, $$slotProps) => {
+				$.next();
+				var text = $.text();
+				$.template_effect(() => $.set_text(text, $$props.props.text));
+				$.append($$anchor, text);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/typography/generative/Text.svelte
+function Text($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.component(node_1, () => Typography.Lead, ($$anchor, Typography_Lead) => {
+			Typography_Lead($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text = $.text();
+					$.template_effect(() => $.set_text(text, $$props.props.text));
+					$.append($$anchor, text);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_1);
+	};
+	var consequent_1 = ($$anchor) => {
+		var fragment_3 = $.comment();
+		var node_2 = $.first_child(fragment_3);
+		$.component(node_2, () => Typography.Muted, ($$anchor, Typography_Muted) => {
+			Typography_Muted($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text_1 = $.text();
+					$.template_effect(() => $.set_text(text_1, $$props.props.text));
+					$.append($$anchor, text_1);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_3);
+	};
+	var consequent_2 = ($$anchor) => {
+		var fragment_5 = $.comment();
+		var node_3 = $.first_child(fragment_5);
+		$.component(node_3, () => Typography.Label, ($$anchor, Typography_Label) => {
+			Typography_Label($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text_2 = $.text();
+					$.template_effect(() => $.set_text(text_2, $$props.props.text));
+					$.append($$anchor, text_2);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_5);
+	};
+	var alternate = ($$anchor) => {
+		var fragment_7 = $.comment();
+		var node_4 = $.first_child(fragment_7);
+		$.component(node_4, () => Typography.Body, ($$anchor, Typography_Body) => {
+			Typography_Body($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text_3 = $.text();
+					$.template_effect(() => $.set_text(text_3, $$props.props.text));
+					$.append($$anchor, text_3);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_7);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.props.variant === "lead") $$render(consequent);
+		else if ($$props.props.variant === "muted") $$render(consequent_1, 1);
+		else if ($$props.props.variant === "label") $$render(consequent_2, 2);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/typography/generative/index.ts
+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: Heading
+	},
+	Text: {
+		...faces$1.Text,
+		component: Text
+	}
+});
+//#endregion
+//#region src/generative/index.ts
+/** Every family writes its own generative face beside the component —
+* `components/<family>/generative/` — 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/index.ts": generative_exports$20,
+	"../components/avatar/generative/index.ts": generative_exports$19,
+	"../components/badge/generative/index.ts": generative_exports$18,
+	"../components/banner/generative/index.ts": generative_exports$17,
+	"../components/breadcrumb/generative/index.ts": generative_exports$16,
+	"../components/button/generative/index.ts": generative_exports$15,
+	"../components/card/generative/index.ts": generative_exports$14,
+	"../components/checkbox/generative/index.ts": generative_exports$13,
+	"../components/float-button/generative/index.ts": generative_exports$12,
+	"../components/input/generative/index.ts": generative_exports$11,
+	"../components/progress/generative/index.ts": generative_exports$10,
+	"../components/radio-group/generative/index.ts": generative_exports$9,
+	"../components/select/generative/index.ts": generative_exports$8,
+	"../components/separator/generative/index.ts": generative_exports$7,
+	"../components/slider/generative/index.ts": generative_exports$6,
+	"../components/spinner/generative/index.ts": generative_exports$5,
+	"../components/stack/generative/index.ts": generative_exports$4,
+	"../components/stat/generative/index.ts": generative_exports$3,
+	"../components/switch/generative/index.ts": generative_exports$2,
+	"../components/textarea/generative/index.ts": generative_exports$1,
+	"../components/typography/generative/index.ts": generative_exports
+});
+const entries = {};
+for (const [file, module] of Object.entries(modules)) {
+	const family = file.match(/components\/([^/]+)\/generative\/index\.ts/)?.[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 };