@bysages/svelte 0.3.0 → 0.3.1

package/dist/{data-view-B3TY3rYl.mjs → data-view-BORK23XZ.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";
@@ -21,6 +22,7 @@ function DataView$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("data-view");
 	let layout = $.prop($$props, "layout", 3, "list"), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	let page = $.state(1);
 	const pageCount = $.derived(() => $$props.pageSize ? Math.max(1, Math.ceil($$props.items.length / $$props.pageSize)) : 1);
 	const visible = $.derived(() => $$props.pageSize ? $$props.items.slice(($.get(page) - 1) * $$props.pageSize, $.get(page) * $$props.pageSize) : $$props.items);
@@ -61,17 +63,22 @@ function DataView$1($$anchor, $$props) {
 				children: ($$anchor, $$slotProps) => {
 					var fragment = root_1();
 					var node_4 = $.first_child(fragment);
-					$.component(node_4, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
-						ArkPagination_PrevTrigger($$anchor, {
-							"aria-label": "Previous page",
-							children: ($$anchor, $$slotProps) => {
-								$.next();
-								var text = $.text("‹");
-								$.append($$anchor, text);
-							},
-							$$slots: { default: true }
+					{
+						let $0 = $.derived(() => messages().pagination.previous);
+						$.component(node_4, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
+							ArkPagination_PrevTrigger($$anchor, {
+								get "aria-label"() {
+									return $.get($0);
+								},
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text = $.text("‹");
+									$.append($$anchor, text);
+								},
+								$$slots: { default: true }
+							});
 						});
-					});
+					}
 					var node_5 = $.sibling(node_4, 2);
 					{
 						const children = ($$anchor, pagination = $.noop) => {
@@ -131,17 +138,22 @@ function DataView$1($$anchor, $$props) {
 						});
 					}
 					var node_10 = $.sibling(node_5, 2);
-					$.component(node_10, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
-						ArkPagination_NextTrigger($$anchor, {
-							"aria-label": "Next page",
-							children: ($$anchor, $$slotProps) => {
-								$.next();
-								var text_3 = $.text("›");
-								$.append($$anchor, text_3);
-							},
-							$$slots: { default: true }
+					{
+						let $0 = $.derived(() => messages().pagination.next);
+						$.component(node_10, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
+							ArkPagination_NextTrigger($$anchor, {
+								get "aria-label"() {
+									return $.get($0);
+								},
+								children: ($$anchor, $$slotProps) => {
+									$.next();
+									var text_3 = $.text("›");
+									$.append($$anchor, text_3);
+								},
+								$$slots: { default: true }
+							});
 						});
-					});
+					}
 					$.append($$anchor, fragment);
 				},
 				$$slots: { default: true }

package/dist/{dynamic-input-B3IBAoLs.mjs → dynamic-input-D1a-5vy-.mjs}

@@ -1,4 +1,5 @@
 import { t as Button } from "./button-BCcX7lHq.mjs";
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { Input } from "./components/input/index.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
@@ -24,6 +25,7 @@ function DynamicInput$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("dynamic-input");
 	let value = $.prop($$props, "value", 31, () => $.proxy([""])), min = $.prop($$props, "min", 3, 0), addLabel = $.prop($$props, "addLabel", 3, "Add entry"), size = $.prop($$props, "size", 3, "md"), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	const canRemove = $.derived(() => value().length > Math.max(min(), 1));
 	const canAdd = $.derived(() => $$props.max === void 0 || value().length < $$props.max);
 	function update(index, next) {
@@ -69,6 +71,7 @@ function DynamicInput$1($$anchor, $$props) {
 		var node_2 = $.sibling(node_1, 2);
 		{
 			let $0 = $.derived(() => disabled() || !$.get(canRemove));
+			let $1 = $.derived(() => messages().dynamicEntry.remove);
 			Button(node_2, {
 				variant: "ghost",
 				square: true,
@@ -78,7 +81,9 @@ function DynamicInput$1($$anchor, $$props) {
 				get disabled() {
 					return $.get($0);
 				},
-				"aria-label": `Remove entry ${index + 1}`,
+				get "aria-label"() {
+					return $.get($1);
+				},
 				onclick: () => remove(index),
 				children: ($$anchor, $$slotProps) => {
 					var svg = root();

package/dist/{float-button-CZAda2SI.mjs → float-button-BLIHnw2u.mjs}

@@ -1,4 +1,5 @@
 import { t as Button } from "./button-BCcX7lHq.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";
@@ -102,10 +103,11 @@ function FloatButtonItem($$anchor, $$props) {
 function FloatButtonTrigger($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("float-button");
+	const messages = useComponentMessages();
 	const context = useFloatButton();
 	{
 		let $0 = $.derived(() => context?.size ?? "lg");
-		let $1 = $.derived(() => $$props.label || "Actions");
+		let $1 = $.derived(() => $$props.label || messages().floatButton.actions);
 		let $2 = $.derived(() => context?.open ?? false);
 		Button($$anchor, {
 			variant: "solid",

package/dist/{image-1Lgj8xhS.mjs → image-u_H4LtAC.mjs}

@@ -9,6 +9,8 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"src",
 	"alt",
 	"fit",
+	"width",
+	"height",
 	"loading",
 	"fallback"
 ]);
@@ -61,6 +63,8 @@ function Image$1($$anchor, $$props) {
 	$.template_effect(() => {
 		$.set_attribute(img, "src", $$props.src);
 		$.set_attribute(img, "alt", alt());
+		$.set_attribute(img, "width", $$props.width);
+		$.set_attribute(img, "height", $$props.height);
 		$.set_attribute(img, "loading", loading());
 	});
 	$.event("load", img, () => $.set(state, "loaded"));

package/dist/{image-viewer-Dv3_Iyu8.mjs → image-viewer-DzoEcVSn.mjs}

@@ -1,4 +1,5 @@
 import { t as Button } from "./button-BCcX7lHq.mjs";
+import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import { t as ButtonGroup } from "./button-group-CVLqPMlR.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
@@ -62,6 +63,7 @@ function ImageViewer$1($$anchor, $$props) {
 	const MAX_SCALE = 3;
 	const SCALE_STEP = .25;
 	let alt = $.prop($$props, "alt", 3, ""), open = $.prop($$props, "open", 15, false), zoomable = $.prop($$props, "zoomable", 3, true);
+	const messages = useComponentMessages();
 	let scale = $.state(1);
 	let rotation = $.state(0);
 	function setOpen(value) {
@@ -129,18 +131,30 @@ function ImageViewer$1($$anchor, $$props) {
 															var consequent = ($$anchor) => {
 																var fragment_11 = root_5();
 																var node_7 = $.first_child(fragment_11);
-																tool(node_7, () => "Zoom in", () => () => zoom(SCALE_STEP), () => zoomIn);
+																{
+																	let $0 = $.derived(() => messages().imageViewer.zoomIn);
+																	tool(node_7, () => $.get($0), () => () => zoom(SCALE_STEP), () => zoomIn);
+																}
 																var node_8 = $.sibling(node_7, 2);
-																tool(node_8, () => "Zoom out", () => () => zoom(-.25), () => zoomOut);
+																{
+																	let $0 = $.derived(() => messages().imageViewer.zoomOut);
+																	tool(node_8, () => $.get($0), () => () => zoom(-.25), () => zoomOut);
+																}
 																$.append($$anchor, fragment_11);
 															};
 															$.if(node_6, ($$render) => {
 																if (zoomable()) $$render(consequent);
 															});
 															var node_9 = $.sibling(node_6, 2);
-															tool(node_9, () => "Rotate 90 degrees", () => turn, () => turnGlyph);
+															{
+																let $0 = $.derived(() => messages().imageViewer.rotate);
+																tool(node_9, () => $.get($0), () => turn, () => turnGlyph);
+															}
 															var node_10 = $.sibling(node_9, 2);
-															tool(node_10, () => "Close", () => () => setOpen(false), () => closeGlyph);
+															{
+																let $0 = $.derived(() => messages().imageViewer.close);
+																tool(node_10, () => $.get($0), () => () => setOpen(false), () => closeGlyph);
+															}
 															$.append($$anchor, fragment_10);
 														},
 														$$slots: { default: true }
@@ -149,6 +163,8 @@ function ImageViewer$1($$anchor, $$props) {
 													$.template_effect(() => {
 														$.set_attribute(img, "src", $$props.src);
 														$.set_attribute(img, "alt", alt());
+														$.set_attribute(img, "width", $$props.width);
+														$.set_attribute(img, "height", $$props.height);
 														styles = $.set_style(img, "", styles, { transform: `scale(${$.get(scale)}) rotate(${$.get(rotation)}deg)` });
 													});
 													$.append($$anchor, fragment_9);

package/dist/{index-D6PrX-hf.d.mts → index-BJvo4qep.d.mts}

@@ -1,4 +1,4 @@
-import { t as TreeViewRoot } from "./TreeViewRoot-ConQj9TX.mjs";
+import { n as TreeViewNodeCheckbox, r as TreeViewBranchIndicator, t as TreeViewRoot } from "./TreeViewRoot-RBynRAly.mjs";
 import { TreeNode } from "@ark-ui/svelte/collection";
 import { TreeView, TreeViewRootProps } from "@ark-ui/svelte/tree-view";
 //#region src/components/tree-view/props.d.ts
@@ -8,8 +8,10 @@ type TreeViewRootProps$1 = TreeViewRootProps<TreeNode> & {
 };
 //#endregion
 //#region src/components/tree-view/index.d.ts
-declare const TreeView$1: Omit<typeof TreeView, "Root"> & {
+declare const TreeView$1: Omit<typeof TreeView, "Root" | "NodeCheckbox" | "BranchIndicator"> & {
   Root: typeof TreeViewRoot;
+  NodeCheckbox: typeof TreeViewNodeCheckbox;
+  BranchIndicator: typeof TreeViewBranchIndicator;
 };
 //#endregion
 export { TreeViewRootProps$1 as n, TreeView$1 as t };

package/dist/{index-DTAcdUAd.d.mts → index-BkGvErBJ.d.mts}

@@ -1,4 +1,4 @@
-import { ThemeScene } from "@bysages/core";
+import { ComponentMessagesOverride, ThemeScene } from "@bysages/core";
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/config-provider/context.d.ts
@@ -23,6 +23,8 @@ interface ConfigContext {
   dir?: "ltr" | "rtl";
   /** BCP-47 locale, landing as the native `lang` attribute. */
   locale?: string;
+  /** Partial leaf overrides applied on top of the locale defaults. */
+  messages?: ComponentMessagesOverride;
 }
 /** The nearest provider's live snapshot, or an empty one when no
  * provider wraps the caller. */
@@ -36,6 +38,8 @@ interface ConfigProviderProps extends HTMLAttributes<HTMLDivElement> {
   dir?: "ltr" | "rtl";
   /** BCP-47 locale, landing as the native `lang` attribute. */
   locale?: string;
+  /** Partial leaf overrides applied on top of the locale defaults. */
+  messages?: ComponentMessagesOverride;
   children?: Snippet;
 }
 //#endregion

package/dist/{index-DAesWvpj.d.mts → index-D1tQgtT0.d.mts}

@@ -5,6 +5,10 @@ interface ImageProps extends HTMLAttributes<HTMLElement> {
   src: string;
   alt?: string;
   fit?: "cover" | "contain" | "fill" | "none";
+  /** Intrinsic width passed to the image, so layout is stable while it loads. */
+  width?: number | string;
+  /** Intrinsic height passed to the image, so layout is stable while it loads. */
+  height?: number | string;
   loading?: "lazy" | "eager";
   /** What a broken source leaves — the quiet placeholder glyph by
    * default. */

package/dist/{index-CiHanb4T.d.mts → index-DG4OAuIf.d.mts}

@@ -2,6 +2,10 @@
 interface ImageViewerProps {
   src: string;
   alt?: string;
+  /** Intrinsic width passed to the preview image, so layout is stable while it loads. */
+  width?: number | string;
+  /** Intrinsic height passed to the preview image, so layout is stable while it loads. */
+  height?: number | string;
   /** Whether the lightbox is up. Bind it (`bind:open`) to control the
    * viewer; left alone it keeps the state to itself. */
   open?: boolean;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { t as useMentions } from "./use-mentions-DeF_38di.mjs";
-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 { Accordion } from "./components/accordion/index.mjs";
 import { n as AffixProps, t as Affix } from "./index-k0ac5WNj.mjs";
 import { t as ActionProps } from "./props-BvDM6-cm.mjs";
@@ -51,7 +51,7 @@ import { ColorPicker } from "./components/color-picker/index.mjs";
 import { Combobox } from "./components/combobox/index.mjs";
 import { n as CommandEntry, r as CommandProps, t as Command } from "./index-D_cE3qK2.mjs";
 import { n as CommentProps, t as Comment } from "./index-zZy5ZnA5.mjs";
-import { a as useConfig, i as ConfigDensity, n as ConfigProviderProps, r as ConfigContext, t as ConfigProvider } from "./index-DTAcdUAd.mjs";
+import { a as useConfig, i as ConfigDensity, n as ConfigProviderProps, r as ConfigContext, t as ConfigProvider } from "./index-BkGvErBJ.mjs";
 import { n as ContainerProps, t as Container } from "./index-8JoOZcM6.mjs";
 import { n as DataViewProps, t as DataView } from "./index-KoqiUxmN.mjs";
 import { DateInput } from "./components/date-input/index.mjs";
@@ -80,8 +80,8 @@ import { Highlight } from "./components/highlight/index.mjs";
 import { HoverCard } from "./components/hover-card/index.mjs";
 import { n as IconProps, t as Icon } from "./index-_kQsvJKo.mjs";
 import { ImageCropper } from "./components/image-cropper/index.mjs";
-import { n as ImageViewerProps, t as ImageViewer } from "./index-CiHanb4T.mjs";
-import { n as ImageProps, t as Image } from "./index-DAesWvpj.mjs";
+import { n as ImageViewerProps, t as ImageViewer } from "./index-DG4OAuIf.mjs";
+import { n as ImageProps, t as Image } from "./index-D1tQgtT0.mjs";
 import { n as InputGroupAddonProps, r as InputGroupProps, t as InputGroup } from "./index-DKfQGayE.mjs";
 import { n as InputProps, t as Input } from "./index-DjaHpB21.mjs";
 import { JsonTreeView } from "./components/json-tree-view/index.mjs";
@@ -143,7 +143,7 @@ import { Tooltip } from "./components/tooltip/index.mjs";
 import { Tour, TourInteractOutsideEvent, TourPointerDownOutsideEvent, TourStepDetails, useTour } from "./components/tour/index.mjs";
 import { n as TransferItem, r as TransferProps, t as Transfer } from "./index-Cd4UxWsz.mjs";
 import { n as TreeSelectNode, r as TreeSelectProps, t as TreeSelect } from "./index-Bj2IsU9D.mjs";
-import { n as TreeViewRootProps, t as TreeView } from "./index-D6PrX-hf.mjs";
+import { n as TreeViewRootProps, t as TreeView } from "./index-BJvo4qep.mjs";
 import { n as TypographyPartProps, t as Typography } from "./index-CeIQyZkc.mjs";
 import { n as UserProps, t as User } from "./index-DBbjFiDd.mjs";
 import { n as VirtualListProps, t as VirtualList } from "./index-DGOBhwXN.mjs";

package/dist/index.mjs

@@ -6,31 +6,32 @@ import { t as AiMessage } from "./ai-message-DBs1fdFm.mjs";
 import { Field } from "./components/field/index.mjs";
 import { n as MentionsVessel, t as Mentions } from "./mentions-DjhgNRmY.mjs";
 import { t as useMentions } from "./use-mentions-DeF_38di.mjs";
-import { t as AiPromptInput } from "./ai-prompt-input-BmyKyadu.mjs";
+import { n as useConfig } from "./context-Da-QMQRq.mjs";
+import { t as AiPromptInput } from "./ai-prompt-input-vh89e9EX.mjs";
 import { Collapsible } from "./components/collapsible/index.mjs";
 import { t as AiReasoning } from "./ai-reasoning-C4YsB2hQ.mjs";
-import { t as AiResponse } from "./ai-response-D5IkRFMN.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-0jlig3fe.mjs";
+import { i as Ai$1, n as AiContent, r as AiActions, t as AiLoader } from "./AiLoader-BEiPYOfW.mjs";
 import { Ai } from "./components/ai/index.mjs";
-import { n as Attachments, t as Attachment } from "./ai-attachments-Y0Tf6UFL.mjs";
+import { n as Attachments, t as Attachment } from "./ai-attachments-C0YVIKUc.mjs";
 import { t as Alert } from "./alert-Xp8I8IY9.mjs";
-import { t as AutoComplete } from "./autocomplete-D7ZZ7Xpb.mjs";
+import { t as AutoComplete } from "./autocomplete-Dhuhqp-6.mjs";
 import { AngleSlider } from "./components/angle-slider/index.mjs";
 import { t as AspectRatio } from "./aspect-ratio-COOgu44A.mjs";
 import { t as Avatar } from "./avatar-LR0CZ1Iz.mjs";
 import { t as AvatarGroup } from "./avatar-group-BgIxNuVj.mjs";
 import { t as BackTop } from "./back-top-rbP0aP47.mjs";
 import { t as Badge } from "./badge-DKa-8Pv0.mjs";
-import { t as BlockUI } from "./block-ui-CpiV9qza.mjs";
-import { t as Breadcrumb } from "./breadcrumb-C01pAq93.mjs";
+import { t as BlockUI } from "./block-ui-CxsMoEoa.mjs";
+import { t as Breadcrumb } from "./breadcrumb-CtBjVdxv.mjs";
 import { t as ButtonGroup } from "./button-group-CVLqPMlR.mjs";
-import { t as Banner } from "./banner-LEPWtGlY.mjs";
-import { t as Calendar } from "./calendar-0tSnHuLj.mjs";
+import { t as Banner } from "./banner-Bj3FFB-O.mjs";
+import { t as Calendar } from "./calendar-BMXmRdwJ.mjs";
 import { t as Card } from "./card-Bc3B7MYz.mjs";
-import { t as CascadeSelect } from "./cascade-select-B-4Z6oWe.mjs";
+import { t as CascadeSelect } from "./cascade-select-CfvWchiN.mjs";
 import { Carousel } from "./components/carousel/index.mjs";
 import { Checkbox } from "./components/checkbox/index.mjs";
 import { t as CheckboxGroup } from "./checkbox-group-ARW_z7gp.mjs";
@@ -40,11 +41,11 @@ import { Clipboard } from "./components/clipboard/index.mjs";
 import { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection } from "./components/collection/index.mjs";
 import { ColorPicker } from "./components/color-picker/index.mjs";
 import { Combobox } from "./components/combobox/index.mjs";
-import { t as Command } from "./command-fZuTfbz4.mjs";
+import { t as Command } from "./command-CZRC1T-6.mjs";
 import { t as Comment } from "./comment-C91xgrtK.mjs";
-import { n as useConfig, t as ConfigProvider } from "./config-provider-DW5wVzFr.mjs";
+import { t as ConfigProvider } from "./config-provider-CZJyd3MX.mjs";
 import { t as Container } from "./container-Cmiu_3W5.mjs";
-import { t as DataView } from "./data-view-B3TY3rYl.mjs";
+import { t as DataView } from "./data-view-BORK23XZ.mjs";
 import { DateInput } from "./components/date-input/index.mjs";
 import { t as DeferredContent } from "./deferred-content-CO9YsKMQ.mjs";
 import { DatePicker } from "./components/date-picker/index.mjs";
@@ -53,13 +54,13 @@ import { Dialog } from "./components/dialog/index.mjs";
 import { DownloadTrigger, useDownload } from "./components/download-trigger/index.mjs";
 import { Drawer } from "./components/drawer/index.mjs";
 import { Input } from "./components/input/index.mjs";
-import { t as DynamicInput } from "./dynamic-input-B3IBAoLs.mjs";
+import { t as DynamicInput } from "./dynamic-input-D1a-5vy-.mjs";
 import { Editable } from "./components/editable/index.mjs";
 import { t as Ellipsis } from "./ellipsis-CLaZ9Grh.mjs";
 import { t as Empty } from "./empty-wwcTI107.mjs";
 import { Fieldset } from "./components/fieldset/index.mjs";
 import { FileUpload } from "./components/file-upload/index.mjs";
-import { n as FLOAT_BUTTON_KEY, t as FloatButton } from "./float-button-CZAda2SI.mjs";
+import { n as FLOAT_BUTTON_KEY, t as FloatButton } from "./float-button-BLIHnw2u.mjs";
 import { FloatingPanel } from "./components/floating-panel/index.mjs";
 import { FocusTrap } from "./components/focus-trap/index.mjs";
 import { Format } from "./components/format/index.mjs";
@@ -69,23 +70,23 @@ import { t as Grid } from "./grid-DNgTWYSL.mjs";
 import { Highlight } from "./components/highlight/index.mjs";
 import { HoverCard } from "./components/hover-card/index.mjs";
 import { t as Icon } from "./icon-D7AeDq0M.mjs";
-import { t as Image } from "./image-1Lgj8xhS.mjs";
+import { t as Image } from "./image-u_H4LtAC.mjs";
 import { ImageCropper } from "./components/image-cropper/index.mjs";
-import { t as ImageViewer } from "./image-viewer-Dv3_Iyu8.mjs";
+import { t as ImageViewer } from "./image-viewer-DzoEcVSn.mjs";
 import { t as InputGroup } from "./input-group-DeKewnvZ.mjs";
 import { JsonTreeView } from "./components/json-tree-view/index.mjs";
 import { t as Kbd } from "./kbd-LXHpi4GM.mjs";
-import { t as Layout } from "./layout-WRo4P9-_.mjs";
+import { t as Layout } from "./layout-GfxGYYhg.mjs";
 import { t as Link } from "./link-CuNiatc7.mjs";
-import { t as List } from "./list-B23lA_sc.mjs";
+import { t as List } from "./list-BgEM9H3z.mjs";
 import { Listbox } from "./components/listbox/index.mjs";
 import { Marquee } from "./components/marquee/index.mjs";
 import { t as Masonry } from "./masonry-B4-v4kJ0.mjs";
 import { Menu } from "./components/menu/index.mjs";
-import { t as Menubar } from "./menubar-Crrkg2tZ.mjs";
+import { t as Menubar } from "./menubar-2MPo9w5z.mjs";
 import { t as Meter } from "./meter-BgsJ2g-v.mjs";
 import { NavigationMenu } from "./components/navigation-menu/index.mjs";
-import { t as OrderList } from "./order-list-q7VlsbmU.mjs";
+import { t as OrderList } from "./order-list-D3EhH7EX.mjs";
 import { NumberInput } from "./components/number-input/index.mjs";
 import { Pagination } from "./components/pagination/index.mjs";
 import { PasswordInput } from "./components/password-input/index.mjs";
@@ -100,12 +101,12 @@ import { RadioGroup } from "./components/radio-group/index.mjs";
 import { RatingGroup } from "./components/rating-group/index.mjs";
 import { ScrollArea } from "./components/scroll-area/index.mjs";
 import { SegmentGroup } from "./components/segment-group/index.mjs";
-import { n as Select, t as NativeSelect } from "./select-rkY0qJKI.mjs";
+import { n as Select, t as NativeSelect } from "./select-8ume4i2e.mjs";
 import { t as Separator } from "./separator-4JWXConE.mjs";
 import { SignaturePad } from "./components/signature-pad/index.mjs";
 import { t as Skeleton } from "./skeleton-DOfOrlmL.mjs";
 import { Slider } from "./components/slider/index.mjs";
-import { t as SplitButton } from "./split-button-CGjPB9DQ.mjs";
+import { t as SplitButton } from "./split-button-DnmVc_J0.mjs";
 import { Splitter } from "./components/splitter/index.mjs";
 import { t as Stack } from "./stack-DCKrejZp.mjs";
 import { t as PageHeader } from "./page-header-DKpKUkTe.mjs";
@@ -114,9 +115,9 @@ import { t as Stat } from "./stat-5cTU1vyI.mjs";
 import { Steps } from "./components/steps/index.mjs";
 import { Swap } from "./components/swap/index.mjs";
 import { Switch } from "./components/switch/index.mjs";
-import { n as FlexRender, r as createColumnHelper, t as DataTable } from "./table-BnNK4_su.mjs";
+import { n as FlexRender, r as createColumnHelper, t as DataTable } from "./table-BsdqRuvj.mjs";
 import { Tabs } from "./components/tabs/index.mjs";
-import { t as Terminal } from "./terminal-B3b4KzoN.mjs";
+import { t as Terminal } from "./terminal-Dgw5JEz4.mjs";
 import { TagsInput } from "./components/tags-input/index.mjs";
 import { t as Textarea } from "./textarea-DzDc678j.mjs";
 import { t as Timeline } from "./timeline-1yPOTbtY.mjs";
@@ -126,14 +127,14 @@ import { Toc } from "./components/toc/index.mjs";
 import { Toggle } from "./components/toggle/index.mjs";
 import { t as Toolbar } from "./toolbar-SNwuRrJr.mjs";
 import { t as Typography } from "./typography-Cygr9XaD.mjs";
-import { t as Transfer } from "./transfer-0IAuhFCe.mjs";
+import { t as Transfer } from "./transfer-C0FLA8W1.mjs";
 import { ToggleGroup } from "./components/toggle-group/index.mjs";
 import { Tooltip } from "./components/tooltip/index.mjs";
 import { Tour, useTour } from "./components/tour/index.mjs";
-import { t as TreeSelect } from "./tree-select-BSf4a_En.mjs";
+import { t as TreeSelect } from "./tree-select-CSYSYZDN.mjs";
 import { TreeView } from "./components/tree-view/index.mjs";
 import { t as User } from "./user-BjJSjDYV.mjs";
-import { t as VirtualList } from "./virtual-list-psKQ_NVr.mjs";
+import { t as VirtualList } from "./virtual-list-_10ypBUP.mjs";
 import { t as Watermark } from "./watermark-C2d3-EAM.mjs";
 import { t as Spotlight } from "./spotlight-DMC5E1eS.mjs";
 import { t as Dock } from "./dock-CKGRnXWu.mjs";

package/dist/{layout-WRo4P9-_.mjs → layout-GfxGYYhg.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";
@@ -128,12 +129,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"maxWidth",
 	"children"
 ]);
-var root = $.from_html(`<div data-scope="layout" data-part="sider-resize" role="separator" aria-orientation="vertical" aria-label="Resize sidebar"></div>`);
+var root = $.from_html(`<div data-scope="layout" data-part="sider-resize" role="separator" aria-orientation="vertical"></div>`);
 var root_1 = $.from_html(`<aside><!> <!></aside>`);
 function LayoutSider($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("layout");
 	let collapsed = $.prop($$props, "collapsed", 11, false), width = $.prop($$props, "width", 15, "16rem"), collapsedWidth = $.prop($$props, "collapsedWidth", 3, "3.5rem"), resizable = $.prop($$props, "resizable", 3, false), minWidth = $.prop($$props, "minWidth", 3, "12rem"), maxWidth = $.prop($$props, "maxWidth", 3, "24rem"), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	const layout = useLayout();
 	/** One step of the arrow-key resize, in px. */
 	const RESIZE_STEP = 16;
@@ -187,10 +189,11 @@ function LayoutSider($$anchor, $$props) {
 	var consequent = ($$anchor) => {
 		var div = root();
 		$.set_attribute(div, "tabindex", 0);
-		$.template_effect(($0) => {
+		$.template_effect(($0, $1) => {
 			$.set_attribute(div, "data-dragging", $.get(dragging) ? "" : void 0);
-			$.set_attribute(div, "aria-valuenow", $0);
-		}, [() => $.get(rail) ? Math.round($.get(rail).getBoundingClientRect().width) : 0]);
+			$.set_attribute(div, "aria-label", $0);
+			$.set_attribute(div, "aria-valuenow", $1);
+		}, [() => messages().sidebar.resize, () => $.get(rail) ? Math.round($.get(rail).getBoundingClientRect().width) : 0]);
 		$.delegated("pointerdown", div, onPointerDown);
 		$.delegated("pointermove", div, onPointerMove);
 		$.delegated("pointerup", div, onPointerUp);

package/dist/{list-B23lA_sc.mjs → list-BgEM9H3z.mjs}

@@ -111,7 +111,8 @@ var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
-	"children"
+	"children",
+	"role"
 ]);
 var root$1 = $.from_html(`<li><!></li>`);
 function ListItem($$anchor, $$props) {

package/dist/{menubar-Crrkg2tZ.mjs → menubar-2MPo9w5z.mjs}

@@ -40,6 +40,7 @@ function Menubar$1($$anchor, $$props) {
 							$.attribute_effect(button, ($0) => ({
 								...$0,
 								type: "button",
+								role: "menuitem",
 								"data-scope": "menubar",
 								"data-part": "trigger"
 							}), [() => props()()]);

package/dist/messages-DNzA55pH.mjs

@@ -0,0 +1,17 @@
+import { n as useConfig } from "./context-Da-QMQRq.mjs";
+import { resolveComponentMessages } from "@bysages/core";
+//#region src/components/config-provider/messages.ts
+/** Resolve the nearest provider's locale and overrides into one complete
+* message table; calling the selector keeps each read live with provider
+* props. */
+function useComponentMessages() {
+	const config = useConfig();
+	return () => resolveComponentMessages(config.locale ?? "en", config.messages);
+}
+/** Substitute `{name}` leaves with caller values; unknown leaves stay
+* visible so a typo cannot turn an accessible name silent. */
+function formatMessage(template, values) {
+	return template.replace(/\{(\w+)\}/g, (match, key) => key in values ? String(values[key]) : match);
+}
+//#endregion
+export { useComponentMessages as n, formatMessage as t };

package/dist/{order-list-q7VlsbmU.mjs → order-list-D3EhH7EX.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";
@@ -10,12 +11,13 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"options",
 	"label"
 ]);
-var root = $.from_html(`<li role="option" aria-selected="true" draggable="" data-scope="order-list" data-part="item"><span data-scope="order-list" data-part="grip" aria-hidden="true">⋮⋮</span> <span data-scope="order-list" data-part="label"> </span> <span data-scope="order-list" data-part="controls"><button type="button" aria-label="Move to top" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 15-6-6-6 6"></path><path d="M5 4h14"></path></svg></button> <button type="button" aria-label="Move up" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 15-6-6-6 6"></path></svg></button> <button type="button" aria-label="Move down" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" 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></button> <button type="button" aria-label="Move to bottom" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" 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><path d="M5 20h14"></path></svg></button></span></li>`);
+var root = $.from_html(`<li draggable="" aria-roledescription="Sortable item" data-scope="order-list" data-part="item"><span data-scope="order-list" data-part="grip" aria-hidden="true">⋮⋮</span> <span data-scope="order-list" data-part="label"> </span> <span data-scope="order-list" data-part="controls"><button type="button" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 15-6-6-6 6"></path><path d="M5 4h14"></path></svg></button> <button type="button" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 15-6-6-6 6"></path></svg></button> <button type="button" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" 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></button> <button type="button" data-scope="order-list" data-part="move"><svg viewBox="0 0 24 24" width="12" height="12" 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><path d="M5 20h14"></path></svg></button></span></li>`);
 var root_1 = $.from_html(`<div><ol data-scope="order-list" data-part="list"></ol></div>`);
 function OrderList$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("order-list");
 	let value = $.prop($$props, "value", 31, () => $.proxy([])), rest = $.rest_props($$props, rest_excludes);
+	const messages = useComponentMessages();
 	let dragging = $.state(null);
 	let dropLine = $.state(null);
 	const rows = $.derived(() => value().map((entry) => $$props.options.find((option) => option.value === entry)).filter((option) => option != null));
@@ -51,9 +53,6 @@ function OrderList$1($$anchor, $$props) {
 	};
 	$.attribute_effect(div, () => ({
 		...rest,
-		role: "listbox",
-		"aria-label": $$props.label,
-		"aria-multiselectable": false,
 		"data-scope": "order-list",
 		"data-part": "root",
 		ondragleave: event_handler
@@ -70,15 +69,24 @@ function OrderList$1($$anchor, $$props) {
 		var button_3 = $.sibling(button_2, 2);
 		$.reset(span_1);
 		$.reset(li);
-		$.template_effect(() => {
+		$.template_effect(($0, $1, $2, $3) => {
 			$.set_attribute(li, "data-dragging", $.get(dragging) === $.get(option).value ? "" : void 0);
 			$.set_attribute(li, "data-drop-line", $.get(dropLine) && $.get(dropLine).index === $.get(index) ? $.get(dropLine).before ? "top" : "bottom" : void 0);
 			$.set_text(text, $.get(option).label);
+			$.set_attribute(button, "aria-label", $0);
 			button.disabled = $.get(index) === 0;
+			$.set_attribute(button_1, "aria-label", $1);
 			button_1.disabled = $.get(index) === 0;
+			$.set_attribute(button_2, "aria-label", $2);
 			button_2.disabled = $.get(index) === $.get(rows).length - 1;
+			$.set_attribute(button_3, "aria-label", $3);
 			button_3.disabled = $.get(index) === $.get(rows).length - 1;
-		});
+		}, [
+			() => messages().orderList.toTop,
+			() => messages().orderList.moveUp,
+			() => messages().orderList.moveDown,
+			() => messages().orderList.toBottom
+		]);
 		$.event("dragstart", li, (event) => {
 			$.set(dragging, $.get(option).value, true);
 			event.dataTransfer?.setData("text/plain", $.get(option).value);
@@ -107,6 +115,7 @@ function OrderList$1($$anchor, $$props) {
 	});
 	$.reset(ol);
 	$.reset(div);
+	$.template_effect(() => $.set_attribute(ol, "aria-label", $$props.label));
 	$.append($$anchor, div);
 	$.pop();
 }

package/dist/{select-rkY0qJKI.mjs → select-8ume4i2e.mjs}

@@ -14,7 +14,9 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"size",
 	"invalid",
 	"placeholder",
-	"disabled"
+	"disabled",
+	"aria-label",
+	"aria-labelledby"
 ]);
 var root = $.from_html(`<option disabled=""> </option>`);
 var root_1 = $.from_html(`<option> </option>`);
@@ -41,6 +43,8 @@ function NativeSelect$1($$anchor, $$props) {
 	var select = $.child(span);
 	$.attribute_effect(select, () => ({
 		...$.get(fieldProps),
+		"aria-label": $$props["aria-label"],
+		"aria-labelledby": $$props["aria-labelledby"],
 		"data-scope": "select",
 		"data-part": "native",
 		disabled: $.get(isDisabled) || void 0