@bysages/solid 0.4.4 → 0.5.0

package/dist/components/frame/index.mjs

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
 import { createComponent, mergeProps } from "solid-js";
 import { Frame as Frame$1 } from "@ark-ui/solid/frame";
-//#region src/components/frame/index.ts
+// src/components/frame/index.ts
 /** Ark's Frame, dressed in the paper-and-ink system: a sandboxed
 * iframe whose body mounts the children and whose `head` prop
 * carries extra <head> elements — styles the child renders must
@@ -17,5 +17,4 @@ function FrameRoot(props) {
 	} }));
 }
 const Frame = withSelfRoot(FrameRoot);
-//#endregion
 export { Frame };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/grid/index.d.ts
 /** An alignment lattice: tracks of equal measure, sized by column count
  * — or, with `minChildWidth`, as many tracks as the container fits. */
 export interface GridProps extends JSX.HTMLAttributes<HTMLDivElement> {
@@ -11,5 +10,4 @@ export interface GridProps extends JSX.HTMLAttributes<HTMLDivElement> {
 }
 export declare const Grid: ((props: GridProps) => JSX.Element) & {
   Root: (props: GridProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/grid/index.mjs

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
-//#region src/components/grid/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/grid/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** The same named steps of the space ramp the stack uses — one
 * vocabulary of distance across the layout primitives. */
 const gapVars = {
@@ -21,23 +21,24 @@ const Grid = withSelfRoot(function Grid(props) {
 		"gap",
 		"minChildWidth"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get style() {
-			return {
-				...rest.style,
-				"--bs-grid-columns": String(own.columns ?? 12),
-				"--bs-grid-gap": gapVars[own.gap ?? "md"] ?? gapVars.md,
-				...own.minChildWidth != null ? { "--bs-grid-min-child-width": own.minChildWidth } : {}
-			};
-		},
-		"data-scope": "grid",
-		"data-part": "root",
-		get "data-autofill"() {
-			return own.minChildWidth != null ? "" : void 0;
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get style() {
+				return {
+					...rest.style,
+					"--bs-grid-columns": String(own.columns ?? 12),
+					"--bs-grid-gap": gapVars[own.gap ?? "md"] ?? gapVars.md,
+					...own.minChildWidth != null ? { "--bs-grid-min-child-width": own.minChildWidth } : {}
+				};
+			},
+			"data-scope": "grid",
+			"data-part": "root",
+			get ["data-autofill"]() {
+				return own.minChildWidth != null ? "" : void 0;
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Grid };

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

@@ -1,9 +1,7 @@
-//#region src/components/highlight/index.d.ts
 /** Ark's Highlight, dressed in the paper-and-ink system: query hits are
  * strokes of pigment on the page — a quiet tint of the accent behind the
  * ink, never neon. The component renders bare <mark> elements, so the
  * document-wide mark default carries the look. The API is Ark's own. */
 export declare const Highlight: ((props: import("@ark-ui/solid/highlight").HighlightProps) => import("solid-js").JSX.Element) & {
   Root: (props: import("@ark-ui/solid/highlight").HighlightProps) => import("solid-js").JSX.Element;
-};
-//#endregion
+};

package/dist/components/highlight/index.mjs

@@ -1,12 +1,11 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Highlight as Highlight$1 } from "@ark-ui/solid/highlight";
-//#region src/components/highlight/index.ts
+// src/components/highlight/index.ts
 /** Ark's Highlight, dressed in the paper-and-ink system: query hits are
 * strokes of pigment on the page — a quiet tint of the accent behind the
 * ink, never neon. The component renders bare <mark> elements, so the
 * document-wide mark default carries the look. The API is Ark's own. */
 const Highlight = withSelfRoot(Highlight$1);
 injectComponentStyle("highlight");
-//#endregion
 export { Highlight };

package/dist/components/hover-card/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps, JSX } from "solid-js";
 import { HoverCard as HoverCard$1 } from "@ark-ui/solid/hover-card";
-//#region src/components/hover-card/index.d.ts
 /** Ark's HoverCard, dressed in the paper-and-ink system: a preview card
  * that dissolves in over a quiet inline link, never stealing focus. The
  * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -22,4 +21,4 @@ declare function HoverCardFacade(props: HoverCardFacadeProps): JSX.Element;
 export declare const HoverCard: typeof HoverCardFacade & Omit<typeof HoverCard$1, "Root"> & {
   Root: typeof HoverCardRoot;
 };
-//#endregion
+export {};

package/dist/components/hover-card/index.mjs

@@ -1,13 +1,13 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { n as withElementProps, t as isElement } from "../../element-dGIhOTJ6.mjs";
-import { createComponent, insert, memo, mergeProps, template } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { n as withElementProps, t as isElement } from "../../element-liigPBUh.mjs";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { HoverCard as HoverCard$1 } from "@ark-ui/solid/hover-card";
-//#region src/components/hover-card/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<h3>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<p>`);
+// src/components/hover-card/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<h3>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<p>`);
 /** Ark's HoverCard, dressed in the paper-and-ink system: a preview card
 * that dissolves in over a quiet inline link, never stealing focus. The
 * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
@@ -25,13 +25,7 @@ function HoverCardFacade(props) {
 		const trigger = triggerElement();
 		return trigger ? withElementProps(trigger, propsFn()) : props.trigger;
 	};
-	return createComponent(HoverCardRoot, mergeProps(() => {
-		return props.open === void 0 ? {} : { open: props.open };
-	}, () => {
-		return props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen };
-	}, () => {
-		return props.placement === void 0 ? {} : { positioning: { placement: props.placement } };
-	}, {
+	return createComponent(HoverCardRoot, mergeProps(() => props.open === void 0 ? {} : { open: props.open }, () => props.defaultOpen === void 0 ? {} : { defaultOpen: props.defaultOpen }, () => props.placement === void 0 ? {} : { positioning: { placement: props.placement } }, {
 		onOpenChange: (details) => props.onOpenChange?.(details.open),
 		get children() {
 			return [createComponent(HoverCard$1.Trigger, {
@@ -52,9 +46,7 @@ function HoverCardFacade(props) {
 						} }),
 						(() => {
 							var _el$ = _tmpl$();
-							insert(_el$, () => {
-								return props.label;
-							});
+							insert(_el$, () => props.label);
 							return _el$;
 						})(),
 						createComponent(Show, {
@@ -63,9 +55,7 @@ function HoverCardFacade(props) {
 							},
 							get children() {
 								var _el$2 = _tmpl$2();
-								insert(_el$2, () => {
-									return props.description;
-								});
+								insert(_el$2, () => props.description);
 								return _el$2;
 							}
 						}),
@@ -75,15 +65,11 @@ function HoverCardFacade(props) {
 							},
 							get children() {
 								var _el$3 = _tmpl$2();
-								insert(_el$3, () => {
-									return props.content;
-								});
+								insert(_el$3, () => props.content);
 								return _el$3;
 							}
 						}),
-						memo(() => {
-							return props.children;
-						})
+						memo(() => props.children)
 					];
 				} });
 			} })];
@@ -95,5 +81,4 @@ const HoverCard = defineFamily(HoverCardFacade, {
 	Root: HoverCardRoot
 });
 injectComponentStyle("hover-card");
-//#endregion
 export { HoverCard };

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

@@ -1,6 +1,5 @@
 import { JSX } from "solid-js";
 import { IconifyIcon } from "@bysages/core/icons";
-//#region src/components/icon/index.d.ts
 /** The inkwell: a standard box that keeps any inline svg at its optical
  * measure and in the text's own ink — the icon carries no pigment and no
  * size of its own. Bring an `@bysages/icons` export or any other
@@ -21,5 +20,4 @@ export interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {
 }
 export declare const Icon: ((props: IconProps) => JSX.Element) & {
   Root: (props: IconProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/icon/index.mjs

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { effect, insert, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { getIcon } from "@bysages/core/icons";
-//#region src/components/icon/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<svg fill=currentColor aria-hidden=true>`);
+// src/components/icon/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<svg fill=currentColor aria-hidden=true>`);
 const Icon = withSelfRoot(function Icon(props) {
 	injectComponentStyle("icon");
 	const [own, rest] = splitProps(props, [
@@ -17,39 +17,38 @@ const Icon = withSelfRoot(function Icon(props) {
 	]);
 	const resolved = own.glyph ?? (own.name && own.children == null ? getIcon(own.name) : void 0);
 	if (own.name && own.children == null && own.glyph == null && !resolved) console.error(`[icons] unknown icon name "${own.name}" — not in the core default registry; pass it explicitly as glyph`);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
-		get role() {
-			return own.label != null ? "img" : void 0;
-		},
-		get "aria-label"() {
-			return own.label;
-		},
-		get "aria-hidden"() {
-			return own.label != null ? void 0 : "true";
-		},
-		"data-scope": "icon",
-		"data-part": "root",
-		get "data-size"() {
-			return own.size ?? "inherit";
-		}
-	}], true);
-	insert(_el$, () => {
-		return own.children ?? (resolved ? (() => {
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(rest, {
+			get role() {
+				return own.label != null ? "img" : void 0;
+			},
+			get ["aria-label"]() {
+				return own.label;
+			},
+			get ["aria-hidden"]() {
+				return own.label != null ? void 0 : "true";
+			},
+			"data-scope": "icon",
+			"data-part": "root",
+			get ["data-size"]() {
+				return own.size ?? "inherit";
+			}
+		}), false, true);
+		insert(_el$, () => own.children ?? (resolved ? (() => {
 			var _el$2 = _tmpl$2();
-			effect(() => {
-				return {
-					e: `0 0 ${resolved.width ?? 24} ${resolved.height ?? 24}`,
-					t: resolved.body
-				};
-			}, ({ e, t }, _p$) => {
-				e !== _p$?.e && setAttribute(_el$2, "viewBox", e);
-				t !== _p$?.t && (_el$2.innerHTML = t);
+			effect((_p$) => {
+				var _v$ = `0 0 ${resolved.width ?? 24} ${resolved.height ?? 24}`, _v$2 = resolved.body;
+				_v$ !== _p$.e && setAttribute(_el$2, "viewBox", _p$.e = _v$);
+				_v$2 !== _p$.t && (_el$2.innerHTML = _p$.t = _v$2);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
 			});
 			return _el$2;
-		})() : null);
-	});
-	return _el$;
+		})() : null));
+		return _el$;
+	})();
 });
-//#endregion
 export { Icon };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/image/index.d.ts
 /** A framed picture: while the source loads, the frame keeps the
  * skeleton's breath; the picture dissolves in when it lands; a broken
  * source leaves the `fallback` prop — or the placeholder icon when the
@@ -19,5 +18,4 @@ export interface ImageProps extends JSX.HTMLAttributes<HTMLElement> {
 }
 export declare const Image: ((props: ImageProps) => JSX.Element) & {
   Root: (props: ImageProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/image/index.mjs

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { createComponent, effect, insert, ref, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createEffect, createSignal, on, splitProps } from "solid-js";
-//#region src/components/image/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=image data-part=fallback>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<figure><img data-scope=image data-part=img decoding=async>`, 1);
+// src/components/image/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=image data-part=fallback>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<figure><img data-scope=image data-part=img decoding=async>`, true, false, false);
 /** The registry icon for a source that never arrived, hidden from the reader. */
 function placeholderIcon() {
 	return iconNode("image");
@@ -27,51 +27,47 @@ const Image = withSelfRoot(function Image(props) {
 		setState("loading");
 		if (image?.complete) setState(image.naturalWidth > 0 ? "loaded" : "error");
 	}));
-	var _el$ = _tmpl$2();
-	var _el$2 = _el$.firstChild;
-	spread(_el$, [rest, {
-		"data-scope": "image",
-		"data-part": "root",
-		get "data-state"() {
-			return state();
-		},
-		get "data-fit"() {
-			return own.fit ?? "cover";
-		}
-	}], true);
-	_el$2.addEventListener("error", () => setState("error"));
-	_el$2.addEventListener("load", () => setState("loaded"));
-	ref(() => {
-		return (element) => image = element;
-	}, _el$2);
-	insert(_el$, createComponent(Show, {
-		get when() {
-			return state() === "error";
-		},
-		get children() {
-			var _el$3 = _tmpl$();
-			insert(_el$3, () => {
-				return own.fallback ?? placeholderIcon();
-			});
-			return _el$3;
-		}
-	}), null);
-	effect(() => {
-		return {
-			e: own.src,
-			t: own.alt ?? "",
-			a: own.width,
-			o: own.height,
-			i: own.loading ?? "lazy"
-		};
-	}, ({ e, t, a, o, i }, _p$) => {
-		e !== _p$?.e && setAttribute(_el$2, "src", e);
-		t !== _p$?.t && setAttribute(_el$2, "alt", t);
-		a !== _p$?.a && setAttribute(_el$2, "width", a);
-		o !== _p$?.o && setAttribute(_el$2, "height", o);
-		i !== _p$?.i && setAttribute(_el$2, "loading", i);
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "image",
+			"data-part": "root",
+			get ["data-state"]() {
+				return state();
+			},
+			get ["data-fit"]() {
+				return own.fit ?? "cover";
+			}
+		}), false, true);
+		_el$2.addEventListener("error", () => setState("error"));
+		_el$2.addEventListener("load", () => setState("loaded"));
+		use((element) => image = element, _el$2);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return state() === "error";
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, () => own.fallback ?? placeholderIcon());
+				return _el$3;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = own.src, _v$2 = own.alt ?? "", _v$3 = own.width, _v$4 = own.height, _v$5 = own.loading ?? "lazy";
+			_v$ !== _p$.e && setAttribute(_el$2, "src", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$2, "alt", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$2, "width", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$2, "height", _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$2, "loading", _p$.i = _v$5);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		});
+		return _el$;
+	})();
 });
