@bysages/svelte 0.3.0 → 0.4.0

package/dist/checkbox-group-Bu27PIve.mjs

@@ -0,0 +1,143 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+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-CZAgD6LS.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -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-fZuTfbz4.mjs → command-CJ6jk-9b.mjs}

@@ -1,3 +1,5 @@
+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";
@@ -74,11 +76,14 @@ var root_7 = $.from_html(`<div><!></div>`);
 function Command$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("command");
-	let items = $.prop($$props, "items", 19, () => []), open = $.prop($$props, "open", 15, false), autoFilter = $.prop($$props, "autoFilter", 3, true), emptyText = $.prop($$props, "emptyText", 3, "No matching commands");
+	let items = $.prop($$props, "items", 19, () => []), open = $.prop($$props, "open", 15, false), autoFilter = $.prop($$props, "autoFilter", 3, true);
+	const messages = useComponentMessages();
+	const placeholderText = $.derived(() => $$props.placeholder ?? messages().command.search);
+	const emptyMessage = $.derived(() => $$props.emptyText ?? messages().command.noMatches);
 	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;
@@ -151,11 +156,12 @@ function Command$1($$anchor, $$props) {
 								{
 									const asChild = ($$anchor, contentProps = $.noop) => {
 										var div_2 = root_7();
-										$.attribute_effect(div_2, ($0) => ({
+										$.attribute_effect(div_2, ($0, $1) => ({
 											...$0,
 											"data-scope": "command",
-											"data-part": "content"
-										}), [() => contentProps()()]);
+											"data-part": "content",
+											"aria-label": $1
+										}), [() => contentProps()(), () => messages().command.palette]);
 										var node_7 = $.child(div_2);
 										$.component(node_7, () => Combobox.Root, ($$anchor, ArkCombobox_Root) => {
 											ArkCombobox_Root($$anchor, {
@@ -179,13 +185,14 @@ function Command$1($$anchor, $$props) {
 													{
 														const asChild = ($$anchor, inputProps = $.noop) => {
 															var input_1 = root_3();
-															$.attribute_effect(input_1, ($0) => ({
+															$.attribute_effect(input_1, ($0, $1) => ({
 																...$0,
 																type: "text",
-																placeholder: $$props.placeholder,
+																placeholder: $.get(placeholderText),
+																"aria-label": $1,
 																"data-scope": "command",
 																"data-part": "input"
-															}), [() => inputProps()()], void 0, void 0, void 0, true);
+															}), [() => inputProps()(), () => messages().command.search], void 0, void 0, void 0, true);
 															$.append($$anchor, input_1);
 														};
 														$.component(node_8, () => Combobox.Input, ($$anchor, ArkCombobox_Input) => {
@@ -276,7 +283,7 @@ function Command$1($$anchor, $$props) {
 															var consequent_2 = ($$anchor) => {
 																var div_6 = root_5();
 																var text_3 = $.only_child(div_6, true);
-																$.template_effect(() => $.set_text(text_3, emptyText()));
+																$.template_effect(() => $.set_text(text_3, $.get(emptyMessage)));
 																$.append($$anchor, div_6);
 															};
 															$.if(node_16, ($$render) => {
@@ -337,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-DM1fOXro.mjs}

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -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-ChCzhYPl.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-ChCzhYPl.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-Cog56FQH.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-0jlig3fe.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-BEiPYOfW.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-DiTKkiJ-.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-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";
+import { t as AiAction } from "../../ai-action-DziA_BN_.mjs";
+import { t as AiMessage } from "../../ai-message-aIyT-RXH.mjs";
+import { t as AiPromptInput } from "../../ai-prompt-input-jB3RQ9Q8.mjs";
+import { t as AiReasoning } from "../../ai-reasoning-CQx7rye9.mjs";
+import { t as AiResponse } from "../../ai-response-D_eFsV6G.mjs";
+import { n as AiSources, t as AiSource } from "../../ai-source-B9ZfhWOl.mjs";
+import { t as AiSuggestion } from "../../ai-suggestion-CrZ5Ol4-.mjs";
+import { t as AiTool } from "../../ai-tool-0vdpM2Aq.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "../../AiLoader-BEiPYOfW.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-DziA_BN_.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-Y0Tf6UFL.mjs";
+import { n as Attachments, t as Attachment } from "../../ai-attachments-BalNjKhf.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-aIyT-RXH.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-BmyKyadu.mjs";
+import { t as AiPromptInput } from "../../ai-prompt-input-jB3RQ9Q8.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-CQx7rye9.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-D5IkRFMN.mjs";
+import { t as AiResponse } from "../../ai-response-D_eFsV6G.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-B9ZfhWOl.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-CrZ5Ol4-.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-0vdpM2Aq.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-D9oBDEBE.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-_DsaxreA.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-_DsaxreA.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 };

package/dist/components/aspect-ratio/index.mjs

@@ -1,2 +1,2 @@
-import { t as AspectRatio } from "../../aspect-ratio-COOgu44A.mjs";
+import { t as AspectRatio } from "../../aspect-ratio-Ca2csfG1.mjs";
 export { AspectRatio };

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

@@ -1,2 +1,2 @@
-import { n as AutoCompleteProps, t as AutoComplete } from "../../index-CY4EuxyF.mjs";
+import { n as AutoCompleteProps, t as AutoComplete } from "../../index-BIHw8Gzt.mjs";
 export { AutoComplete, type AutoCompleteProps };

package/dist/components/autocomplete/index.mjs

@@ -1,2 +1,2 @@
-import { t as AutoComplete } from "../../autocomplete-D7ZZ7Xpb.mjs";
+import { t as AutoComplete } from "../../autocomplete-CS7ZVq_o.mjs";
 export { AutoComplete };

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

@@ -1,2 +1,12 @@
-import { t as Avatar } from "../../index-CV1LSzq5.mjs";
-export { Avatar };
+import { t as Avatar$2 } from "../../Avatar-RTIHq1px.mjs";
+import { Avatar as Avatar$1 } from "@ark-ui/svelte/avatar";
+//#region src/components/avatar/index.d.ts
+/** Avatar, dressed in the paper-and-ink system: a circular seal on
+ * inset paper that holds initials until the image loads over them.
+ * `size` picks a control-height rung for the seal — the core styles
+ * re-point `--bs-avatar-size` per rung, and scenes can still retune the
+ * variable directly. */
+export declare const Avatar: typeof Avatar$2 & Omit<typeof Avatar$1, "Root"> & {
+  Root: typeof Avatar$2;
+};
+//#endregion

package/dist/components/avatar/index.mjs

@@ -1,2 +1,15 @@
-import { t as Avatar } from "../../avatar-LR0CZ1Iz.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { t as Avatar$2 } from "../../Avatar-RTIHq1px.mjs";
+import { Avatar as Avatar$1 } from "@ark-ui/svelte/avatar";
+//#region src/components/avatar/index.ts
+/** Avatar, dressed in the paper-and-ink system: a circular seal on
+* inset paper that holds initials until the image loads over them.
+* `size` picks a control-height rung for the seal — the core styles
+* re-point `--bs-avatar-size` per rung, and scenes can still retune the
+* variable directly. */
+const Avatar = defineFamily(Avatar$2, {
+	...Avatar$1,
+	Root: Avatar$2
+});
+//#endregion
 export { Avatar };

package/dist/components/avatar-group/index.d.mts

@@ -1,2 +1,2 @@
-import { n as AvatarGroupProps, t as AvatarGroup } from "../../index-DfTAYXUT.mjs";
+import { n as AvatarGroupProps, t as AvatarGroup } from "../../index-DGsu3J-2.mjs";
 export { AvatarGroup, type AvatarGroupProps };

package/dist/components/avatar-group/index.mjs

@@ -1,2 +1,2 @@
-import { t as AvatarGroup } from "../../avatar-group-BgIxNuVj.mjs";
+import { t as AvatarGroup } from "../../avatar-group-BnyaymLu.mjs";
 export { AvatarGroup };

package/dist/components/back-top/index.d.mts

@@ -1,2 +1,2 @@
-import { n as BackTopProps, t as BackTop } from "../../index-CM6inLqu.mjs";
+import { n as BackTopProps, t as BackTop } from "../../index-IR-e1YzH.mjs";
 export { BackTop, type BackTopProps };

package/dist/components/back-top/index.mjs

@@ -1,2 +1,2 @@
-import { t as BackTop } from "../../back-top-rbP0aP47.mjs";
+import { t as BackTop } from "../../back-top-DNwTF40O.mjs";
 export { BackTop };

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

@@ -1,2 +1,2 @@
-import { n as BadgeProps, t as Badge } from "../../index-oI4U-72X.mjs";
+import { n as BadgeProps, t as Badge } from "../../index-DQAelfXy.mjs";
 export { Badge, type BadgeProps };

package/dist/components/badge/index.mjs

@@ -1,2 +1,2 @@
-import { t as Badge } from "../../badge-DKa-8Pv0.mjs";
+import { t as Badge } from "../../badge-BFZgNgbw.mjs";
 export { Badge };

package/dist/components/banner/index.mjs

@@ -1,2 +1,2 @@
-import { t as Banner } from "../../banner-LEPWtGlY.mjs";
+import { t as Banner } from "../../banner-Ko97JhS3.mjs";
 export { Banner };

package/dist/components/block-ui/index.d.mts

@@ -1,2 +1,2 @@
-import { n as BlockUIProps, t as BlockUI } from "../../index-BmFfkztS.mjs";
+import { n as BlockUIProps, t as BlockUI } from "../../index-ChqP3kbL.mjs";
 export { BlockUI, type BlockUIProps };

package/dist/components/block-ui/index.mjs

@@ -1,2 +1,2 @@
-import { t as BlockUI } from "../../block-ui-CpiV9qza.mjs";
+import { t as BlockUI } from "../../block-ui-DTG19xuY.mjs";
 export { BlockUI };

package/dist/components/breadcrumb/index.mjs

@@ -1,2 +1,2 @@
-import { t as Breadcrumb } from "../../breadcrumb-C01pAq93.mjs";
+import { t as Breadcrumb } from "../../breadcrumb-CtBjVdxv.mjs";
 export { Breadcrumb };