@bysages/svelte 0.4.3 → 0.5.0

package/dist/generative/index.mjs

@@ -1,30 +1,32 @@
-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 { t as InternalIcon } from "../InternalIcon-34cw8jr_.mjs";
+import { t as Button } from "../button-D-u911qp.mjs";
+import { t as Alert } from "../alert-Dj3k9PIZ.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 { t as Badge } from "../badge-aB6Ew84r.mjs";
+import { Breadcrumb } from "../components/breadcrumb/index.mjs";
+import { Banner } from "../components/banner/index.mjs";
+import { t as Card } from "../card-ihj2ejBR.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-CVMOvviD.mjs";
-import { t as Separator } from "../separator-I0MEoHjO.mjs";
+import { n as Select } from "../select-DqF4a1Ek.mjs";
+import { t as Separator } from "../separator-uapnB2RA.mjs";
 import { Slider } from "../components/slider/index.mjs";
-import { t as Stack } from "../stack-uMjCwn_2.mjs";
+import { t as Stack } from "../stack-DQuY60M4.mjs";
 import { Spinner } from "../components/spinner/index.mjs";
-import { t as Stat } from "../stat-DQ-5P4Gr.mjs";
+import { t as Stat } from "../stat-CGmsB4Gt.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 { t as Textarea } from "../textarea-D10nUiTa.mjs";
+import { t as Typography } from "../typography-Cr4CXUpW.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
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -35,8 +37,7 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-//#endregion
-//#region src/generative/faces.generated.ts
+// src/generative/faces.generated.ts
 /** Name the faces a family contributes; the identity keeps inference
 * honest at the call site. */
 function defineFace(faces) {
@@ -52,9 +53,6 @@ const headingClass = {
 	"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;
 }
@@ -88,6 +86,25 @@ const faces$1 = defineFace({
 		}),
 		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(),
@@ -152,6 +169,29 @@ const faces$1 = defineFace({
 		}),
 		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(),
@@ -310,16 +350,14 @@ const faces$1 = defineFace({
 		description: "A multi-line field for prose-length answers."
 	}
 });
