@bysages/solid 0.4.3 → 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 };