@bysages/solid 0.3.0 → 0.3.1

package/dist/components/layout/index.mjs

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, delegateEvents, effect, insert, memo, ref, setAttribute, spread, template } from "@solidjs/web";
 import { createContext, createEffect, createSignal, splitProps, useContext } from "solid-js";
@@ -6,7 +7,7 @@ var _tmpl$ = /* @__PURE__ */ template(`<div>`);
 var _tmpl$2 = /* @__PURE__ */ template(`<header>`);
 var _tmpl$3 = /* @__PURE__ */ template(`<main>`);
 var _tmpl$4 = /* @__PURE__ */ template(`<footer>`);
-var _tmpl$5 = /* @__PURE__ */ template(`<div data-scope=layout data-part=sider-resize role=separator aria-orientation=vertical tabindex=0 aria-label="Resize sidebar">`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div data-scope=layout data-part=sider-resize role=separator aria-orientation=vertical tabindex=0>`);
 var _tmpl$6 = /* @__PURE__ */ template(`<aside><!><!>`);
 const LayoutContext = createContext();
 /**
@@ -89,6 +90,7 @@ function LayoutSider(props) {
 	});
 	const layout = useContext(LayoutContext);
 	const [dragging, setDragging] = createSignal(false);
+	const messages = useComponentMessages();
 	let rail;
 	let startPointerX = 0;
 	let startWidth = 0;
@@ -127,11 +129,13 @@ function LayoutSider(props) {
 		effect(() => {
 			return {
 				e: dragging() ? "" : void 0,
-				t: railWidth()
+				t: messages().sidebar.resize,
+				a: railWidth()
 			};
-		}, ({ e, t }, _p$) => {
+		}, ({ e, t, a }, _p$) => {
 			e !== _p$?.e && setAttribute(_el$5, "data-dragging", e);
-			t !== _p$?.t && setAttribute(_el$5, "aria-valuenow", t);
+			t !== _p$?.t && setAttribute(_el$5, "aria-label", t);
+			a !== _p$?.a && setAttribute(_el$5, "aria-valuenow", a);
 		});
 		return _el$5;
 	})() : null;

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

@@ -1,5 +1,6 @@
 import { Component, JSX } from "solid-js";
 //#region src/components/list/index.d.ts
+declare function Item(props: JSX.HTMLAttributes<HTMLLIElement>): JSX.Element;
 export interface ListRootProps extends JSX.HTMLAttributes<HTMLUListElement> {
   /** One hairline between rows. */
   bordered?: boolean;
@@ -18,7 +19,7 @@ export interface ListContentProps extends Omit<JSX.HTMLAttributes<HTMLDivElement
 declare function Content(props: ListContentProps): JSX.Element;
 export declare const List: typeof Root & {
   Root: typeof Root;
-  Item: Component<JSX.HTMLAttributes<HTMLElement>>;
+  Item: typeof Item;
   Leading: Component<JSX.HTMLAttributes<HTMLElement>>;
   Content: typeof Content;
   Actions: Component<JSX.HTMLAttributes<HTMLElement>>;

package/dist/components/list/index.mjs

@@ -2,10 +2,11 @@ import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, mergeProps, spread, template } from "@solidjs/web";
 import { Show, splitProps } from "solid-js";
 //#region src/components/list/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<ul>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=list data-part=title>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=list data-part=description>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<div><!><!><!>`);
+var _tmpl$ = /* @__PURE__ */ template(`<li>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<ul>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=list data-part=title>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<div data-scope=list data-part=description>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<div><!><!><!>`);
 /** A ledger of rows: Root is the list, Item one row, Leading the mark
 * before the words, Content the title and its quiet echo, Actions the
 * way out. The bordered variant draws the hairlines; the hoverable
@@ -22,13 +23,21 @@ function part(name, tag) {
 	}
 	return Component;
 }
-const Item = part("Item", "li");
+function Item(props) {
+	const [, rest] = splitProps(props, ["role"]);
+	var _el$ = _tmpl$();
+	spread(_el$, [rest, {
+		"data-scope": "list",
+		"data-part": "item"
+	}], false);
+	return _el$;
+}
 const Leading = part("Leading", "div");
 const Actions = part("Actions", "div");
 function Root(props) {
 	const [own, rest] = splitProps(props, ["bordered", "hoverable"]);
-	var _el$ = _tmpl$();
-	spread(_el$, [rest, {
+	var _el$2 = _tmpl$2();
+	spread(_el$2, [rest, {
 		"data-scope": "list",
 		"data-part": "root",
 		get "data-bordered"() {
@@ -38,7 +47,7 @@ function Root(props) {
 			return own.hoverable || void 0;
 		}
 	}], false);
-	return _el$;
+	return _el$2;
 }
 /** The row's words: `title` and `description` ride their own named
 * parts, the children follow them for anything else. */
