@bysages/solid 0.4.3 → 0.5.0

package/dist/ai-prompt-input-CEnnpkgi.mjs

@@ -0,0 +1,486 @@
+import { n as withSelfRoot } from "./family-B5HtE0on.mjs";
+import { n as iconHtml, r as iconNode } from "./icon-DQqYA2fO.mjs";
+import { t as useElementId } from "./id-DGvz-2rQ.mjs";
+import { Button } from "./components/button/index.mjs";
+import { n as useComponentMessages } from "./use-component-messages-DS9ppb4C.mjs";
+import { Field } from "./components/field/index.mjs";
+import { n as MentionsVessel, r as useMentions } from "./mentions-CvY9IGzc.mjs";
+import { createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template, use } from "solid-js/web";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Show, createSignal, splitProps } from "solid-js";
+// src/components/ai-prompt-input/editor.ts
+const triggerList = (triggers) => {
+	return (triggers == null ? ["@"] : Array.isArray(triggers) ? triggers : [triggers]).filter((trigger) => trigger.length > 0);
+};
+const tokensFor = (value, entries, triggers) => {
+	const tokens = [];
+	const add = (pattern, entry, trigger) => {
+		if (!pattern || !value.includes(pattern)) return;
+		tokens.push({
+			pattern,
+			entry,
+			trigger
+		});
+	};
+	entries.forEach((entry) => {
+		triggers.forEach((trigger) => {
+			add(trigger + entry.label, entry, trigger);
+			const inserted = entry.insertText?.trim();
+			if (inserted?.startsWith(trigger)) add(inserted, entry, trigger);
+		});
+	});
+	return tokens.sort((left, right) => {
+		return value.indexOf(left.pattern) - value.indexOf(right.pattern) || right.pattern.length - left.pattern.length;
+	});
+};
+const readToken = (node) => ({
+	pattern: `${node.dataset.promptTrigger ?? "@"}${node.dataset.promptLabel ?? ""}`,
+	trigger: node.dataset.promptTrigger ?? "@",
+	entry: {
+		id: node.dataset.promptId,
+		label: node.dataset.promptLabel ?? "",
+		value: node.dataset.promptValue ?? "",
+		icon: node.dataset.promptIcon,
+		kind: node.dataset.promptKind
+	}
+});
+const readNode = (node) => {
+	if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
+	if (!(node instanceof HTMLElement)) return "";
+	if (node.tagName === "BR") return "\n";
+	if (node.dataset.promptToken === "") return readToken(node).pattern;
+	const block = node.tagName === "DIV" || node.tagName === "P";
+	const children = Array.from(node.childNodes).map(readNode).join("");
+	return block && children ? `${children}\n` : children;
+};
+const serializeEditor = (root) => Array.from(root.childNodes).map(readNode).join("").replace(/\n$/, "");
+const readCaret = (root) => {
+	const selection = window.getSelection();
+	if (document.activeElement !== root || !selection || selection.rangeCount === 0) return serializeEditor(root).length;
+	const selected = selection.getRangeAt(selection.rangeCount - 1);
+	const range = document.createRange();
+	range.selectNodeContents(root);
+	range.setEnd(selected.endContainer, selected.endOffset);
+	return range.toString().length;
+};
+const caretPosition = (root, offset) => {
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	let remaining = offset;
+	let node = walker.nextNode();
+	let last = null;
+	while (node) {
+		const text = node;
+		if (remaining <= text.data.length) return {
+			container: text,
+			offset: remaining
+		};
+		remaining -= text.data.length;
+		last = text;
+		node = walker.nextNode();
+	}
+	return last ? {
+		container: last,
+		offset: last.data.length
+	} : {
+		container: root,
+		offset: root.childNodes.length
+	};
+};
+const tokenNode = (model) => {
+	const node = document.createElement("span");
+	node.contentEditable = "false";
+	node.dataset.promptToken = "";
+	node.setAttribute("data-scope", "ai");
+	node.setAttribute("data-part", "prompt-mention");
+	node.dataset.promptTrigger = model.trigger;
+	node.dataset.promptLabel = model.entry.label;
+	node.dataset.promptValue = model.entry.value;
+	if (model.entry.kind != null) node.dataset.promptKind = model.entry.kind;
+	if (model.entry.id) node.dataset.promptId = model.entry.id;
+	if (model.entry.icon) node.dataset.promptIcon = model.entry.icon;
+	node.title = `${model.trigger}${model.entry.label}`;
+	const trigger = document.createElement("span");
+	trigger.textContent = model.trigger;
+	trigger.setAttribute("data-scope", "ai");
+	trigger.setAttribute("data-part", "mention-trigger");
+	node.append(trigger);
+	if (model.entry.icon) {
+		const icon = document.createElement("span");
+		icon.setAttribute("data-scope", "ai");
+		icon.setAttribute("data-part", "mention-icon");
+		icon.innerHTML = iconHtml(model.entry.icon, {
+			"data-scope": "icon",
+			"data-part": "root",
+			"data-size": "inherit"
+		});
+		node.append(icon);
+	}
+	const label = document.createElement("span");
+	label.textContent = model.entry.label;
+	label.setAttribute("data-scope", "ai");
+	label.setAttribute("data-part", "mention-label");
+	node.append(label);
+	return node;
+};
+const renderEditor = (root, value, entries, triggers) => {
+	const fragment = document.createDocumentFragment();
+	let cursor = 0;
+	tokensFor(value, entries, triggerList(triggers)).forEach((model) => {
+		const start = value.indexOf(model.pattern, cursor);
+		if (start === -1) return;
+		if (start > cursor) fragment.append(value.slice(cursor, start));
+		fragment.append(tokenNode(model));
+		cursor = start + model.pattern.length;
+	});
+	if (cursor < value.length) fragment.append(value.slice(cursor));
+	root.replaceChildren(fragment);
+	root.toggleAttribute("data-empty", root.childNodes.length === 0);
+};
+/** Insert a mention as a rich token. The hidden trigger text keeps the
+* browser selection and the serialized plain text in step. */
+const insertEditorToken = (root, entry, trigger, start, end) => {
+	const hasTailSpace = /^\s/.test(serializeEditor(root).slice(end));
+	const range = document.createRange();
+	const from = caretPosition(root, start);
+	const to = caretPosition(root, end);
+	range.setStart(from.container, from.offset);
+	range.setEnd(to.container, to.offset);
+	range.deleteContents();
+	const node = tokenNode({
+		pattern: trigger + entry.label,
+		entry,
+		trigger
+	});
+	range.insertNode(node);
+	let tail = null;
+	if (!hasTailSpace) {
+		tail = document.createTextNode(" ");
+		node.after(tail);
+	}
+	root.focus();
+	const selection = window.getSelection();
+	const followingText = (() => {
+		let current = node.nextSibling;
+		while (current) {
+			if (current.nodeType === Node.TEXT_NODE) return current;
+			const text = document.createTreeWalker(current, NodeFilter.SHOW_TEXT).nextNode();
+			if (text) return text;
+			current = current.nextSibling;
+		}
+		return null;
+	})();
+	const target = tail ?? followingText;
+	if (selection && target) {
+		const caret = document.createRange();
+		if (tail) caret.selectNodeContents(tail);
+		else caret.setStart(target, 0);
+		caret.collapse(true);
+		selection.removeAllRanges();
+		selection.addRange(caret);
+	}
+	return serializeEditor(root);
+};
+const setEditorCaret = (root, offset) => {
+	const position = caretPosition(root, offset);
+	const selection = window.getSelection();
+	if (!selection) return;
+	const range = document.createRange();
+	range.setStart(position.container, position.offset);
+	range.collapse(true);
+	selection.removeAllRanges();
+	selection.addRange(range);
+};
+const insertLineBreak = (root) => {
+	document.execCommand("insertLineBreak");
+	return serializeEditor(root);
+};
+// src/components/ai-prompt-input/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-scope=ai>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div role=combobox aria-autocomplete=list data-scope=ai data-part=prompt-editor>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<form><div data-scope=ai data-part=prompt-main>`);
+function arrowUpIcon() {
+	return iconNode("arrow-up", {
+		width: "14",
+		height: "14"
+	});
+}
+function stopIcon() {
+	return iconNode("square", {
+		width: "14",
+		height: "14"
+	});
+}
+/** The prompt vessel: the shared field textarea — self-growing on the
+* machine's autoresize — with the submit seal riding its last line.
+* With mentions it becomes a rich token editor while the value stays
+* ordinary composer text. */
+const PromptInput = withSelfRoot(function PromptInput(props) {
+	injectComponentStyle("ai");
+	const [own, rest] = splitProps(props, [
+		"value",
+		"onValueChange",
+		"onSubmit",
+		"onStop",
+		"placeholder",
+		"disabled",
+		"busy",
+		"header",
+		"leading",
+		"trailing",
+		"footer",
+		"footerEnd",
+		"mentions",
+		"onSelect"
+	]);
+	const messages = useComponentMessages();
+	const hostId = useElementId("ai-prompt", () => rest.id);
+	const mentionsId = () => `${hostId()}:mentions`;
+	const [fieldEl, setFieldEl] = createSignal(null);
+	const [editorEl, setEditorEl] = createSignal(null);
+	const mentionsActive = () => own.mentions != null;
+	const mentions = useMentions(() => ({
+		items: own.mentions?.items ?? [],
+		trigger: own.mentions?.trigger,
+		triggers: own.mentions?.triggers,
+		commitKeys: own.mentions?.commitKeys ?? [
+			"Enter",
+			" ",
+			"Tab"
+		]
+	}), fieldEl, {
+		getCaret: () => own.mentions ? readCaret(editorEl()) : void 0,
+		getText: () => own.mentions ? serializeEditor(editorEl()) : fieldEl()?.value ?? own.value ?? "",
+		setText: (next) => own.onValueChange?.(next),
+		select: (entry) => {
+			own.onSelect?.(entry);
+			return own.mentions?.insertOnSelect !== false || own.mentions?.clearQueryOnSelect !== false;
+		},
+		commit: (entry) => insertChoice(entry)
+	});
+	const bindEditor = (node) => {
+		setEditorEl(node);
+		renderEditor(node, own.value ?? "", own.mentions?.items ?? [], own.mentions?.triggers);
+		node.toggleAttribute("data-empty", !own.value);
+	};
+	const publishEditor = () => {
+		const editor = editorEl();
+		if (!editor) return;
+		const next = serializeEditor(editor);
+		editor.toggleAttribute("data-empty", !next);
+		own.onValueChange?.(next);
+	};
+	const insertChoice = (entry) => {
+		const editor = editorEl();
+		const clearQuery = own.mentions?.insertOnSelect === false && own.mentions?.clearQueryOnSelect !== false;
+		if (!editor || entry.disabled || own.mentions?.insertOnSelect === false && !clearQuery) {
+			mentions.close();
+			return;
+		}
+		if (clearQuery) {
+			const text = serializeEditor(editor);
+			const next = text.slice(0, mentions.anchorIndex()) + text.slice(mentions.caretIndex());
+			renderEditor(editor, next, own.mentions?.items ?? [], own.mentions?.triggers);
+			editor.toggleAttribute("data-empty", !next);
+			editor.focus();
+			setEditorCaret(editor, mentions.anchorIndex());
+			own.onValueChange?.(next);
+			mentions.close();
+			return;
+		}
+		own.onSelect?.(entry);
+		const next = insertEditorToken(editor, entry, mentions.activeTrigger(), mentions.anchorIndex(), mentions.caretIndex());
+		editor.toggleAttribute("data-empty", !next);
+		own.onValueChange?.(next);
+		mentions.close();
+	};
+	const send = () => {
+		const value = (own.value ?? "").trim();
+		if (!value || own.disabled || own.busy) return;
+		own.onSubmit?.(value);
+		own.onValueChange?.("");
+	};
+	const row = (part, content) => content != null ? (() => {
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "data-part", part);
+		insert(_el$, content);
+		return _el$;
+	})() : null;
+	const seal = () => own.busy ? createComponent(Button, {
+		variant: "solid",
+		size: "sm",
+		square: true,
+		type: "button",
+		get ["aria-label"]() {
+			return messages().ai.stop;
+		},
+		get disabled() {
+			return own.disabled;
+		},
+		onClick: () => own.onStop?.(),
+		get children() {
+			return stopIcon();
+		}
+	}) : createComponent(Button, {
+		variant: "solid",
+		size: "sm",
+		square: true,
+		type: "submit",
+		get ["aria-label"]() {
+			return messages().ai.send;
+		},
+		get disabled() {
+			return own.disabled || !(own.value ?? "").trim();
+		},
+		get children() {
+			return arrowUpIcon();
+		}
+	});
+	const editorKeydown = (event) => {
+		if (event.isComposing || event.keyCode === 229) return;
+		if (event.key === "Enter" && event.shiftKey) {
+			event.preventDefault();
+			const editor = editorEl();
+			if (!editor) return;
+			own.onValueChange?.(insertLineBreak(editor));
+			return;
+		}
+		if (mentions.onKeydown(event)) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			send();
+		}
+	};
+	const hasFooter = () => own.footer != null;
+	return (() => {
+		var _el$2 = _tmpl$4(), _el$3 = _el$2.firstChild;
+		spread(_el$2, mergeProps(rest, {
+			"data-scope": "ai",
+			"data-part": "prompt",
+			"onSubmit": (event) => {
+				event.preventDefault();
+				send();
+			}
+		}), false, true);
+		insert(_el$2, () => row("prompt-header", own.header), _el$3);
+		insert(_el$3, () => row("prompt-leading", own.leading), null);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return mentionsActive();
+			},
+			get fallback() {
+				return createComponent(Field.Root, { get children() {
+					return createComponent(Field.Textarea, {
+						ref: setFieldEl,
+						autoresize: true,
+						rows: 1,
+						get value() {
+							return own.value ?? "";
+						},
+						get placeholder() {
+							return own.placeholder ?? messages().ai.conversation;
+						},
+						get ["aria-label"]() {
+							return messages().ai.conversation;
+						},
+						get disabled() {
+							return own.disabled;
+						},
+						onInput: () => mentions.onInput(),
+						onKeyDown: (event) => {
+							if (event.isComposing || event.keyCode === 229) return;
+							if (mentions.onKeydown(event)) return;
+							if (event.key === "Enter" && !event.shiftKey) {
+								event.preventDefault();
+								send();
+							}
+						}
+					});
+				} });
+			},
+			get children() {
+				var _el$4 = _tmpl$2();
+				_el$4.$$keydown = editorKeydown;
+				_el$4.$$input = () => {
+					publishEditor();
+					if (!own.disabled) mentions.onInput();
+				};
+				use(bindEditor, _el$4);
+				effect((_p$) => {
+					var _v$ = !own.disabled, _v$2 = own.disabled ? void 0 : 0, _v$3 = messages().ai.conversation, _v$4 = mentions.open(), _v$5 = mentions.open() ? `${mentionsId()}:popup` : void 0, _v$6 = own.disabled || void 0, _v$7 = !(own.value ?? "") ? "" : void 0, _v$8 = own.placeholder ?? messages().ai.conversation, _v$9 = own.disabled || void 0;
+					_v$ !== _p$.e && setAttribute(_el$4, "contenteditable", _p$.e = _v$);
+					_v$2 !== _p$.t && setAttribute(_el$4, "tabindex", _p$.t = _v$2);
+					_v$3 !== _p$.a && setAttribute(_el$4, "aria-label", _p$.a = _v$3);
+					_v$4 !== _p$.o && setAttribute(_el$4, "aria-expanded", _p$.o = _v$4);
+					_v$5 !== _p$.i && setAttribute(_el$4, "aria-controls", _p$.i = _v$5);
+					_v$6 !== _p$.n && setAttribute(_el$4, "aria-disabled", _p$.n = _v$6);
+					_v$7 !== _p$.s && setAttribute(_el$4, "data-empty", _p$.s = _v$7);
+					_v$8 !== _p$.h && setAttribute(_el$4, "data-placeholder", _p$.h = _v$8);
+					_v$9 !== _p$.r && setAttribute(_el$4, "data-disabled", _p$.r = _v$9);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0,
+					h: void 0,
+					r: void 0
+				});
+				return _el$4;
+			}
+		}), null);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return mentionsActive();
+			},
+			get children() {
+				return createComponent(MentionsVessel, {
+					get id() {
+						return mentionsId();
+					},
+					get open() {
+						return mentions.open();
+					},
+					get matches() {
+						return mentions.matches();
+					},
+					get active() {
+						return mentions.active();
+					},
+					get anchor() {
+						return editorEl();
+					},
+					get placement() {
+						return own.mentions?.placement ?? "top-start";
+					},
+					onInsert: insertChoice,
+					get onActiveChange() {
+						return mentions.setActive;
+					},
+					onOpenChange: (open) => {
+						if (!open) mentions.close();
+					}
+				});
+			}
+		}), null);
+		insert(_el$3, () => row("prompt-trailing", hasFooter() ? own.trailing : own.trailing ?? seal()), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return hasFooter();
+			},
+			get children() {
+				var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild;
+				insert(_el$5, () => own.footer, _el$6);
+				insert(_el$6, () => own.footerEnd, null);
+				insert(_el$6, seal, null);
+				return _el$5;
+			}
+		}), null);
+		return _el$2;
+	})();
+});
+delegateEvents(["input", "keydown"]);
+export { PromptInput as t };