-//#endregion
-//#region src/generative/shared.ts
+// 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);
+// src/components/alert/generative/Alert.svelte
+var root$9 = $.from_html(`<!> <!>`, 1);
 function Alert_1($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -332,7 +370,7 @@ function Alert_1($$anchor, $$props) {
 					return $.get($0);
 				},
 				children: ($$anchor, $$slotProps) => {
-					var fragment_1 = root$11();
+					var fragment_1 = root$9();
 					var node_1 = $.first_child(fragment_1);
 					$.component(node_1, () => Alert.Icon, ($$anchor, Alert_Icon) => {
 						Alert_Icon($$anchor, {});
@@ -341,7 +379,7 @@ function Alert_1($$anchor, $$props) {
 					$.component(node_2, () => Alert.Body, ($$anchor, Alert_Body) => {
 						Alert_Body($$anchor, {
 							children: ($$anchor, $$slotProps) => {
-								var fragment_2 = root$11();
+								var fragment_2 = root$9();
 								var node_3 = $.first_child(fragment_2);
 								$.component(node_3, () => Alert.Title, ($$anchor, Alert_Title) => {
 									Alert_Title($$anchor, {
@@ -388,77 +426,37 @@ function Alert_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/alert/generative/index.ts
-var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+// 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$17 = defineEntry({ Alert: {
+var generative_default$20 = defineEntry({ Alert: {
 	...faces$1.Alert,
 	component: Alert_1
 } });
-//#endregion
-//#region src/components/avatar/generative/Avatar.svelte
-var root$10 = $.from_html(`<!> <!>`, 1);
+// src/components/avatar/generative/Avatar.svelte
 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 }
-		});
+	Avatar($$anchor, {
+		get name() {
+			return $$props.props.name;
+		},
+		get size() {
+			return $$props.props.size;
+		},
+		get src() {
+			return $$props.props.src;
+		}
 	});
-	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/avatar/generative/index.ts
-var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+// 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$16 = defineEntry({ Avatar: {
+var generative_default$19 = defineEntry({ Avatar: {
 	...faces$1.Avatar,
 	component: Avatar_1
 } });
-//#endregion
-//#region src/components/badge/generative/Badge.svelte
+// src/components/badge/generative/Badge.svelte
 function Badge_1($$anchor, $$props) {
 	$.push($$props, true);
 	Badge($$anchor, {
@@ -478,16 +476,49 @@ function Badge_1($$anchor, $$props) {
 	});
 	$.pop();
 }
-//#endregion
-//#region src/components/badge/generative/index.ts
-var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
+// 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$15 = defineEntry({ Badge: {
+var generative_default$18 = defineEntry({ Badge: {
 	...faces$1.Badge,
 	component: Badge_1
 } });
-//#endregion
-//#region src/components/button/generative/Button.svelte
+// src/components/banner/generative/Banner.svelte
+function Banner_1($$anchor, $$props) {
+	Banner($$anchor, $.spread_props(() => $$props.props, { dismissible: true }));
+}
+// 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
+} });
+// 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();
+}
+// 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
+} });
+// src/components/button/generative/Button.svelte
 function Button_1($$anchor, $$props) {
 	$.push($$props, true);
 	{
@@ -517,17 +548,15 @@ function Button_1($$anchor, $$props) {
 	}
 	$.pop();
 }
-//#endregion
-//#region src/components/button/generative/index.ts
-var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
+// 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$14 = defineEntry({ Button: {
+var generative_default$15 = defineEntry({ Button: {
 	...faces$1.Button,
 	component: Button_1
 } });
-//#endregion
-//#region src/components/card/generative/Card.svelte
-var root$9 = $.from_html(`<!> <!>`, 1);
+// src/components/card/generative/Card.svelte
+var root$8 = $.from_html(`<!> <!>`, 1);
 function Card_1($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -535,7 +564,7 @@ function Card_1($$anchor, $$props) {
 	$.component(node, () => Card.Root, ($$anchor, Card_Root) => {
 		Card_Root($$anchor, {
 			children: ($$anchor, $$slotProps) => {
-				var fragment_1 = root$9();
+				var fragment_1 = root$8();
 				var node_1 = $.first_child(fragment_1);
 				var consequent_2 = ($$anchor) => {
 					var fragment_2 = $.comment();
@@ -543,7 +572,7 @@ function Card_1($$anchor, $$props) {
 					$.component(node_2, () => Card.Header, ($$anchor, Card_Header) => {
 						Card_Header($$anchor, {
 							children: ($$anchor, $$slotProps) => {
-								var fragment_3 = root$9();
+								var fragment_3 = root$8();
 								var node_3 = $.first_child(fragment_3);
 								var consequent = ($$anchor) => {
 									var fragment_4 = $.comment();
@@ -614,17 +643,15 @@ function Card_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/card/generative/index.ts
-var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
+// 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$13 = defineEntry({ Card: {
+var generative_default$14 = defineEntry({ Card: {
 	...faces$1.Card,
 	component: Card_1
 } });
-//#endregion
-//#region src/components/checkbox/generative/Checkbox.svelte
-var root$8 = $.from_html(`<!> <!> <!>`, 1);
+// src/components/checkbox/generative/Checkbox.svelte
+var root$7 = $.from_html(`<!> <!> <!>`, 1);
 function Checkbox_1($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -640,7 +667,7 @@ function Checkbox_1($$anchor, $$props) {
 					return $$props.props.disabled;
 				},
 				children: ($$anchor, $$slotProps) => {
-					var fragment_1 = root$8();
+					var fragment_1 = root$7();
 					var node_1 = $.first_child(fragment_1);
 					$.component(node_1, () => Checkbox.Control, ($$anchor, Checkbox_Control) => {
 						Checkbox_Control($$anchor, {
@@ -685,17 +712,37 @@ function Checkbox_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/checkbox/generative/index.ts
-var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+// 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$12 = defineEntry({ Checkbox: {
+var generative_default$13 = defineEntry({ Checkbox: {
 	...faces$1.Checkbox,
 	component: Checkbox_1
 } });
-//#endregion
-//#region src/components/input/generative/Input.svelte
-var root$7 = $.from_html(`<!> <!>`, 1);
+// 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();
+}
+// 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
+} });
+// 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);
@@ -705,7 +752,7 @@ function Input_1($$anchor, $$props) {
 		Stack($$anchor, {
 			gap: "xs",
 			children: ($$anchor, $$slotProps) => {
-				var fragment_2 = root$7();
+				var fragment_2 = root$6();
 				var node_1 = $.first_child(fragment_2);
 				$.component(node_1, () => Typography.Label, ($$anchor, Typography_Label) => {
 					Typography_Label($$anchor, {
@@ -767,17 +814,15 @@ function Input_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/input/generative/index.ts
+// 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);
+// src/components/progress/generative/Progress.svelte
+var root$5 = $.from_html(`<!> <!>`, 1);
 function Progress_1($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -791,7 +836,7 @@ function Progress_1($$anchor, $$props) {
 				return $$props.props.max;
 			},
 			children: ($$anchor, $$slotProps) => {
-				var fragment_1 = root$6();
+				var fragment_1 = root$5();
 				var node_1 = $.first_child(fragment_1);
 				var consequent = ($$anchor) => {
 					var fragment_2 = $.comment();
@@ -834,18 +879,16 @@ function Progress_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/progress/generative/index.ts
+// 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);
+// 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 ?? [
@@ -859,7 +902,7 @@ function RadioGroup_1($$anchor, $$props) {
 		Stack($$anchor, {
 			gap: "xs",
 			children: ($$anchor, $$slotProps) => {
-				var fragment_2 = root_1$1();
+				var fragment_2 = root_1();
 				var node_1 = $.first_child(fragment_2);
 				$.component(node_1, () => Typography.Label, ($$anchor, Typography_Label) => {
 					Typography_Label($$anchor, {
@@ -896,7 +939,7 @@ function RadioGroup_1($$anchor, $$props) {
 														return value;
 													},
 													children: ($$anchor, $$slotProps) => {
-														var fragment_7 = root$5();
+														var fragment_7 = root$4();
 														var node_5 = $.first_child(fragment_7);
 														$.component(node_5, () => RadioGroup.ItemControl, ($$anchor, RadioGroup_ItemControl) => {
 															RadioGroup_ItemControl($$anchor, {});
@@ -964,7 +1007,7 @@ function RadioGroup_1($$anchor, $$props) {
 												return value;
 											},
 											children: ($$anchor, $$slotProps) => {
-												var fragment_13 = root$5();
+												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, {});
@@ -1010,333 +1053,51 @@ function RadioGroup_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/radio-group/generative/index.ts
+// 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);
+// src/components/select/generative/Select.svelte
 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] ?? "";
+	function setValue(value) {
+		bound.current = $$props.props.multiple ? Array.isArray(value) ? value : [value] : Array.isArray(value) ? value.at(0) ?? "" : value;
 	}
-	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);
+	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
 	});
-	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/select/generative/index.ts
+// 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
+// src/components/separator/generative/Separator.svelte
 function Separator_1($$anchor, $$props) {
 	$.push($$props, true);
 	{
@@ -1350,16 +1111,14 @@ function Separator_1($$anchor, $$props) {
 	}
 	$.pop();
 }
-//#endregion
-//#region src/components/separator/generative/index.ts
+// 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
+// src/components/slider/generative/Slider.svelte
 var root$3 = $.from_html(`<!> <!>`, 1);
 function Slider_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -1420,16 +1179,14 @@ function Slider_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/slider/generative/index.ts
+// 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
+// src/components/spinner/generative/Spinner.svelte
 function Spinner_1($$anchor, $$props) {
 	$.push($$props, true);
 	Spinner($$anchor, {
@@ -1442,16 +1199,14 @@ function Spinner_1($$anchor, $$props) {
 	});
 	$.pop();
 }
-//#endregion
-//#region src/components/spinner/generative/index.ts
+// 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
+// src/components/stack/generative/Stack.svelte
 function Stack_1($$anchor, $$props) {
 	$.push($$props, true);
 	{
@@ -1484,16 +1239,14 @@ function Stack_1($$anchor, $$props) {
 	}
 	$.pop();
 }
-//#endregion
-//#region src/components/stack/generative/index.ts
+// 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
+// src/components/stat/generative/Stat.svelte
 var root$2 = $.from_html(`<!> <!> <!>`, 1);
 function Stat_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -1561,16 +1314,14 @@ function Stat_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/generative/index.ts
+// 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
+// src/components/switch/generative/Switch.svelte
 var root$1 = $.from_html(`<!> <!> <!>`, 1);
 function Switch_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -1636,16 +1387,14 @@ function Switch_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/switch/generative/index.ts
+// 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
+// src/components/textarea/generative/Textarea.svelte
 var root = $.from_html(`<!> <!>`, 1);
 function Textarea_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -1718,16 +1467,14 @@ function Textarea_1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/textarea/generative/index.ts
+// 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
+// src/components/typography/generative/Heading.svelte
 function Heading($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -1749,8 +1496,7 @@ function Heading($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/generative/Text.svelte
+// src/components/typography/generative/Text.svelte
 function Text($$anchor, $$props) {
 	$.push($$props, true);
 	var fragment = $.comment();
@@ -1828,8 +1574,7 @@ function Text($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/generative/index.ts
+// 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({
@@ -1842,19 +1587,21 @@ var generative_default = defineEntry({
 		component: Text
 	}
 });
-//#endregion
-//#region src/generative/index.ts
+// 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/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,
@@ -1895,5 +1642,4 @@ const { registry } = defineRegistry(catalog, {
 * 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 };