@bysages/solid 0.4.4 → 0.5.0

package/dist/components/user/index.mjs

@@ -1,12 +1,12 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, insert, memo, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { Avatar } from "@ark-ui/solid/avatar";
-//#region src/components/user/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=user data-part=meta><span data-scope=user data-part=name></span><!><!>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span data-scope=user data-part=description>`);
+// src/components/user/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-scope=user data-part=meta><span data-scope=user data-part=name>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-scope=user data-part=description>`);
 /** A person on one line: the seal before the words, the name and its
 * quiet echo beneath. The mark is the Avatar itself — one component
 * renders it here, so every size and shape the Avatar knows the user
@@ -23,58 +23,41 @@ const User = withSelfRoot(function User(props) {
 		"children"
 	]);
 	const initials = () => own.name.split(/\s+/).filter(Boolean).slice(0, 2).map((word) => word[0]?.toUpperCase() ?? "").join("");
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	var _el$3 = _el$2.firstChild;
-	var _el$4 = _el$3.nextSibling;
-	var _el$5 = _el$4.nextSibling;
-	spread(_el$, [rest, {
-		"data-scope": "user",
-		"data-part": "root"
-	}], true);
-	insert(_el$, createComponent(Avatar.Root, {
-		get id() {
-			return id();
-		},
-		get "data-size"() {
-			return own.size;
-		},
-		get "data-shape"() {
-			return own.shape ?? "circle";
-		},
-		get children() {
-			return [memo(() => {
-				return memo(() => {
-					return !!own.src;
-				})() ? createComponent(Avatar.Image, { get src() {
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "user",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$, createComponent(Avatar.Root, {
+			get id() {
+				return id();
+			},
+			get ["data-size"]() {
+				return own.size;
+			},
+			get ["data-shape"]() {
+				return own.shape ?? "circle";
+			},
+			get children() {
+				return [memo(() => memo(() => !!own.src)() ? createComponent(Avatar.Image, { get src() {
 					return own.src;
-				} }) : null;
-			}), createComponent(Avatar.Fallback, { get children() {
-				return initials();
-			} })];
-		}
-	}), _el$2);
-	insert(_el$3, () => {
-		return own.name;
-	});
-	insert(_el$2, (() => {
-		var _c$ = memo(() => {
-			return !!own.description;
-		});
-		return () => {
-			return _c$() ? (() => {
-				var _el$6 = _tmpl$2();
-				insert(_el$6, () => {
-					return own.description;
-				});
-				return _el$6;
+				} }) : null), createComponent(Avatar.Fallback, { get children() {
+					return initials();
+				} })];
+			}
+		}), _el$2);
+		insert(_el$3, () => own.name);
+		insert(_el$2, (() => {
+			var _c$ = memo(() => !!own.description);
+			return () => _c$() ? (() => {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, () => own.description);
+				return _el$4;
 			})() : null;
-		};
-	})(), _el$4);
-	insert(_el$2, () => {
-		return own.children;
-	}, _el$5);
-	return _el$;
+		})(), null);
+		insert(_el$2, () => own.children, null);
+		return _el$;
+	})();
 });
-//#endregion
 export { User };

package/dist/components/virtual-list/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/virtual-list/index.d.ts
 export interface VirtualListProps extends JSX.HTMLAttributes<HTMLDivElement> {
   items: unknown[];
   /** The height every row occupies — fixed rows keep it simple. */
