@bysages/svelte 0.3.1 → 0.4.1

package/dist/{cascade-select-CfvWchiN.mjs → cascade-select-C4OSlWpx.mjs}

@@ -1,8 +1,10 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import { t as Input } from "./Input-CZhcEeFU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "./Input-DLfLshYU.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Portal } from "@ark-ui/svelte/portal";
 import { useEnvironmentContext } from "@ark-ui/svelte/environment";
 import { useFilter, useLocaleContext } from "@ark-ui/svelte/locale";
@@ -22,14 +24,14 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"multiple",
 	"disabled"
 ]);
-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 = $.from_html(`<span data-scope="cascade-select" data-part="branch-indicator" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<li><span> </span> <!> <span><!></span></li>`);
 var root_2 = $.from_html(`<ul></ul> <!>`, 1);
 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>`);
+var root_7 = $.from_html(`<div><div><button><span> </span> <span><!></span></button></div> <!></div>`);
 function CascadeSelect$1($$anchor, $$props) {
 	const id = $.props_id();
 	$.push($$props, true);
@@ -63,6 +65,9 @@ function CascadeSelect$1($$anchor, $$props) {
 			var node_1 = $.sibling(span, 2);
 			var consequent = ($$anchor) => {
 				var span_1 = root();
+				var node_2 = $.child(span_1);
+				InternalIcon(node_2, { name: "chevron-right" });
+				$.reset(span_1);
 				$.append($$anchor, span_1);
 			};
 			$.if(node_1, ($$render) => {
@@ -70,12 +75,15 @@ function CascadeSelect$1($$anchor, $$props) {
 			});
 			var span_2 = $.sibling(node_1, 2);
 			$.attribute_effect(span_2, ($0) => ({ ...$0 }), [() => $.get(api).getItemIndicatorProps($.get(itemProps))]);
+			var node_3 = $.child(span_2);
+			InternalIcon(node_3, { name: "check" });
+			$.reset(span_2);
 			$.reset(li);
 			$.template_effect(() => $.set_text(text, $.get(item).label));
 			$.append($$anchor, li);
 		});
 		$.reset(ul);
-		var node_2 = $.sibling(ul, 2);
+		var node_4 = $.sibling(ul, 2);
 		var consequent_1 = ($$anchor) => {
 			{
 				let $0 = $.derived(() => [...indexPath(), $.get(nodeState).highlightedIndex]);
@@ -84,7 +92,7 @@ function CascadeSelect$1($$anchor, $$props) {
 			}
 		};
 		var d = $.derived(() => $.get(nodeState).highlightedChild != null && $.get(collection).isBranchNode($.get(nodeState).highlightedChild));
-		$.if(node_2, ($$render) => {
+		$.if(node_4, ($$render) => {
 			if ($.get(d)) $$render(consequent_1);
 		});
 		$.append($$anchor, fragment);
@@ -199,10 +207,13 @@ function CascadeSelect$1($$anchor, $$props) {
 	var text_1 = $.only_child(span_3, true);
 	var span_4 = $.sibling(span_3, 2);
 	$.attribute_effect(span_4, ($0) => ({ ...$0 }), [() => $.get(api).getIndicatorProps()]);
+	var node_5 = $.child(span_4);
+	InternalIcon(node_5, { name: "chevron-down" });
+	$.reset(span_4);
 	$.reset(button);
 	$.reset(div_1);
-	var node_3 = $.sibling(div_1, 2);
-	Portal(node_3, {
+	var node_6 = $.sibling(div_1, 2);
+	Portal(node_6, {
 		children: ($$anchor, $$slotProps) => {
 			var div_2 = root_6();
 			$.attribute_effect(div_2, ($0) => ({ ...$0 }), [() => $.get(api).getPositionerProps()]);
@@ -211,14 +222,14 @@ function CascadeSelect$1($$anchor, $$props) {
 				...$0,
 				"data-size": size()
 			}), [() => $.get(api).getContentProps()]);
-			var node_4 = $.child(div_3);
+			var node_7 = $.child(div_3);
 			var consequent_2 = ($$anchor) => {
 				var div_4 = root_3();
-				var node_5 = $.child(div_4);
+				var node_8 = $.child(div_4);
 				{
 					let $0 = $.derived(() => messages().select.filter);
 					let $1 = $.derived(() => messages().select.filter);
-					Input(node_5, {
+					Input(node_8, {
 						size: "sm",
 						get placeholder() {
 							return $.get($0);
@@ -237,22 +248,22 @@ function CascadeSelect$1($$anchor, $$props) {
 				$.reset(div_4);
 				$.append($$anchor, div_4);
 			};
-			$.if(node_4, ($$render) => {
+			$.if(node_7, ($$render) => {
 				if (filterable()) $$render(consequent_2);
 			});
-			var div_5 = $.sibling(node_4, 2);
-			var node_6 = $.child(div_5);
+			var div_5 = $.sibling(node_7, 2);
+			var node_9 = $.child(div_5);
 			var consequent_4 = ($$anchor) => {
 				var fragment_2 = $.comment();
-				var node_7 = $.first_child(fragment_2);
+				var node_10 = $.first_child(fragment_2);
 				var consequent_3 = ($$anchor) => {
 					var p_1 = root_4();
 					$.append($$anchor, p_1);
 				};
 				var alternate = ($$anchor) => {
 					var fragment_3 = $.comment();
-					var node_8 = $.first_child(fragment_3);
-					$.each(node_8, 17, () => $.get(matchPaths), (hit) => hit.path.join("/"), ($$anchor, hit) => {
+					var node_11 = $.first_child(fragment_3);
+					$.each(node_11, 17, () => $.get(matchPaths), (hit) => hit.path.join("/"), ($$anchor, hit) => {
 						var button_1 = root_5();
 						var text_2 = $.only_child(button_1, true);
 						$.template_effect(($0, $1) => {
@@ -264,7 +275,7 @@ function CascadeSelect$1($$anchor, $$props) {
 					});
 					$.append($$anchor, fragment_3);
 				};
-				$.if(node_7, ($$render) => {
+				$.if(node_10, ($$render) => {
 					if ($.get(matchPaths).length === 0) $$render(consequent_3);
 					else $$render(alternate, -1);
 				});
@@ -273,7 +284,7 @@ function CascadeSelect$1($$anchor, $$props) {
 			var alternate_1 = ($$anchor) => {
 				column($$anchor, () => $.get(collection).rootNode, () => [], () => []);
 			};
-			$.if(node_6, ($$render) => {
+			$.if(node_9, ($$render) => {
 				if ($.get(filtering)) $$render(consequent_4);
 				else $$render(alternate_1, -1);
 			});
@@ -296,6 +307,6 @@ $.delegate(["click"]);
 /** A corridor of linked columns: pick a branch and the next column
 * dissolves open beside it, until a leaf click settles the whole
 * path. */
-const CascadeSelect = CascadeSelect$1;
+const CascadeSelect = withSelfRoot(CascadeSelect$1);
 //#endregion
 export { CascadeSelect as t };

package/dist/checkbox-group-CZSQvm6H.mjs

@@ -0,0 +1,143 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.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 { Checkbox } from "@ark-ui/svelte/checkbox";
+//#region src/components/checkbox-group/CheckboxGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"options",
+	"layout",
+	"size",
+	"invalid",
+	"disabled"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+function CheckboxGroup$1($$anchor, $$props) {
+	const uid = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("checkbox-group");
+	let value = $.prop($$props, "value", 15), layout = $.prop($$props, "layout", 3, "vertical"), size = $.prop($$props, "size", 3, "md"), invalid = $.prop($$props, "invalid", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const field = useFieldContext();
+	const isInvalid = $.derived(() => invalid() || field?.()?.invalid === true);
+	const isDisabled = $.derived(() => disabled() || field?.()?.disabled === true);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => $.get(isInvalid) ? "" : void 0);
+		$.component(node, () => Checkbox.Group, ($$anchor, ArkCheckbox_Group) => {
+			ArkCheckbox_Group($$anchor, $.spread_props({
+				get disabled() {
+					return $.get(isDisabled);
+				},
+				get invalid() {
+					return $.get(isInvalid);
+				}
+			}, () => rest, {
+				"data-scope": "checkbox-group",
+				"data-part": "root",
+				get "data-layout"() {
+					return layout();
+				},
+				get "data-invalid"() {
+					return $.get($0);
+				},
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_1 = $.comment();
+					var node_1 = $.first_child(fragment_1);
+					$.each(node_1, 17, () => $$props.options, (option) => option.value, ($$anchor, option) => {
+						var fragment_2 = $.comment();
+						var node_2 = $.first_child(fragment_2);
+						{
+							let $0 = $.derived(() => ({
+								label: `${uid}:${$.get(option).value}:label`,
+								hiddenInput: `${uid}:${$.get(option).value}:input`
+							}));
+							let $1 = $.derived(() => $.get(option).disabled === true);
+							$.component(node_2, () => Checkbox.Root, ($$anchor, ArkCheckbox_Root) => {
+								ArkCheckbox_Root($$anchor, {
+									get ids() {
+										return $.get($0);
+									},
+									get value() {
+										return $.get(option).value;
+									},
+									get "data-size"() {
+										return size();
+									},
+									get disabled() {
+										return $.get($1);
+									},
+									children: ($$anchor, $$slotProps) => {
+										var fragment_3 = root();
+										var node_3 = $.first_child(fragment_3);
+										$.component(node_3, () => Checkbox.Control, ($$anchor, ArkCheckbox_Control) => {
+											ArkCheckbox_Control($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_4 = $.comment();
+													var node_4 = $.first_child(fragment_4);
+													$.component(node_4, () => Checkbox.Indicator, ($$anchor, ArkCheckbox_Indicator) => {
+														ArkCheckbox_Indicator($$anchor, {
+															children: ($$anchor, $$slotProps) => {
+																InternalIcon($$anchor, { name: "check" });
+															},
+															$$slots: { default: true }
+														});
+													});
+													$.append($$anchor, fragment_4);
+												},
+												$$slots: { default: true }
+											});
+										});
+										var node_5 = $.sibling(node_3, 2);
+										$.component(node_5, () => Checkbox.Label, ($$anchor, ArkCheckbox_Label) => {
+											ArkCheckbox_Label($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													$.next();
+													var text = $.text();
+													$.template_effect(() => $.set_text(text, $.get(option).label));
+													$.append($$anchor, text);
+												},
+												$$slots: { default: true }
+											});
+										});
+										var node_6 = $.sibling(node_5, 2);
+										$.component(node_6, () => Checkbox.HiddenInput, ($$anchor, ArkCheckbox_HiddenInput) => {
+											ArkCheckbox_HiddenInput($$anchor, {});
+										});
+										$.append($$anchor, fragment_3);
+									},
+									$$slots: { default: true }
+								});
+							});
+						}
+						$.append($$anchor, fragment_2);
+					});
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/checkbox-group/index.ts
+/** One question, many answers: a labelled stack (or row) of the
+* seal-cut checkboxes bound to a single array. */
+const CheckboxGroup = withSelfRoot(CheckboxGroup$1);
+injectComponentStyle("checkbox");
+//#endregion
+export { CheckboxGroup as t };

package/dist/{chip-mjLlbQ2t.mjs → chip-DputaHcF.mjs}

@@ -1,6 +1,7 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/chip/Chip.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -33,6 +34,6 @@ function Chip$1($$anchor, $$props) {
 //#region src/components/chip/index.ts
 /** A counting coin: the numeric value, capped at `max` with an ellipsis
 * of the remainder ("99+"). */
-const Chip = Chip$1;
+const Chip = withSelfRoot(Chip$1);
 //#endregion
 export { Chip as t };

package/dist/{command-CZRC1T-6.mjs → command-CG6IfFZO.mjs}

@@ -1,7 +1,8 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Portal } from "@ark-ui/svelte/portal";
 import { untrack } from "svelte";
 import { Combobox } from "@ark-ui/svelte/combobox";
@@ -82,7 +83,7 @@ function Command$1($$anchor, $$props) {
 	let listOpen = $.state(true);
 	let fieldText = $.state("");
 	const { collection, set, filter } = useListCollection({
-		initialItems: items().map((entry) => entry.value),
+		initialItems: untrack(() => items().map((entry) => entry.value)),
 		filter: (value, input) => {
 			const entry = items().find((candidate) => candidate.value === value);
 			if (!entry) return false;
@@ -343,7 +344,7 @@ function Command$1($$anchor, $$props) {
 * driving our own list: the vessel and the list live inside the sheet,
 * so the combobox renders no separate popup and the machine's content
 * grafts onto the sheet's list. */
-const Command = Command$1;
+const Command = withSelfRoot(Command$1);
 injectComponentStyle("dialog");
 //#endregion
 export { Command as t };

package/dist/{comment-C91xgrtK.mjs → comment-DZ9l7mDZ.mjs}

@@ -1,6 +1,7 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/comment/Comment.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -97,6 +98,6 @@ function Comment$1($$anchor, $$props) {
 /** A voice on the record: the portrait hangs left (the avatar snippet),
 * the body carries the byline from `author` and `datetime`, the ink is
 * the children snippet, and the actions snippet is the row of answers. */
-const Comment = Comment$1;
+const Comment = withSelfRoot(Comment$1);
 //#endregion
 export { Comment as t };

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

@@ -1,7 +1,10 @@
+import { n as AccordionRoot, t as Accordion$2 } from "../../Accordion-BkqRwmjT.mjs";
 import { Accordion as Accordion$1 } from "@ark-ui/svelte/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. */
-export declare const Accordion: typeof Accordion$1;
+export declare const Accordion: typeof Accordion$2 & Omit<typeof Accordion$1, "Root"> & {
+  Root: typeof AccordionRoot;
+};
 //#endregion

package/dist/components/accordion/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as AccordionRoot, t as Accordion$2 } from "../../Accordion-BkqRwmjT.mjs";
 import { Accordion as Accordion$1 } from "@ark-ui/svelte/accordion";
 //#region src/components/accordion/index.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. */
-const Accordion = Accordion$1;
-injectComponentStyle("accordion");
+const Accordion = defineFamily(Accordion$2, {
+	...Accordion$1,
+	Root: AccordionRoot
+});
 //#endregion
 export { Accordion };

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

@@ -1,2 +1,2 @@
-import { n as AffixProps, t as Affix } from "../../index-k0ac5WNj.mjs";
+import { n as AffixProps, t as Affix } from "../../index-ByxBpSC4.mjs";
 export { Affix, type AffixProps };

package/dist/components/affix/index.mjs

@@ -1,2 +1,2 @@
-import { t as Affix } from "../../affix-BtL4lBPi.mjs";
+import { t as Affix } from "../../affix-zZj9e2iB.mjs";
 export { Affix };

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

@@ -1,11 +1,11 @@
-import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-BEiPYOfW.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-C7LALoXc.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";
+import { t as PromptInputProps } from "../../props-DL-XfEtS.mjs";
 import { t as ReasoningProps } from "../../props-BZcE7LP_.mjs";
 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";
-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";
+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-CacS_uni.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,14 +1,15 @@
-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-vh89e9EX.mjs";
-import { t as AiReasoning } from "../../ai-reasoning-C4YsB2hQ.mjs";
-import { t as AiResponse } from "../../ai-response-BPQPjMlC.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-BEiPYOfW.mjs";
+import { t as AiAction } from "../../ai-action-D3kQhycd.mjs";
+import { t as AiMessage } from "../../ai-message-DyQZXA7q.mjs";
+import { t as AiPromptInput } from "../../ai-prompt-input-CV683FB3.mjs";
+import { t as AiReasoning } from "../../ai-reasoning-CesP6H0y.mjs";
+import { t as AiResponse } from "../../ai-response-Bu-iNsC-.mjs";
+import { n as AiSources, t as AiSource } from "../../ai-source-2eYEEt6r.mjs";
+import { t as AiSuggestion } from "../../ai-suggestion-BtlG02Sz.mjs";
+import { t as AiTool } from "../../ai-tool-pBb7sCz2.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-C7LALoXc.mjs";
 //#region src/components/ai/index.ts
 const Ai = Object.assign(Ai$1, {
+	Root: Ai$1,
 	Conversation: Ai$1,
 	MessageContent: AiContent,
 	Message: AiMessage,

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

@@ -2,6 +2,8 @@ import { t as ActionProps } from "../../props-BvDM6-cm.mjs";
 //#region src/components/ai-action/index.d.ts
 /** A quiet icon button — copy, retry, thumbs. The control is the
  * shared Button in its ghost register. */
-export declare const AiAction: import("svelte").Component<ActionProps, {}, "">;
+export declare const AiAction: import("svelte").Component<ActionProps, {}, ""> & {
+  Root: import("svelte").Component<ActionProps, {}, "">;
+};
 //#endregion
 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";
+import { t as AiAction } from "../../ai-action-D3kQhycd.mjs";
 export { AiAction as Action, AiAction };

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

@@ -1,2 +1,2 @@
-import { a as AttachmentsProps, i as AttachmentStatus, n as Attachments, r as AttachmentProps, t as Attachment } from "../../index-wDHiUpr6.mjs";
+import { a as AttachmentsProps, i as AttachmentStatus, n as Attachments, r as AttachmentProps, t as Attachment } from "../../index-CXbdZAgD.mjs";
 export { Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments, type AttachmentProps, type AttachmentStatus, type AttachmentsProps };

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

@@ -1,2 +1,2 @@
-import { n as Attachments, t as Attachment } from "../../ai-attachments-C0YVIKUc.mjs";
+import { n as Attachments, t as Attachment } from "../../ai-attachments-BuH2tjOv.mjs";
 export { Attachment as AiAttachment, Attachment, Attachments as AiAttachments, Attachments };

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

@@ -2,6 +2,8 @@ import { n as MessageRole, t as MessageProps } from "../../props-CIwO25eA.mjs";
 //#region src/components/ai-message/index.d.ts
 /** Whose stroke this is — the user's words sit in a recessed bubble,
  * the assistant speaks flat on the paper. */
-export declare const AiMessage: import("svelte").Component<MessageProps, {}, "">;
+export declare const AiMessage: import("svelte").Component<MessageProps, {}, ""> & {
+  Root: import("svelte").Component<MessageProps, {}, "">;
+};
 //#endregion
 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";
+import { t as AiMessage } from "../../ai-message-DyQZXA7q.mjs";
 export { AiMessage, AiMessage as Message };

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

@@ -1,7 +1,9 @@
-import { t as PromptInputProps } from "../../props-U567RIQo.mjs";
+import { t as PromptInputProps } from "../../props-DL-XfEtS.mjs";
 //#region src/components/ai-prompt-input/index.d.ts
 /** The prompt vessel: the shared field textarea — self-growing on the
  * machine's autoresize — over a footer row carrying the submit seal. */
-export declare const AiPromptInput: import("svelte").Component<PromptInputProps, {}, "value">;
+export declare const AiPromptInput: import("svelte").Component<PromptInputProps, {}, "value"> & {
+  Root: import("svelte").Component<PromptInputProps, {}, "value">;
+};
 //#endregion
 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-vh89e9EX.mjs";
+import { t as AiPromptInput } from "../../ai-prompt-input-CV683FB3.mjs";
 export { AiPromptInput, AiPromptInput as PromptInput };

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

@@ -2,6 +2,8 @@ import { t as ReasoningProps } from "../../props-BZcE7LP_.mjs";
 //#region src/components/ai-reasoning/index.d.ts
 /** The model's thought, folded by the shared collapsible in its quiet
  * register. */
-export declare const AiReasoning: import("svelte").Component<ReasoningProps, {}, "">;
+export declare const AiReasoning: import("svelte").Component<ReasoningProps, {}, ""> & {
+  Root: import("svelte").Component<ReasoningProps, {}, "">;
+};
 //#endregion
 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";
+import { t as AiReasoning } from "../../ai-reasoning-CesP6H0y.mjs";
 export { AiReasoning, AiReasoning as Reasoning };

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

@@ -1,6 +1,8 @@
 import { t as ResponseProps } from "../../props-D93CbAiS.mjs";
 //#region src/components/ai-response/index.d.ts
 /** Markdown set on the paper — streaming-safe by construction. */
-export declare const AiResponse: import("svelte").Component<ResponseProps, {}, "">;
+export declare const AiResponse: import("svelte").Component<ResponseProps, {}, ""> & {
+  Root: import("svelte").Component<ResponseProps, {}, "">;
+};
 //#endregion
 export { AiResponse as Response, type ResponseProps };

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

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

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

@@ -2,7 +2,11 @@ import { n as SourcesProps, t as SourceProps } from "../../props-C2OWII_8.mjs";
 //#region src/components/ai-source/index.d.ts
 /** One place the ink came from, and the reading list that gathers
  * them under a response. */
-export declare const AiSource: import("svelte").Component<SourceProps, {}, "">;
-export declare const AiSources: import("svelte").Component<SourcesProps, {}, "">;
+export declare const AiSource: import("svelte").Component<SourceProps, {}, ""> & {
+  Root: import("svelte").Component<SourceProps, {}, "">;
+};
+export declare const AiSources: import("svelte").Component<SourcesProps, {}, ""> & {
+  Root: import("svelte").Component<SourcesProps, {}, "">;
+};
 //#endregion
 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";
+import { n as AiSources, t as AiSource } from "../../ai-source-2eYEEt6r.mjs";
 export { AiSource, AiSource as Source, AiSources, AiSources as Sources };

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

@@ -2,6 +2,8 @@ import { t as SuggestionProps } from "../../props-Dr7ABUbp.mjs";
 //#region src/components/ai-suggestion/index.d.ts
 /** A seal-cut button proposing the next stroke; selection hands back
  * the prompt. */
-export declare const AiSuggestion: import("svelte").Component<SuggestionProps, {}, "">;
+export declare const AiSuggestion: import("svelte").Component<SuggestionProps, {}, ""> & {
+  Root: import("svelte").Component<SuggestionProps, {}, "">;
+};
 //#endregion
 export { AiSuggestion as Suggestion, type SuggestionProps };

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

@@ -1,2 +1,2 @@
-import { t as AiSuggestion } from "../../ai-suggestion-zGAQ1kkf.mjs";
+import { t as AiSuggestion } from "../../ai-suggestion-BtlG02Sz.mjs";
 export { AiSuggestion, AiSuggestion as Suggestion };

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

@@ -3,6 +3,8 @@ import { n as ToolStatus, t as ToolProps } from "../../props-B9YcQX8X.mjs";
 /** A tool call: the shared collapsible as the vessel — the name it
  * was reached by and the state it reached in on the trigger, its
  * input and output folded inside. */
-export declare const AiTool: import("svelte").Component<ToolProps, {}, "">;
+export declare const AiTool: import("svelte").Component<ToolProps, {}, ""> & {
+  Root: import("svelte").Component<ToolProps, {}, "">;
+};
 //#endregion
 export { AiTool as Tool, type ToolProps, type ToolStatus };

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

@@ -1,2 +1,2 @@
-import { t as AiTool } from "../../ai-tool-DY_iNbMk.mjs";
+import { t as AiTool } from "../../ai-tool-pBb7sCz2.mjs";
 export { AiTool, AiTool as Tool };

package/dist/components/alert/index.mjs

@@ -1,2 +1,2 @@
-import { t as Alert } from "../../alert-Xp8I8IY9.mjs";
+import { t as Alert } from "../../alert-ClMd57tZ.mjs";
 export { Alert };

package/dist/components/angle-slider/index.d.mts

@@ -1,7 +1,7 @@
-import { t as AngleSliderRoot } from "../../AngleSliderRoot-CUe5sgWU.mjs";
+import { n as AngleSliderRoot, t as AngleSlider$2 } from "../../AngleSlider-BDmLIZcL.mjs";
 import { AngleSlider as AngleSlider$1 } from "@ark-ui/svelte/angle-slider";
 //#region src/components/angle-slider/index.d.ts
-export declare const AngleSlider: Omit<typeof AngleSlider$1, "Root"> & {
+export declare const AngleSlider: typeof AngleSlider$2 & Omit<typeof AngleSlider$1, "Root"> & {
   Root: typeof AngleSliderRoot;
 };
 //#endregion

package/dist/components/angle-slider/index.mjs

@@ -1,13 +1,14 @@
-import { t as AngleSliderRoot } from "../../AngleSliderRoot-CUe5sgWU.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as AngleSliderRoot, t as AngleSlider$2 } from "../../AngleSlider-BDmLIZcL.mjs";
 import { AngleSlider as AngleSlider$1 } from "@ark-ui/svelte/angle-slider";
 //#region src/components/angle-slider/index.ts
 /** Ark's AngleSlider, dressed in the paper-and-ink system: a flat paper dial
 * the thumb sweeps as a pigment needle over hairline degree ticks. The API
 * is Ark's own — Root, Label, ValueText, Control, Thumb, MarkerGroup,
 * Marker, HiddenInput. */
-const AngleSlider = {
+const AngleSlider = defineFamily(AngleSlider$2, {
 	...AngleSlider$1,
 	Root: AngleSliderRoot
-};
+});
 //#endregion
 export { AngleSlider };

package/dist/components/aspect-ratio/index.d.mts

@@ -1,2 +1,2 @@
-import { n as AspectRatioProps, t as AspectRatio } from "../../index-B1iBag3L.mjs";
+import { n as AspectRatioProps, t as AspectRatio } from "../../index-DpzuwMB7.mjs";
 export { AspectRatio, type AspectRatioProps };