package/dist/{ai-response-CJ-uEAgj.mjs → ai-response-BM_DVIDY.mjs}

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "./family-Cmd8HEyK.mjs";
-import { n as iconHtml } from "./icon-DTqmJCd5.mjs";
-import { n as useComponentMessages } from "./use-component-messages-C4SCVYjD.mjs";
-import { ref, spread, template } from "@solidjs/web";
+import { n as withSelfRoot } from "./family-B5HtE0on.mjs";
+import { n as iconHtml } from "./icon-DQqYA2fO.mjs";
+import { n as useComponentMessages } from "./use-component-messages-DS9ppb4C.mjs";
+import { mergeProps, spread, template, use } from "solid-js/web";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { createEffect, createMemo, onMount, splitProps } from "solid-js";
-import { renderHtml } from "@tanstack/markdown/html";
-//#region src/components/ai-response/code-copy.ts
+import { renderMarkdown } from "@bysages/core/markdown";
+// src/components/ai-response/code-copy.ts
 /** The two icons a copy affordance needs: the stamp and its
 * confirmation. Inline SVG keeps the enhancement framework-agnostic —
 * it lives beside the renderer's generated code HTML. */
@@ -67,8 +67,7 @@ async function clickCodeCopy(event, copyLabel, copiedLabel) {
 		button.setAttribute("aria-label", copyLabel);
 	}, REVERT_MS);
 }