@@ -15,5 +14,4 @@ export interface VirtualListProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * costs the DOM a window, not the ledger. */
 export declare const VirtualList: ((props: VirtualListProps) => JSX.Element) & {
   Root: (props: VirtualListProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/virtual-list/index.mjs

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { createComponent, effect, insert, ref, setStyleProperty, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { createComponent, effect, insert, mergeProps, setStyleProperty, spread, template, use } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createSignal, splitProps } from "solid-js";
 import { createVirtualizer } from "@tanstack/solid-virtual";
-//#region src/components/virtual-list/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=virtual-list data-part=inner>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=virtual-list data-part=row>`);
+// src/components/virtual-list/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-scope=virtual-list data-part=inner>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-scope=virtual-list data-part=row>`);
 function toCssLength(length) {
 	return typeof length === "number" ? `${length}px` : length;
 }
@@ -30,47 +30,41 @@ const VirtualList = withSelfRoot(function VirtualList(props) {
 		estimateSize: () => own.itemHeight ?? 40,
 		overscan: 6
 	});
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	ref(() => {
-		return setViewport;
-	}, _el$);
-	spread(_el$, [rest, {
-		tabindex: 0,
-		"data-scope": "virtual-list",
-		"data-part": "root",
-		get style() {
-			return {
-				...typeof restStyle === "object" && restStyle ? restStyle : {},
-				"--bs-virtual-list-height": toCssLength(own.height ?? 320)
-			};
-		}
-	}], true);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return virtualizer.getVirtualItems();
-		},
-		children: (row) => (() => {
-			var _el$3 = _tmpl$2();
-			insert(_el$3, () => {
-				return own.renderItem?.(own.items[row.index], row.index);
-			});
-			effect(() => {
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		use(setViewport, _el$);
+		spread(_el$, mergeProps(rest, {
+			"tabindex": 0,
+			"data-scope": "virtual-list",
+			"data-part": "root",
+			get style() {
 				return {
-					e: `${row.start}px`,
-					t: `${row.size}px`
+					...typeof restStyle === "object" && restStyle ? restStyle : {},
+					"--bs-virtual-list-height": toCssLength(own.height ?? 320)
 				};
-			}, ({ e, t }, _p$) => {
-				e !== _p$?.e && setStyleProperty(_el$3, "--bs-virtual-list-row-start", e);
-				t !== _p$?.t && setStyleProperty(_el$3, "--bs-virtual-list-row-size", t);
-			});
-			return _el$3;
-		})()
-	}));
-	effect(() => `${virtualizer.getTotalSize()}px`, (_v$) => {
-		setStyleProperty(_el$2, "--bs-virtual-list-total", _v$);
-	});
-	return _el$;
+			}
+		}), false, true);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return virtualizer.getVirtualItems();
+			},
+			children: (row) => (() => {
+				var _el$3 = _tmpl$2();
+				insert(_el$3, () => own.renderItem?.(own.items[row.index], row.index));
+				effect((_p$) => {
+					var _v$ = `${row.start}px`, _v$2 = `${row.size}px`;
+					_v$ !== _p$.e && setStyleProperty(_el$3, "--bs-virtual-list-row-start", _p$.e = _v$);
+					_v$2 !== _p$.t && setStyleProperty(_el$3, "--bs-virtual-list-row-size", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				return _el$3;
+			})()
+		}));
+		effect((_$p) => setStyleProperty(_el$2, "--bs-virtual-list-total", `${virtualizer.getTotalSize()}px`));
+		return _el$;
+	})();
 });
-//#endregion
 export { VirtualList };

package/dist/components/watermark/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/watermark/index.d.ts
 /**
  * The paper bears its seal beneath the content: a canvas draws the
  * text once into a tile (rotated, faint, crisp at the screen's pixel
@@ -15,5 +14,4 @@ export interface WatermarkProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const Watermark: ((props: WatermarkProps) => JSX.Element) & {
   Root: (props: WatermarkProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/watermark/index.mjs

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { effect, insert, ref, setStyleProperty, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { effect, insert, mergeProps, setStyleProperty, spread, template, use } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createEffect, createSignal, splitProps } from "solid-js";
-//#region src/components/watermark/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=watermark data-part=content></div><div data-scope=watermark data-part=marks aria-hidden=true>`);
+// src/components/watermark/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div data-scope=watermark data-part=content></div><div data-scope=watermark data-part=marks aria-hidden=true>`);
 /** Font-relative measures ride the root's own measure; absolute units
 * pass through untouched — the canvas needs a number, the prop may
 * speak in CSS. */
@@ -56,23 +56,16 @@ const Watermark = withSelfRoot(function Watermark(props) {
 		paint.fillText(own.content, 0, 0);
 		setTile(`url(${canvas.toDataURL()})`);
 	});
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	var _el$3 = _el$2.nextSibling;
-	ref(() => {
-		return setHost;
-	}, _el$);
-	spread(_el$, [rest, {
-		"data-scope": "watermark",
-		"data-part": "root"
-	}], true);
-	insert(_el$2, () => {
-		return rest.children;
-	});
-	effect(() => tile(), (_v$) => {
-		setStyleProperty(_el$3, "--bs-watermark-image", _v$);
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		use(setHost, _el$);
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "watermark",
+			"data-part": "root"
+		}), false, true);
+		insert(_el$2, () => rest.children);
+		effect((_$p) => setStyleProperty(_el$3, "--bs-watermark-image", tile()));
+		return _el$;
+	})();
 });
-//#endregion
 export { Watermark };

