@bysages/svelte 0.4.3 → 0.5.0

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-HzpYIOst.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-CVMOvviD.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 };

package/dist/{toolbar-BTM5B0Nt.mjs → toolbar-CbnuHMXx.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/toolbar/Toolbar.svelte
+// src/components/toolbar/Toolbar.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -60,10 +60,8 @@ function Toolbar$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/toolbar/index.ts
+// src/components/toolbar/index.ts
 /** A workbench rail: the start tools at the leading edge, the end
 * tools at the trailing. */
 const Toolbar = withSelfRoot(Toolbar$1);
-//#endregion
 export { Toolbar as t };

package/dist/{typography-DUWj7wex.mjs → typography-Cr4CXUpW.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/typography/TypographyBody.svelte
+// src/components/typography/TypographyBody.svelte
 var rest_excludes$5 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -25,8 +25,7 @@ function TypographyBody($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/TypographyDisplay.svelte
+// src/components/typography/TypographyDisplay.svelte
 var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -50,8 +49,7 @@ function TypographyDisplay($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/TypographyHeading.svelte
+// src/components/typography/TypographyHeading.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -75,8 +73,7 @@ function TypographyHeading($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/TypographyLabel.svelte
+// src/components/typography/TypographyLabel.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -100,8 +97,7 @@ function TypographyLabel($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/TypographyLead.svelte
+// src/components/typography/TypographyLead.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -125,8 +121,7 @@ function TypographyLead($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/TypographyMuted.svelte
+// src/components/typography/TypographyMuted.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -150,8 +145,7 @@ function TypographyMuted($$anchor, $$props) {
 	$.append($$anchor, p);
 	$.pop();
 }
-//#endregion
-//#region src/components/typography/index.ts
+// src/components/typography/index.ts
 /** The typographic voices, named so prose can ask for one: display and
 * heading ride the song-serif, the rest ride the hei. Nothing here is
 * decorative — hierarchy is size, weight, and space. */
@@ -164,5 +158,4 @@ const Typography = Object.assign(TypographyDisplay, {
 	Muted: TypographyMuted,
 	Label: TypographyLabel
 });
-//#endregion
 export { Typography as t };

package/dist/{use-media-controls-BYYG0DgO.mjs → use-media-controls-Bqz-x0MH.mjs}

@@ -1,6 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-//#region src/components/media-player/use-media-controls.svelte
+// src/components/media-player/use-media-controls.svelte
 function useMediaControls(media) {
 	let currentTime = $.state(0);
 	let duration = $.state(0);
@@ -145,5 +145,4 @@ function formatMediaTime(seconds) {
 	const secs = String(whole % 3600 % 60).padStart(2, "0");
 	return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${secs}` : `${minutes}:${secs}`;
 }
-//#endregion
 export { useMediaControls as n, formatMediaTime as t };

package/dist/{use-tour-BfS5dCZb.mjs → use-tour-DkVIh_cp.mjs}

@@ -1,10 +1,10 @@
-import { t as Button } from "./button-Cl45zjdj.mjs";
+import { t as Button } from "./button-D-u911qp.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 import "svelte/internal/flags/legacy";
 import { Tour, useTour } from "@ark-ui/svelte/tour";
-//#region src/components/tour/TourRoot.svelte
+// src/components/tour/TourRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -31,8 +31,7 @@ function TourRoot($$anchor, $$props) {
 	});
 	$.append($$anchor, fragment);
 }
-//#endregion
-//#region src/components/tour/Tour.svelte
+// src/components/tour/Tour.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -171,10 +170,8 @@ function Tour$1($$anchor, $$props) {
 	}));
 	$.pop();
 }
-//#endregion
-//#region src/components/tour/use-tour.svelte
+// src/components/tour/use-tour.svelte
 function useTour$1(props = {}) {
 	return useTour(() => ({ ...props }));
 }
-//#endregion
 export { Tour$1 as n, TourRoot as r, useTour$1 as t };

package/dist/{user--GneY3yN.mjs → user-SbqJ1Iyq.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 { Avatar } from "@ark-ui/svelte/avatar";
-//#region src/components/user/User.svelte
+// src/components/user/User.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -92,10 +92,8 @@ function User$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/user/index.ts
+// src/components/user/index.ts
 /** A person on one line: the seal before the words, the name and its
 * quiet echo beneath. */
 const User = withSelfRoot(User$1);
-//#endregion
 export { User as t };

package/dist/{virtual-list-h85_wJw5.mjs → virtual-list-BkDk6-W8.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 { untrack } from "svelte";
-//#region src/components/virtual-list/VirtualList.svelte
+// src/components/virtual-list/VirtualList.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -58,9 +58,7 @@ function VirtualList$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/virtual-list/index.ts
+// src/components/virtual-list/index.ts
 /** A ledger that only mounts the rows on stage. */
 const VirtualList = withSelfRoot(VirtualList$1);
-//#endregion
 export { VirtualList as t };

package/dist/{watermark-CHUTjZ6E.mjs → watermark-dyob2zlj.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/watermark/Watermark.svelte
+// src/components/watermark/Watermark.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -80,12 +80,10 @@ function Watermark$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/watermark/index.ts
+// src/components/watermark/index.ts
 /** The paper bears its seal beneath the content: a canvas draws the
 * text once into a tile (rotated, faint, crisp at the screen's pixel
 * density) and the marks layer repeats it over the children. The seal
 * redraws itself when a prop turns — and it never takes a pointer. */
 const Watermark = withSelfRoot(Watermark$1);
-//#endregion
 export { Watermark as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/svelte",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "By Sages Elements components for Svelte — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -46,27 +46,27 @@
   },
   "dependencies": {
     "@ark-ui/svelte": "5.24.3",
-    "@tanstack/markdown": "1.0.0",
     "@tanstack/svelte-form": "1.33.5",
-    "@tanstack/svelte-table": "9.2.8",
-    "@tanstack/svelte-virtual": "3.13.40",
-    "@zag-js/cascade-select": "1.45.0",
-    "@zag-js/svelte": "1.45.0",
-    "@bysages/core": "0.4.3"
+    "@tanstack/svelte-table": "9.3.1",
+    "@tanstack/svelte-virtual": "3.13.51",
+    "@zag-js/cascade-select": "1.47.0",
+    "@zag-js/svelte": "1.47.0",
+    "@bysages/core": "0.5.0"
   },
   "devDependencies": {
-    "@json-render/core": "0.21.0",
-    "@json-render/svelte": "0.21.0",
+    "@json-render/core": "0.21.4",
+    "@json-render/svelte": "0.21.4",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
-    "ai": "7.0.137",
+    "ai": "7.0.159",
     "rollup-plugin-svelte": "7.2.3",
-    "svelte": "5.57.2",
-    "svelte2tsx": "0.7.61",
-    "zod": "4.6.5"
+    "svelte": "5.57.3",
+    "svelte2tsx": "0.7.62",
+    "zod": "4.6.7"
   },
   "peerDependencies": {
     "@json-render/core": "^0.21.0",
     "@json-render/svelte": "^0.21.0",
+    "ai": "^7.0.0",
     "svelte": "^5",
     "zod": "^4.0"
   },