@bysages/solid 0.4.3 → 0.5.0

package/dist/generative/index.mjs

@@ -1,15 +1,18 @@
-import { r as iconNode } from "../icon-DTqmJCd5.mjs";
+import { r as iconNode } from "../icon-DQqYA2fO.mjs";
 import { Button } from "../components/button/index.mjs";
 import { Alert } from "../components/alert/index.mjs";
 import { Avatar } from "../components/avatar/index.mjs";
 import { Badge } from "../components/badge/index.mjs";
 import { Spinner } from "../components/spinner/index.mjs";
+import { Banner } from "../components/banner/index.mjs";
+import { Breadcrumb } from "../components/breadcrumb/index.mjs";
 import { Card } from "../components/card/index.mjs";
-import { t as Input } from "../input-BL3N3L8g.mjs";
+import { t as Input } from "../input-2xfPP-7Z.mjs";
 import { Checkbox } from "../components/checkbox/index.mjs";
+import { FloatButton } from "../components/float-button/index.mjs";
 import { Progress } from "../components/progress/index.mjs";
 import { RadioGroup } from "../components/radio-group/index.mjs";
-import { t as Select } from "../select-DI7pFspF.mjs";
+import { t as Select } from "../select-NaNlrYUT.mjs";
 import { Separator } from "../components/separator/index.mjs";
 import { Slider } from "../components/slider/index.mjs";
 import { Stack } from "../components/stack/index.mjs";
@@ -17,14 +20,12 @@ import { Stat } from "../components/stat/index.mjs";
 import { Switch } from "../components/switch/index.mjs";
 import { Textarea } from "../components/textarea/index.mjs";
 import { Typography } from "../components/typography/index.mjs";
