@bysages/svelte 0.2.3 → 0.3.0

package/README.md

@@ -4,11 +4,11 @@
 ![npm downloads](https://img.shields.io/npm/dw/@bysages/svelte)
 ![npm license](https://img.shields.io/npm/l/@bysages/svelte)
 
-> By Sages Elements for Svelte — 90+ accessible component families, headless by construction, dressed by the paper-and-ink style layer.
+> By Sages Elements for Svelte — 140+ accessible component families, headless by construction, dressed by the paper-and-ink style layer.
 
 ## Features
 
-- 🧩 **90+ families** — actions, forms, overlays, navigation, data, layout, and an AI conversation family on ai-sdk formats
+- 🧩 **140+ families** — actions, forms, overlays, navigation, data, layout, an AI conversation family on ai-sdk formats, and a full generative vocabulary
 - 🏛️ **Headless inside** — interaction, state, ARIA, and positioning come from proven headless state machines; wrappers add API narrowing and style injection, no DOM of their own
 - 🎨 **Token-styled** — every visual value is a CSS custom property from `@bysages/core`; light/dark, accent pigments, contrast and density tiers are data, never hardcoded styles
 - 📦 **Container-driven** — components respond to `@container`, not the viewport; the same component composes in a sidebar, a card, or a page
@@ -65,6 +65,20 @@ mount(App, { target: document.getElementById("app")! });
 </Dialog.Root>
 ```
 
+## Generative UI
+
+Every family carries a generative face — a zod-typed catalog entry that
+lives beside the component. The faces compose into a
+[json-render](https://json-render.dev) catalog and render through the
+same package:
+
+```ts
+import { catalog } from "@bysages/svelte/generative";
+```
+
+Point an AI SDK stream at the renderer and a prompt becomes real,
+on-brand components — constrained to the families you registered.
+
 ## Documentation
 
 The [documentation site](https://elements.bysages.com) carries every family with live demos and props tables.

package/dist/{ai-BOUoSSjw.mjs → AiLoader-0jlig3fe.mjs}

@@ -1,11 +1,3 @@
-import { t as AiAction } from "./ai-action-DKsvxilp.mjs";
-import { t as AiMessage } from "./ai-message-DBs1fdFm.mjs";
-import { t as AiPromptInput } from "./ai-prompt-input-BmyKyadu.mjs";
-import { t as AiReasoning } from "./ai-reasoning-C4YsB2hQ.mjs";
-import { t as AiResponse } from "./ai-response-D5IkRFMN.mjs";
-import { n as AiSources, t as AiSource } from "./ai-source-CvglcFw1.mjs";
-import { t as AiSuggestion } from "./ai-suggestion-zGAQ1kkf.mjs";
-import { t as AiTool } from "./ai-tool-DY_iNbMk.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -17,7 +9,7 @@ var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"children"
 ]);
 var root$3 = $.from_html(`<div><!></div>`);
-function Ai$1($$anchor, $$props) {
+function Ai($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
 	let rest = $.rest_props($$props, rest_excludes$3);
@@ -113,28 +105,4 @@ function AiLoader($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/ai/index.ts
-/** A conversation column: Root is the log, Message carries a role, and
-* the speaking parts — Response, Reasoning, Tool, Sources — part the
-* stream. The interactive folds are the shared Collapsible wearing a
-* `data-ai` marker, the prompt vessel the shared Field, so the machine
-* work is never ours. Parts stay agnostic of any client; consumers map
-* their message format (e.g. the `UIMessage` parts re-exported below)
-* onto these primitives. */
-const Ai = Object.assign(Ai$1, {
-	Conversation: Ai$1,
-	Content: AiContent,
-	Message: AiMessage,
-	Response: AiResponse,
-	Reasoning: AiReasoning,
-	Tool: AiTool,
-	Sources: AiSources,
-	Source: AiSource,
-	Actions: AiActions,
-	Action: AiAction,
-	Suggestion: AiSuggestion,
-	PromptInput: AiPromptInput,
-	Loader: AiLoader
-});
-//#endregion
-export { Ai as t };
+export { Ai as i, AiContent as n, AiActions as r, AiLoader as t };

package/dist/Input-CZhcEeFU.mjs

@@ -0,0 +1,75 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { useFieldContext } from "@ark-ui/svelte/field";
+//#region src/components/input/mask.ts
+function accepts(slot, ch) {
+	if (slot === "9") return /\d/.test(ch);
+	if (slot === "a") return /[a-zA-Z]/.test(ch);
+	return /[\da-zA-Z]/.test(ch);
+}
+/** Apply the entry mask: `9` takes a digit, `a` a letter, `*` either;
+* every other character is literal. A literal already typed is consumed,
+* not duplicated; a literal met out of place holds the walk and lets its
+* own slot claim it — so deleting through the middle reflows the shape
+* instead of corrupting it. */
+function applyMask(raw, mask) {
+	const literals = new Set(mask.split("").filter((s) => s !== "9" && s !== "a" && s !== "*"));
+	let out = "";
+	let at = 0;
+	slots: for (const slot of mask) {
+		if (at >= raw.length) break;
+		if (slot === "9" || slot === "a" || slot === "*") {
+			let ch = raw[at];
+			while (ch !== void 0 && !accepts(slot, ch)) {
+				if (literals.has(ch)) continue slots;
+				at += 1;
+				ch = raw[at];
+			}
+			if (ch === void 0) break;
+			out += ch;
+			at += 1;
+		} else if (raw[at] === slot) {
+			at += 1;
+			out += slot;
+		} else out += slot;
+	}
+	return out;
+}
+//#endregion
+//#region src/components/input/Input.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"size",
+	"invalid",
+	"mask"
+]);
+var root = $.from_html(`<input/>`);
+function Input($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("input");
+	let value = $.prop($$props, "value", 15), size = $.prop($$props, "size", 3, "md"), invalid = $.prop($$props, "invalid", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const field = useFieldContext();
+	const fieldProps = $.derived(() => field?.()?.getInputProps() ?? {});
+	var input = root();
+	var event_handler = (event) => {
+		value($$props.mask ? applyMask(event.currentTarget.value, $$props.mask) : event.currentTarget.value);
+	};
+	$.attribute_effect(input, () => ({
+		...$.get(fieldProps),
+		...rest,
+		"data-scope": "input",
+		"data-part": "root",
+		"data-size": size(),
+		"data-invalid": invalid() || $.get(fieldProps)["data-invalid"] != null ? "" : void 0,
+		oninput: event_handler
+	}), void 0, void 0, void 0, void 0, true);
+	$.bind_value(input, value);
+	$.append($$anchor, input);
+	$.pop();
+}
+//#endregion
+export { Input as t };

package/dist/{spinner-EpUWE3Hu.mjs → Spinner-sd__23WT.mjs}

@@ -10,7 +10,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"children"
 ]);
 var root = $.from_html(`<span><svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="9" stroke="currentColor" stroke-opacity="0.2" stroke-width="2.5"></circle><path d="M21 12a9 9 0 0 0-9-9" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"></path></svg> <!></span>`);
-function Spinner$1($$anchor, $$props) {
+function Spinner($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("spinner");
 	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
@@ -30,9 +30,4 @@ function Spinner$1($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/spinner/index.ts
-/** A wheel of waiting: one arc of ink turning about its center. Quiet by
-* default — it reports progress without claiming attention. */
-const Spinner = Spinner$1;
-//#endregion
 export { Spinner as t };

package/dist/{TabsRoot-BMMO3B77.mjs → TabsRoot-DXd41HqW.mjs}

@@ -8,12 +8,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"$$events",
 	"$$legacy",
 	"size",
+	"variant",
 	"children"
 ]);
 function TabsRoot($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("tabs");
-	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "line"), rest = $.rest_props($$props, rest_excludes);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	$.component(node, () => Tabs.Root, ($$anchor, ArkTabs_Root) => {
@@ -21,6 +22,9 @@ function TabsRoot($$anchor, $$props) {
 			get "data-size"() {
 				return size();
 			},
+			get "data-variant"() {
+				return variant();
+			},
 			children: ($$anchor, $$slotProps) => {
 				var fragment_1 = $.comment();
 				var node_1 = $.first_child(fragment_1);

package/dist/{avatar-BHYqgq4d.mjs → avatar-LR0CZ1Iz.mjs}

@@ -8,12 +8,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"$$events",
 	"$$legacy",
 	"size",
+	"shape",
 	"children"
 ]);
 function Avatar$2($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("avatar");
-	let rest = $.rest_props($$props, rest_excludes);
+	let shape = $.prop($$props, "shape", 3, "circle"), rest = $.rest_props($$props, rest_excludes);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	$.component(node, () => Avatar.Root, ($$anchor, ArkAvatar_Root) => {
@@ -21,6 +22,9 @@ function Avatar$2($$anchor, $$props) {
 			get "data-size"() {
 				return $$props.size;
 			},
+			get "data-shape"() {
+				return shape();
+			},
 			children: ($$anchor, $$slotProps) => {
 				var fragment_1 = $.comment();
 				var node_1 = $.first_child(fragment_1);

package/dist/bento-BTvt7gsB.mjs

@@ -0,0 +1,73 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/bento/Bento.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"columns",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function Bento$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("bento");
+	/** Tracks across the lattice. */
+	let columns = $.prop($$props, "columns", 3, 3), rest = $.rest_props($$props, rest_excludes$1);
+	var div = root$1();
+	$.attribute_effect(div, ($0) => ({
+		...rest,
+		"data-scope": "bento",
+		"data-part": "root",
+		[$.STYLE]: { "--bs-bento-columns": $0 }
+	}), [() => String(columns())]);
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/bento/BentoCell.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"span",
+	"rowSpan",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function BentoCell($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("bento");
+	/** Columns this tile claims. */
+	/** Rows this tile claims. */
+	let span = $.prop($$props, "span", 3, 1), rowSpan = $.prop($$props, "rowSpan", 3, 1), rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, ($0, $1) => ({
+		...rest,
+		"data-scope": "bento",
+		"data-part": "cell",
+		[$.STYLE]: {
+			"--bs-bento-span-x": $0,
+			"--bs-bento-span-y": $1
+		}
+	}), [() => String(span()), () => String(rowSpan())]);
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/bento/index.ts
+/** The bento lattice: a grid of unequal tiles that reads as one plate
+* — Bento, Bento.Cell. */
+const Bento = Object.assign(Bento$1, {
+	Root: Bento$1,
+	Cell: BentoCell
+});
+//#endregion
+export { Bento as t };

package/dist/block-ui-CpiV9qza.mjs

@@ -0,0 +1,50 @@
+import { t as Spinner } from "./Spinner-sd__23WT.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/block-ui/BlockUI.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"blocked",
+	"children"
+]);
+var root = $.from_html(`<div data-scope="block-ui" data-part="mask"><!></div>`);
+var root_1 = $.from_html(`<div><!> <!></div>`);
+function BlockUI$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("block-ui");
+	let blocked = $.prop($$props, "blocked", 3, false), rest = $.rest_props($$props, rest_excludes);
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "block-ui",
+		"data-part": "root",
+		"data-blocked": blocked() ? "" : void 0,
+		"aria-busy": blocked() || void 0
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	var node_1 = $.sibling(node, 2);
+	var consequent = ($$anchor) => {
+		var div_1 = root();
+		var node_2 = $.child(div_1);
+		Spinner(node_2, { size: "lg" });
+		$.reset(div_1);
+		$.append($$anchor, div_1);
+	};
+	$.if(node_1, ($$render) => {
+		if (blocked()) $$render(consequent);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/block-ui/index.ts
+/** A curtain over content that must wait: frosted paper and one
+* quiet wheel. */
+const BlockUI = BlockUI$1;
+//#endregion
+export { BlockUI as t };

package/dist/browser-gmPTH6mJ.mjs

@@ -0,0 +1,146 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/browser/Browser.svelte
+var rest_excludes$4 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$4 = $.from_html(`<div><!></div>`);
+function Browser$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var div = root$4();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "root"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserBody.svelte
+var rest_excludes$3 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$3 = $.from_html(`<div><!></div>`);
+function BrowserBody($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var div = root$3();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "body"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserDots.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy"
+]);
+var root$2 = $.from_html(`<span data-scope="browser" data-part="dot"></span>`);
+var root_1 = $.from_html(`<div></div>`);
+function BrowserDots($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$2);
+	const tones = [
+		"danger",
+		"warning",
+		"success"
+	];
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "dots"
+	}));
+	$.each(div, 20, () => tones, (tone) => tone, ($$anchor, tone) => {
+		var span = root$2();
+		$.template_effect(() => $.set_attribute(span, "data-tone", tone));
+		$.append($$anchor, span);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserTitleBar.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root$1 = $.from_html(`<div><!></div>`);
+function BrowserTitleBar($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var div = root$1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "titlebar"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/BrowserUrlBar.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<div><!></div>`);
+function BrowserUrlBar($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("browser");
+	let rest = $.rest_props($$props, rest_excludes);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "browser",
+		"data-part": "urlbar"
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/browser/index.ts
+/** A browser window as a vessel: Root, TitleBar, Dots, UrlBar, Body. */
+const Browser = Object.assign(Browser$1, {
+	TitleBar: BrowserTitleBar,
+	Dots: BrowserDots,
+	UrlBar: BrowserUrlBar,
+	Body: BrowserBody
+});
+//#endregion
+export { Browser as t };

package/dist/{cascade-select-C-eBcN_4.mjs → cascade-select-B-4Z6oWe.mjs}

@@ -1,4 +1,4 @@
-import { t as Input } from "./Input-Biz4J1B6.mjs";
+import { t as Input } from "./Input-CZhcEeFU.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -21,13 +21,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"multiple",
 	"disabled"
 ]);
-var root = $.from_html(`<span data-part="branch-indicator" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span>`);
+var root = $.from_html(`<span data-scope="cascade-select" data-part="branch-indicator" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span>`);
 var root_1 = $.from_html(`<li><span> </span> <!> <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12.5 5 5L19 7"></path></svg></span></li>`);
 var root_2 = $.from_html(`<ul></ul> <!>`, 1);
-var root_3 = $.from_html(`<div data-part="search"><!></div>`);
-var root_4 = $.from_html(`<p data-part="empty">Nothing matches</p>`);
-var root_5 = $.from_html(`<button type="button" data-part="match"> </button>`);
-var root_6 = $.from_html(`<div><div><!> <div data-part="corridor"><!></div></div></div>`);
+var root_3 = $.from_html(`<div data-scope="cascade-select" data-part="search"><!></div>`);
+var root_4 = $.from_html(`<p data-scope="cascade-select" data-part="empty">Nothing matches</p>`);
+var root_5 = $.from_html(`<button type="button" data-scope="cascade-select" data-part="match"> </button>`);
+var root_6 = $.from_html(`<div><div><!> <div data-scope="cascade-select" data-part="corridor"><!></div></div></div>`);
 var root_7 = $.from_html(`<div><div><button><span> </span> <span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></button></div> <!></div>`);
 function CascadeSelect$1($$anchor, $$props) {
 	const id = $.props_id();

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

@@ -1,4 +1,4 @@
-import { a as SourceDocumentUIPart, c as TextUIPart, d as UIMessagePart, f as AiPartProps, i as ReasoningUIPart, l as ToolUIPart, n as DataUIPart, o as SourceUrlUIPart, r as FileUIPart, s as StepStartUIPart, t as Ai, u as UIMessage } from "../../index-BjVEomHj.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-0jlig3fe.mjs";
 import { t as ActionProps } from "../../props-BvDM6-cm.mjs";
 import { n as MessageRole, t as MessageProps } from "../../props-CIwO25eA.mjs";
 import { t as PromptInputProps } from "../../props-U567RIQo.mjs";
@@ -7,4 +7,5 @@ import { t as ResponseProps } from "../../props-D93CbAiS.mjs";
 import { t as SourceProps } from "../../props-C2OWII_8.mjs";
 import { t as SuggestionProps } from "../../props-Dr7ABUbp.mjs";
 import { n as ToolStatus, t as ToolProps } from "../../props-B9YcQX8X.mjs";
-export { type ActionProps, Ai, type AiPartProps, type DataUIPart, type FileUIPart, type MessageProps, type MessageRole, type PromptInputProps, type ReasoningProps, type ReasoningUIPart, type ResponseProps, type SourceDocumentUIPart, type SourceProps, type SourceUrlUIPart, type StepStartUIPart, type SuggestionProps, type TextUIPart, type ToolProps, type ToolStatus, type ToolUIPart, type UIMessage, type UIMessagePart };
+import { a as SourceDocumentUIPart, c as TextUIPart, d as UIMessagePart, f as AiPartProps, i as ReasoningUIPart, l as ToolUIPart, n as DataUIPart, o as SourceUrlUIPart, r as FileUIPart, s as StepStartUIPart, t as Ai, u as UIMessage } from "../../index-CtbGSRNw.mjs";
+export { type ActionProps, Ai, AiActions, AiContent, Ai$1 as AiConversation, AiLoader, type AiPartProps, type DataUIPart, type FileUIPart, type MessageProps, type MessageRole, type PromptInputProps, type ReasoningProps, type ReasoningUIPart, type ResponseProps, type SourceDocumentUIPart, type SourceProps, type SourceUrlUIPart, type StepStartUIPart, type SuggestionProps, type TextUIPart, type ToolProps, type ToolStatus, type ToolUIPart, type UIMessage, type UIMessagePart };

package/dist/components/ai/index.mjs

@@ -1,2 +1,27 @@
-import { t as Ai } from "../../ai-BOUoSSjw.mjs";
-export { Ai };
+import { t as AiAction } from "../../ai-action-DKsvxilp.mjs";
+import { t as AiMessage } from "../../ai-message-DBs1fdFm.mjs";
+import { t as AiPromptInput } from "../../ai-prompt-input-BmyKyadu.mjs";
+import { t as AiReasoning } from "../../ai-reasoning-C4YsB2hQ.mjs";
+import { t as AiResponse } from "../../ai-response-D5IkRFMN.mjs";
+import { n as AiSources, t as AiSource } from "../../ai-source-CvglcFw1.mjs";
+import { t as AiSuggestion } from "../../ai-suggestion-zGAQ1kkf.mjs";
+import { t as AiTool } from "../../ai-tool-DY_iNbMk.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-0jlig3fe.mjs";
+//#region src/components/ai/index.ts
+const Ai = Object.assign(Ai$1, {
+	Conversation: Ai$1,
+	MessageContent: AiContent,
+	Message: AiMessage,
+	Response: AiResponse,
+	Reasoning: AiReasoning,
+	Tool: AiTool,
+	Sources: AiSources,
+	Source: AiSource,
+	Actions: AiActions,
+	Action: AiAction,
+	Suggestion: AiSuggestion,
+	PromptInput: AiPromptInput,
+	Loader: AiLoader
+});
+//#endregion
+export { Ai, AiActions, AiContent, Ai$1 as AiConversation, AiLoader };

package/dist/components/ai-action/index.d.mts

@@ -4,4 +4,4 @@ import { t as ActionProps } from "../../props-BvDM6-cm.mjs";
  * shared Button in its ghost register. */
 export declare const AiAction: import("svelte").Component<ActionProps, {}, "">;
 //#endregion
-export type { ActionProps };
+export { AiAction as Action, type ActionProps };

package/dist/components/ai-action/index.mjs

@@ -1,2 +1,2 @@
 import { t as AiAction } from "../../ai-action-DKsvxilp.mjs";
-export { AiAction };
+export { AiAction as Action, AiAction };

package/dist/components/ai-message/index.d.mts

@@ -4,4 +4,4 @@ import { n as MessageRole, t as MessageProps } from "../../props-CIwO25eA.mjs";
  * the assistant speaks flat on the paper. */
 export declare const AiMessage: import("svelte").Component<MessageProps, {}, "">;
 //#endregion
-export type { MessageProps, MessageRole };
+export { AiMessage as Message, type MessageProps, type MessageRole };

package/dist/components/ai-message/index.mjs

@@ -1,2 +1,2 @@
 import { t as AiMessage } from "../../ai-message-DBs1fdFm.mjs";
-export { AiMessage };
+export { AiMessage, AiMessage as Message };

package/dist/components/ai-prompt-input/index.d.mts

@@ -4,4 +4,4 @@ import { t as PromptInputProps } from "../../props-U567RIQo.mjs";
  * machine's autoresize — over a footer row carrying the submit seal. */
 export declare const AiPromptInput: import("svelte").Component<PromptInputProps, {}, "value">;
 //#endregion
-export type { PromptInputProps };
+export { AiPromptInput as PromptInput, type PromptInputProps };

package/dist/components/ai-prompt-input/index.mjs

@@ -1,2 +1,2 @@
 import { t as AiPromptInput } from "../../ai-prompt-input-BmyKyadu.mjs";
-export { AiPromptInput };
+export { AiPromptInput, AiPromptInput as PromptInput };

package/dist/components/ai-reasoning/index.d.mts

@@ -4,4 +4,4 @@ import { t as ReasoningProps } from "../../props-BZcE7LP_.mjs";
  * register. */
 export declare const AiReasoning: import("svelte").Component<ReasoningProps, {}, "">;
 //#endregion
-export type { ReasoningProps };
+export { AiReasoning as Reasoning, type ReasoningProps };

package/dist/components/ai-reasoning/index.mjs

@@ -1,2 +1,2 @@
 import { t as AiReasoning } from "../../ai-reasoning-C4YsB2hQ.mjs";
-export { AiReasoning };
+export { AiReasoning, AiReasoning as Reasoning };

package/dist/components/ai-response/index.d.mts

@@ -3,4 +3,4 @@ import { t as ResponseProps } from "../../props-D93CbAiS.mjs";
 /** Markdown set on the paper — streaming-safe by construction. */
 export declare const AiResponse: import("svelte").Component<ResponseProps, {}, "">;
 //#endregion
-export type { ResponseProps };
+export { AiResponse as Response, type ResponseProps };

package/dist/components/ai-response/index.mjs

@@ -1,2 +1,2 @@
 import { t as AiResponse } from "../../ai-response-D5IkRFMN.mjs";
-export { AiResponse };
+export { AiResponse, AiResponse as Response };

package/dist/components/ai-source/index.d.mts

@@ -5,4 +5,4 @@ import { n as SourcesProps, t as SourceProps } from "../../props-C2OWII_8.mjs";
 export declare const AiSource: import("svelte").Component<SourceProps, {}, "">;
 export declare const AiSources: import("svelte").Component<SourcesProps, {}, "">;
 //#endregion
-export type { SourceProps, SourcesProps };
+export { AiSource as Source, AiSources as Sources, type SourceProps, type SourcesProps };

package/dist/components/ai-source/index.mjs

@@ -1,2 +1,2 @@
 import { n as AiSources, t as AiSource } from "../../ai-source-CvglcFw1.mjs";
-export { AiSource, AiSources };
+export { AiSource, AiSource as Source, AiSources, AiSources as Sources };

package/dist/components/ai-suggestion/index.d.mts

@@ -4,4 +4,4 @@ import { t as SuggestionProps } from "../../props-Dr7ABUbp.mjs";
  * the prompt. */
 export declare const AiSuggestion: import("svelte").Component<SuggestionProps, {}, "">;
 //#endregion
-export type { SuggestionProps };
+export { AiSuggestion as Suggestion, type SuggestionProps };