package/dist/{element-dGIhOTJ6.mjs → element-liigPBUh.mjs}

@@ -1,5 +1,5 @@
 import { spread } from "solid-js/web";
-//#region src/internal/element.tsx
+// src/internal/element.tsx
 /** Detect a host element without assuming one exists during SSR. */
 function isElement(value) {
 	return typeof Element !== "undefined" && value instanceof Element;
@@ -12,5 +12,4 @@ function withElementProps(element, props) {
 	spread(element, props, element instanceof SVGElement, true);
 	return element;
 }
-//#endregion
 export { withElementProps as n, isElement as t };

package/dist/{family-Cmd8HEyK.mjs → family-B5HtE0on.mjs}

@@ -1,4 +1,4 @@
-//#region src/internal/family.ts
+// src/internal/family.ts
 /** Attaches anatomy parts to a callable family facade. */
 function defineFamily(facade, parts) {
 	return Object.assign(facade, parts);
@@ -7,5 +7,4 @@ function defineFamily(facade, parts) {
 function withSelfRoot(component) {
 	return Object.assign(component, { Root: component });
 }
-//#endregion
 export { withSelfRoot as n, defineFamily as t };

package/dist/generative/index.d.mts

@@ -1,5 +1,4 @@
 import { z } from "zod";
-//#region src/generative/index.d.ts
 export declare const catalog: import("@json-render/core").Catalog<{
   spec: import("@json-render/core").SchemaType<"object", {
     root: import("@json-render/core").SchemaType<"string", unknown>;
@@ -43,5 +42,4 @@ declare const registry: import("@json-render/solid").ComponentRegistry;
  * several names - Layout plus its parts, Bento plus its cell - and the
  * palette groups by provenance, never by guessing from the name. */
 export declare const faceFamilies: Record<string, string>;
-//#endregion
 export { registry };

package/dist/generative/index.mjs

@@ -1,4 +1,4 @@
-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";
@@ -7,12 +7,12 @@ 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";
@@ -25,7 +25,7 @@ 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 = {};
@@ -36,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) {
@@ -350,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) {
@@ -379,8 +377,7 @@ function labelled(label, control) {
 		}
 	}) : control;
 }
-//#endregion
-//#region src/components/alert/generative.tsx
+// src/components/alert/generative.tsx
 var generative_exports$20 = /* @__PURE__ */ __exportAll({ default: () => generative_default$20 });
 /** A bordered notice; status picks the pigment. */
 var generative_default$20 = defineEntry({ Alert: {
@@ -408,8 +405,7 @@ var generative_default$20 = defineEntry({ Alert: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/avatar/generative.tsx
+// src/components/avatar/generative.tsx
 var generative_exports$19 = /* @__PURE__ */ __exportAll({ default: () => generative_default$19 });
 /** A person's seal: image when given, initials as the fallback. */
 var generative_default$19 = defineEntry({ Avatar: {
@@ -426,8 +422,7 @@ var generative_default$19 = defineEntry({ Avatar: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/badge/generative.tsx
+// src/components/badge/generative.tsx
 var generative_exports$18 = /* @__PURE__ */ __exportAll({ default: () => generative_default$18 });
 /** A small status seal beside content; reads at a glance. */
 var generative_default$18 = defineEntry({ Badge: {
@@ -444,8 +439,7 @@ var generative_default$18 = defineEntry({ Badge: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/banner/generative.tsx
+// 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: {
@@ -463,8 +457,7 @@ var generative_default$17 = defineEntry({ Banner: {
 		dismissible: true
 	})
 } });
-//#endregion
-//#region src/components/breadcrumb/generative.tsx
+// 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: {
@@ -484,8 +477,7 @@ var generative_default$16 = defineEntry({ Breadcrumb: {
 		} });
 	}
 } });
-//#endregion
-//#region src/components/button/generative.tsx
+// src/components/button/generative.tsx
 var generative_exports$15 = /* @__PURE__ */ __exportAll({ default: () => generative_default$15 });
 /** The primary action register: solid ink for the one main action, outline, ghost, or subtle for the rest. */
 var generative_default$15 = defineEntry({ Button: {
@@ -509,8 +501,7 @@ var generative_default$15 = defineEntry({ Button: {
 		}
 	})
 } });
-//#endregion
-//#region src/components/card/generative.tsx
+// src/components/card/generative.tsx
 var generative_exports$14 = /* @__PURE__ */ __exportAll({ default: () => generative_default$14 });
 /** Grouping vessel. Give title and description instead of hand-building a header; children render in the body. */
 var generative_default$14 = defineEntry({ Card: {
@@ -551,8 +542,7 @@ var generative_default$14 = defineEntry({ Card: {
 		} })];
 	} })
 } });
-//#endregion
-//#region src/components/checkbox/generative.tsx
+// src/components/checkbox/generative.tsx
 var generative_exports$13 = /* @__PURE__ */ __exportAll({ default: () => generative_default$13 });
 /** One independent box with its label. */
 var generative_default$13 = defineEntry({ Checkbox: {
@@ -582,8 +572,7 @@ var generative_default$13 = defineEntry({ Checkbox: {
 		});
 	}
 } });
-//#endregion
-//#region src/components/float-button/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: {
@@ -612,8 +601,7 @@ var generative_default$12 = defineEntry({ FloatButton: {
 		});
 	}
 } });
-//#endregion
-//#region src/components/input/generative.tsx
+// 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: {
@@ -637,8 +625,7 @@ 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: {
@@ -655,8 +642,7 @@ var generative_default$10 = defineEntry({ Progress: {
 		}
 	})
 } });
-//#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 choices where exactly one may hold. */
 var generative_default$9 = defineEntry({ RadioGroup: {
@@ -683,8 +669,7 @@ var generative_default$9 = defineEntry({ RadioGroup: {
 		});
 	}
 } });
-//#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: {
@@ -714,8 +699,7 @@ var generative_default$8 = defineEntry({ Select: {
 		});
 	}
 } });