-//#endregion
-//#region src/components/ai-response/tables.ts
+// src/components/ai-response/tables.ts
 /** Wide tables ride a scrolling lane instead of bursting the column.
 * The lane is a plain div: the table-as-scroll-container form is what
 * ate the mouse wheel over plain tables. Idempotent, so it can run
@@ -106,14 +105,14 @@ function wrapResponseTables(root) {
 		watchLane(lane);
 	}
 }
-//#endregion
-//#region src/components/ai-response/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+// src/components/ai-response/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
 /** Markdown set on the paper. Rendering goes through
-* `@tanstack/markdown`, whose defaults leave raw HTML and executable
+* `@bysages/core/markdown`, whose defaults leave raw HTML and executable
 * links inert — streaming-safe by construction. */
 const Response = withSelfRoot(function Response(props) {
 	injectComponentStyle("ai");
+	injectComponentStyle("markdown");
 	const [own, rest] = splitProps(props, [
 		"content",
 		"highlighter",
@@ -121,7 +120,7 @@ const Response = withSelfRoot(function Response(props) {
 		"copiedLabel"
 	]);
 	const messages = useComponentMessages();
-	const html = createMemo(() => renderHtml(own.content, own.highlighter ? { highlighter: own.highlighter } : void 0));
+	const html = createMemo(() => renderMarkdown(own.content, own.highlighter ? { highlighter: own.highlighter } : void 0));
 	let root;
 	onMount(() => createEffect(() => {
 		html();
@@ -131,19 +130,18 @@ const Response = withSelfRoot(function Response(props) {
 	const onClick = (event) => {
 		clickCodeCopy(event, own.copyLabel ?? messages().ai.copyCode, own.copiedLabel ?? messages().ai.copied);
 	};
-	var _el$ = _tmpl$();
-	ref(() => {
-		return (el) => root = el;
-	}, _el$);
-	spread(_el$, [rest, {
-		"data-scope": "ai",
-		"data-part": "response",
-		onClick,
-		get innerHTML() {
-			return html();
-		}
-	}], false);
-	return _el$;
+	return (() => {
+		var _el$ = _tmpl$();
+		use((el) => root = el, _el$);
+		spread(_el$, mergeProps(rest, {
+			"data-scope": "ai",
+			"data-part": "response",
+			"onClick": onClick,
+			get innerHTML() {
+				return html();
+			}
+		}), false, false);
+		return _el$;
+	})();
 });
-//#endregion
 export { Response as t };

package/dist/{chevron-BHQrYKPM.mjs → chevron-DGKPHc2O.mjs}

@@ -1,8 +1,7 @@
-import { r as iconNode } from "./icon-DTqmJCd5.mjs";
-//#region src/components/ai/chevron.tsx
+import { r as iconNode } from "./icon-DQqYA2fO.mjs";
+// src/components/ai/chevron.tsx
 /** The folding chevron the shared indicator turns. */
 function chevron() {
 	return iconNode("chevron-right");
 }
-//#endregion
 export { chevron as t };

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

@@ -1,5 +1,4 @@
 import { Accordion as Accordion$1, AccordionRootProps } from "@ark-ui/solid/accordion";
-//#region src/components/accordion/index.d.ts
 /** Ark's Accordion, dressed in the paper-and-ink system: a ruled sheet
  * folded by quiet rows, unfolding with a spring-chevoned dissolve. The
  * API is Ark's own — Root, Item, ItemTrigger, ItemContent, ItemIndicator. */
@@ -24,4 +23,4 @@ type AccordionParts = Omit<typeof Accordion$1, "Root"> & {
   Root: typeof AccordionRoot;
 };
 export declare const Accordion: typeof AccordionFacade & AccordionParts;
-//#endregion
+export {};

package/dist/components/accordion/index.mjs

@@ -1,12 +1,12 @@
-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, insert, memo, mergeProps, template } 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, insert, memo, mergeProps, template } from "solid-js/web";
 import { Accordion as Accordion$1 } from "@ark-ui/solid/accordion";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { For } from "solid-js";
-//#region src/components/accordion/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<p>`);
+// src/components/accordion/index.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p>`);
 /** Ark's Accordion, dressed in the paper-and-ink system: a ruled sheet
 * folded by quiet rows, unfolding with a spring-chevoned dissolve. The
 * API is Ark's own — Root, Item, ItemTrigger, ItemContent, ItemIndicator. */
@@ -34,9 +34,7 @@ function AccordionFacade(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(For, {
@@ -49,16 +47,12 @@ function AccordionFacade(props) {
 					},
 					get children() {
 						return [createComponent(Accordion$1.ItemTrigger, { get children() {
-							return [memo(() => {
-								return item.title;
-							}), createComponent(Accordion$1.ItemIndicator, { get children() {
+							return [memo(() => item.title), createComponent(Accordion$1.ItemIndicator, { get children() {
 								return iconNode("chevron-down");
 							} })];
 						} }), createComponent(Accordion$1.ItemContent, { get children() {
 							var _el$ = _tmpl$();
-							insert(_el$, () => {
-								return item.content;
-							});
+							insert(_el$, () => item.content);
 							return _el$;
 						} })];
 					}
@@ -72,5 +66,4 @@ const Accordion = defineFamily(AccordionFacade, {
 	Root: AccordionRoot
 });
 injectComponentStyle("accordion");
-//#endregion
 export { Accordion };

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

@@ -1,5 +1,4 @@
 import { JSX } from "solid-js";
-//#region src/components/affix/index.d.ts
 export interface AffixProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** Where the content pins when it reaches the top of the scrolling
    * ancestor — the height of any fixed header it must clear. */
@@ -18,5 +17,4 @@ export interface AffixProps extends JSX.HTMLAttributes<HTMLDivElement> {
  */
 export declare const Affix: ((props: AffixProps) => JSX.Element) & {
   Root: (props: AffixProps) => JSX.Element;
-};
-//#endregion
+};