@tensor_1/react 2.20.0 → 2.22.0

package/dist/components/Pagination.js

@@ -11,16 +11,22 @@ function getPageNumbers(page, total) {
   pages.push(total);
   return pages;
 }
-function Pagination({ page, pageCount, onChange, className, ...props }) {
+const DEFAULT_PAGINATION_LABELS = {
+  region: "Pagination",
+  previous: "Previous page",
+  next: "Next page"
+};
+function Pagination({ page, pageCount, onChange, labels: labelOverrides, className, ...props }) {
+  const labels = { ...DEFAULT_PAGINATION_LABELS, ...labelOverrides };
   const pages = getPageNumbers(page, pageCount);
-  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Pagination", className: cx("uix-pagination", className), ...props, children: [
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": labels.region, className: cx("uix-pagination", className), ...props, children: [
     /* @__PURE__ */ jsx(
       "button",
       {
         className: "uix-pagination__btn",
         onClick: () => onChange(page - 1),
         disabled: page <= 1,
-        "aria-label": "Previous page",
+        "aria-label": labels.previous,
         children: "\u2039"
       }
     ),
@@ -42,12 +48,13 @@ function Pagination({ page, pageCount, onChange, className, ...props }) {
         className: "uix-pagination__btn",
         onClick: () => onChange(page + 1),
         disabled: page >= pageCount,
-        "aria-label": "Next page",
+        "aria-label": labels.next,
         children: "\u203A"
       }
     )
   ] });
 }
 export {
+  DEFAULT_PAGINATION_LABELS,
   Pagination
 };

package/dist/components/Peek.d.ts

@@ -2,6 +2,12 @@ import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
 interface PeekProps extends Omit<HTMLAttributes<HTMLDialogElement>, 'title'> {
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    previousLabel?: string;
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    nextLabel?: string;
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    closeLabel?: string;
     open: boolean;
     onClose?: () => void;
     title?: ReactNode;
@@ -11,6 +17,6 @@ interface PeekProps extends Omit<HTMLAttributes<HTMLDialogElement>, 'title'> {
     onNavNext?: () => void;
     hint?: string;
 }
-declare function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className, onClick, ...rest }: PeekProps): react.JSX.Element;
+declare function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, previousLabel, nextLabel, closeLabel, className, onClick, ...rest }: PeekProps): react.JSX.Element;
 
 export { Peek, type PeekProps };

package/dist/components/Peek.js

@@ -6,7 +6,7 @@ import { useDialog } from "../hooks/useDialog.js";
 const CloseIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
 const ChevronUp = () => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 8l4-4 4 4" }) });
 const ChevronDown = () => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 4l4 4 4-4" }) });
