@bysages/svelte 0.4.2 → 0.4.3

package/dist/generative/index.mjs

@@ -0,0 +1,1899 @@
+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 { t as Card } from "../card-DPVT_VaK.mjs";
+import { Checkbox } from "../components/checkbox/index.mjs";
+import { Input } from "../components/input/index.mjs";
+import { Progress } from "../components/progress/index.mjs";
+import { RadioGroup } from "../components/radio-group/index.mjs";
+import { n as Select } from "../select-CVMOvviD.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 { createListCollection } from "@ark-ui/svelte/collection";
+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 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;
+}
+//#endregion
+//#region src/components/alert/generative/Alert.svelte
+var root$11 = $.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$11();
+					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$11();
+								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$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+/** A bordered notice; status picks the pigment. */
+var generative_default$17 = defineEntry({ Alert: {
+	...faces$1.Alert,
+	component: Alert_1
+} });
+//#endregion
+//#region src/components/avatar/generative/Avatar.svelte
+var root$10 = $.from_html(`<!> <!>`, 1);
+function Avatar_1($$anchor, $$props) {
+	$.push($$props, true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Avatar.Root, ($$anchor, Avatar_Root) => {
+		Avatar_Root($$anchor, {
+			get size() {
+				return $$props.props.size;
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root$10();
+				var node_1 = $.first_child(fragment_1);
+				var consequent = ($$anchor) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					$.component(node_2, () => Avatar.Image, ($$anchor, Avatar_Image) => {
+						Avatar_Image($$anchor, {
+							get src() {
+								return $$props.props.src;
+							},
+							get alt() {
+								return $$props.props.name;
+							}
+						});
+					});
+					$.append($$anchor, fragment_2);
+				};
+				$.if(node_1, ($$render) => {
+					if ($$props.props.src != null) $$render(consequent);
+				});
+				var node_3 = $.sibling(node_1, 2);
+				$.component(node_3, () => Avatar.Fallback, ($$anchor, Avatar_Fallback) => {
+					Avatar_Fallback($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(($0) => $.set_text(text, $0), [() => initials($$props.props.name)]);
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		});
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/avatar/generative/index.ts
+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: 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$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: Badge_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$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: Button_1
+} });
+//#endregion
+//#region src/components/card/generative/Card.svelte
+var root$9 = $.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$9();
+				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$9();
+								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$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: Card_1
+} });
+//#endregion
+//#region src/components/checkbox/generative/Checkbox.svelte
+var root$8 = $.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$8();
+					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$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+/** One independent box with its label. */
+var generative_default$12 = defineEntry({ Checkbox: {
+	...faces$1.Checkbox,
+	component: Checkbox_1
+} });
+//#endregion
+//#region src/components/input/generative/Input.svelte
+var root$7 = $.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$7();
+				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$6 = $.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$6();
+				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$5 = $.from_html(`<!> <!> <!>`, 1);
+var root_1$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$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$5();
+														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$5();
+												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
+var root$4 = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function Select_1($$anchor, $$props) {
+	$.push($$props, true);
+	const bound = getBoundProp(() => $$props.props.value, () => $$props.bindings?.value);
+	const collection = $.derived(() => createListCollection({ items: $$props.props.options }));
+	const selectedValue = $.derived(() => $$props.props.multiple ? Array.isArray(bound.current) ? bound.current : bound.current ? [bound.current] : void 0 : typeof bound.current === "string" ? [bound.current] : void 0);
+	function setValue(details) {
+		bound.current = $$props.props.multiple ? details.value : details.value[0] ?? "";
+	}
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		Stack($$anchor, {
+			gap: "xs",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_2 = root$4();
+				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);
+				$.component(node_2, () => Select.Root, ($$anchor, Select_Root) => {
+					Select_Root($$anchor, {
+						get collection() {
+							return $.get(collection);
+						},
+						get value() {
+							return $.get(selectedValue);
+						},
+						get disabled() {
+							return $$props.props.disabled;
+						},
+						get multiple() {
+							return $$props.props.multiple;
+						},
+						onValueChange: setValue,
+						children: ($$anchor, $$slotProps) => {
+							var fragment_4 = root_1();
+							var node_3 = $.first_child(fragment_4);
+							$.component(node_3, () => Select.Control, ($$anchor, Select_Control) => {
+								Select_Control($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_5 = root$4();
+										var node_4 = $.first_child(fragment_5);
+										$.component(node_4, () => Select.Trigger, ($$anchor, Select_Trigger) => {
+											Select_Trigger($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_6 = $.comment();
+													var node_5 = $.first_child(fragment_6);
+													$.component(node_5, () => Select.ValueText, ($$anchor, Select_ValueText) => {
+														Select_ValueText($$anchor, { get placeholder() {
+															return $$props.props.placeholder;
+														} });
+													});
+													$.append($$anchor, fragment_6);
+												},
+												$$slots: { default: true }
+											});
+										});
+										var node_6 = $.sibling(node_4, 2);
+										$.component(node_6, () => Select.Indicator, ($$anchor, Select_Indicator) => {
+											Select_Indicator($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													InternalIcon($$anchor, { name: "chevrons-up-down" });
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_5);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_7 = $.sibling(node_3, 2);
+							$.component(node_7, () => Select.Positioner, ($$anchor, Select_Positioner) => {
+								Select_Positioner($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_8 = $.comment();
+										var node_8 = $.first_child(fragment_8);
+										$.component(node_8, () => Select.Content, ($$anchor, Select_Content) => {
+											Select_Content($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_9 = $.comment();
+													var node_9 = $.first_child(fragment_9);
+													$.component(node_9, () => Select.ItemGroup, ($$anchor, Select_ItemGroup) => {
+														Select_ItemGroup($$anchor, {
+															children: ($$anchor, $$slotProps) => {
+																var fragment_10 = $.comment();
+																var node_10 = $.first_child(fragment_10);
+																$.each(node_10, 17, () => $$props.props.options, (option) => option.value, ($$anchor, option) => {
+																	var fragment_11 = $.comment();
+																	var node_11 = $.first_child(fragment_11);
+																	$.component(node_11, () => Select.Item, ($$anchor, Select_Item) => {
+																		Select_Item($$anchor, {
+																			get item() {
+																				return $.get(option);
+																			},
+																			children: ($$anchor, $$slotProps) => {
+																				var fragment_12 = root$4();
+																				var node_12 = $.first_child(fragment_12);
+																				$.component(node_12, () => Select.ItemText, ($$anchor, Select_ItemText) => {
+																					Select_ItemText($$anchor, {
+																						children: ($$anchor, $$slotProps) => {
+																							$.next();
+																							var text_1 = $.text();
+																							$.template_effect(() => $.set_text(text_1, $.get(option).label));
+																							$.append($$anchor, text_1);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				var node_13 = $.sibling(node_12, 2);
+																				$.component(node_13, () => Select.ItemIndicator, ($$anchor, Select_ItemIndicator) => {
+																					Select_ItemIndicator($$anchor, {
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "check" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_12);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_11);
+																});
+																$.append($$anchor, fragment_10);
+															},
+															$$slots: { default: true }
+														});
+													});
+													$.append($$anchor, fragment_9);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_8);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_14 = $.sibling(node_7, 2);
+							$.component(node_14, () => Select.HiddenSelect, ($$anchor, Select_HiddenSelect) => {
+								Select_HiddenSelect($$anchor, {});
+							});
+							$.append($$anchor, fragment_4);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			},
+			$$slots: { default: true }
+		});
+	};
+	var alternate = ($$anchor) => {
+		var fragment_15 = $.comment();
+		var node_15 = $.first_child(fragment_15);
+		$.component(node_15, () => Select.Root, ($$anchor, Select_Root_1) => {
+			Select_Root_1($$anchor, {
+				get collection() {
+					return $.get(collection);
+				},
+				get value() {
+					return $.get(selectedValue);
+				},
+				get disabled() {
+					return $$props.props.disabled;
+				},
+				get multiple() {
+					return $$props.props.multiple;
+				},
+				onValueChange: setValue,
+				children: ($$anchor, $$slotProps) => {
+					var fragment_16 = root_1();
+					var node_16 = $.first_child(fragment_16);
+					$.component(node_16, () => Select.Control, ($$anchor, Select_Control_1) => {
+						Select_Control_1($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_17 = root$4();
+								var node_17 = $.first_child(fragment_17);
+								$.component(node_17, () => Select.Trigger, ($$anchor, Select_Trigger_1) => {
+									Select_Trigger_1($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_18 = $.comment();
+											var node_18 = $.first_child(fragment_18);
+											$.component(node_18, () => Select.ValueText, ($$anchor, Select_ValueText_1) => {
+												Select_ValueText_1($$anchor, { get placeholder() {
+													return $$props.props.placeholder;
+												} });
+											});
+											$.append($$anchor, fragment_18);
+										},
+										$$slots: { default: true }
+									});
+								});
+								var node_19 = $.sibling(node_17, 2);
+								$.component(node_19, () => Select.Indicator, ($$anchor, Select_Indicator_1) => {
+									Select_Indicator_1($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											InternalIcon($$anchor, { name: "chevrons-up-down" });
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_17);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_20 = $.sibling(node_16, 2);
+					$.component(node_20, () => Select.Positioner, ($$anchor, Select_Positioner_1) => {
+						Select_Positioner_1($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_20 = $.comment();
+								var node_21 = $.first_child(fragment_20);
+								$.component(node_21, () => Select.Content, ($$anchor, Select_Content_1) => {
+									Select_Content_1($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_21 = $.comment();
+											var node_22 = $.first_child(fragment_21);
+											$.component(node_22, () => Select.ItemGroup, ($$anchor, Select_ItemGroup_1) => {
+												Select_ItemGroup_1($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_22 = $.comment();
+														var node_23 = $.first_child(fragment_22);
+														$.each(node_23, 17, () => $$props.props.options, (option) => option.value, ($$anchor, option) => {
+															var fragment_23 = $.comment();
+															var node_24 = $.first_child(fragment_23);
+															$.component(node_24, () => Select.Item, ($$anchor, Select_Item_1) => {
+																Select_Item_1($$anchor, {
+																	get item() {
+																		return $.get(option);
+																	},
+																	children: ($$anchor, $$slotProps) => {
+																		var fragment_24 = root$4();
+																		var node_25 = $.first_child(fragment_24);
+																		$.component(node_25, () => Select.ItemText, ($$anchor, Select_ItemText_1) => {
+																			Select_ItemText_1($$anchor, {
+																				children: ($$anchor, $$slotProps) => {
+																					$.next();
+																					var text_2 = $.text();
+																					$.template_effect(() => $.set_text(text_2, $.get(option).label));
+																					$.append($$anchor, text_2);
+																				},
+																				$$slots: { default: true }
+																			});
+																		});
+																		var node_26 = $.sibling(node_25, 2);
+																		$.component(node_26, () => Select.ItemIndicator, ($$anchor, Select_ItemIndicator_1) => {
+																			Select_ItemIndicator_1($$anchor, {
+																				children: ($$anchor, $$slotProps) => {
+																					InternalIcon($$anchor, { name: "check" });
+																				},
+																				$$slots: { default: true }
+																			});
+																		});
+																		$.append($$anchor, fragment_24);
+																	},
+																	$$slots: { default: true }
+																});
+															});
+															$.append($$anchor, fragment_23);
+														});
+														$.append($$anchor, fragment_22);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_21);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_20);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_27 = $.sibling(node_20, 2);
+					$.component(node_27, () => Select.HiddenSelect, ($$anchor, Select_HiddenSelect_1) => {
+						Select_HiddenSelect_1($$anchor, {});
+					});
+					$.append($$anchor, fragment_16);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_15);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.props.label) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.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$17,
+	"../components/avatar/generative/index.ts": generative_exports$16,
+	"../components/badge/generative/index.ts": generative_exports$15,
+	"../components/button/generative/index.ts": generative_exports$14,
+	"../components/card/generative/index.ts": generative_exports$13,
+	"../components/checkbox/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 };