@bysages/solid 0.4.3 → 0.5.0

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

@@ -1,16 +1,7 @@
 import { JSX } from "solid-js";
 import { Tabs as Tabs$1, TabsRootProps } from "@ark-ui/solid/tabs";
-//#region src/components/tabs/index.d.ts
-/**
- * Tabs — tabbed navigation.
- *
- * Parts: Root, List, Trigger, Content, Indicator (machine-positioned ink
- * bar on the list rule).
- */
 type TabsOwnProps = {
-  /** One rung of the control-height ladder for the tab rows. */
   size?: "sm" | "md" | "lg";
-  /** The register: a ruled line (default), or each tab its own card. */
   variant?: "line" | "card";
 };
 declare function TabsRoot(props: TabsRootProps & TabsOwnProps): JSX.Element;
@@ -18,20 +9,25 @@ export type TabsItem = {
   value: string;
   label: string;
   content?: JSX.Element;
+  disabled?: boolean;
+  closable?: boolean;
+  icon?: string;
 };
 export interface TabsFacadeProps {
   value?: string;
   defaultValue?: string;
   items: TabsItem[];
-  /** The register: a ruled line (default), or each tab its own card. */
   variant?: "line" | "card";
   orientation?: "horizontal" | "vertical";
-  /** One rung of the control-height ladder for the tab rows. */
   size?: "sm" | "md" | "lg";
+  scrollable?: boolean;
+  contentless?: boolean;
+  closable?: boolean;
   onValueChange?: (value: string) => void;
+  onClose?: (item: TabsItem) => void;
 }
 declare function TabsFacade(props: TabsFacadeProps): JSX.Element;
 export declare const Tabs: typeof TabsFacade & Omit<typeof Tabs$1, "Root"> & {
   Root: typeof TabsRoot;
 };
-//#endregion
+export {};

package/dist/components/tabs/index.mjs