@@ -48,42 +57,42 @@ function Content(props) {
 		"description",
 		"children"
 	]);
-	var _el$2 = _tmpl$4();
-	var _el$4 = _el$2.firstChild;
-	var _el$6 = _el$4.nextSibling;
-	var _el$7 = _el$6.nextSibling;
-	spread(_el$2, [rest, {
+	var _el$3 = _tmpl$5();
+	var _el$5 = _el$3.firstChild;
+	var _el$7 = _el$5.nextSibling;
+	var _el$8 = _el$7.nextSibling;
+	spread(_el$3, [rest, {
 		"data-scope": "list",
 		"data-part": "content"
 	}], true);
-	insert(_el$2, createComponent(Show, {
+	insert(_el$3, createComponent(Show, {
 		get when() {
 			return own.title;
 		},
 		get children() {
-			var _el$3 = _tmpl$2();
-			insert(_el$3, () => {
+			var _el$4 = _tmpl$3();
+			insert(_el$4, () => {
 				return own.title;
 			});
-			return _el$3;
+			return _el$4;
 		}
-	}), _el$4);
-	insert(_el$2, createComponent(Show, {
+	}), _el$5);
+	insert(_el$3, createComponent(Show, {
 		get when() {
 			return own.description;
 		},
 		get children() {
-			var _el$5 = _tmpl$3();
-			insert(_el$5, () => {
+			var _el$6 = _tmpl$4();
+			insert(_el$6, () => {
 				return own.description;
 			});
-			return _el$5;
+			return _el$6;
 		}
-	}), _el$6);
-	insert(_el$2, () => {
+	}), _el$7);
+	insert(_el$3, () => {
 		return own.children;
-	}, _el$7);
-	return _el$2;
+	}, _el$8);
+	return _el$3;
 }
 const List = Object.assign(Root, {
 	Root,

package/dist/components/menubar/index.mjs

@@ -39,6 +39,7 @@ function Menubar(props) {
 					var _el$2 = _tmpl$2();
 					spread(_el$2, [triggerProps, {
 						type: "button",
+						role: "menuitem",
 						"data-scope": "menubar",
 						"data-part": "trigger"
 					}], true);

package/dist/components/order-list/index.mjs

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, delegateEvents, effect, insert, setAttribute, spread, template } from "@solidjs/web";
 import { For, createSignal, createUniqueId, splitProps } from "solid-js";
@@ -5,7 +6,7 @@ import { For, createSignal, createUniqueId, splitProps } from "solid-js";
 var _tmpl$ = /* @__PURE__ */ template(`<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>`);
 var _tmpl$2 = /* @__PURE__ */ template(`<svg><path></svg>`, 2);
 var _tmpl$3 = /* @__PURE__ */ template(`<div><ol data-scope=order-list data-part=list>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<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></button><button type=button aria-label="Move up"data-scope=order-list data-part=move></button><button type=button aria-label="Move down"data-scope=order-list data-part=move></button><button type=button aria-label="Move to bottom"data-scope=order-list data-part=move>`);
+var _tmpl$4 = /* @__PURE__ */ template(`<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></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move></button><button type=button data-scope=order-list data-part=move>`);
 const ARROWS = {
 	up: ["m18 15-6-6-6 6"],
 	down: ["m6 9 6 6 6-6"],
@@ -30,6 +31,7 @@ function arrowGlyph(paths) {
 * hairline of primary ink marks the seam the row will land on — so
 * touch keeps the buttons as its route. */
 function OrderList(props) {
+	const messages = useComponentMessages();
 	injectComponentStyle("order-list");
 	const uid = createUniqueId();
 	const [own, rest] = splitProps(props, [
@@ -69,11 +71,6 @@ function OrderList(props) {
 	var _el$3 = _tmpl$3();
 	var _el$4 = _el$3.firstChild;
 	spread(_el$3, [rest, {
-		role: "listbox",
-		get "aria-label"() {
-			return own.label;
-		},
-		"aria-multiselectable": false,
 		"data-scope": "order-list",
 		"data-part": "root",
 		"data-uid": uid,
@@ -137,22 +134,33 @@ function OrderList(props) {
 				return {
 					e: dragging() === option.value ? "" : void 0,
 					t: seam(),
-					a: index() === 0,
+					a: messages().orderList.toTop,
 					o: index() === 0,
-					i: index() === rows().length - 1,
-					n: index() === rows().length - 1
+					i: messages().orderList.moveUp,
+					n: index() === 0,
+					s: messages().orderList.moveDown,
+					h: index() === rows().length - 1,
+					r: messages().orderList.toBottom,
+					d: index() === rows().length - 1
 				};
-			}, ({ e, t, a, o, i, n }, _p$) => {
+			}, ({ e, t, a, o, i, n, s, h, r, d }, _p$) => {
 				e !== _p$?.e && setAttribute(_el$5, "data-dragging", e);
 				t !== _p$?.t && setAttribute(_el$5, "data-drop-line", t);
-				a !== _p$?.a && setAttribute(_el$9, "disabled", a);
-				o !== _p$?.o && setAttribute(_el$10, "disabled", o);
-				i !== _p$?.i && setAttribute(_el$11, "disabled", i);
-				n !== _p$?.n && setAttribute(_el$12, "disabled", n);
+				a !== _p$?.a && setAttribute(_el$9, "aria-label", a);
+				o !== _p$?.o && setAttribute(_el$9, "disabled", o);
+				i !== _p$?.i && setAttribute(_el$10, "aria-label", i);
+				n !== _p$?.n && setAttribute(_el$10, "disabled", n);
+				s !== _p$?.s && setAttribute(_el$11, "aria-label", s);
+				h !== _p$?.h && setAttribute(_el$11, "disabled", h);
+				r !== _p$?.r && setAttribute(_el$12, "aria-label", r);
+				d !== _p$?.d && setAttribute(_el$12, "disabled", d);
 			});
 			return _el$5;
 		}
 	}));
+	effect(() => own.label, (_v$) => {
+		setAttribute(_el$4, "aria-label", _v$);
+	});
 	return _el$3;
 }
 delegateEvents(["click"]);

package/dist/components/select/index.mjs

@@ -1,2 +1,2 @@
-import { n as NativeSelect, t as Select } from "../../select-CHaXbzLX.mjs";
+import { n as NativeSelect, t as Select } from "../../select-CX6OuQlU.mjs";
 export { NativeSelect, Select };

package/dist/components/spinner/index.mjs

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
 import { splitProps } from "solid-js";
@@ -8,11 +9,12 @@ var _tmpl$ = /* @__PURE__ */ template(`<span><svg viewBox="0 0 24 24"fill=none a
 function Spinner(props) {
 	injectComponentStyle("spinner");
 	const [own, rest] = splitProps(props, ["size"]);
+	const messages = useComponentMessages();
 	var _el$ = _tmpl$();
 	spread(_el$, [rest, {
 		role: "status",
 		get "aria-label"() {
-			return rest["aria-label"] ?? "Loading";
+			return rest["aria-label"] ?? messages().spinner.loading;
 		},
 		"data-scope": "spinner",
 		"data-part": "root",

package/dist/components/split-button/index.mjs

@@ -1,4 +1,5 @@
 import { Button } from "../button/index.mjs";
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, spread, template } from "@solidjs/web";
 import { For, splitProps } from "solid-js";
@@ -34,6 +35,7 @@ function SplitButton(props) {
 	const variant = () => own.variant ?? "solid";
 	const tone = () => own.tone ?? "ink";
 	const size = () => own.size ?? "md";
+	const messages = useComponentMessages();
 	var _el$ = _tmpl$();
 	var _el$2 = _el$.firstChild;
 	var _el$3 = _el$2.nextSibling;
@@ -69,7 +71,9 @@ function SplitButton(props) {
 					get disabled() {
 						return own.disabled;
 					},
-					"aria-label": "More actions",
+					get "aria-label"() {
+						return messages().more.actions;
+					},
 					get "data-variant"() {
 						return variant();
 					},

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

@@ -1,3 +1,4 @@
+import { ComponentProps } from "solid-js";
 import { Steps as Steps$1, StepsRootProps } from "@ark-ui/solid/steps";
 //#region src/components/steps/index.d.ts
 /**
@@ -12,7 +13,11 @@ type StepsOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function StepsRoot(props: StepsRootProps & StepsOwnProps): import("solid-js").JSX.Element;
-export declare const Steps: Omit<typeof Steps$1, "Root"> & {
+/** The machine wraps each tab in an item div; presentation keeps the
+ * tablist owned children legal while the tab itself keeps its role. */
+declare function StepsItem(props: ComponentProps<typeof Steps$1.Item>): import("solid-js").JSX.Element;
+export declare const Steps: Omit<typeof Steps$1, "Root" | "Item"> & {
   Root: typeof StepsRoot;
+  Item: typeof StepsItem;
 };
 //#endregion

package/dist/components/steps/index.mjs

@@ -9,9 +9,15 @@ function StepsRoot(props) {
 		return own.size ?? "md";
 	} }));
 }
+/** The machine wraps each tab in an item div; presentation keeps the
+* tablist owned children legal while the tab itself keeps its role. */
+function StepsItem(props) {
+	return createComponent(Steps$1.Item, mergeProps(props, { role: "presentation" }));
+}
 const Steps = {
 	...Steps$1,
-	Root: StepsRoot
+	Root: StepsRoot,
+	Item: StepsItem
 };
 injectComponentStyle("steps");
 //#endregion

package/dist/components/table/index.mjs

@@ -1,5 +1,6 @@
+import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-CHaXbzLX.mjs";
+import { t as Select$1 } from "../../select-CX6OuQlU.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { addEvent, createComponent, delegateEvents, effect, insert, memo, readShallow, ref, setAttribute, setStyleProperty, spread, style, template } from "@solidjs/web";
 import { For, createMemo, createSignal, onCleanup, onMount } from "solid-js";
@@ -15,9 +16,9 @@ var _tmpl$5 = /* @__PURE__ */ template(`<div data-scope=table data-part=cell-mai
 var _tmpl$6 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$7 = /* @__PURE__ */ template(`<div role=row data-scope=table data-part=row>`);
 var _tmpl$8 = /* @__PURE__ */ template(`<div><!><!>`);
-var _tmpl$9 = /* @__PURE__ */ template(`<input type=text data-scope=table data-part=header-filter placeholder=Filter>`);
-var _tmpl$10 = /* @__PURE__ */ template(`<div data-scope=table data-part=root><div data-scope=table data-part=viewport><div role=table data-scope=table data-part=table><div role=rowgroup data-scope=table data-part=header></div><div role=rowgroup data-scope=table data-part=body><!><!></div></div></div><!>`);
-var _tmpl$11 = /* @__PURE__ */ template(`<div data-scope=table data-part=toolbar><input type=search data-scope=table data-part=global-filter aria-label="Filter all columns">`);
+var _tmpl$9 = /* @__PURE__ */ template(`<input type=text data-scope=table data-part=header-filter>`);
+var _tmpl$10 = /* @__PURE__ */ template(`<div data-scope=table data-part=root><div data-scope=table data-part=viewport tabindex=0><div role=table data-scope=table data-part=table><div role=rowgroup data-scope=table data-part=header></div><div role=rowgroup data-scope=table data-part=body><!><!></div></div></div><!>`);
+var _tmpl$11 = /* @__PURE__ */ template(`<div data-scope=table data-part=toolbar><input type=search data-scope=table data-part=global-filter>`);
 var _tmpl$12 = /* @__PURE__ */ template(`<div><input>`);
 var _tmpl$13 = /* @__PURE__ */ template(`<div data-scope=table data-part=empty>`);
 var _tmpl$14 = /* @__PURE__ */ template(`<div role=rowgroup data-scope=table data-part=footer>`);
@@ -85,6 +86,7 @@ function mark(el, attr, on) {
 }
 const chevronGlyph = _tmpl$3();
 function DataTable(props) {
+	const messages = useComponentMessages();
 	injectComponentStyle("table");
 	if (props.virtual && props.merge) console.warn("[DataTable] `virtual` and `merge` are mutually exclusive; merge wins.");
 	/** Features follow the construction-time switches: sorting, selection,
@@ -408,7 +410,9 @@ function DataTable(props) {
 				},
 				{ indeterminate: false },
 				{
-					"aria-label": "Select row",
+					get "aria-label"() {
+						return messages().table.selectRow;
+					},
 					onchange: () => row.toggleSelected(!row.getIsSelected())
 				}
 			], false);
@@ -425,7 +429,7 @@ function DataTable(props) {
 					e: String(row.depth),
 					t: row.getIsExpanded() || void 0,
 					a: !row.getCanExpand() || void 0,
-					o: row.getIsExpanded() ? "Collapse row" : "Expand row"
+					o: row.getIsExpanded() ? messages().table.collapseRow : messages().table.expandRow
 				};
 			}, ({ e, t, a, o }, _p$) => {
 				e !== _p$?.e && setStyleProperty(_el$6, "--bs-table-depth", e);
@@ -539,12 +543,14 @@ function DataTable(props) {
 			_el$13._$$click = (e) => e.stopPropagation();
 			effect(() => {
 				return {
-					e: `Filter ${column.id}`,
-					t: column.getFilterValue() ?? ""
+					e: formatComponentMessage(messages().table.filterColumn, { name: column.id }),
+					t: column.getFilterValue() ?? "",
+					a: messages().command.filter
 				};
-			}, ({ e, t }, _p$) => {
+			}, ({ e, t, a }, _p$) => {
 				e !== _p$?.e && setAttribute(_el$13, "aria-label", e);
 				_el$13.value = t ?? "";
+				a !== _p$?.a && setAttribute(_el$13, "placeholder", a);
 			});
 			return _el$13;
 		})() : null, _el$12);
@@ -569,12 +575,14 @@ function DataTable(props) {
 				_el$23._$$input = (e) => table.setGlobalFilter(e.target.value);
 				effect(() => {
 					return {
-						e: props.globalFilterPlaceholder,
-						t: table.atoms.globalFilter.get() ?? ""
+						e: messages().table.filterAll,
+						t: props.globalFilterPlaceholder,
+						a: table.atoms.globalFilter.get() ?? ""
 					};
-				}, ({ e, t }, _p$) => {
-					e !== _p$?.e && setAttribute(_el$23, "placeholder", e);
-					_el$23.value = t ?? "";
+				}, ({ e, t, a }, _p$) => {
+					e !== _p$?.e && setAttribute(_el$23, "aria-label", e);
+					t !== _p$?.t && setAttribute(_el$23, "placeholder", t);
+					_el$23.value = a ?? "";
 				});
 				return _el$22;
 			})() : null;
@@ -615,7 +623,9 @@ function DataTable(props) {
 							return { indeterminate: table.getIsSomeRowsSelected() && !all };
 						},
 						{
-							"aria-label": "Select all rows",
+							get "aria-label"() {
+								return messages().table.selectAllRows;
+							},
 							onchange: () => table.toggleAllRowsSelected(!all)
 						}
 					], false);
@@ -651,7 +661,7 @@ function DataTable(props) {
 			return _c$4() ? (() => {
 				var _el$27 = _tmpl$13();
 				insert(_el$27, () => {
-					return props.emptyText;
+					return props.emptyText ?? messages().table.empty;
 				});
 				return _el$27;
 			})() : null;
@@ -677,7 +687,7 @@ function DataTable(props) {
 							children: (header) => (() => {
 								var _el$30 = _tmpl$6();
 								spread(_el$30, [{
-									role: "columnheader",
+									role: "cell",
 									"data-scope": "table",
 									"data-part": "footer-cell",
 									get "data-numeric"() {
@@ -716,7 +726,7 @@ function DataTable(props) {
 				var _el$34 = _el$33.firstChild;
 				var _el$35 = _el$34.nextSibling;
 				insert(_el$32, () => {
-					return `${table.getRowCount()} rows`;
+					return formatComponentMessage(messages().table.rowsCount, { count: table.getRowCount() });
 				});
 				insert(_el$33, createComponent(Select$1.Root, {
 					get collection() {
@@ -725,7 +735,7 @@ function DataTable(props) {
 							20,
 							50
 						]).map((size) => ({
-							label: `${size} / page`,
+							label: formatComponentMessage(messages().table.perPage, { size }),
 							value: String(size)
 						})) });
 					},
@@ -737,7 +747,9 @@ function DataTable(props) {
 					get children() {
 						return [createComponent(Select$1.Control, { get children() {
 							return createComponent(Select$1.Trigger, {
-								"aria-label": "Rows per page",
+								get "aria-label"() {
+									return messages().table.rowsPerPage;
+								},
 								get children() {
 									return [createComponent(Select$1.ValueText, {}), createComponent(Select$1.Indicator, { get children() {
 										return chevronDownGlyph();
@@ -753,7 +765,7 @@ function DataTable(props) {
 											20,
 											50
 										]).map((size) => ({
-											label: `${size} / page`,
+											label: formatComponentMessage(messages().table.perPage, { size }),
 											value: String(size)
 										}));
 									},

package/dist/components/terminal/index.mjs

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, delegateEvents, effect, insert, ref, setAttribute, spread, template } from "@solidjs/web";
 import { For, createEffect, createSignal, onMount, splitProps } from "solid-js";
@@ -9,6 +10,7 @@ var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=terminal data-part=line>
 * leaves as an event, and the caller answers through the lines prop,
 * so history stays theirs to shape. */
 function Terminal(props) {
+	const messages = useComponentMessages();
 	injectComponentStyle("terminal");
 	const [own, rest] = splitProps(props, [
 		"lines",
@@ -70,7 +72,7 @@ function Terminal(props) {
 		return {
 			e: draft(),
 			t: own.placeholder,
-			a: own.label ? `${own.label} command line` : "Command line"
+			a: own.label ?? messages().terminal.commandLine
 		};
 	}, ({ e, t, a }, _p$) => {
 		_el$5.value = e ?? "";

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

@@ -1,7 +1,2 @@
-import { Toc as Toc$1 } from "@ark-ui/solid/toc";
-//#region src/components/toc/index.d.ts
-/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
- * beside the scroll, one stroke of primary ink marking where the reader
- * stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
-export declare const Toc: typeof Toc$1;
-//#endregion
+import { t as Toc } from "../../index-DdsnfV4f.mjs";
+export { Toc };

package/dist/components/toc/index.mjs

@@ -1,10 +1,2 @@
-import { injectComponentStyle } from "@bysages/core";
-import { Toc as Toc$1 } from "@ark-ui/solid/toc";
-//#region src/components/toc/index.ts
-/** Ark's Toc, dressed in the paper-and-ink system: a quiet rail of links
-* beside the scroll, one stroke of primary ink marking where the reader
-* stands. The API is Ark's own — Root, Title, List, Item, Link, Indicator. */
-const Toc = Toc$1;
-injectComponentStyle("toc");
-//#endregion
+import { t as Toc } from "../../toc-CZmYEaQR.mjs";
 export { Toc };

package/dist/components/transfer/index.mjs

@@ -1,4 +1,5 @@
 import { Button } from "../button/index.mjs";
+import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
 import { t as Input } from "../../input-DoFQ7RXh.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, setAttribute, spread, template } from "@solidjs/web";
@@ -28,6 +29,7 @@ function arrowGlyph(direction) {
 * panel.
 */
 function Transfer(props) {
+	const messages = useComponentMessages();
 	injectComponentStyle("transfer");
 	injectComponentStyle("checkbox");
 	const [own, rest] = splitProps(props, [
@@ -82,8 +84,12 @@ function Transfer(props) {
 						return query();
 					},
 					onValueChange: setQuery,
-					placeholder: "Filter…",
-					"aria-label": `Filter ${title}`
+					get placeholder() {
+						return formatComponentMessage(messages().transfer.filter, { name: title });
+					},
+					get "aria-label"() {
+						return formatComponentMessage(messages().transfer.filter, { name: title });
+					}
 				}));
 				return _el$8;
 			}
@@ -147,7 +153,9 @@ function Transfer(props) {
 		get disabled() {
 			return checkedSource().size === 0 || own.disabled;
 		},
-		"aria-label": "Move right",
+		get "aria-label"() {
+			return messages().transfer.moveRight;
+		},
 		onClick: () => move(true),
 		get children() {
 			return arrowGlyph("right");
@@ -160,7 +168,9 @@ function Transfer(props) {
 		get disabled() {
 			return checkedTarget().size === 0 || own.disabled;
 		},
-		"aria-label": "Move left",
+		get "aria-label"() {
+			return messages().transfer.moveLeft;
+		},
 		onClick: () => move(false),
 		get children() {
 			return arrowGlyph("left");

package/dist/components/tree-select/index.mjs

@@ -1,3 +1,4 @@
+import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
 import { t as Input } from "../../input-DoFQ7RXh.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, mergeProps, spread, template } from "@solidjs/web";
@@ -24,6 +25,7 @@ function chevron() {
 * matches keep their ancestors and the branches fan open.
 */
 function TreeSelect(props) {
+	const messages = useComponentMessages();
 	injectComponentStyle("tree-select");
 	injectComponentStyle("tree-view");
 	const [own, rest] = splitProps(props, [
@@ -97,10 +99,7 @@ function TreeSelect(props) {
 					get fallback() {
 						return createComponent(TreeView.Item, { asChild: (propsFn) => (() => {
 							var _el$2 = _tmpl$2();
-							spread(_el$2, [propsFn, { style: {
-								display: "flex",
-								"inline-size": "100%"
-							} }], true);
+							spread(_el$2, propsFn, true);
 							insert(_el$2, createComponent(TreeView.ItemText, { get children() {
 								return rowProps.node.label;
 							} }));
@@ -193,8 +192,12 @@ function TreeSelect(props) {
 											return query();
 										},
 										onValueChange: setQuery,
-										placeholder: "Filter…",
-										"aria-label": "Filter options"
+										get placeholder() {
+											return messages().select.filter;
+										},
+										get "aria-label"() {
+											return messages().select.filter;
+										}
 									}));
 									return _el$3;
 								}

package/dist/components/tree-view/index.d.mts

@@ -1,3 +1,4 @@
+import { ComponentProps } from "solid-js";
 import { TreeNode, TreeView as TreeView$1, TreeViewRootProps } from "@ark-ui/solid/tree-view";
 //#region src/components/tree-view/index.d.ts
 /** Ark's TreeView, dressed in the paper-and-ink system: quiet rows where
@@ -12,7 +13,13 @@ type TreeViewOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function TreeViewRoot<T extends TreeNode>(props: TreeViewRootProps<T> & TreeViewOwnProps): import("solid-js").JSX.Element;
-export declare const TreeView: Omit<typeof TreeView$1, "Root"> & {
+/** The node checkbox rides inside the branch control; the branch
+ * itself answers the keyboard, so the checkbox stays visual only. */
+declare function TreeViewNodeCheckbox(props: ComponentProps<typeof TreeView$1.NodeCheckbox>): import("solid-js").JSX.Element;
+declare function TreeViewBranchIndicator(props: ComponentProps<typeof TreeView$1.BranchIndicator>): import("solid-js").JSX.Element;
+export declare const TreeView: Omit<typeof TreeView$1, "Root" | "NodeCheckbox" | "BranchIndicator"> & {
   Root: typeof TreeViewRoot;
+  NodeCheckbox: typeof TreeViewNodeCheckbox;
+  BranchIndicator: typeof TreeViewBranchIndicator;
 };
 //#endregion