-//#endregion
 export { Image };

package/dist/components/image-cropper/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/solid/image-cropper";
-//#region src/components/image-cropper/index.d.ts
 /** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
  * holding the photograph, one lit selection window framed by light hairlines.
  * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
@@ -16,4 +15,4 @@ declare function ImageCropperFacade(props: ImageCropperFacadeProps): import("sol
 export declare const ImageCropper: typeof ImageCropperFacade & Omit<typeof ImageCropper$1, "Root"> & {
   Root: typeof ImageCropperRoot;
 };
-//#endregion
+export {};

package/dist/components/image-cropper/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, template } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/solid/image-cropper";
-//#region src/components/image-cropper/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/image-cropper/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
 * holding the photograph, one lit selection window framed by light hairlines.
 * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
@@ -57,5 +57,4 @@ const ImageCropper = defineFamily(ImageCropperFacade, {
 	Root: ImageCropperRoot
 });
 injectComponentStyle("image-cropper");
-//#endregion
 export { ImageCropper };

package/dist/components/image-viewer/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ImageViewerProps, t as ImageViewer } from "../../index-DhripUtf.mjs";
+import { n as ImageViewerProps, t as ImageViewer } from "../../index-CTsFsYdA.mjs";
 export { ImageViewer, ImageViewerProps };

package/dist/components/image-viewer/index.mjs

@@ -1,4 +1,3 @@
 import "../button-group/index.mjs";
 import "../dialog/index.mjs";
-import { t as ImageViewer } from "../../image-viewer-19s75Hz_.mjs";
-export { ImageViewer };
+export { t as ImageViewer } from "../../image-viewer-TEia4PaY.mjs";

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/input/index.d.ts
 export interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
   value?: string | number;
   onValueChange?: (value: string) => void;
@@ -17,5 +16,4 @@ export interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
  * rides the native attribute. */
 export declare const Input: ((props: InputProps) => JSX.Element) & {
   Root: (props: InputProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/input/index.mjs

@@ -1,2 +1 @@
-import { t as Input } from "../../input-BL3N3L8g.mjs";
-export { Input };
+export { t as Input } from "../../input-2xfPP-7Z.mjs";

package/dist/components/input-group/index.d.mts

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/input-group/index.d.ts
 /**
  * Merged controls: attachments and the entry fused into one seal. The
  * Root draws the single hairline and carries the group's focus halo;
@@ -15,4 +14,4 @@ export declare const InputGroup: typeof InputGroupRoot & {
   Root: typeof InputGroupRoot;
   Addon: typeof InputGroupAddon;
 };
-//#endregion
+export {};

package/dist/components/input-group/index.mjs

@@ -1,7 +1,7 @@
-import { spread, template } from "@solidjs/web";
+import { mergeProps, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/input-group/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/input-group/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /**
 * Merged controls: attachments and the entry fused into one seal. The
 * Root draws the single hairline and carries the group's focus halo;
@@ -12,25 +12,28 @@ var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 * adds no visuals of its own.
 */
 function InputGroupRoot(props) {
-	var _el$ = _tmpl$();
-	spread(_el$, [props, {
-		"data-scope": "input-group",
-		"data-part": "root"
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(props, {
+			"data-scope": "input-group",
+			"data-part": "root"
+		}), false, false);
+		return _el$;
+	})();
 }
 function InputGroupAddon(props) {
-	var _el$2 = _tmpl$();
-	spread(_el$2, [props, {
-		"data-scope": "input-group",
-		"data-part": "addon"
-	}], false);
-	return _el$2;
+	return (() => {
+		var _el$2 = _tmpl$();
+		spread(_el$2, mergeProps(props, {
+			"data-scope": "input-group",
+			"data-part": "addon"
+		}), false, false);
+		return _el$2;
+	})();
 }
 const InputGroup = Object.assign(InputGroupRoot, {
 	Root: InputGroupRoot,
 	Addon: InputGroupAddon
 });
 injectComponentStyle("input-group");
-//#endregion
 export { InputGroup };

package/dist/components/json-tree-view/index.d.mts

@@ -1,6 +1,5 @@
 import { ComponentProps } from "solid-js";
 import { JsonTreeView as JsonTreeView$1, JsonTreeViewTreeProps } from "@ark-ui/solid/json-tree-view";
-//#region src/components/json-tree-view/index.d.ts
 /** Ark's JsonTreeView, dressed in the paper-and-ink system: the tree-view
  * recipes re-scoped, with value nodes reading as tabular data. The API is
  * Ark's own — Root, Tree, plus createJsonTreeCollection. */
@@ -17,4 +16,4 @@ export declare const JsonTreeView: typeof JsonTreeViewFacade & Omit<typeof JsonT
   Root: typeof JsonTreeViewRoot;
   Tree: typeof JsonTreeViewTree;
 };
-//#endregion
+export {};

package/dist/components/json-tree-view/index.mjs

@@ -1,11 +1,11 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { createComponent, mergeProps } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/solid/json-tree-view";
-//#region src/components/json-tree-view/index.tsx
+// src/components/json-tree-view/index.tsx
 /** Ark's JsonTreeView, dressed in the paper-and-ink system: the tree-view
 * recipes re-scoped, with value nodes reading as tabular data. The API is
 * Ark's own — Root, Tree, plus createJsonTreeCollection. */
@@ -41,5 +41,4 @@ const JsonTreeView = defineFamily(JsonTreeViewFacade, {
 	Tree: JsonTreeViewTree
 });
 injectComponentStyle("json-tree-view");
-//#endregion
 export { JsonTreeView };

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

@@ -1,8 +1,6 @@
 import { JSX } from "solid-js";
-//#region src/components/kbd/index.d.ts
 /** A keycap in miniature, riding the type it annotates. */
 export type KbdProps = JSX.HTMLAttributes<HTMLElement>;
 export declare const Kbd: ((props: KbdProps) => JSX.Element) & {
   Root: (props: KbdProps) => JSX.Element;
-};
-//#endregion
+};