-function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className, onClick, ...rest }) {
+function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, previousLabel = "Previous record", nextLabel = "Next record", closeLabel = "Close preview", className, onClick, ...rest }) {
   const ref = useDialog(open, onClose);
   const hasNav = onNavPrev != null || onNavNext != null;
   const titleId = useId();
@@ -21,12 +21,12 @@ function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hi
   return /* @__PURE__ */ jsxs("dialog", { ref, className: cx("uix-peek", className), "aria-labelledby": title ? titleId : void 0, ...rest, onClick: onBackdropClick, children: [
     /* @__PURE__ */ jsxs("div", { className: "uix-peek__header", children: [
       hasNav && /* @__PURE__ */ jsxs("div", { className: "uix-peek__nav", children: [
-        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: () => onNavPrev?.(), "aria-disabled": onNavPrev ? void 0 : true, "aria-label": "Previous record", children: /* @__PURE__ */ jsx(ChevronUp, {}) }),
-        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: () => onNavNext?.(), "aria-disabled": onNavNext ? void 0 : true, "aria-label": "Next record", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: () => onNavPrev?.(), "aria-disabled": onNavPrev ? void 0 : true, "aria-label": previousLabel, children: /* @__PURE__ */ jsx(ChevronUp, {}) }),
+        /* @__PURE__ */ jsx("button", { className: "uix-peek__navbtn", onClick: () => onNavNext?.(), "aria-disabled": onNavNext ? void 0 : true, "aria-label": nextLabel, children: /* @__PURE__ */ jsx(ChevronDown, {}) })
       ] }),
       title && /* @__PURE__ */ jsx("h2", { className: "uix-peek__title", id: titleId, children: title }),
       hint && /* @__PURE__ */ jsx("span", { className: "uix-peek__hint", children: hint }),
-      onClose && /* @__PURE__ */ jsx("button", { className: "uix-peek__close", onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+      onClose && /* @__PURE__ */ jsx("button", { className: "uix-peek__close", onClick: onClose, "aria-label": closeLabel, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
     ] }),
     children != null && /* @__PURE__ */ jsx("div", { className: "uix-peek__body", children }),
     footer != null && /* @__PURE__ */ jsx("div", { className: "uix-peek__footer", children: footer })

package/dist/components/RelationshipGraph.js

@@ -102,6 +102,10 @@ function RadialRelationshipGraph({
 }) {
   const bounded = useMemo(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
   const positioned = useMemo(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = useMemo(
+    () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
+    [legend]
+  );
   const positionedById = useMemo(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
   const [zoom, setZoom] = useState(1);
   const [pan, setPan] = useState({ x: 0, y: 0 });
@@ -145,7 +149,7 @@ function RadialRelationshipGraph({
       bounded.edges.map((edge) => {
         const source = positionedById.get(edge.source);
         const target = positionedById.get(edge.target);
-        return /* @__PURE__ */ jsx("line", { x1: source.x * RADIAL_SCALE_X, y1: source.y * RADIAL_SCALE_Y, x2: target.x * RADIAL_SCALE_X, y2: target.y * RADIAL_SCALE_Y, className: "uix-relationship-graph__edge", "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ jsx("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ jsx("line", { x1: source.x * RADIAL_SCALE_X, y1: source.y * RADIAL_SCALE_Y, x2: target.x * RADIAL_SCALE_X, y2: target.y * RADIAL_SCALE_Y, className: "uix-relationship-graph__edge", "data-typed": edge.type != null && typeColor.has(edge.type) || void 0, style: edge.type != null && typeColor.has(edge.type) ? { "--uix-graph-type-color": typeColor.get(edge.type) } : void 0, "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ jsx("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
       positioned.map((node) => /* @__PURE__ */ jsxs(
         "g",
@@ -171,7 +175,7 @@ function RadialRelationshipGraph({
         node.id
       ))
     ] }) }) }),
-    legend.length > 0 && /* @__PURE__ */ jsx("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ jsx("li", { "data-type": item.id, children: item.label }, item.id)) }),
+    legend.length > 0 && /* @__PURE__ */ jsx("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ jsx("li", { "data-type": item.id, style: { "--uix-graph-type-color": typeColor.get(item.id) }, children: item.label }, item.id)) }),
     showList && /* @__PURE__ */ jsx(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }

package/dist/components/RuleBuilder.d.ts

@@ -25,6 +25,42 @@ interface RuleActionDefinition {
     label: string;
     renderParameters?: (action: RuleAction, onChange: (parameters: Record<string, JsonValue>) => void, disabled: boolean) => ReactNode;
 }
+/**
+ * Every word the rule builder renders (TENSOR RX-125, UIX-12). `{item}` is one of
+ * `itemGroup` / `itemCondition` / `itemAction`; `{field}` a field label; `{count}` a number.
+ */
+interface RuleBuilderLabels {
+    region: string;
+    summary: string;
+    when: string;
+    group: string;
+    match: string;
+    all: string;
+    any: string;
+    field: string;
+    operator: string;
+    valueFor: string;
+    itemGroup: string;
+    itemCondition: string;
+    itemAction: string;
+    moveUp: string;
+    moveUpNamed: string;
+    moveDown: string;
+    moveDownNamed: string;
+    remove: string;
+    removeNamed: string;
+    then: string;
+    actionType: string;
+    valid: string;
+    issuesOne: string;
+    issuesMany: string;
+    summaryIssuesOne: string;
+    summaryIssuesMany: string;
+    addCondition: string;
+    addGroup: string;
+    addAction: string;
+}
+declare const DEFAULT_RULE_BUILDER_LABELS: RuleBuilderLabels;
 interface RuleBuilderProps {
     value: RuleDefinition;
     onChange: (value: RuleDefinition) => void;
@@ -35,11 +71,15 @@ interface RuleBuilderProps {
     readOnly?: boolean;
     validate?: (value: RuleDefinition) => RuleValidationIssue[];
     className?: string;
+    /** @deprecated use `labels.addCondition` */
     addConditionLabel?: string;
+    /** @deprecated use `labels.addGroup` */
     addGroupLabel?: string;
+    /** @deprecated use `labels.addAction` */
     addActionLabel?: string;
+    labels?: Partial<RuleBuilderLabels>;
 }
 /** Declarative controlled when-conditions-to-actions editor with bounded nesting. */
-declare function RuleBuilder({ value, onChange, fields, operators, actions, maxDepth, readOnly, validate, className, addConditionLabel, addGroupLabel, addActionLabel, }: RuleBuilderProps): react.JSX.Element;
+declare function RuleBuilder({ value, onChange, fields, operators, actions, maxDepth, readOnly, validate, className, addConditionLabel, addGroupLabel, addActionLabel, labels: labelOverrides, }: RuleBuilderProps): react.JSX.Element;
 
-export { type RuleActionDefinition, RuleBuilder, type RuleBuilderProps, type RuleFieldDefinition, type RuleOperatorDefinition, type RuleValueEditorProps };
+export { DEFAULT_RULE_BUILDER_LABELS, type RuleActionDefinition, RuleBuilder, type RuleBuilderLabels, type RuleBuilderProps, type RuleFieldDefinition, type RuleOperatorDefinition, type RuleValueEditorProps };

package/dist/components/RuleBuilder.js

@@ -10,6 +10,38 @@ import {
   summarizeRule,
   validateRuleDefinition
 } from "../rule-builder-model.js";
+import { fillLabel } from "../fill-label.js";
+const DEFAULT_RULE_BUILDER_LABELS = {
+  region: "Rule builder",
+  summary: "Rule summary",
+  when: "When",
+  group: "Group",
+  match: "Match",
+  all: "all (AND)",
+  any: "any (OR)",
+  field: "Field",
+  operator: "Operator",
+  valueFor: "Value for {field}",
+  itemGroup: "group",
+  itemCondition: "condition",
+  itemAction: "action",
+  moveUp: "Up",
+  moveUpNamed: "Move {item} up",
+  moveDown: "Down",
+  moveDownNamed: "Move {item} down",
+  remove: "Remove",
+  removeNamed: "Remove {item}",
+  then: "Then",
+  actionType: "Action type",
+  valid: "Rule is valid.",
+  issuesOne: "{count} validation issue",
+  issuesMany: "{count} validation issues",
+  summaryIssuesOne: "Rule has {count} validation issue.",
+  summaryIssuesMany: "Rule has {count} validation issues.",
+  addCondition: "Add condition",
+  addGroup: "Add group",
+  addAction: "Add action"
+};
 let ruleId = 0;
 const nextId = (prefix) => `${prefix}-${Date.now().toString(36)}-${(++ruleId).toString(36)}`;
 function defaultCondition(fields, operators) {
@@ -27,27 +59,28 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
   }, maxDepth));
   return /* @__PURE__ */ jsxs("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
     /* @__PURE__ */ jsxs("legend", { className: "uix-rule-builder__group-heading", children: [
-      /* @__PURE__ */ jsx("span", { children: depth === 1 ? "When" : "Group" }),
+      /* @__PURE__ */ jsx("span", { children: depth === 1 ? labels.when : labels.group }),
       /* @__PURE__ */ jsxs("label", { children: [
-        "Match",
+        labels.match,
         /* @__PURE__ */ jsxs("select", { className: "uix-select uix-select--sm", value: group.combinator, disabled, onChange: (event) => updateNode(group.id, (node) => ({ ...node, combinator: event.currentTarget.value })), children: [
-          /* @__PURE__ */ jsx("option", { value: "and", children: "all (AND)" }),
-          /* @__PURE__ */ jsx("option", { value: "or", children: "any (OR)" })
+          /* @__PURE__ */ jsx("option", { value: "and", children: labels.all }),
+          /* @__PURE__ */ jsx("option", { value: "or", children: labels.any })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ jsxs("div", { className: "uix-rule-builder__nested", children: [
       /* @__PURE__ */ jsx(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels } }),
-      /* @__PURE__ */ jsx(RowControls, { label: "group", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
+      /* @__PURE__ */ jsx(RowControls, { labels, label: labels.itemGroup, first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
     ] }, node.id) : /* @__PURE__ */ jsx(
       ConditionRow,
       {
+        labels,
         condition: node,
         fields,
         operators,
         disabled,
         onChange: (condition) => updateNode(node.id, () => condition),
-        controls: /* @__PURE__ */ jsx(RowControls, { label: "condition", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
+        controls: /* @__PURE__ */ jsx(RowControls, { labels, label: labels.itemCondition, first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
       },
       node.id
     )) }),
@@ -57,7 +90,7 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
     ] })
   ] });
 }
-function ConditionRow({ condition, fields, operators, disabled, onChange, controls }) {
+function ConditionRow({ labels, condition, fields, operators, disabled, onChange, controls }) {
   const field = fields.find((item) => item.id === condition.field);
   const availableOperators = field?.operators?.length ? operators.filter((item) => field.operators.includes(item.id)) : operators;
   const operator = operators.find((item) => item.id === condition.operator);
@@ -68,22 +101,22 @@ function ConditionRow({ condition, fields, operators, disabled, onChange, contro
   };
   return /* @__PURE__ */ jsxs("div", { className: "uix-rule-builder__condition", children: [
     /* @__PURE__ */ jsxs("label", { children: [
-      /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: "Field" }),
+      /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: labels.field }),
       /* @__PURE__ */ jsx("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ jsx("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
     /* @__PURE__ */ jsxs("label", { children: [
-      /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: "Operator" }),
+      /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: labels.operator }),
       /* @__PURE__ */ jsx("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ jsx("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    operator?.requiresValue !== false && /* @__PURE__ */ jsx("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ jsx("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": `Value for ${field?.label ?? "condition"}` }) }),
+    operator?.requiresValue !== false && /* @__PURE__ */ jsx("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ jsx("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": fillLabel(labels.valueFor, { field: field?.label ?? labels.itemCondition }) }) }),
     controls
   ] });
 }
-function RowControls({ label, first, last, disabled, onUp, onDown, onRemove }) {
+function RowControls({ labels, label, first, last, disabled, onUp, onDown, onRemove }) {
   return /* @__PURE__ */ jsxs("span", { className: "uix-rule-builder__row-actions", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": `Move ${label} up`, children: "Up" }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": `Move ${label} down`, children: "Down" }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": `Remove ${label}`, children: "Remove" })
+    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": fillLabel(labels.moveUpNamed, { item: label }), children: labels.moveUp }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": fillLabel(labels.moveDownNamed, { item: label }), children: labels.moveDown }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": fillLabel(labels.removeNamed, { item: label }), children: labels.remove })
   ] });
 }
 function RuleBuilder({
@@ -96,38 +129,42 @@ function RuleBuilder({
   readOnly = false,
   validate,
   className,
-  addConditionLabel = "Add condition",
-  addGroupLabel = "Add group",
-  addActionLabel = "Add action"
+  addConditionLabel,
+  addGroupLabel,
+  addActionLabel,
+  labels: labelOverrides
 }) {
+  const labels = {
+    ...DEFAULT_RULE_BUILDER_LABELS,
+    ...addConditionLabel != null ? { addCondition: addConditionLabel } : {},
+    ...addGroupLabel != null ? { addGroup: addGroupLabel } : {},
+    ...addActionLabel != null ? { addAction: addActionLabel } : {},
+    ...labelOverrides
+  };
+  const issuesText = (template1, templateN) => fillLabel(issues.length === 1 ? template1 : templateN, { count: issues.length });
   const issues = [...validateRuleDefinition(value, maxDepth), ...validate?.(value) ?? []];
   const fieldLabels = Object.fromEntries(fields.map((field) => [field.id, field.label]));
   const operatorLabels = Object.fromEntries(operators.map((operator) => [operator.id, operator.label]));
   const actionLabels = Object.fromEntries(actions.map((action) => [action.id, action.label]));
-  if (readOnly) return /* @__PURE__ */ jsxs("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": "Rule summary", children: [
+  if (readOnly) return /* @__PURE__ */ jsxs("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
     /* @__PURE__ */ jsx("p", { children: summarizeRule(value, { fields: fieldLabels, operators: operatorLabels, actions: actionLabels }) }),
-    issues.length > 0 && /* @__PURE__ */ jsxs("p", { className: "uix-rule-builder__invalid", children: [
-      "Rule has ",
-      issues.length,
-      " validation issue",
-      issues.length === 1 ? "" : "s",
-      "."
-    ] })
+    issues.length > 0 && /* @__PURE__ */ jsx("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
   ] });
   const updateActions = (next) => onChange({ ...value, then: next });
-  return /* @__PURE__ */ jsxs("section", { className: cx("uix-rule-builder", className), "aria-label": "Rule builder", children: [
-    /* @__PURE__ */ jsx(RuleGroupEditor, { group: value.when, depth: 1, root: value.when, fields, operators, maxDepth, disabled: readOnly, onRootChange: (when) => onChange({ ...value, when }), labels: { addCondition: addConditionLabel, addGroup: addGroupLabel } }),
+  return /* @__PURE__ */ jsxs("section", { className: cx("uix-rule-builder", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ jsx(RuleGroupEditor, { group: value.when, depth: 1, root: value.when, fields, operators, maxDepth, disabled: readOnly, onRootChange: (when) => onChange({ ...value, when }), labels }),
     /* @__PURE__ */ jsxs("fieldset", { className: "uix-rule-builder__actions", children: [
-      /* @__PURE__ */ jsx("legend", { children: "Then" }),
+      /* @__PURE__ */ jsx("legend", { children: labels.then }),
       value.then.map((action, index) => {
         const definition = actions.find((item) => item.id === action.type);
         return /* @__PURE__ */ jsxs("div", { className: "uix-rule-builder__action", children: [
-          /* @__PURE__ */ jsx("select", { className: "uix-select", value: action.type, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": "Action type", children: actions.map((item) => /* @__PURE__ */ jsx("option", { value: item.id, children: item.label }, item.id)) }),
+          /* @__PURE__ */ jsx("select", { className: "uix-select", value: action.type, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": labels.actionType, children: actions.map((item) => /* @__PURE__ */ jsx("option", { value: item.id, children: item.label }, item.id)) }),
           definition?.renderParameters?.(action, (parameters) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, parameters } : item)), false),
           /* @__PURE__ */ jsx(
             RowControls,
             {
-              label: "action",
+              labels,
+              label: labels.itemAction,
               first: index === 0,
               last: index === value.then.length - 1,
               disabled: false,
@@ -146,18 +183,15 @@ function RuleBuilder({
           )
         ] }, action.id);
       }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: addActionLabel })
+      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: labels.addAction })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ jsx("span", { children: "Rule is valid." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("strong", { children: [
-        issues.length,
-        " validation issue",
-        issues.length === 1 ? "" : "s"
-      ] }),
+    /* @__PURE__ */ jsx("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ jsx("span", { children: labels.valid }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
       /* @__PURE__ */ jsx("ul", { children: issues.map((issue, index) => /* @__PURE__ */ jsx("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 export {
+  DEFAULT_RULE_BUILDER_LABELS,
   RuleBuilder
 };

package/dist/components/SchedulingCalendar.d.ts

@@ -19,6 +19,28 @@ interface SchedulingCalendarOverlay {
     end: string;
     kind: SchedulingOverlayKind;
 }
+/**
+ * Every word the calendar renders (TENSOR RX-125, UIX-12). `{timeZone}`, `{view}`,
+ * `{title}`, `{state}`, `{start}`, `{end}` are placeholders.
+ */
+interface SchedulingCalendarLabels {
+    region: string;
+    previous: string;
+    next: string;
+    viewGroup: string;
+    viewMonth: string;
+    viewWeek: string;
+    viewAgenda: string;
+    loading: string;
+    retry: string;
+    agenda: string;
+    agendaEmpty: string;
+    grid: string;
+    entry: string;
+    legend: string;
+    states: Record<SchedulingEntryState, string>;
+}
+declare const DEFAULT_SCHEDULING_CALENDAR_LABELS: SchedulingCalendarLabels;
 interface SchedulingCalendarProps {
     entries: SchedulingCalendarEntry[];
     anchorDate: string;
@@ -35,8 +57,9 @@ interface SchedulingCalendarProps {
     error?: string;
     onRetry?: () => void;
     className?: string;
+    labels?: Partial<SchedulingCalendarLabels>;
 }
 /** Month/week/agenda calendar for UTC ranges rendered in an explicit IANA time zone. */
-declare function SchedulingCalendar({ entries, anchorDate, timeZone, view: controlledView, onViewChange, onAnchorDateChange, onSelectEntry, overlays, filter, renderEntry, locale, loading, error, onRetry, className, }: SchedulingCalendarProps): react.JSX.Element;
+declare function SchedulingCalendar({ entries, anchorDate, timeZone, view: controlledView, onViewChange, onAnchorDateChange, onSelectEntry, overlays, filter, renderEntry, locale, loading, error, onRetry, className, labels: labelOverrides, }: SchedulingCalendarProps): react.JSX.Element;
 
-export { SchedulingCalendar, type SchedulingCalendarEntry, type SchedulingCalendarOverlay, type SchedulingCalendarProps, type SchedulingCalendarView, type SchedulingEntryState, type SchedulingOverlayKind };
+export { DEFAULT_SCHEDULING_CALENDAR_LABELS, SchedulingCalendar, type SchedulingCalendarEntry, type SchedulingCalendarLabels, type SchedulingCalendarOverlay, type SchedulingCalendarProps, type SchedulingCalendarView, type SchedulingEntryState, type SchedulingOverlayKind };

package/dist/components/SchedulingCalendar.js

@@ -4,7 +4,24 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { addCalendarDays, addCalendarMonths, buildMonthGrid, startOfMonth, zonedDateSpan } from "../calendar-model.js";
 import { cx } from "../cx.js";
 import { StatusPill } from "./StatusPill.js";
-const stateLabel = { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" };
+import { fillLabel } from "../fill-label.js";
+const DEFAULT_SCHEDULING_CALENDAR_LABELS = {
+  region: "Scheduling calendar in {timeZone}",
+  previous: "Previous",
+  next: "Next",
+  viewGroup: "Calendar view",
+  viewMonth: "Month",
+  viewWeek: "Week",
+  viewAgenda: "Agenda",
+  loading: "Loading schedule\u2026",
+  retry: "Try again",
+  agenda: "Schedule agenda",
+  agendaEmpty: "No scheduled entries match the current filters.",
+  grid: "{view} schedule",
+  entry: "{title}, {state}, {start} to {end}",
+  legend: "Schedule state legend",
+  states: { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" }
+};
 const stateTone = (state) => state === "scheduled" ? "info" : state === "in-progress" ? "success" : "danger";
 const dateLabel = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 const EMPTY_OVERLAYS = [];
@@ -23,8 +40,16 @@ function SchedulingCalendar({
   loading,
   error,
   onRetry,
-  className
+  className,
+  labels: labelOverrides
 }) {
+  const labels = {
+    ...DEFAULT_SCHEDULING_CALENDAR_LABELS,
+    ...labelOverrides,
+    states: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.states, ...labelOverrides?.states }
+  };
+  const stateLabel = labels.states;
+  const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, agenda: labels.viewAgenda };
   const [internalView, setInternalView] = useState("month");
   const view = controlledView ?? internalView;
   const [activeDate, setActiveDate] = useState(anchorDate);
@@ -71,22 +96,19 @@ function SchedulingCalendar({
     return date >= span.start && date <= span.end;
   });
   const formatInstant = (instant) => new Intl.DateTimeFormat(locale, { timeZone, dateStyle: "medium", timeStyle: "short" }).format(new Date(instant));
-  return /* @__PURE__ */ jsxs("section", { className: cx("uix-scheduling-calendar", className), "aria-label": `Scheduling calendar in ${timeZone}`, children: [
+  return /* @__PURE__ */ jsxs("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
     /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__header", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: "Previous" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: "Next" })
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: labels.previous }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: labels.next })
       ] }),
       /* @__PURE__ */ jsx("strong", { children: view === "month" ? new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${anchorDate}T00:00:00Z`)) : `${dateLabel(weekStart, locale)} \u2013 ${dateLabel(weekDays[weekDays.length - 1], locale)}` }),
-      /* @__PURE__ */ jsx("div", { className: "uix-segmented", role: "group", "aria-label": "Calendar view", children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ jsxs("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: [
-        option[0].toUpperCase(),
-        option.slice(1)
-      ] }, option)) })
+      /* @__PURE__ */ jsx("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ jsx("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
     ] }),
-    loading ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__state", role: "status", children: "Loading schedule\u2026" }) : error ? /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+    loading ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
       /* @__PURE__ */ jsx("p", { children: error }),
-      onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
-    ] }) : view === "agenda" ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": "Schedule agenda", children: visibleEntries.length === 0 ? /* @__PURE__ */ jsx("p", { children: "No scheduled entries match the current filters." }) : /* @__PURE__ */ jsx("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+      onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: visibleEntries.length === 0 ? /* @__PURE__ */ jsx("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ jsx("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const state = entry.state ?? "scheduled";
       return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => onSelectEntry?.(entry), children: [
         /* @__PURE__ */ jsxs("span", { children: [
@@ -100,7 +122,7 @@ function SchedulingCalendar({
         ] }),
         /* @__PURE__ */ jsx(StatusPill, { tone: stateTone(state), children: stateLabel[state] })
       ] }) }, entry.id);
-    }) }) }) : /* @__PURE__ */ jsx("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), role: "group", "aria-label": `${view} schedule`, children: days.map((date, index) => {
+    }) }) }) : /* @__PURE__ */ jsx("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: days.map((date, index) => {
       const dayEntries = entriesFor(date);
       const dayOverlays = overlaysFor(date);
       return /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
@@ -109,16 +131,17 @@ function SchedulingCalendar({
         /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__entries", children: dayEntries.map((entry) => {
           const span = entrySpans.get(entry.id);
           const state = entry.state ?? "scheduled";
-          return /* @__PURE__ */ jsxs("button", { type: "button", className: "uix-scheduling-calendar__entry", "data-state": state, "data-range-start": date === span.start || void 0, "data-range-end": date === span.end || void 0, onClick: () => onSelectEntry?.(entry), "aria-label": `${entry.title}, ${stateLabel[state]}, ${formatInstant(entry.start)} to ${formatInstant(entry.end)}`, children: [
+          return /* @__PURE__ */ jsxs("button", { type: "button", className: "uix-scheduling-calendar__entry", "data-state": state, "data-range-start": date === span.start || void 0, "data-range-end": date === span.end || void 0, onClick: () => onSelectEntry?.(entry), "aria-label": fillLabel(labels.entry, { title: entry.title, state: stateLabel[state], start: formatInstant(entry.start), end: formatInstant(entry.end) }), children: [
             /* @__PURE__ */ jsx("span", { children: renderEntry?.(entry) ?? entry.title }),
             /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: stateLabel[state] })
           ] }, entry.id);
         }) })
       ] }, date);
     }) }),
-    /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__legend", "aria-label": "Schedule state legend", children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ jsx("span", { "data-state": state, children: stateLabel[state] }, state)) })
+    /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__legend", "aria-label": labels.legend, children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ jsx("span", { "data-state": state, children: stateLabel[state] }, state)) })
   ] });
 }
 export {
+  DEFAULT_SCHEDULING_CALENDAR_LABELS,
   SchedulingCalendar
 };

package/dist/components/Stat.d.ts

@@ -25,6 +25,11 @@ interface StatProps extends HTMLAttributes<HTMLElement> {
     onActivate?: () => void;
     /** Action word appended to the accessible name, e.g. "change" → "Priority: P1, change". */
     activateLabel?: string;
+    /** TENSOR RX-125 (UIX-04): the spoken trend direction; English defaults. */
+    trendLabels?: {
+        up?: string;
+        down?: string;
+    };
     /** Whether the editor this tile opens is currently open (`aria-expanded`). */
     expanded?: boolean;
 }

package/dist/components/Stat.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId } from "react";
 import { cx } from "../cx.js";
 const Chevron = () => /* @__PURE__ */ jsx("span", { className: "uix-stat__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) }) });
-const Stat = forwardRef(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, className, onClick, ...props }, ref) {
+const Stat = forwardRef(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, className, onClick, ...props }, ref) {
   const id = useId();
   const interactive = onActivate != null;
   const classes = cx(
@@ -23,7 +23,7 @@ const Stat = forwardRef(function Stat2({ label, value, icon, meta, trend, tone =
     (meta != null || trend != null) && /* @__PURE__ */ jsxs(Row, { className: "uix-stat__meta", id: interactive ? `${id}-meta` : void 0, children: [
       trend != null && /* @__PURE__ */ jsxs("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: [
         /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: trend.direction === "up" ? /* @__PURE__ */ jsx("path", { d: "M12 19V5m-6 6 6-6 6 6" }) : /* @__PURE__ */ jsx("path", { d: "M12 5v14m6-6-6 6-6-6" }) }),
-        /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: trend.direction === "up" ? "up" : "down" }),
+        /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: trend.direction === "up" ? trendLabels?.up ?? "up" : trendLabels?.down ?? "down" }),
         trend.label
       ] }),
       meta

package/dist/components/Table.d.ts

@@ -40,12 +40,16 @@ interface TrProps extends HTMLAttributes<HTMLTableRowElement> {
 }
 declare function Tr({ selected, pinned, className, children, ...props }: TrProps): react.JSX.Element;
 interface BulkBarProps extends HTMLAttributes<HTMLDivElement> {
-    /** number of selected rows, rendered as "N selected" */
+    /** number of selected rows, rendered through `selectedLabel` */
     count?: number;
     children?: ReactNode;
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    label?: string;
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    selectedLabel?: (count: number) => ReactNode;
 }
 /** Contextual action bar shown above the table when ≥1 row is selected. */
-declare function BulkBar({ count, children, className, ...props }: BulkBarProps): react.JSX.Element;
+declare function BulkBar({ count, children, label, selectedLabel, className, ...props }: BulkBarProps): react.JSX.Element;
 interface RowActionsProps extends TdHTMLAttributes<HTMLTableCellElement> {
     children?: ReactNode;
 }
@@ -57,12 +61,16 @@ interface RowActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /** A single hover-revealed row action button (icon inside). */
 declare function RowAction({ children, className, type, ...props }: RowActionProps): react.JSX.Element;
 interface ExpandToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    expandLabel?: string;
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    collapseLabel?: string;
     expanded?: boolean;
     /** id of the detail row this toggle controls → `aria-controls` (UIX-A11Y-2). */
     controls?: string;
 }
 /** Chevron button that expands/collapses an inline detail row. */
-declare function ExpandToggle({ expanded, controls, className, type, ...props }: ExpandToggleProps): react.JSX.Element;
+declare function ExpandToggle({ expanded, controls, expandLabel, collapseLabel, className, type, ...props }: ExpandToggleProps): react.JSX.Element;
 /** Emphasised primary cell text. */
 declare function CellStrong({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>): react.JSX.Element;
 /** Secondary line under a primary cell value (muted, meta size). */