@@ -1,10 +1,14 @@
-import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
-import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { createComponent, mergeProps } from "@solidjs/web";
+import { t as defineFamily } from "../../family-B5HtE0on.mjs";
+import { t as useElementId } from "../../id-DGvz-2rQ.mjs";
+import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-DS9ppb4C.mjs";
+import { Icon } from "../icon/index.mjs";
+import { createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { For, splitProps } from "solid-js";
+import { For, Show, splitProps } from "solid-js";
 import { Tabs as Tabs$1 } from "@ark-ui/solid/tabs";
-//#region src/components/tabs/index.tsx
+// src/components/tabs/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span data-scope=tabs data-part=item><button type=button data-scope=tabs data-part=close>`);
 function TabsRoot(props) {
 	const [own, rest] = splitProps(props, ["size", "variant"]);
 	const id = useElementId("tabs", () => rest.id);
@@ -12,16 +16,17 @@ function TabsRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		},
-		get "data-variant"() {
+		get ["data-variant"]() {
 			return own.variant ?? "line";
 		}
 	}));
 }
 function TabsFacade(props) {
 	injectComponentStyle("tabs");
+	const messages = useComponentMessages();
 	return createComponent(TabsRoot, mergeProps({
 		get size() {
 			return props.size ?? "md";
@@ -35,37 +40,81 @@ function TabsFacade(props) {
 		get defaultValue() {
 			return props.defaultValue;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: props.value }, {
 		onValueChange: (details) => props.onValueChange?.(details.value),
 		get children() {
-			return [createComponent(Tabs$1.List, { get children() {
-				return [createComponent(For, {
-					get each() {
-						return props.items;
-					},
-					children: (item) => createComponent(Tabs$1.Trigger, {
-						get value() {
-							return item.value;
+			return [createComponent(Tabs$1.List, {
+				get ["data-scrollable"]() {
+					return props.scrollable ? "" : void 0;
+				},
+				get children() {
+					return [createComponent(For, {
+						get each() {
+							return props.items;
 						},
-						get children() {
-							return item.label;
+						children: (item) => {
+							const closable = item.closable ?? props.closable;
+							const trigger = createComponent(Tabs$1.Trigger, {
+								get value() {
+									return item.value;
+								},
+								get disabled() {
+									return item.disabled;
+								},
+								"data-closable": closable ? "" : void 0,
+								get children() {
+									return [memo(() => memo(() => !!item.icon)() ? createComponent(Icon, { get name() {
+										return item.icon;
+									} }) : null), (() => {
+										var _el$ = _tmpl$();
+										insert(_el$, () => item.label);
+										return _el$;
+									})()];
+								}
+							});
+							if (!closable) return trigger;
+							return (() => {
+								var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+								insert(_el$2, trigger, _el$3);
+								_el$3.$$click = (event) => {
+									event.preventDefault();
+									event.stopPropagation();
+									props.onClose?.(item);
+								};
+								insert(_el$3, createComponent(Icon, { name: "x" }));
+								effect((_p$) => {
+									var _v$ = formatComponentMessage(messages().tabs.closeTab, { name: item.label }), _v$2 = item.disabled;
+									_v$ !== _p$.e && setAttribute(_el$3, "aria-label", _p$.e = _v$);
+									_v$2 !== _p$.t && (_el$3.disabled = _p$.t = _v$2);
+									return _p$;
+								}, {
+									e: void 0,
+									t: void 0
+								});
+								return _el$2;
+							})();
 						}
-					})
-				}), createComponent(Tabs$1.Indicator, {})];
-			} }), createComponent(For, {
-				get each() {
-					return props.items;
+					}), createComponent(Tabs$1.Indicator, {})];
+				}
+			}), createComponent(Show, {
+				get when() {
+					return !props.contentless;
 				},
-				children: (item) => createComponent(Tabs$1.Content, {
-					get value() {
-						return item.value;
-					},
-					get children() {
-						return item.content;
-					}
-				})
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return props.items;
+						},
+						children: (item) => createComponent(Tabs$1.Content, {
+							get value() {
+								return item.value;
+							},
+							get children() {
+								return item.content;
+							}
+						})
+					});
+				}
 			})];
 		}
 	}));
@@ -75,5 +124,5 @@ const Tabs = defineFamily(TabsFacade, {
 	Root: TabsRoot
 });
 injectComponentStyle("tabs");
-//#endregion
+delegateEvents(["click"]);
 export { Tabs };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/tag/index.d.ts
 type TagTone = "ink" | "primary" | "success" | "warning" | "danger" | "info";
 type TagVariant = "solid" | "outline" | "subtle";
 export interface TagProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> {
@@ -26,4 +25,4 @@ export interface TagProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> {
 export declare const Tag: ((props: TagProps) => JSX.Element) & {
   Root: (props: TagProps) => JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/tag/index.mjs

@@ -1,13 +1,13 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
-import { delegateEvents, effect, insert, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { r as iconNode } from "../../icon-DQqYA2fO.mjs";
+import { delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createMemo, createSignal, splitProps } from "solid-js";
-//#region src/components/tag/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button type=button data-scope=tag data-part=close aria-label=Remove>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span><button type=button data-scope=tag data-part=check>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<button><!><!>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<span><!><!>`);
+// src/components/tag/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<button type=button data-scope=tag data-part=close aria-label=Remove>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span><button type=button data-scope=tag data-part=check>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<button>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span>`);
 const Tag = withSelfRoot(function Tag(props) {
 	injectComponentStyle("tag");
 	const [own, rest] = splitProps(props, [
@@ -47,75 +47,51 @@ const Tag = withSelfRoot(function Tag(props) {
 	});
 	const closeControl = own.closable ? (() => {
 		var _el$ = _tmpl$();
-		_el$._$$click = dismiss;
-		insert(_el$, () => {
-			return iconNode("x");
-		});
-		effect(() => own.disabled, (_v$) => {
-			setAttribute(_el$, "disabled", _v$);
-		});
+		_el$.$$click = dismiss;
+		insert(_el$, () => iconNode("x"));
+		effect(() => _el$.disabled = own.disabled);
 		return _el$;
 	})() : null;
-	if (own.checkable && own.closable) {
-		var _el$2 = _tmpl$2();
-		var _el$3 = _el$2.firstChild;
-		spread(_el$2, [rest, rootAttrs], true);
-		_el$3._$$click = toggle;
-		insert(_el$3, () => {
-			return own.children;
-		});
+	if (own.checkable && own.closable) return (() => {
+		var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+		spread(_el$2, mergeProps(rest, rootAttrs), false, true);
+		_el$3.$$click = toggle;
+		insert(_el$3, () => own.children);
 		insert(_el$2, closeControl, null);
-		effect(() => {
-			return {
-				e: checked(),
-				t: own.disabled
-			};
-		}, ({ e, t }, _p$) => {
-			e !== _p$?.e && setAttribute(_el$3, "aria-pressed", e);
-			t !== _p$?.t && setAttribute(_el$3, "disabled", t);
+		effect((_p$) => {
+			var _v$ = checked(), _v$2 = own.disabled;
+			_v$ !== _p$.e && setAttribute(_el$3, "aria-pressed", _p$.e = _v$);
+			_v$2 !== _p$.t && (_el$3.disabled = _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
 		});
 		return _el$2;
-	}
-	if (own.checkable) {
+	})();
+	if (own.checkable) return (() => {
 		var _el$4 = _tmpl$3();
-		var _el$5 = _el$4.firstChild;
-		var _el$6 = _el$5.nextSibling;
-		spread(_el$4, [
-			rest,
-			rootAttrs,
-			{
-				type: "button",
-				get "aria-pressed"() {
-					return checked();
-				},
-				get disabled() {
-					return own.disabled;
-				},
-				onclick: toggle
-			}
-		], true);
-		insert(_el$4, () => {
-			return own.children;
-		}, _el$5);
-		insert(_el$4, closeControl, _el$6);
+		spread(_el$4, mergeProps(rest, rootAttrs, {
+			"type": "button",
+			get ["aria-pressed"]() {
+				return checked();
+			},
+			get disabled() {
+				return own.disabled;
+			},
+			"onclick": toggle
+		}), false, true);
+		insert(_el$4, () => own.children, null);
+		insert(_el$4, closeControl, null);
 		return _el$4;
-	}
-	var _el$7 = _tmpl$4();
-	var _el$8 = _el$7.firstChild;
-	var _el$9 = _el$8.nextSibling;
-	spread(_el$7, [
-		rest,
-		rootAttrs,
-		() => {
-			return own.disabled ? { "aria-disabled": "true" } : {};
-		}
-	], true);
-	insert(_el$7, () => {
-		return own.children;
-	}, _el$8);
-	insert(_el$7, closeControl, _el$9);
-	return _el$7;
+	})();
+	return (() => {
+		var _el$5 = _tmpl$4();
+		spread(_el$5, mergeProps(rest, rootAttrs, () => own.disabled ? { "aria-disabled": "true" } : {}), false, true);
+		insert(_el$5, () => own.children, null);
+		insert(_el$5, closeControl, null);
+		return _el$5;
+	})();
 });
 delegateEvents(["click"]);
-//#endregion
 export { Tag };

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

@@ -1,5 +1,4 @@
 import { TagsInput as TagsInput$1, TagsInputRootProps } from "@ark-ui/solid/tags-input";
-//#region src/components/tags-input/index.d.ts
 /** Ark's TagsInput, dressed in the paper-and-ink system: one field vessel
  * whose chips rest as quiet ink and lift only a tone when edited. The API
  * is Ark's own — Root, Label, Control, Input, ClearTrigger, Item,
@@ -30,4 +29,4 @@ declare function TagsInputFacade(props: TagsInputFacadeProps): import("solid-js"
 export declare const TagsInput: typeof TagsInputFacade & Omit<typeof TagsInput$1, "Root"> & {
   Root: typeof TagsInputRoot;
 };
-//#endregion
+export {};

package/dist/components/tags-input/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 { For, Show, splitProps } from "solid-js";
 import { TagsInput as TagsInput$1 } from "@ark-ui/solid/tags-input";
-//#region src/components/tags-input/index.tsx
+// src/components/tags-input/index.tsx
 function TagsInputRoot(props) {
 	const [own, rest] = splitProps(props, ["size"]);
 	const id = useElementId("tags-input", () => rest.id);
@@ -13,7 +13,7 @@ function TagsInputRoot(props) {
 		get id() {
 			return id();
 		},
-		get "data-size"() {
+		get ["data-size"]() {
 			return own.size ?? "md";
 		}
 	}));
@@ -41,9 +41,7 @@ function TagsInputFacade(props) {
 		get defaultValue() {
 			return props.defaultValue;
 		}
-	}, () => {
-		return props.value === void 0 ? {} : { value: props.value };
-	}, {
+	}, () => props.value === void 0 ? {} : { value: props.value }, {
 		onValueChange: (event) => props.onValueChange?.(event.value),
 		get children() {
 			return [
@@ -102,5 +100,4 @@ const TagsInput = defineFamily(TagsInputFacade, {
 	Root: TagsInputRoot
 });
 injectComponentStyle("tags-input");
-//#endregion
 export { TagsInput };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/terminal/index.d.ts
 export interface TerminalProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onCommand"> {
   /** The transcript, oldest line first. */
   lines?: string[];
@@ -7,6 +6,8 @@ export interface TerminalProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>,
   prompt?: string;
   placeholder?: string;
   label?: string;
+  /** Treat the transcript as output only; no command line mounts. */
+  readOnly?: boolean;
   onCommand?: (text: string) => void;
 }
 /** A quiet console: the transcript above, the prompt line below. The
@@ -15,5 +16,4 @@ export interface TerminalProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>,
  * so history stays theirs to shape. */
 export declare const Terminal: ((props: TerminalProps) => JSX.Element) & {
   Root: (props: TerminalProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/terminal/index.mjs

@@ -1,11 +1,12 @@
-import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { createComponent, delegateEvents, effect, insert, ref, setAttribute, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "../../family-B5HtE0on.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-DS9ppb4C.mjs";
+import { createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { For, createEffect, createSignal, onMount, splitProps } from "solid-js";
-//#region src/components/terminal/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=terminal data-part=scroll></div><div data-scope=terminal data-part=entry><span data-scope=terminal data-part=sigil aria-hidden=true></span><input data-scope=terminal data-part=input autocomplete=off>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=terminal data-part=line>`);
+import { For, Show, createEffect, createSignal, onMount, splitProps } from "solid-js";
+// src/components/terminal/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=terminal data-part=entry><span data-scope=terminal data-part=sigil aria-hidden=true></span><input data-scope=terminal data-part=input autocomplete=off>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><div data-scope=terminal data-part=scroll>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=terminal data-part=line>`);
 /** A quiet console: the transcript above, the prompt line below. The
 * component owns only the reading and the caret — each entered line
 * leaves as an event, and the caller answers through the lines prop,
@@ -18,13 +19,14 @@ const Terminal = withSelfRoot(function Terminal(props) {
 		"prompt",
 		"placeholder",
 		"label",
+		"readOnly",
 		"onCommand"
 	]);
 	const [draft, setDraft] = createSignal("");
 	const [scroll, setScroll] = createSignal(null);
 	onMount(() => {
 		createEffect(() => {
-			if (own.lines?.length === void 0) return;
+			(own.lines ?? []).join("\n");
 			scroll()?.scrollTo({ top: scroll()?.scrollHeight });
 		});
 	});
@@ -34,54 +36,57 @@ const Terminal = withSelfRoot(function Terminal(props) {
 		setDraft("");
 		own.onCommand?.(text);
 	}
-	var _el$ = _tmpl$();
-	var _el$2 = _el$.firstChild;
-	var _el$4 = _el$2.nextSibling.firstChild;
-	var _el$5 = _el$4.nextSibling;
-	spread(_el$, [rest, {
-		role: "log",
-		get "aria-label"() {
-			return own.label;
-		},
-		"data-scope": "terminal",
-		"data-part": "root"
-	}], true);
-	ref(() => {
-		return setScroll;
-	}, _el$2);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return own.lines;
-		},
-		children: (line) => (() => {
-			var _el$6 = _tmpl$2();
-			insert(_el$6, line);
-			return _el$6;
-		})()
-	}));
-	insert(_el$4, () => {
-		return own.prompt ?? "$";
-	});
-	_el$5._$$keydown = (event) => {
-		if (event.key === "Enter") {
-			event.preventDefault();
-			submit();
-		}
-	};
-	_el$5._$$input = (event) => setDraft(event.currentTarget.value);
-	effect(() => {
-		return {
-			e: draft(),
-			t: own.placeholder,
-			a: own.label ?? messages().terminal.commandLine
-		};
-	}, ({ e, t, a }, _p$) => {
-		_el$5.value = e ?? "";
-		t !== _p$?.t && setAttribute(_el$5, "placeholder", t);
-		a !== _p$?.a && setAttribute(_el$5, "aria-label", a);
-	});
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps(rest, () => own.readOnly ? { "data-readonly": "" } : {}, {
+			"role": "log",
+			get ["aria-label"]() {
+				return own.label;
+			},
+			"data-scope": "terminal",
+			"data-part": "root"
+		}), false, true);
+		use(setScroll, _el$2);
+		insert(_el$2, createComponent(For, {
+			get each() {
+				return own.lines;
+			},
+			children: (line) => (() => {
+				var _el$6 = _tmpl$3();
+				insert(_el$6, line);
+				return _el$6;
+			})()
+		}));
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !own.readOnly;
+			},
+			get children() {
+				var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+				insert(_el$4, () => own.prompt ?? "$");
+				_el$5.$$keydown = (event) => {
+					if (event.key === "Enter") {
+						event.preventDefault();
+						submit();
+					}
+				};
+				_el$5.$$input = (event) => setDraft(event.currentTarget.value);
+				setAttribute(_el$5, "spellcheck", false);
+				effect((_p$) => {
+					var _v$ = own.placeholder, _v$2 = own.label ?? messages().terminal.commandLine;
+					_v$ !== _p$.e && setAttribute(_el$5, "placeholder", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$5, "aria-label", _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				effect(() => _el$5.value = draft());
+				return _el$3;
+			}
+		}), null);
+		return _el$;
+	})();
 });
 delegateEvents(["input", "keydown"]);
-//#endregion
 export { Terminal };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/textarea/index.d.ts
 export interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
   value?: string;
   onValueChange?: (value: string) => void;
@@ -12,5 +11,4 @@ export interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaEl
  * the invalid state for free. Disabled rides the native attribute. */
 export declare const Textarea: ((props: TextareaProps) => JSX.Element) & {
   Root: (props: TextareaProps) => JSX.Element;
-};
-//#endregion
+};

package/dist/components/textarea/index.mjs

@@ -1,10 +1,10 @@
-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 { mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
-//#region src/components/textarea/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<textarea>`);
+// src/components/textarea/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<textarea>`);
 /** The bare multi-line input: the field recipe on a `<textarea>`, sized
 * by rows and resizable in the block direction. Standing alone it styles
 * itself from the `invalid` prop; inside a `Field.Root` it consumes the
@@ -18,9 +18,9 @@ const Textarea = withSelfRoot(function Textarea(props) {
 		"invalid",
 		"onValueChange"
 	]);
-	var _el$ = _tmpl$();
-	spread(_el$, () => {
-		return mergeProps$1(() => field?.().getTextareaProps() ?? {}, rest, {
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps(() => mergeProps$1(() => field?.().getTextareaProps() ?? {}, rest, {
 			get value() {
 				return own.value;
 			},
@@ -30,9 +30,8 @@ const Textarea = withSelfRoot(function Textarea(props) {
 				return own.invalid || field?.().getTextareaProps()["data-invalid"] != null ? "" : void 0;
 			},
 			onInput: (event) => own.onValueChange?.(event.currentTarget.value)
-		});
-	}, false);
-	return _el$;
+		})), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Textarea };

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

@@ -1,5 +1,4 @@
 import { Component, JSX } from "solid-js";
-//#region src/components/timeline/index.d.ts
 declare function Root(props: JSX.HTMLAttributes<HTMLOListElement> & {
   orientation?: "vertical" | "horizontal";
 }): JSX.Element;
@@ -12,4 +11,4 @@ export declare const Timeline: typeof Root & {
   Marker: Component<Record<string, unknown>>;
   Content: Component<Record<string, unknown>>;
 };
-//#endregion
+export {};