-import { createComponent } from "@solidjs/web";
-import { For, Show, createComponent as createComponent$1 } from "solid-js";
-import { createListCollection } from "@ark-ui/solid/collection";
+import { Show, createComponent } from "solid-js";
 import { z } from "zod";
 import { defineRegistry, useBoundProp } from "@json-render/solid";
 import { defineCatalog } from "@json-render/core";
 import { schema } from "@json-render/solid/schema";
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -35,8 +36,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 +52,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 +85,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 +168,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,8 +349,7 @@ 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) {
@@ -328,48 +366,37 @@ const textVoices = {
 function useBound(value, path) {
 	return useBoundProp(value, path);
 }
-const collectionCache = /* @__PURE__ */ new Map();
-function collectionFor(options) {
-	const key = JSON.stringify(options);
-	let collection = collectionCache.get(key);
-	if (!collection) {
-		collection = createListCollection({ items: options });
-		collectionCache.set(key, collection);
-	}
-	return collection;
-}
 /** A labelled field: the label whispers above, the control answers. */
 function labelled(label, control) {
-	return label ? createComponent$1(Stack, {
+	return label ? createComponent(Stack, {
 		gap: "xs",
 		get children() {
-			return [createComponent$1(Typography.Label, { get children() {
+			return [createComponent(Typography.Label, { get children() {
 				return label;
 			} }), control];
 		}
 	}) : control;
 }
-//#endregion
-//#region src/components/alert/generative.tsx
-var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+// src/components/alert/generative.tsx
+var generative_exports$20 = /* @__PURE__ */ __exportAll({ default: () => generative_default$20 });
 /** A bordered notice; status picks the pigment. */
-var generative_default$17 = defineEntry({ Alert: {
+var generative_default$20 = defineEntry({ Alert: {
 	...faces$1.Alert,
-	component: ({ props }) => createComponent$1(Alert.Root, {
+	component: ({ props }) => createComponent(Alert.Root, {
 		get status() {
 			return props.status ?? "ink";
 		},
 		get children() {
-			return [createComponent$1(Alert.Icon, {}), createComponent$1(Alert.Body, { get children() {
-				return [createComponent$1(Alert.Title, { get children() {
+			return [createComponent(Alert.Icon, {}), createComponent(Alert.Body, { get children() {
+				return [createComponent(Alert.Title, { get children() {
 					return props.title;
-				} }), createComponent$1(Show, {
+				} }), createComponent(Show, {
 					keyed: true,
 					get when() {
 						return props.message != null;
 					},
 					get children() {
-						return createComponent$1(Alert.Description, { get children() {
+						return createComponent(Alert.Description, { get children() {
 							return props.message;
 						} });
 					}
@@ -378,45 +405,29 @@ var generative_default$17 = defineEntry({ Alert: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/avatar/generative.tsx
-var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+// src/components/avatar/generative.tsx
+var generative_exports$19 = /* @__PURE__ */ __exportAll({ default: () => generative_default$19 });
 /** A person's seal: image when given, initials as the fallback. */
-var generative_default$16 = defineEntry({ Avatar: {
+var generative_default$19 = defineEntry({ Avatar: {
 	...faces$1.Avatar,
-	component: ({ props }) => createComponent$1(Avatar.Root, {
+	component: ({ props }) => createComponent(Avatar, {
+		get name() {
+			return props.name;
+		},
 		get size() {
 			return props.size;
 		},
-		get children() {
-			return [createComponent$1(Show, {
-				keyed: true,
-				get when() {
-					return props.src != null;
-				},
-				get children() {
-					return createComponent$1(Avatar.Image, {
-						get src() {
-							return props.src;
-						},
-						get alt() {
-							return props.name;
-						}
-					});
-				}
-			}), createComponent$1(Avatar.Fallback, { get children() {
-				return initials(props.name);
-			} })];
+		get src() {
+			return props.src;
 		}
 	})
 } });
-//#endregion
-//#region src/components/badge/generative.tsx
-var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
+// src/components/badge/generative.tsx
+var generative_exports$18 = /* @__PURE__ */ __exportAll({ default: () => generative_default$18 });
 /** A small status seal beside content; reads at a glance. */
-var generative_default$15 = defineEntry({ Badge: {
+var generative_default$18 = defineEntry({ Badge: {
 	...faces$1.Badge,
-	component: ({ props }) => createComponent$1(Badge, {
+	component: ({ props }) => createComponent(Badge, {
 		get tone() {
 			return props.tone;
 		},
@@ -428,13 +439,50 @@ var generative_default$15 = defineEntry({ Badge: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/button/generative.tsx
-var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
+// src/components/banner/generative.tsx
+var generative_exports$17 = /* @__PURE__ */ __exportAll({ default: () => generative_default$17 });
+/** A full-width notice that speaks once across the page. */
+var generative_default$17 = defineEntry({ Banner: {
+	...faces$1.Banner,
+	component: ({ props }) => createComponent(Banner, {
+		get status() {
+			return props.status;
+		},
+		get title() {
+			return props.title;
+		},
+		get message() {
+			return props.message;
+		},
+		dismissible: true
+	})
+} });
+// src/components/breadcrumb/generative.tsx
+var generative_exports$16 = /* @__PURE__ */ __exportAll({ default: () => generative_default$16 });
+/** A trail of waymarks from home to the current page. */
+var generative_default$16 = defineEntry({ Breadcrumb: {
+	...faces$1.Breadcrumb,
+	component: ({ props }) => {
+		const labels = props.items ?? [
+			"Home",
+			"Guides",
+			"Ink"
+		];
+		const items = labels.map((label, index) => index === labels.length - 1 ? { label } : {
+			label,
+			href: `#${slug(label)}`
+		});
+		return createComponent(Breadcrumb, { get items() {
+			return items;
+		} });
+	}
+} });
+// src/components/button/generative.tsx
+var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
 /** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
-var generative_default$14 = defineEntry({ Button: {
+var generative_default$15 = defineEntry({ Button: {
 	...faces$1.Button,
-	component: ({ props, emit }) => createComponent$1(Button, {
+	component: ({ props, emit }) => createComponent(Button, {
 		get variant() {
 			return props.variant ?? "solid";
 		},
@@ -453,57 +501,55 @@ var generative_default$14 = defineEntry({ Button: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/card/generative.tsx
-var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
+// src/components/card/generative.tsx
+var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
 /** Grouping vessel. Give title and description instead of hand-building a header; children render in the body. */
-var generative_default$13 = defineEntry({ Card: {
+var generative_default$14 = defineEntry({ Card: {
 	...faces$1.Card,
-	component: ({ props, children }) => createComponent$1(Card.Root, { get children() {
-		return [createComponent$1(Show, {
+	component: ({ props, children }) => createComponent(Card.Root, { get children() {
+		return [createComponent(Show, {
 			keyed: true,
 			get when() {
 				return props.title != null || props.description != null;
 			},
 			get children() {
-				return createComponent$1(Card.Header, { get children() {
-					return [createComponent$1(Show, {
+				return createComponent(Card.Header, { get children() {
+					return [createComponent(Show, {
 						keyed: true,
 						get when() {
 							return props.title != null;
 						},
 						get children() {
-							return createComponent$1(Card.Title, { get children() {
+							return createComponent(Card.Title, { get children() {
 								return props.title;
 							} });
 						}
-					}), createComponent$1(Show, {
+					}), createComponent(Show, {
 						keyed: true,
 						get when() {
 							return props.description != null;
 						},
 						get children() {
-							return createComponent$1(Card.Description, { get children() {
+							return createComponent(Card.Description, { get children() {
 								return props.description;
 							} });
 						}
 					})];
 				} });
 			}
-		}), createComponent$1(Card.Content, { get children() {
+		}), createComponent(Card.Content, { get children() {
 			return children;
 		} })];
 	} })
 } });
-//#endregion
-//#region src/components/checkbox/generative.tsx
-var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+// src/components/checkbox/generative.tsx
+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: ({ props }) => {
 		const mark = iconNode("check");
-		return createComponent$1(Checkbox.Root, {
+		return createComponent(Checkbox.Root, {
 			get defaultChecked() {
 				return props.checked ?? false;
 			},
@@ -512,29 +558,57 @@ var generative_default$12 = defineEntry({ Checkbox: {
 			},
 			get children() {
 				return [
-					createComponent$1(Checkbox.Control, { get children() {
-						return createComponent$1(Checkbox.Indicator, { get children() {
+					createComponent(Checkbox.Control, { get children() {
+						return createComponent(Checkbox.Indicator, { get children() {
 							return mark;
 						} });
 					} }),
-					createComponent$1(Checkbox.Label, { get children() {
+					createComponent(Checkbox.Label, { get children() {
 						return props.label;
 					} }),
-					createComponent$1(Checkbox.HiddenInput, {})
+					createComponent(Checkbox.HiddenInput, {})
 				];
 			}
 		});
 	}
 } });
-//#endregion
-//#region src/components/input/generative.tsx
+// src/components/float-button/generative.tsx
+var generative_exports$12 = /* @__PURE__ */ __exportAll({ default: () => generative_default$12 });
+/** A floating action cluster; named actions fan out from one corner. */
+var generative_default$12 = defineEntry({ FloatButton: {
+	...faces$1.FloatButton,
+	component: ({ props }) => {
+		const actions = Array.isArray(props.actions) ? props.actions : [{ label: "Edit" }];
+		return createComponent(FloatButton, {
+			get actions() {
+				return actions.map((action) => ({
+					...action,
+					icon: action.icon ?? "pencil"
+				}));
+			},
+			get defaultOpen() {
+				return true;
+			},
+			get label() {
+				return props.label;
+			},
+			get placement() {
+				return props.placement;
+			},
+			get size() {
+				return props.size;
+			}
+		});
+	}
+} });
+// src/components/input/generative.tsx
 var generative_exports$11 = /* @__PURE__ */ __exportAll({ default: () => generative_default$11 });
 /** A single-line field; rely on border, surface and the focus halo. */
 var generative_default$11 = defineEntry({ Input: {
 	...faces$1.Input,
 	component: ({ props, bindings }) => {
 		const [value, setValue] = useBound(props.value, bindings?.value);
-		return labelled(props.label, createComponent$1(Input, {
+		return labelled(props.label, createComponent(Input, {
 			get value() {
 				return value ?? "";
 			},
@@ -551,40 +625,26 @@ var generative_default$11 = defineEntry({ Input: {
 		}));
 	}
 } });
-//#endregion
-//#region src/components/progress/generative.tsx
+// src/components/progress/generative.tsx
 var generative_exports$10 = /* @__PURE__ */ __exportAll({ default: () => generative_default$10 });
 /** A working track that fills toward done. */
 var generative_default$10 = defineEntry({ Progress: {
 	...faces$1.Progress,
-	component: ({ props }) => createComponent$1(Progress.Root, {
+	component: ({ props }) => createComponent(Progress, {
 		get value() {
 			return props.value;
 		},
 		get max() {
 			return props.max;
 		},
-		get children() {
-			return [createComponent$1(Show, {
-				keyed: true,
-				get when() {
-					return props.label != null;
-				},
-				get children() {
-					return createComponent$1(Progress.Label, { get children() {
-						return props.label;
-					} });
-				}
-			}), createComponent$1(Progress.Track, { get children() {
-				return createComponent$1(Progress.Range, {});
-			} })];
+		get label() {
+			return props.label;
 		}
 	})
 } });
-//#endregion
-//#region src/components/radio-group/generative.tsx
+// src/components/radio-group/generative.tsx
 var generative_exports$9 = /* @__PURE__ */ __exportAll({ default: () => generative_default$9 });
-/** Several boxes where exactly one may hold. */
+/** Several choices where exactly one may hold. */
 var generative_default$9 = defineEntry({ RadioGroup: {
 	...faces$1.RadioGroup,
 	component: ({ props }) => {
@@ -593,123 +653,75 @@ var generative_default$9 = defineEntry({ RadioGroup: {
 			"Option B",
 			"Option C"
 		];
-		const list = createComponent$1(Stack, {
-			gap: "sm",
-			get children() {
-				return createComponent(For, {
-					get each() {
-						return values();
-					},
-					children: (value) => createComponent$1(RadioGroup.Item, {
-						get value() {
-							return value;
-						},
-						get children() {
-							return [
-								createComponent$1(RadioGroup.ItemControl, {}),
-								createComponent$1(RadioGroup.ItemText, { get children() {
-									return value;
-								} }),
-								createComponent$1(RadioGroup.ItemHiddenInput, {})
-							];
-						}
-					})
-				});
-			}
-		});
-		return labelled(props.label, createComponent$1(RadioGroup.Root, {
+		return createComponent(RadioGroup, {
+			get label() {
+				return props.label;
+			},
+			get items() {
+				return values().map((value) => ({
+					value,
+					label: value
+				}));
+			},
 			get defaultValue() {
 				return slug(values()[0] ?? "");
-			},
-			get children() {
-				return list;
 			}
-		}));
+		});
 	}
 } });
-//#endregion
-//#region src/components/select/generative.tsx
+// src/components/select/generative.tsx
 var generative_exports$8 = /* @__PURE__ */ __exportAll({ default: () => generative_default$8 });
 /** A choice field that opens a ruled list; options carry label and value. */
 var generative_default$8 = defineEntry({ Select: {
 	...faces$1.Select,
 	component: ({ props, bindings }) => {
 		const [value, setValue] = useBound(props.value, bindings?.value);
-		const collection = collectionFor(props.options);
-		return labelled(props.label, createComponent$1(Select.Root, {
-			collection,
-			get disabled() {
-				return props.disabled;
+		return createComponent(Select, {
+			get label() {
+				return props.label;
+			},
+			get placeholder() {
+				return props.placeholder;
+			},
+			get options() {
+				return props.options;
 			},
 			get multiple() {
 				return props.multiple;
 			},
+			get disabled() {
+				return props.disabled;
+			},
 			get value() {
-				return props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : typeof value === "string" ? [value] : void 0;
+				return props.multiple ? Array.isArray(value) ? value : value ? [value] : void 0 : Array.isArray(value) ? value.at(0) ?? "" : value;
 			},
-			onValueChange: (details) => setValue(props.multiple ? details.value : details.value[0] ?? ""),
-			get children() {
-				return [
-					createComponent$1(Select.Control, { get children() {
-						return [createComponent$1(Select.Trigger, { get children() {
-							return createComponent$1(Select.ValueText, { get placeholder() {
-								return props.placeholder;
-							} });
-						} }), createComponent$1(Select.Indicator, { get children() {
-							return iconNode("chevrons-up-down");
-						} })];
-					} }),
-					createComponent$1(Select.Positioner, { get children() {
-						return createComponent$1(Select.Content, { get children() {
-							return createComponent$1(Select.ItemGroup, { get children() {
-								return createComponent(For, {
-									get each() {
-										return props.options;
-									},
-									children: (option) => createComponent$1(Select.Item, {
-										get item() {
-											return option;
-										},
-										get children() {
-											return [createComponent$1(Select.ItemText, { get children() {
-												return option.label;
-											} }), createComponent$1(Select.ItemIndicator, { get children() {
-												return iconNode("check");
-											} })];
-										}
-									})
-								});
-							} });
-						} });
-					} }),
-					createComponent$1(Select.HiddenSelect, {})
-				];
-			}
-		}));
+			onValueChange: setValue
+		});
 	}
 } });
-//#endregion
-//#region src/components/separator/generative.tsx
+// src/components/separator/generative.tsx
 var generative_exports$7 = /* @__PURE__ */ __exportAll({ default: () => generative_default$7 });
 /** Hairline divider between sections. */
 var generative_default$7 = defineEntry({ Separator: {
 	...faces$1.Separator,
-	component: ({ props }) => createComponent$1(Separator, {
+	component: ({ props }) => createComponent(Separator, {
 		get orientation() {
 			return props.orientation ?? "horizontal";
 		},
 		decorative: true
 	})
 } });
-//#endregion
-//#region src/components/slider/generative.tsx
+// src/components/slider/generative.tsx
 var generative_exports$6 = /* @__PURE__ */ __exportAll({ default: () => generative_default$6 });
 /** A ruled track the hand slides between bounds. */
 var generative_default$6 = defineEntry({ Slider: {
 	...faces$1.Slider,
-	component: ({ props }) => labelled(props.label, createComponent$1(Slider.Root, {
+	component: ({ props }) => createComponent(Slider, {
+		get label() {
+			return props.label;
+		},
 		get defaultValue() {
-			return [props.value ?? 50];
+			return props.value ?? 50;
 		},
 		get min() {
 			return props.min;
@@ -719,23 +731,15 @@ var generative_default$6 = defineEntry({ Slider: {
 		},
 		get step() {
 			return props.step;
-		},
-		get children() {
-			return [createComponent$1(Slider.Control, { get children() {
-				return [createComponent$1(Slider.Track, { get children() {
-					return createComponent$1(Slider.Range, {});
-				} }), createComponent$1(Slider.Thumb, { index: 0 })];
-			} })];
 		}
-	}))
+	})
 } });
-//#endregion
-//#region src/components/spinner/generative.tsx
+// src/components/spinner/generative.tsx
 var generative_exports$5 = /* @__PURE__ */ __exportAll({ default: () => generative_default$5 });
 /** A quiet wheel for work still settling. */
 var generative_default$5 = defineEntry({ Spinner: {
 	...faces$1.Spinner,
-	component: ({ props }) => createComponent$1(Spinner, {
+	component: ({ props }) => createComponent(Spinner, {
 		get size() {
 			return props.size;
 		},
@@ -744,13 +748,12 @@ var generative_default$5 = defineEntry({ Spinner: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/stack/generative.tsx
+// src/components/stack/generative.tsx
 var generative_exports$4 = /* @__PURE__ */ __exportAll({ default: () => generative_default$4 });
 /** Flex container for layout. direction column stacks vertically, row lays side by side. gap is a named spacing step. */
 var generative_default$4 = defineEntry({ Stack: {
 	...faces$1.Stack,
-	component: ({ props, children }) => createComponent$1(Stack, {
+	component: ({ props, children }) => createComponent(Stack, {
 		get direction() {
 			return props.direction ?? "column";
 		},
@@ -771,27 +774,26 @@ var generative_default$4 = defineEntry({ Stack: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/stat/generative.tsx
+// src/components/stat/generative.tsx
 var generative_exports$3 = /* @__PURE__ */ __exportAll({ default: () => generative_default$3 });
 /** One loud figure with its quiet label and an optional delta. */
 var generative_default$3 = defineEntry({ Stat: {
 	...faces$1.Stat,
-	component: ({ props }) => createComponent$1(Stat.Root, { get children() {
+	component: ({ props }) => createComponent(Stat.Root, { get children() {
 		return [
-			createComponent$1(Stat.Label, { get children() {
+			createComponent(Stat.Label, { get children() {
 				return props.label;
 			} }),
-			createComponent$1(Stat.Value, { get children() {
+			createComponent(Stat.Value, { get children() {
 				return props.value;
 			} }),
-			createComponent$1(Show, {
+			createComponent(Show, {
 				keyed: true,
 				get when() {
 					return props.change != null;
 				},
 				get children() {
-					return createComponent$1(Stat.Delta, {
+					return createComponent(Stat.Delta, {
 						get direction() {
 							return props.direction ?? "flat";
 						},
@@ -804,45 +806,35 @@ var generative_default$3 = defineEntry({ Stat: {
 		];
 	} })
 } });
-//#endregion
-//#region src/components/switch/generative.tsx
+// src/components/switch/generative.tsx
 var generative_exports$2 = /* @__PURE__ */ __exportAll({ default: () => generative_default$2 });
 /** An instant on/off; label names what it switches. */
 var generative_default$2 = defineEntry({ Switch: {
 	...faces$1.Switch,
 	component: ({ props, bindings }) => {
 		const [checked, setChecked] = useBound(props.checked, bindings?.checked);
-		return createComponent$1(Switch.Root, {
+		return createComponent(Switch, {
 			get checked() {
 				return checked ?? false;
 			},
+			get label() {
+				return props.label;
+			},
 			get disabled() {
 				return props.disabled;
 			},
-			onCheckedChange: (details) => setChecked(details.checked),
-			get children() {
-				return [
-					createComponent$1(Switch.Control, { get children() {
-						return createComponent$1(Switch.Thumb, {});
-					} }),
-					createComponent$1(Switch.Label, { get children() {
-						return props.label;
-					} }),
-					createComponent$1(Switch.HiddenInput, {})
-				];
-			}
+			onCheckedChange: (next) => setChecked(next)
 		});
 	}
 } });
-//#endregion
-//#region src/components/textarea/generative.tsx
+// src/components/textarea/generative.tsx
 var generative_exports$1 = /* @__PURE__ */ __exportAll({ default: () => generative_default$1 });
 /** A multi-line field for prose-length answers. */
 var generative_default$1 = defineEntry({ Textarea: {
 	...faces$1.Textarea,
 	component: ({ props, bindings }) => {
 		const [value, setValue] = useBound(props.value, bindings?.value);
-		return labelled(props.label, createComponent$1(Textarea, {
+		return labelled(props.label, createComponent(Textarea, {
 			get value() {
 				return value ?? "";
 			},
@@ -859,14 +851,13 @@ var generative_default$1 = defineEntry({ Textarea: {
 		}));
 	}
 } });
-//#endregion
-//#region src/components/typography/generative.tsx
+// src/components/typography/generative.tsx
 var generative_exports = /* @__PURE__ */ __exportAll({ default: () => generative_default });
 /** Section heading. One per view at level 1; do not skip levels. */
 var generative_default = defineEntry({
 	Heading: {
 		...faces$1.Heading,
-		component: ({ props }) => createComponent$1(Typography.Heading, {
+		component: ({ props }) => createComponent(Typography.Heading, {
 			get class() {
 				return headingClass[props.level ?? "2"];
 			},
@@ -879,25 +870,27 @@ var generative_default = defineEntry({
 		...faces$1.Text,
 		component: ({ props }) => {
 			const Voice = textVoices[props.variant ?? "body"];
-			return createComponent$1(Voice, { get children() {
+			return createComponent(Voice, { get children() {
 				return props.text;
 			} });
 		}
 	}
 });
-//#endregion
-//#region src/generative/index.ts
+// src/generative/index.ts
 /** Every family writes its own generative face beside the component —
 * `components/<family>/generative.tsx` — and this module is where they
 * meet: one glob picks the faces up, so a family that lands in the
 * package is in the vocabulary without anyone editing this file. */
 const modules = /* #__PURE__ */ Object.assign({
-	"../components/alert/generative.tsx": generative_exports$17,
-	"../components/avatar/generative.tsx": generative_exports$16,
-	"../components/badge/generative.tsx": generative_exports$15,
-	"../components/button/generative.tsx": generative_exports$14,
-	"../components/card/generative.tsx": generative_exports$13,
-	"../components/checkbox/generative.tsx": generative_exports$12,
+	"../components/alert/generative.tsx": generative_exports$20,
+	"../components/avatar/generative.tsx": generative_exports$19,
+	"../components/badge/generative.tsx": generative_exports$18,
+	"../components/banner/generative.tsx": generative_exports$17,
+	"../components/breadcrumb/generative.tsx": generative_exports$16,
+	"../components/button/generative.tsx": generative_exports$15,
+	"../components/card/generative.tsx": generative_exports$14,
+	"../components/checkbox/generative.tsx": generative_exports$13,
+	"../components/float-button/generative.tsx": generative_exports$12,
 	"../components/input/generative.tsx": generative_exports$11,
 	"../components/progress/generative.tsx": generative_exports$10,
 	"../components/radio-group/generative.tsx": generative_exports$9,
@@ -938,5 +931,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 };