@bysages/svelte 0.3.0 → 0.3.1

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

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -6,6 +7,7 @@ var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
+	"aria-label",
 	"children"
 ]);
 var root$3 = $.from_html(`<div><!></div>`);
@@ -13,14 +15,15 @@ function Ai($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
 	let rest = $.rest_props($$props, rest_excludes$3);
+	const messages = useComponentMessages();
 	var div = root$3();
-	$.attribute_effect(div, () => ({
+	$.attribute_effect(div, ($0) => ({
 		...rest,
 		role: "log",
-		"aria-label": "Conversation",
+		"aria-label": $0,
 		"data-scope": "ai",
 		"data-part": "conversation"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().ai.conversation]);
 	var node = $.child(div);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(div);
@@ -83,6 +86,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
+	"aria-label",
 	"children"
 ]);
 var root = $.from_html(`<span><!></span>`);
@@ -90,14 +94,15 @@ function AiLoader($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
 	let rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	var span = root();
-	$.attribute_effect(span, () => ({
+	$.attribute_effect(span, ($0) => ({
 		...rest,
 		role: "status",
-		"aria-label": "Loading",
+		"aria-label": $0,
 		"data-scope": "ai",
 		"data-part": "loader"
-	}));
+	}), [() => $$props["aria-label"] ?? messages().ai.loading]);
 	var node = $.child(span);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(span);

package/dist/{FileUploadRoot-IVcTAZp-.mjs → FileUploadTrigger-BgAcpLXx.mjs}

@@ -3,7 +3,7 @@ import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { FileUpload } from "@ark-ui/svelte/file-upload";
 //#region src/components/file-upload/FileUploadRoot.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
+var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
@@ -13,7 +13,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 function FileUploadRoot($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("file-upload");
-	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	$.component(node, () => FileUpload.Root, ($$anchor, ArkFileUpload_Root) => {
@@ -34,4 +34,40 @@ function FileUploadRoot($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-export { FileUploadRoot as t };
+//#region src/components/file-upload/FileUploadTrigger.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<span><!></span>`);
+function FileUploadTrigger($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		const asChild = ($$anchor, triggerProps = $.noop) => {
+			var span = root();
+			$.attribute_effect(span, ($0) => ({
+				...$0,
+				"data-scope": "file-upload",
+				"data-part": "trigger",
+				"aria-hidden": "true"
+			}), [() => triggerProps()()]);
+			var node_1 = $.child(span);
+			$.snippet(node_1, () => $$props.children ?? $.noop);
+			$.reset(span);
+			$.append($$anchor, span);
+		};
+		$.component(node, () => FileUpload.Trigger, ($$anchor, ArkFileUpload_Trigger) => {
+			ArkFileUpload_Trigger($$anchor, $.spread_props(() => rest, {
+				asChild,
+				$$slots: { asChild: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+}
+//#endregion
+export { FileUploadRoot as n, FileUploadTrigger as t };

package/dist/JsonTreeViewTree-CqRP_PwV.mjs

@@ -0,0 +1,71 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { JsonTreeView } from "@ark-ui/svelte/json-tree-view";
+import { chevron_right } from "@bysages/icons";
+//#region src/components/json-tree-view/JsonTreeViewTree.svelte
+const defaultArrow = ($$anchor) => {
+	var svg = root();
+	$.html(svg, () => chevron_right.body, true);
+	$.reset(svg);
+	$.template_effect(() => $.set_attribute(svg, "viewBox", `0 0 ${chevron_right.width ?? ""} ${chevron_right.height ?? ""}`));
+	$.append($$anchor, svg);
+};
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"arrow",
+	"indentGuide",
+	"renderValue"
+]);
+var root = $.from_svg(`<svg aria-hidden="true"></svg>`);
+function JsonTreeViewTree($$anchor, $$props) {
+	$.push($$props, true);
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.component(node_1, () => JsonTreeView.Tree, ($$anchor, ArkJsonTreeView_Tree) => {
+			ArkJsonTreeView_Tree($$anchor, $.spread_props(() => rest, {
+				get arrow() {
+					return $$props.arrow;
+				},
+				get indentGuide() {
+					return $$props.indentGuide;
+				},
+				get renderValue() {
+					return $$props.renderValue;
+				}
+			}));
+		});
+		$.append($$anchor, fragment_1);
+	};
+	var alternate = ($$anchor) => {
+		var fragment_2 = $.comment();
+		var node_2 = $.first_child(fragment_2);
+		$.component(node_2, () => JsonTreeView.Tree, ($$anchor, ArkJsonTreeView_Tree_1) => {
+			ArkJsonTreeView_Tree_1($$anchor, $.spread_props(() => rest, {
+				get indentGuide() {
+					return $$props.indentGuide;
+				},
+				get renderValue() {
+					return $$props.renderValue;
+				},
+				get arrow() {
+					return defaultArrow;
+				}
+			}));
+		});
+		$.append($$anchor, fragment_2);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.arrow) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { JsonTreeViewTree as t };

package/dist/{Spinner-sd__23WT.mjs → Spinner-DGAzGJ_8.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -7,6 +8,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"$$events",
 	"$$legacy",
 	"size",
+	"aria-label",
 	"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>`);
@@ -14,15 +16,16 @@ function Spinner($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("spinner");
 	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	var span = root();
-	$.attribute_effect(span, () => ({
+	$.attribute_effect(span, ($0) => ({
 		...rest,
 		role: "status",
-		"aria-label": rest["aria-label"] ?? "Loading",
+		"aria-label": $0,
 		"data-scope": "spinner",
 		"data-part": "root",
 		"data-size": size()
-	}));
+	}), [() => $$props["aria-label"] ?? messages().spinner.loading]);
 	var node = $.sibling($.child(span), 2);
 	$.snippet(node, () => $$props.children ?? $.noop);
 	$.reset(span);

package/dist/{StepsRoot-Dg_3-lRb.mjs → StepsRoot-C_FYfShw.mjs}

@@ -2,6 +2,32 @@ import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Steps } from "@ark-ui/svelte/steps";
+//#region src/components/steps/StepsItem.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function StepsItem($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Steps.Item, ($$anchor, ArkSteps_Item) => {
+		ArkSteps_Item($$anchor, $.spread_props(() => rest, {
+			role: "presentation",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+//#endregion
 //#region src/components/steps/StepsRoot.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -34,4 +60,4 @@ function StepsRoot($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-export { StepsRoot as t };
+export { StepsItem as n, StepsRoot as t };

package/dist/TocIndicator-DPnZxTJ2.mjs

@@ -0,0 +1,30 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Toc } from "@ark-ui/svelte/toc";
+//#region src/components/toc/TocIndicator.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function TocIndicator($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Toc.Indicator, ($$anchor, ArkToc_Indicator) => {
+		ArkToc_Indicator($$anchor, $.spread_props(() => rest, {
+			"aria-hidden": "true",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+//#endregion
+export { TocIndicator as t };

package/dist/TreeViewRoot-RBynRAly.mjs

@@ -0,0 +1,108 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { chevron_right } from "@bysages/icons";
+import { TreeView } from "@ark-ui/svelte/tree-view";
+//#region src/components/tree-view/TreeViewBranchIndicator.svelte
+var rest_excludes$2 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_svg(`<svg aria-hidden="true"></svg>`);
+function TreeViewBranchIndicator($$anchor, $$props) {
+	$.push($$props, true);
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => TreeView.BranchIndicator, ($$anchor, ArkTreeView_BranchIndicator) => {
+		ArkTreeView_BranchIndicator($$anchor, $.spread_props(() => rest, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				var consequent = ($$anchor) => {
+					var fragment_2 = $.comment();
+					var node_2 = $.first_child(fragment_2);
+					$.snippet(node_2, () => $$props.children);
+					$.append($$anchor, fragment_2);
+				};
+				var alternate = ($$anchor) => {
+					var svg = root();
+					$.html(svg, () => chevron_right.body, true);
+					$.reset(svg);
+					$.template_effect(() => $.set_attribute(svg, "viewBox", `0 0 ${chevron_right.width ?? ""} ${chevron_right.height ?? ""}`));
+					$.append($$anchor, svg);
+				};
+				$.if(node_1, ($$render) => {
+					if ($$props.children) $$render(consequent);
+					else $$render(alternate, -1);
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/tree-view/TreeViewNodeCheckbox.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+function TreeViewNodeCheckbox($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes$1);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => TreeView.NodeCheckbox, ($$anchor, ArkTreeView_NodeCheckbox) => {
+		ArkTreeView_NodeCheckbox($$anchor, $.spread_props(() => rest, {
+			"aria-hidden": "true",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+}
+//#endregion
+//#region src/components/tree-view/TreeViewRoot.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function TreeViewRoot($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("tree-view");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => TreeView.Root, ($$anchor, ArkTreeView_Root) => {
+		ArkTreeView_Root($$anchor, $.spread_props(() => rest, {
+			get "data-size"() {
+				return size();
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { TreeViewNodeCheckbox as n, TreeViewBranchIndicator as r, TreeViewRoot as t };

package/dist/{ai-attachments-Y0Tf6UFL.mjs → ai-attachments-C0YVIKUc.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages, t as formatMessage } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -9,7 +10,8 @@ var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"name",
 	"size",
 	"status",
-	"onRemove"
+	"onRemove",
+	"aria-label"
 ]);
 var root$1 = $.from_svg(`<svg viewBox="0 0 16 16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><rect x="2.5" y="3.5" width="11" height="9"></rect><path d="M2.5 10.5 6 7l3 3 2-1.5 2.5 2"></path><circle cx="6" cy="6" r="0.75" fill="currentColor" stroke="none"></circle></svg>`);
 var root_1 = $.from_svg(`<svg viewBox="0 0 16 16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><path d="M4 2.5h5l3 3V13.5H4z"></path><path d="M9 2.5v3h3"></path></svg>`);
@@ -46,6 +48,8 @@ function Attachment$1($$anchor, $$props) {
 		return `${value.toFixed(1)} ${units[unit]}`;
 	};
 	let status = $.prop($$props, "status", 3, "ready"), rest = $.rest_props($$props, rest_excludes$1);
+	const messages = useComponentMessages();
+	const removeLabel = $.derived(() => $$props["aria-label"] ?? formatMessage(messages().ai.removeAttachment, { name: $$props.name }));
 	var span = root_3();
 	$.attribute_effect(span, () => ({
 		...rest,
@@ -83,7 +87,7 @@ function Attachment$1($$anchor, $$props) {
 	$.reset(span);
 	$.template_effect(() => {
 		$.set_text(text, $$props.name);
-		$.set_attribute(button, "aria-label", `Remove ${$$props.name}`);
+		$.set_attribute(button, "aria-label", $.get(removeLabel));
 	});
 	$.delegated("click", button, () => $$props.onRemove?.());
 	$.append($$anchor, span);

package/dist/{ai-prompt-input-BmyKyadu.mjs → ai-prompt-input-vh89e9EX.mjs}

@@ -2,6 +2,7 @@ import { t as Button } from "./button-BCcX7lHq.mjs";
 import { Field } from "./components/field/index.mjs";
 import { n as MentionsVessel } from "./mentions-DjhgNRmY.mjs";
 import { t as useMentions } from "./use-mentions-DeF_38di.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";
@@ -37,35 +38,43 @@ function AiPromptInput$1($$anchor, $$props) {
 		var fragment = $.comment();
 		var node = $.first_child(fragment);
 		var consequent = ($$anchor) => {
-			Button($$anchor, {
-				variant: "solid",
-				size: "sm",
-				square: true,
-				type: "button",
-				"aria-label": "Stop",
-				get disabled() {
-					return disabled();
-				},
-				onclick: () => $$props.onStop?.(),
-				children: ($$anchor, $$slotProps) => {
-					var svg = root();
-					$.append($$anchor, svg);
-				},
-				$$slots: { default: true }
-			});
+			{
+				let $0 = $.derived(() => messages().ai.stop);
+				Button($$anchor, {
+					variant: "solid",
+					size: "sm",
+					square: true,
+					type: "button",
+					get "aria-label"() {
+						return $.get($0);
+					},
+					get disabled() {
+						return disabled();
+					},
+					onclick: () => $$props.onStop?.(),
+					children: ($$anchor, $$slotProps) => {
+						var svg = root();
+						$.append($$anchor, svg);
+					},
+					$$slots: { default: true }
+				});
+			}
 		};
 		var alternate = ($$anchor) => {
 			{
-				let $0 = $.derived(() => disabled() || !value().trim());
+				let $0 = $.derived(() => messages().ai.send);
+				let $1 = $.derived(() => disabled() || !value().trim());
 				Button($$anchor, {
 					variant: "solid",
 					size: "sm",
 					square: true,
 					type: "submit",
-					"aria-label": "Send",
-					get disabled() {
+					get "aria-label"() {
 						return $.get($0);
 					},
+					get disabled() {
+						return $.get($1);
+					},
 					children: ($$anchor, $$slotProps) => {
 						var svg_1 = root_1();
 						$.append($$anchor, svg_1);
@@ -81,8 +90,10 @@ function AiPromptInput$1($$anchor, $$props) {
 		$.append($$anchor, fragment);
 	};
 	injectComponentStyle("ai");
-	let value = $.prop($$props, "value", 15, ""), placeholder = $.prop($$props, "placeholder", 3, "Send a message"), disabled = $.prop($$props, "disabled", 3, false), busy = $.prop($$props, "busy", 3, false), rest = $.rest_props($$props, rest_excludes);
+	let value = $.prop($$props, "value", 15, ""), disabled = $.prop($$props, "disabled", 3, false), busy = $.prop($$props, "busy", 3, false), rest = $.rest_props($$props, rest_excludes);
 	let textareaEl = $.state(null);
+	const messages = useComponentMessages();
+	const placeholderText = $.derived(() => $$props.placeholder ?? messages().ai.send);
 	const mentionState = useMentions(() => ({
 		items: $$props.mentions?.items ?? [],
 		trigger: $$props.mentions?.trigger
@@ -142,38 +153,44 @@ function AiPromptInput$1($$anchor, $$props) {
 			children: ($$anchor, $$slotProps) => {
 				var fragment_3 = $.comment();
 				var node_6 = $.first_child(fragment_3);
-				$.component(node_6, () => Field.Textarea, ($$anchor, Field_Textarea) => {
-					Field_Textarea($$anchor, {
-						autoresize: true,
-						rows: 1,
-						get placeholder() {
-							return placeholder();
-						},
-						get disabled() {
-							return disabled();
-						},
-						oninput: () => mentionState.onInput(),
-						onkeydown: (event) => {
-							if (mentionState.onKeydown(event)) return;
-							if (event.key === "Enter" && !event.shiftKey) {
-								event.preventDefault();
-								send();
+				{
+					let $0 = $.derived(() => messages().ai.conversation);
+					$.component(node_6, () => Field.Textarea, ($$anchor, Field_Textarea) => {
+						Field_Textarea($$anchor, {
+							autoresize: true,
+							rows: 1,
+							get placeholderText() {
+								return $.get(placeholderText);
+							},
+							get "aria-label"() {
+								return $.get($0);
+							},
+							get disabled() {
+								return disabled();
+							},
+							oninput: () => mentionState.onInput(),
+							onkeydown: (event) => {
+								if (mentionState.onKeydown(event)) return;
+								if (event.key === "Enter" && !event.shiftKey) {
+									event.preventDefault();
+									send();
+								}
+							},
+							get ref() {
+								return $.get(textareaEl);
+							},
+							set ref($$value) {
+								$.set(textareaEl, $$value, true);
+							},
+							get value() {
+								return value();
+							},
+							set value($$value) {
+								value($$value);
 							}
-						},
-						get ref() {
-							return $.get(textareaEl);
-						},
-						set ref($$value) {
-							$.set(textareaEl, $$value, true);
-						},
-						get value() {
-							return value();
-						},
-						set value($$value) {
-							value($$value);
-						}
+						});
 					});
-				});
+				}
 				$.append($$anchor, fragment_3);
 			},
 			$$slots: { default: true }

package/dist/{ai-response-D5IkRFMN.mjs → ai-response-BPQPjMlC.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -113,16 +114,19 @@ var root_1 = $.from_html(`<div></div>`);
 function AiResponse$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
-	let copyLabel = $.prop($$props, "copyLabel", 3, "Copy code"), copiedLabel = $.prop($$props, "copiedLabel", 3, "Copied"), rest = $.rest_props($$props, rest_excludes);
+	let rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	const html = $.derived(() => renderHtml($$props.content, $$props.highlighter ? { highlighter: $$props.highlighter } : void 0));
+	const copyText = $.derived(() => $$props.copyLabel ?? messages().ai.copyCode);
+	const copiedText = $.derived(() => $$props.copiedLabel ?? messages().ai.copied);
 	let root;
 	$.user_effect(() => {
 		$.get(html);
-		if (root) decorateCodeCopy(root, copyLabel());
+		if (root) decorateCodeCopy(root, $.get(copyText));
 		if (root) wrapResponseTables(root);
 	});
 	const handleClick = (event) => {
-		clickCodeCopy(event, copyLabel(), copiedLabel());
+		clickCodeCopy(event, $.get(copyText), $.get(copiedText));
 		$$props.onclick?.(event);
 	};
 	var div = root_1();

package/dist/{autocomplete-D7ZZ7Xpb.mjs → autocomplete-Dhuhqp-6.mjs}

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -20,6 +21,7 @@ function AutoComplete$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("combobox");
 	let value = $.prop($$props, "value", 15, ""), items = $.prop($$props, "items", 19, () => []), size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	const { collection, filter: filterItems } = useListCollection({
 		initialItems: items(),
 		filter: (item, input) => $$props.filter ? $$props.filter(item, input) : item.toLowerCase().includes(input.toLowerCase())
@@ -85,7 +87,8 @@ function AutoComplete$1($$anchor, $$props) {
 													ArkCombobox_Empty($$anchor, {
 														children: ($$anchor, $$slotProps) => {
 															$.next();
-															var text = $.text("No matches");
+															var text = $.text();
+															$.template_effect(($0) => $.set_text(text, $0), [() => messages().command.noMatches]);
 															$.append($$anchor, text);
 														},
 														$$slots: { default: true }
@@ -93,16 +96,16 @@ function AutoComplete$1($$anchor, $$props) {
 												});
 												var node_7 = $.sibling(node_6, 2);
 												$.each(node_7, 16, () => collection().items, (item) => item, ($$anchor, item) => {
-													var fragment_6 = $.comment();
-													var node_8 = $.first_child(fragment_6);
+													var fragment_7 = $.comment();
+													var node_8 = $.first_child(fragment_7);
 													$.component(node_8, () => Combobox.Item, ($$anchor, ArkCombobox_Item) => {
 														ArkCombobox_Item($$anchor, {
 															get item() {
 																return item;
 															},
 															children: ($$anchor, $$slotProps) => {
-																var fragment_7 = $.comment();
-																var node_9 = $.first_child(fragment_7);
+																var fragment_8 = $.comment();
+																var node_9 = $.first_child(fragment_8);
 																$.component(node_9, () => Combobox.ItemText, ($$anchor, ArkCombobox_ItemText) => {
 																	ArkCombobox_ItemText($$anchor, {
 																		children: ($$anchor, $$slotProps) => {
@@ -114,12 +117,12 @@ function AutoComplete$1($$anchor, $$props) {
 																		$$slots: { default: true }
 																	});
 																});
-																$.append($$anchor, fragment_7);
+																$.append($$anchor, fragment_8);
 															},
 															$$slots: { default: true }
 														});
 													});
-													$.append($$anchor, fragment_6);
+													$.append($$anchor, fragment_7);
 												});
 												$.append($$anchor, fragment_5);
 											},