-//#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: {
@@ -727,8 +711,7 @@ var generative_default$7 = defineEntry({ Separator: {
 		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: {
@@ -751,8 +734,7 @@ var generative_default$6 = defineEntry({ Slider: {
 		}
 	})
 } });
-//#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: {
@@ -766,8 +748,7 @@ 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: {
@@ -793,8 +774,7 @@ 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: {
@@ -826,8 +806,7 @@ 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: {
@@ -848,8 +827,7 @@ var generative_default$2 = defineEntry({ Switch: {
 		});
 	}
 } });
-//#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: {
@@ -873,8 +851,7 @@ 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({
@@ -899,8 +876,7 @@ var generative_default = defineEntry({
 		}
 	}
 });
-//#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
@@ -955,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 };

package/dist/{icon-DTqmJCd5.mjs → icon-DQqYA2fO.mjs}

@@ -1,7 +1,7 @@
-import { spread, template } from "@solidjs/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import { getIcon } from "@bysages/core/icons";
-//#region src/internal/icon.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<svg>`);
+// src/internal/icon.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<svg aria-hidden=true>`);
 function resolve(name) {
 	const icon = getIcon(name);
 	if (!icon) throw new Error(`Unknown icon "${name}" in the curated core registry`);
@@ -12,20 +12,15 @@ function resolve(name) {
 * Extra body appends after the icon's own body, for composed marks. */
 function iconNode(name, attrs = {}, extraBody = "") {
 	const icon = resolve(name);
-	var _el$ = _tmpl$();
-	spread(_el$, [
-		{
-			get viewBox() {
-				return `0 0 ${icon.width} ${icon.height}`;
-			},
-			"aria-hidden": "true"
-		},
-		attrs,
-		{ get innerHTML() {
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get viewBox() {
+			return `0 0 ${icon.width} ${icon.height}`;
+		} }, attrs, { get innerHTML() {
 			return icon.body + extraBody;
-		} }
-	], false);
-	return _el$;
+		} }), true, false);
+		return _el$;
+	})();
 }
 /** The same curated icon as an HTML string, for enhancements that write
 * innerHTML rather than mount elements. */
@@ -44,5 +39,4 @@ function iconHtml(name, attrs = {}) {
 function iconBody(name) {
 	return resolve(name).body;
 }
-//#endregion
 export { iconHtml as n, iconNode as r, iconBody as t };

package/dist/{id-2ygNzPHF.mjs → id-DGvz-2rQ.mjs}

@@ -1,5 +1,5 @@
 import { createUniqueId } from "solid-js";
-//#region src/internal/id.ts
+// src/internal/id.ts
 /** Generates an SSR-stable machine base id while honoring an explicit id. */
 function useElementId(scope, explicit) {
 	const generated = createUniqueId();
@@ -8,5 +8,4 @@ function useElementId(scope, explicit) {
 		return typeof id === "string" && id ? id : `bs-${scope}-${generated}`;
 	};
 }
-//#endregion
 export { useElementId as t };