@bysages/svelte 0.4.4 → 0.5.0

package/dist/{progress-group-CkFZNtnC.mjs → progress-group-DEnTE2rG.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/progress-group/ProgressGroup.svelte
+// src/components/progress-group/ProgressGroup.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -70,13 +70,11 @@ function ProgressGroup$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/progress-group/index.ts
+// src/components/progress-group/index.ts
 /** One bar, several verdicts: the segments stand shoulder to shoulder,
 * each as wide as its share of the whole and speaking its own pigment;
 * the legend reads them back beneath (swatch, label, value) unless the
 * caller declines it. The whole is the sum of the parts unless the
 * caller brings a larger one — the remainder then shows as groove. */
 const ProgressGroup = withSelfRoot(ProgressGroup$1);
-//#endregion
 export { ProgressGroup as t };

package/dist/{props-BZcE7LP_.d.mts → props-B3JgnaIu.d.mts}

@@ -1,6 +1,5 @@
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-reasoning/props.d.ts
 interface ReasoningProps extends HTMLAttributes<HTMLDivElement> {
   /** The trigger's words — the fold arrives open under them. */
   label?: string;
@@ -8,5 +7,4 @@ interface ReasoningProps extends HTMLAttributes<HTMLDivElement> {
   defaultOpen?: boolean;
   children?: Snippet;
 }
-//#endregion
 export { ReasoningProps as t };

package/dist/{props-C2OWII_8.d.mts → props-BCGeiPkX.d.mts}

@@ -1,6 +1,5 @@
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-source/props.d.ts
 interface SourceProps extends HTMLAttributes<HTMLAnchorElement> {
   /** Where the ink came from — also the link text when no children
    * are given; opens in a new tab, referrer-free. */
@@ -10,5 +9,4 @@ interface SourceProps extends HTMLAttributes<HTMLAnchorElement> {
 interface SourcesProps extends HTMLAttributes<HTMLOListElement> {
   children?: Snippet;
 }
-//#endregion
 export { SourcesProps as n, SourceProps as t };

package/dist/{props-Dr7ABUbp.d.mts → props-BCaZ82OV.d.mts}

@@ -1,10 +1,8 @@
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-suggestion/props.d.ts
 interface SuggestionProps extends HTMLAttributes<HTMLButtonElement> {
   /** The next stroke this seal proposes — also its label; handed
    * back whole on `onSelect`. */
   prompt: string;
   onSelect?: (prompt: string) => void;
 }
-//#endregion
 export { SuggestionProps as t };

package/dist/{props-DL-XfEtS.d.mts → props-BTFG2WVw.d.mts}

@@ -1,7 +1,6 @@
-import { r as MentionEntry } from "./index-D_fO4kp1.mjs";
+import { a as MentionPlacement, i as MentionEntry, o as MentionTriggers, r as MentionCommitKey } from "./index-xveVUurC.mjs";
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-prompt-input/props.d.ts
 interface PromptInputProps extends HTMLAttributes<HTMLFormElement> {
   /** The draft in the vessel — bind `value`; it clears itself on a
    * successful submit. */
@@ -17,14 +16,24 @@ interface PromptInputProps extends HTMLAttributes<HTMLFormElement> {
   /** The machine is working — the seal becomes a stop seal and Enter
    * holds its breath. */
   busy?: boolean;
-  /** Mention candidates for the field: pass the roster and the summon
-   * character (`@` unless told otherwise) and the vessel rides the
-   * textarea. While candidates are up, Enter inserts and the send
-   * waits. */
+  /** Mention candidates for the field: pass the roster, the summon
+   * character(s) (`@` unless told otherwise), and whether a selection
+   * rewrites the composer text. While candidates are up, a configured
+   * commit key inserts and the send waits. */
   mentions?: {
     items: MentionEntry[];
     trigger?: string;
+    triggers?: MentionTriggers;
+    insertOnSelect?: boolean;
+    /** Defaults to Enter, Space and Tab for the composer. */
+    commitKeys?: MentionCommitKey[];
+    /** Defaults above the composer. */
+    placement?: MentionPlacement;
+    /** Remove the live `/command` query after a no-insert selection. */
+    clearQueryOnSelect?: boolean;
   };
+  /** A candidate was confirmed; the whole entry rides back. */
+  onSelect?: (entry: MentionEntry) => void;
   /** Attachments riding above the text. */
   header?: Snippet;
   /** The tools at the text's left. */
@@ -38,5 +47,4 @@ interface PromptInputProps extends HTMLAttributes<HTMLFormElement> {
    * default when a footer is present. */
   footerEnd?: Snippet;
 }
-//#endregion
 export { PromptInputProps as t };

package/dist/{props-D93CbAiS.d.mts → props-D_5q9QQF.d.mts}

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-response/props.d.ts
 interface ResponseProps extends HTMLAttributes<HTMLDivElement> {
   /** The markdown text to set on the paper — streamed in freely; raw
    * HTML and executable links stay inert. */
@@ -12,5 +11,4 @@ interface ResponseProps extends HTMLAttributes<HTMLDivElement> {
   /** The copy stamp's accessible name once the text has landed. */
   copiedLabel?: string;
 }
-//#endregion
 export { ResponseProps as t };

package/dist/{props-BvDM6-cm.d.mts → props-_GN94tW2.d.mts}

@@ -1,11 +1,9 @@
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
-//#region src/components/ai-action/props.d.ts
 interface ActionProps extends HTMLAttributes<HTMLButtonElement> {
   /** What the button does, spoken to assistive tech and shown as the
    * hover title — copy, retry, thumbs. */
   label: string;
   children?: Snippet;
 }
-//#endregion
 export { ActionProps as t };

package/dist/{result-BRbQTUeW.mjs → result-BT9cir7u.mjs}

@@ -1,8 +1,8 @@
-import { t as iconBody } from "./icon-CKL_BxrZ.mjs";
+import { t as iconBody } from "./icon-CF5OqvV3.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/result/Description.svelte
+// src/components/result/Description.svelte
 var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -26,8 +26,7 @@ function Description($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/result/Extra.svelte
+// src/components/result/Extra.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -51,8 +50,7 @@ function Extra($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/result/Result.svelte
+// src/components/result/Result.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -79,8 +77,7 @@ function Result$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/result/ResultIcon.svelte
+// src/components/result/ResultIcon.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -121,8 +118,7 @@ function ResultIcon($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/result/Title.svelte
+// src/components/result/Title.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -146,8 +142,7 @@ function Title($$anchor, $$props) {
 	$.append($$anchor, h3);
 	$.pop();
 }
-//#endregion
-//#region src/components/result/index.ts
+// src/components/result/index.ts
 /** A verdict drawn after the deed — Result, Result.Icon, Result.Title,
 * Result.Description, Result.Extra. */
 const Result = Object.assign(Result$1, {
@@ -157,5 +152,4 @@ const Result = Object.assign(Result$1, {
 	Description,
 	Extra
 });
-//#endregion
 export { Result as t };

package/dist/{select-DuSzjsoK.mjs → select-DqF4a1Ek.mjs}

@@ -1,12 +1,12 @@
-import { n as withSelfRoot, t as defineFamily } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
-import { n as SelectRoot, t as Select$2 } from "./Select-D4rBviRL.mjs";
+import { n as withSelfRoot, t as defineFamily } from "./family-lE_Nnow1.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
+import { n as SelectRoot, t as Select$2 } from "./Select-BbQQihFi.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { useFieldContext } from "@ark-ui/svelte/field";
 import { Select } from "@ark-ui/svelte/select";
-//#region src/components/select/NativeSelect.svelte
+// src/components/select/NativeSelect.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -87,8 +87,7 @@ function NativeSelect$1($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-//#endregion
-//#region src/components/select/index.ts
+// src/components/select/index.ts
 /** Ark's Select, dressed in the paper-and-ink system: the trigger is the
 * whole control and its list dissolves open as a paper vessel, the checked
 * row taking the flat ink fill. The API is Ark's own — Root, Label, Control,
@@ -100,5 +99,4 @@ const Select$1 = defineFamily(Select$2, {
 });
 /** The platform's own list wearing the control recipe. */
 const NativeSelect = withSelfRoot(NativeSelect$1);
-//#endregion
 export { Select$1 as n, NativeSelect as t };

package/dist/{separator-I0MEoHjO.mjs → separator-uapnB2RA.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/separator/Separator.svelte
+// src/components/separator/Separator.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -27,11 +27,9 @@ function Separator$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/separator/index.ts
+// src/components/separator/index.ts
 /** The paper-ink hairline as a component: a named rule between sections.
 * Decorative separators drop the separator role, since the page reads
 * fine without them. */
 const Separator = withSelfRoot(Separator$1);
-//#endregion
 export { Separator as t };

package/dist/{skeleton-BHn0Emeh.mjs → skeleton-CgYKQ7Hp.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/skeleton/Skeleton.svelte
+// src/components/skeleton/Skeleton.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -22,10 +22,8 @@ function Skeleton$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/skeleton/index.ts
+// src/components/skeleton/index.ts
 /** A waiting sheet of unset paper. Size it from the outside; the breath
 * is the component's own. */
 const Skeleton = withSelfRoot(Skeleton$1);
-//#endregion
 export { Skeleton as t };

package/dist/{spotlight-Apoc1iQX.mjs → spotlight-D-55UCwc.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/spotlight/Spotlight.svelte
+// src/components/spotlight/Spotlight.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -43,10 +43,8 @@ function Spotlight$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/spotlight/index.ts
+// src/components/spotlight/index.ts
 /** The ink-light card: a vessel whose rim and face take light from the
 * reader's hand. */
 const Spotlight = withSelfRoot(Spotlight$1);
-//#endregion
 export { Spotlight as t };

package/dist/{stack-uMjCwn_2.mjs → stack-DQuY60M4.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/stack/Stack.svelte
+// src/components/stack/Stack.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -49,10 +49,8 @@ function Stack$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/stack/index.ts
+// src/components/stack/index.ts
 /** Whitespace chosen by name: the named steps point at the space ramp
 * so siblings are held apart by one token, never by ad-hoc margins. */
 const Stack = withSelfRoot(Stack$1);
-//#endregion
 export { Stack as t };

package/dist/{stat-DQ-5P4Gr.mjs → stat-CGmsB4Gt.mjs}

@@ -1,7 +1,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/stat/Stat.svelte
+// src/components/stat/Stat.svelte
 var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -25,8 +25,7 @@ function Stat$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/StatDelta.svelte
+// src/components/stat/StatDelta.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -52,8 +51,7 @@ function StatDelta($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/StatDescription.svelte
+// src/components/stat/StatDescription.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -77,8 +75,7 @@ function StatDescription($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/StatLabel.svelte
+// src/components/stat/StatLabel.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -102,8 +99,7 @@ function StatLabel($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/StatValue.svelte
+// src/components/stat/StatValue.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -127,8 +123,7 @@ function StatValue($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/stat/index.ts
+// src/components/stat/index.ts
 /** One figure on the page: the label whispers what it is, the value
 * states it plainly in tabular figures, the delta reads the direction
 * in the fixed semantic pigments. */
@@ -139,5 +134,4 @@ const Stat = Object.assign(Stat$1, {
 	Delta: StatDelta,
 	Description: StatDescription
 });
-//#endregion
 export { Stat as t };

package/dist/{table-N8W6Jcaj.mjs → table-DN7VR65O.mjs}

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { n as iconHtml } from "./icon-CKL_BxrZ.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
-import { n as useComponentMessages, t as formatMessage } from "./messages-DNzA55pH.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
+import { n as iconHtml } from "./icon-CF5OqvV3.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
+import { n as useComponentMessages, t as formatMessage } from "./messages-BZoDXYu3.mjs";
 import { Pagination } from "./components/pagination/index.mjs";
-import { n as Select$1 } from "./select-DuSzjsoK.mjs";
+import { n as Select$1 } from "./select-DqF4a1Ek.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
@@ -11,7 +11,7 @@ import { untrack } from "svelte";
 import { createListCollection } from "@ark-ui/svelte/select";
 import { FlexRender, FlexRender as FlexRender$1, cellSpanningFeature, columnFilteringFeature, columnOrderingFeature, columnPinningFeature, columnSizingFeature, columnVisibilityFeature, createColumnHelper, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, createTable, filterFn_arrIncludes, filterFn_equals, filterFn_inDateRange, filterFn_inNumberRange, filterFn_includesString, filterFn_weakEquals, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures } from "@tanstack/svelte-table";
 import { createVirtualizer } from "@tanstack/svelte-virtual";
-//#region src/components/table/table-utils.ts
+// src/components/table/table-utils.ts
 /** The list holding `id` and the index inside it, or null when absent. */
 function findNode(rows, id) {
 	for (let index = 0; index < rows.length; index++) {
@@ -60,8 +60,7 @@ function mark(el, attr, on) {
 	if (on) el.setAttribute(attr, "");
 	else el.removeAttribute(attr);
 }
-//#endregion
-//#region src/components/table/DataTable.svelte
+// src/components/table/DataTable.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -1037,11 +1036,9 @@ $.delegate([
 	"click",
 	"input"
 ]);
-//#endregion
-//#region src/components/table/index.ts
+// src/components/table/index.ts
 /** The control recipe as a one-stop data table: sorting, filtering,
 * pinning, merging, virtualization, and drag-to-reorder behind one
 * component. The API is TanStack's own — columns ride `ColumnDef`. */
 const DataTable = withSelfRoot(DataTable$1);
-//#endregion
 export { FlexRender$1 as n, createColumnHelper as r, DataTable as t };

package/dist/{tag-CXAD4ox2.mjs → tag-DpuHqCaX.mjs}

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/tag/Tag.svelte
+// src/components/tag/Tag.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -130,12 +130,10 @@ function Tag$1($$anchor, $$props) {
 	$.pop();
 }
 $.delegate(["click"]);
-//#endregion
-//#region src/components/tag/index.ts
+// src/components/tag/index.ts
 /** A small named seal for filtering and cataloguing. The resting shape
 * is a span; `checkable` raises it to a pressed button, and `closable`
 * hangs the removal seal inside — dismissal stays the consumer's state,
 * the way the banner's does. */
 const Tag = withSelfRoot(Tag$1);
-//#endregion
 export { Tag as t };

package/dist/terminal-ZGRocdIt.mjs

@@ -0,0 +1,90 @@
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
+import { n as useComponentMessages } from "./messages-BZoDXYu3.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+// src/components/terminal/Terminal.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"lines",
+	"prompt",
+	"placeholder",
+	"label",
+	"readOnly",
+	"onCommand"
+]);
+var root = $.from_html(`<div data-scope="terminal" data-part="line"> </div>`);
+var root_1 = $.from_html(`<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" spellcheck="false" autocomplete="off"/></div>`);
+var root_2 = $.from_html(`<div><div data-scope="terminal" data-part="scroll"></div> <!></div>`);
+function Terminal$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("terminal");
+	let lines = $.prop($$props, "lines", 19, () => []), prompt = $.prop($$props, "prompt", 3, "$"), readOnly = $.prop($$props, "readOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
+	let draft = $.state("");
+	let scroll = $.state(void 0);
+	const transcript = $.derived(() => lines().join("\n"));
+	$.user_effect(() => {
+		$.get(transcript);
+		$.get(scroll)?.scrollTo({ top: $.get(scroll).scrollHeight });
+	});
+	function submit() {
+		const text = $.get(draft).trim();
+		if (!text) return;
+		$.set(draft, "");
+		$$props.onCommand?.(text);
+	}
+	var div = root_2();
+	$.attribute_effect(div, () => ({
+		...rest,
+		role: "log",
+		"aria-label": $$props.label,
+		"data-scope": "terminal",
+		"data-part": "root",
+		"data-readonly": readOnly() ? "" : void 0
+	}));
+	var div_1 = $.child(div);
+	$.each(div_1, 21, lines, $.index, ($$anchor, line) => {
+		var div_2 = root();
+		var text_1 = $.only_child(div_2, true);
+		$.template_effect(() => $.set_text(text_1, $.get(line)));
+		$.append($$anchor, div_2);
+	});
+	$.reset(div_1);
+	$.bind_this(div_1, ($$value) => $.set(scroll, $$value), () => $.get(scroll));
+	var node = $.sibling(div_1, 2);
+	var consequent = ($$anchor) => {
+		var div_3 = root_1();
+		var span = $.child(div_3);
+		var text_2 = $.only_child(span, true);
+		var input = $.sibling(span, 2);
+		$.remove_input_defaults(input);
+		$.reset(div_3);
+		$.template_effect(($0) => {
+			$.set_text(text_2, prompt());
+			$.set_attribute(input, "placeholder", $$props.placeholder);
+			$.set_attribute(input, "aria-label", $0);
+		}, [() => $$props.label ?? messages().terminal.commandLine]);
+		$.delegated("keydown", input, (event) => {
+			if (event.key === "Enter") {
+				event.preventDefault();
+				submit();
+			}
+		});
+		$.bind_value(input, () => $.get(draft), ($$value) => $.set(draft, $$value));
+		$.append($$anchor, div_3);
+	};
+	$.if(node, ($$render) => {
+		if (!readOnly()) $$render(consequent);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+$.delegate(["keydown"]);
+// src/components/terminal/index.ts
+/** A quiet console: the transcript above, the prompt line below. */
+const Terminal = withSelfRoot(Terminal$1);
+export { Terminal as t };

package/dist/{textarea-ClX5LWLE.mjs → textarea-D10nUiTa.mjs}

@@ -1,9 +1,9 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { useFieldContext } from "@ark-ui/svelte/field";
-//#region src/components/textarea/Textarea.svelte
+// src/components/textarea/Textarea.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -35,11 +35,9 @@ function Textarea$1($$anchor, $$props) {
 	$.append($$anchor, textarea);
 	$.pop();
 }
-//#endregion
-//#region src/components/textarea/index.ts
+// src/components/textarea/index.ts
 /** The bare multi-line input, dressed in the field recipe: border,
 * surface, focus halo — no shadow. Inside a Field.Root it picks up the
 * label wiring and the invalid state from the context. */
 const Textarea = withSelfRoot(Textarea$1);
-//#endregion
 export { Textarea as t };

package/dist/{timeline-RyLnUiMA.mjs → timeline-DWk02xFJ.mjs}

@@ -1,7 +1,7 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/timeline/Timeline.svelte
+// src/components/timeline/Timeline.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -27,8 +27,7 @@ function Timeline$1($$anchor, $$props) {
 	$.append($$anchor, ol);
 	$.pop();
 }
-//#endregion
-//#region src/components/timeline/TimelineContent.svelte
+// src/components/timeline/TimelineContent.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -52,8 +51,7 @@ function TimelineContent($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/timeline/TimelineItem.svelte
+// src/components/timeline/TimelineItem.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -77,8 +75,7 @@ function TimelineItem($$anchor, $$props) {
 	$.append($$anchor, li);
 	$.pop();
 }
-//#endregion
-//#region src/components/timeline/TimelineMarker.svelte
+// src/components/timeline/TimelineMarker.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -102,8 +99,7 @@ function TimelineMarker($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-//#endregion
-//#region src/components/timeline/index.ts
+// src/components/timeline/index.ts
 /** A line of moments: Root is the ordered thread, Item one moment on it,
 * Marker the point where the thread passes, Content what the moment
 * holds. The hairline between markers is drawn by the stylesheet. */
@@ -113,5 +109,4 @@ const Timeline = Object.assign(Timeline$1, {
 	Marker: TimelineMarker,
 	Content: TimelineContent
 });
-//#endregion
 export { Timeline as t };