@tensor_1/react 2.20.0 → 2.22.0

package/dist/components/DetailPage.js

@@ -1,16 +1,46 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
 import { cx } from "../cx.js";
 import { DetailLayout } from "./DetailLayout.js";
 import { PageHeader } from "./PageHeader.js";
-function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, className, ...props }) {
+const plainLink = ({ href, className, children, onClick, ...rest }) => /* @__PURE__ */ jsx("a", { href, className, onClick, ...rest, children });
+const isPlainLeftClick = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
+function DetailPage({
+  back,
+  eyebrow,
+  title,
+  subtitle,
+  actions,
+  tabs,
+  metrics,
+  side,
+  children,
+  tabsLabel,
+  renderLink = plainLink,
+  onTabSelect,
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxs("section", { className: cx("uix-detail-page", className), ...props, children: [
-    back && /* @__PURE__ */ jsx("a", { className: "uix-link uix-link--quiet uix-detail-page__back", href: back.href, children: back.label }),
+    back && renderLink({ href: back.href, className: "uix-link uix-link--quiet uix-detail-page__back", children: back.label }),
     /* @__PURE__ */ jsx(PageHeader, { eyebrow, title, subtitle, actions }),
     metrics && metrics.length > 0 && /* @__PURE__ */ jsx("dl", { className: "uix-detail-page__metrics", children: metrics.map((metric) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("dt", { children: metric.label }),
       /* @__PURE__ */ jsx("dd", { children: metric.value })
     ] }, metric.id)) }),
-    tabs && tabs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "uix-tabs", "aria-label": tabsLabel, children: tabs.map((tab) => /* @__PURE__ */ jsx("a", { className: "uix-tab", "aria-current": tab.active ? "page" : void 0, href: tab.href, children: tab.label }, tab.id)) }),
+    tabs && tabs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "uix-tabs", "aria-label": tabsLabel, children: tabs.map((tab) => /* @__PURE__ */ jsx(Fragment, { children: renderLink({
+      href: tab.href,
+      className: "uix-tab",
+      children: tab.label,
+      ...tab.active ? { "aria-current": "page" } : {},
+      ...onTabSelect ? {
+        onClick: (e) => {
+          if (!isPlainLeftClick(e)) return;
+          e.preventDefault();
+          onTabSelect(tab.id);
+        }
+      } : {}
+    }) }, tab.id)) }),
     /* @__PURE__ */ jsx(DetailLayout, { side, children })
   ] });
 }

package/dist/components/DiffViewer.d.ts

@@ -2,6 +2,37 @@ import * as react from 'react';
 import { JsonValue } from '../json-value.js';
 import { DiffEntry, DiffResolution } from '../diff-model.js';
 
+/**
+ * Every word the diff viewer renders (TENSOR RX-125, UIX-12). `base` / `current` /
+ * `incoming` keep their meaning from before; `{path}`, `{version}`, `{resolved}` and
+ * `{total}` are placeholders.
+ */
+interface DiffViewerLabels {
+    base: string;
+    current: string;
+    incoming: string;
+    region: string;
+    summary: string;
+    noDifferences: string;
+    noDifferencesDetail: string;
+    conflicted: string;
+    changed: string;
+    added: string;
+    removed: string;
+    resolved: string;
+    pending: string;
+    valueFor: string;
+    resolve: string;
+    acceptIncoming: string;
+    keepCurrent: string;
+    markPending: string;
+    resolutionAccept: string;
+    resolutionSkip: string;
+    resolutionPending: string;
+    notPresent: string;
+    progress: string;
+}
+declare const DEFAULT_DIFF_VIEWER_LABELS: DiffViewerLabels;
 interface DiffViewerProps {
     base?: JsonValue;
     current?: JsonValue;
@@ -9,10 +40,10 @@ interface DiffViewerProps {
     entries?: DiffEntry[];
     resolutions?: Record<string, DiffResolution>;
     onResolutionChange?: (path: string, resolution: DiffResolution) => void;
-    labels?: Partial<Record<'base' | 'current' | 'incoming', string>>;
+    labels?: Partial<DiffViewerLabels>;
     className?: string;
 }
 /** Three-way configuration diff with per-entry keyboard-operable resolution. */
-declare function DiffViewer({ base, current, incoming, entries: providedEntries, resolutions: controlledResolutions, onResolutionChange, labels, className, }: DiffViewerProps): react.JSX.Element;
+declare function DiffViewer({ base, current, incoming, entries: providedEntries, resolutions: controlledResolutions, onResolutionChange, labels: labelOverrides, className, }: DiffViewerProps): react.JSX.Element;
 
-export { DiffViewer, type DiffViewerProps };
+export { DEFAULT_DIFF_VIEWER_LABELS, DiffViewer, type DiffViewerLabels, type DiffViewerProps };

package/dist/components/DiffViewer.js

@@ -4,14 +4,34 @@ import { useId, useMemo, useState } from "react";
 import { buildThreeWayDiff, summarizeDiff } from "../diff-model.js";
 import { cx } from "../cx.js";
 import { StatusPill } from "./StatusPill.js";
-const GROUPS = [
-  { kind: "conflicted", label: "Conflicted" },
-  { kind: "changed", label: "Changed" },
-  { kind: "added", label: "Added" },
-  { kind: "removed", label: "Removed" }
-];
-const DEFAULT_LABELS = {};
-const renderValue = (value) => value === void 0 ? "Not present" : JSON.stringify(value, null, 2);
+import { fillLabel } from "../fill-label.js";
+const DEFAULT_DIFF_VIEWER_LABELS = {
+  base: "Base",
+  current: "Current",
+  incoming: "Incoming",
+  region: "Configuration differences",
+  summary: "Difference summary",
+  noDifferences: "No differences",
+  noDifferencesDetail: "Base, current, and incoming values are aligned.",
+  conflicted: "Conflicted",
+  changed: "Changed",
+  added: "Added",
+  removed: "Removed",
+  resolved: "resolved",
+  pending: "pending",
+  valueFor: "{version} value for {path}",
+  resolve: "Resolve {path}",
+  acceptIncoming: "Accept incoming",
+  keepCurrent: "Keep current",
+  markPending: "Mark pending",
+  resolutionAccept: "accepted",
+  resolutionSkip: "kept",
+  resolutionPending: "pending",
+  notPresent: "Not present",
+  progress: "{resolved} of {total} differences resolved."
+};
+const GROUPS = ["conflicted", "changed", "added", "removed"];
+const renderValue = (value, notPresent) => value === void 0 ? notPresent : JSON.stringify(value, null, 2);
 function DiffViewer({
   base,
   current,
@@ -19,9 +39,11 @@ function DiffViewer({
   entries: providedEntries,
   resolutions: controlledResolutions,
   onResolutionChange,
-  labels = DEFAULT_LABELS,
+  labels: labelOverrides,
   className
 }) {
+  const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
+  const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
   const id = useId();
   const entries = useMemo(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
   const [internalResolutions, setInternalResolutions] = useState({});
@@ -31,32 +53,34 @@ function DiffViewer({
     if (controlledResolutions === void 0) setInternalResolutions((currentState) => ({ ...currentState, [path]: resolution }));
     onResolutionChange?.(path, resolution);
   };
-  if (entries.length === 0) return /* @__PURE__ */ jsxs("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ jsx("h3", { children: "No differences" }),
-    /* @__PURE__ */ jsx("p", { children: "Base, current, and incoming values are aligned." })
+  if (entries.length === 0) return /* @__PURE__ */ jsxs("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ jsx("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ jsx("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ jsxs("section", { className: cx("uix-diff-viewer", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ jsxs("div", { className: "uix-diff-viewer__summary", "aria-label": "Difference summary", children: [
-      GROUPS.map((group) => /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsx("b", { children: summary[group.kind] }),
+  return /* @__PURE__ */ jsxs("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ jsxs("div", { className: "uix-diff-viewer__summary", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("b", { children: summary[kind] }),
         " ",
-        group.label.toLowerCase()
-      ] }, group.kind)),
+        labels[kind].toLowerCase()
+      ] }, kind)),
       /* @__PURE__ */ jsxs("span", { children: [
         /* @__PURE__ */ jsx("b", { children: summary.resolved }),
-        " resolved"
+        " ",
+        labels.resolved
       ] }),
       /* @__PURE__ */ jsxs("span", { children: [
         /* @__PURE__ */ jsx("b", { children: summary.pending }),
-        " pending"
+        " ",
+        labels.pending
       ] })
     ] }),
-    GROUPS.map((group) => {
-      const grouped = entries.filter((entry) => entry.kind === group.kind);
+    GROUPS.map((kind) => {
+      const grouped = entries.filter((entry) => entry.kind === kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ jsxs("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${group.kind}`, children: [
-        /* @__PURE__ */ jsxs("h3", { id: `${id}-${group.kind}`, children: [
-          group.label,
+      return /* @__PURE__ */ jsxs("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ jsxs("h3", { id: `${id}-${kind}`, children: [
+          labels[kind],
           " ",
           /* @__PURE__ */ jsx("span", { children: grouped.length })
         ] }),
@@ -65,29 +89,25 @@ function DiffViewer({
           return /* @__PURE__ */ jsxs("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
             /* @__PURE__ */ jsxs("summary", { children: [
               /* @__PURE__ */ jsx("code", { children: entry.path }),
-              /* @__PURE__ */ jsx(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolution })
+              /* @__PURE__ */ jsx(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ jsxs("div", { role: "region", "aria-label": `${labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}`} value for ${entry.path}`, children: [
-              /* @__PURE__ */ jsx("strong", { children: labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}` }),
-              /* @__PURE__ */ jsx("pre", { children: renderValue(entry[version]) })
+            /* @__PURE__ */ jsx("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ jsxs("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ jsx("strong", { children: labels[version] }),
+              /* @__PURE__ */ jsx("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ jsxs("div", { className: "uix-diff-viewer__actions", "aria-label": `Resolve ${entry.path}`, children: [
-              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve(entry.path, "accept"), children: "Accept incoming" }),
-              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve(entry.path, "skip"), children: "Keep current" }),
-              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve(entry.path, "pending"), children: "Mark pending" })
+            /* @__PURE__ */ jsxs("div", { className: "uix-diff-viewer__actions", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve(entry.path, "accept"), children: labels.acceptIncoming }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve(entry.path, "skip"), children: labels.keepCurrent }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve(entry.path, "pending"), children: labels.markPending })
             ] })
           ] }, entry.path);
         })
-      ] }, group.kind);
+      ] }, kind);
     }),
-    /* @__PURE__ */ jsxs("p", { className: "uix-visually-hidden", "aria-live": "polite", children: [
-      summary.resolved,
-      " of ",
-      entries.length,
-      " differences resolved."
-    ] })
+    /* @__PURE__ */ jsx("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 export {
+  DEFAULT_DIFF_VIEWER_LABELS,
   DiffViewer
 };

package/dist/components/Drawer.d.ts

@@ -2,12 +2,14 @@ import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
 interface DrawerProps extends Omit<HTMLAttributes<HTMLDialogElement>, 'title'> {
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    closeLabel?: string;
     open: boolean;
     onClose?: () => void;
     title?: ReactNode;
     children?: ReactNode;
     footer?: ReactNode;
 }
-declare function Drawer({ open, onClose, title, children, footer, className, ...rest }: DrawerProps): react.JSX.Element;
+declare function Drawer({ open, onClose, title, children, footer, closeLabel, className, ...rest }: DrawerProps): react.JSX.Element;
 
 export { Drawer, type DrawerProps };

package/dist/components/Drawer.js

@@ -4,7 +4,7 @@ import { useId } from "react";
 import { cx } from "../cx.js";
 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" }) });
-function Drawer({ open, onClose, title, children, footer, className, ...rest }) {
+function Drawer({ open, onClose, title, children, footer, closeLabel = "Close drawer", className, ...rest }) {
   const ref = useDialog(open, onClose);
   const titleId = useId();
   return /* @__PURE__ */ jsxs("dialog", { ref, className: cx("uix-drawer", className), "aria-labelledby": title ? titleId : void 0, ...rest, children: [
@@ -15,7 +15,7 @@ function Drawer({ open, onClose, title, children, footer, className, ...rest })
         {
           style: { marginLeft: "auto", border: 0, background: "transparent", color: "var(--uix-text-muted)", cursor: "pointer", width: 30, height: 30, display: "grid", placeItems: "center", borderRadius: "var(--uix-radius-sm)" },
           onClick: onClose,
-          "aria-label": "Close drawer",
+          "aria-label": closeLabel,
           children: /* @__PURE__ */ jsx(CloseIcon, {})
         }
       )

package/dist/components/Inbox.d.ts

@@ -13,6 +13,8 @@ interface InboxProps extends HTMLAttributes<HTMLDivElement> {
 /** Two-pane inbox master-detail container backed by `.uix-inbox`. Place `<InboxList>` and `<InboxDetail>` as children. */
 declare function Inbox({ view, children, className, ...props }: InboxProps): react.JSX.Element;
 interface InboxListProps extends HTMLAttributes<HTMLDivElement> {
+    /** TENSOR RX-125 (UIX-04): translatable; English default. */
+    listLabel?: string;
     children?: ReactNode;
 }
 /**
@@ -20,7 +22,7 @@ interface InboxListProps extends HTMLAttributes<HTMLDivElement> {
  * (UIX-A11Y-2): the list is the single tab stop; ArrowUp/ArrowDown/Home/End move the
  * active option via `aria-activedescendant`, Enter/Space click it.
  */
-declare function InboxList({ children, className, ...props }: InboxListProps): react.JSX.Element;
+declare function InboxList({ children, listLabel, className, ...props }: InboxListProps): react.JSX.Element;
 interface InboxItemProps extends HTMLAttributes<HTMLDivElement> {
     /** Primary subject / title line. */
     subject?: ReactNode;

package/dist/components/Inbox.js

@@ -6,7 +6,7 @@ function Inbox({ view, children, className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
 }
 const InboxListCtx = createContext({});
-function InboxList({ children, className, ...props }) {
+function InboxList({ children, listLabel = "Inbox", className, ...props }) {
   const listRef = useRef(null);
   const [activeId, setActiveId] = useState(void 0);
   const ctx = useMemo(() => ({ activeId }), [activeId]);
@@ -51,7 +51,7 @@ function InboxList({ children, className, ...props }) {
       className: cx("uix-inbox__list", className),
       role: "listbox",
       tabIndex: 0,
-      "aria-label": "Inbox",
+      "aria-label": listLabel,
       "aria-activedescendant": activeId,
       onKeyDown,
       ...props,

package/dist/components/MatchReview.d.ts

@@ -19,6 +19,52 @@ interface MatchBulkResult {
     succeeded: number;
     failed?: number;
 }
+/**
+ * Every word the match review renders or announces (TENSOR RX-125, UIX-12). Plural
+ * pairs are `…One` / `…Many`; `{count}`, `{pending}`, `{total}`, `{id}` are placeholders.
+ */
+interface MatchReviewLabels {
+    region: string;
+    loading: string;
+    retry: string;
+    empty: string;
+    emptyDetail: string;
+    pendingOf: string;
+    bulk: string;
+    selectedCount: string;
+    applying: string;
+    acceptSelected: string;
+    dismissSelected: string;
+    caption: string;
+    select: string;
+    confidence: string;
+    status: string;
+    actions: string;
+    selectCandidate: string;
+    notScored: string;
+    resolved: string;
+    pending: string;
+    decisionAccepted: string;
+    decisionDismissed: string;
+    decisionSplit: string;
+    decisionOther: string;
+    accept: string;
+    dismiss: string;
+    split: string;
+    pickOther: string;
+    acceptingOne: string;
+    acceptingMany: string;
+    dismissingOne: string;
+    dismissingMany: string;
+    acceptedOne: string;
+    acceptedMany: string;
+    dismissedOne: string;
+    dismissedMany: string;
+    failedSuffix: string;
+    bulkAcceptFailed: string;
+    bulkDismissFailed: string;
+}
+declare const DEFAULT_MATCH_REVIEW_LABELS: MatchReviewLabels;
 interface MatchReviewProps {
     incoming: Record<string, JsonValue>;
     incomingLabel?: string;
@@ -32,8 +78,9 @@ interface MatchReviewProps {
     error?: string;
     onRetry?: () => void;
     className?: string;
+    labels?: Partial<MatchReviewLabels>;
 }
 /** Generic descriptor-driven incoming-record to candidate-match decision surface. */
-declare function MatchReview({ incoming, incomingLabel, fields, candidates, selectedIds, onSelectionChange, onDecision, onBulkDecision, loading, error, onRetry, className, }: MatchReviewProps): react.JSX.Element;
+declare function MatchReview({ incoming, incomingLabel, fields, candidates, selectedIds, onSelectionChange, onDecision, onBulkDecision, loading, error, onRetry, className, labels: labelOverrides, }: MatchReviewProps): react.JSX.Element;
 
-export { type MatchBulkResult, MatchReview, type MatchReviewAction, type MatchReviewCandidate, type MatchReviewField, type MatchReviewProps };
+export { DEFAULT_MATCH_REVIEW_LABELS, type MatchBulkResult, MatchReview, type MatchReviewAction, type MatchReviewCandidate, type MatchReviewField, type MatchReviewLabels, type MatchReviewProps };

package/dist/components/MatchReview.js

@@ -3,6 +3,48 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { cx } from "../cx.js";
 import { StatusPill } from "./StatusPill.js";
+import { fillLabel } from "../fill-label.js";
+const DEFAULT_MATCH_REVIEW_LABELS = {
+  region: "Match review",
+  loading: "Loading match candidates\u2026",
+  retry: "Try again",
+  empty: "No candidate matches found.",
+  emptyDetail: "Choose another record source or continue without a match.",
+  pendingOf: "{pending} pending of {total}",
+  bulk: "Bulk candidate actions",
+  selectedCount: "{count} selected",
+  applying: "Applying\u2026",
+  acceptSelected: "Accept selected",
+  dismissSelected: "Dismiss selected",
+  caption: "Candidate matches and available decisions",
+  select: "Select",
+  confidence: "Confidence",
+  status: "Status",
+  actions: "Actions",
+  selectCandidate: "Select candidate {id}",
+  notScored: "Not scored",
+  resolved: "Resolved",
+  pending: "Pending",
+  decisionAccepted: "Accepted",
+  decisionDismissed: "Dismissed",
+  decisionSplit: "Split",
+  decisionOther: "Other match",
+  accept: "Accept",
+  dismiss: "Dismiss",
+  split: "Split",
+  pickOther: "Pick other",
+  acceptingOne: "Accepting {count} candidate\u2026",
+  acceptingMany: "Accepting {count} candidates\u2026",
+  dismissingOne: "Dismissing {count} candidate\u2026",
+  dismissingMany: "Dismissing {count} candidates\u2026",
+  acceptedOne: "{count} candidate accepted",
+  acceptedMany: "{count} candidates accepted",
+  dismissedOne: "{count} candidate dismissed",
+  dismissedMany: "{count} candidates dismissed",
+  failedSuffix: "; {count} failed",
+  bulkAcceptFailed: "Bulk accept failed. Try again.",
+  bulkDismissFailed: "Bulk dismiss failed. Try again."
+};
 const valueText = (value) => value == null ? "\u2014" : typeof value === "string" ? value : JSON.stringify(value);
 function MatchReview({
   incoming,
@@ -16,8 +58,13 @@ function MatchReview({
   loading,
   error,
   onRetry,
-  className
+  className,
+  labels: labelOverrides
 }) {
+  const labels = { ...DEFAULT_MATCH_REVIEW_LABELS, ...labelOverrides };
+  const plural = (n, one, many) => fillLabel(n === 1 ? one : many, { count: n });
+  const decisionLabel = { accepted: labels.decisionAccepted, dismissed: labels.decisionDismissed, split: labels.decisionSplit, other: labels.decisionOther };
+  const actionLabel = { accept: labels.accept, dismiss: labels.dismiss, split: labels.split, "pick-other": labels.pickOther };
   const [internalSelection, setInternalSelection] = useState(/* @__PURE__ */ new Set());
   const [announcement, setAnnouncement] = useState("");
   const [bulkPending, setBulkPending] = useState(false);
@@ -37,67 +84,61 @@ function MatchReview({
     if (!onBulkDecision || selection.size === 0 || bulkPending) return;
     const ids = [...selection];
     setBulkPending(true);
-    setAnnouncement(`${action === "accept" ? "Accepting" : "Dismissing"} ${ids.length} candidate${ids.length === 1 ? "" : "s"}\u2026`);
+    setAnnouncement(action === "accept" ? plural(ids.length, labels.acceptingOne, labels.acceptingMany) : plural(ids.length, labels.dismissingOne, labels.dismissingMany));
     try {
       const result = await onBulkDecision(ids, action);
       const succeeded = result?.succeeded ?? ids.length;
       const failed = result?.failed ?? 0;
-      setAnnouncement(`${succeeded} candidate${succeeded === 1 ? "" : "s"} ${action === "accept" ? "accepted" : "dismissed"}${failed ? `; ${failed} failed` : ""}.`);
+      const done = action === "accept" ? plural(succeeded, labels.acceptedOne, labels.acceptedMany) : plural(succeeded, labels.dismissedOne, labels.dismissedMany);
+      setAnnouncement(`${done}${failed ? fillLabel(labels.failedSuffix, { count: failed }) : ""}.`);
       if (!failed) setSelection(/* @__PURE__ */ new Set());
     } catch {
-      setAnnouncement(`Bulk ${action} failed. Try again.`);
+      setAnnouncement(action === "accept" ? labels.bulkAcceptFailed : labels.bulkDismissFailed);
     } finally {
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ jsx("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: "Loading match candidates\u2026" });
+  if (loading) return /* @__PURE__ */ jsx("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
   if (error) return /* @__PURE__ */ jsxs("div", { className: cx("uix-match-review uix-match-review--state", className), 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" })
+    onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
   if (candidates.length === 0) return /* @__PURE__ */ jsxs("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ jsx("p", { children: "No candidate matches found." }),
-    /* @__PURE__ */ jsx("p", { children: "Choose another record source or continue without a match." })
+    /* @__PURE__ */ jsx("p", { children: labels.empty }),
+    /* @__PURE__ */ jsx("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ jsxs("section", { className: cx("uix-match-review", className), "aria-label": "Match review", children: [
+  return /* @__PURE__ */ jsxs("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
     /* @__PURE__ */ jsxs("div", { className: "uix-match-review__summary", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("strong", { children: incomingLabel }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          pending.length,
-          " pending of ",
-          candidates.length
-        ] })
+        /* @__PURE__ */ jsx("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ jsxs("span", { children: [
         /* @__PURE__ */ jsx("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ jsxs("div", { className: "uix-match-review__bulk", "aria-label": "Bulk candidate actions", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        selection.size,
-        " selected"
-      ] }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? "Applying\u2026" : "Accept selected" }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? "Applying\u2026" : "Dismiss selected" })
+    onBulkDecision && /* @__PURE__ */ jsxs("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ jsx("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? labels.applying : labels.acceptSelected }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? labels.applying : labels.dismissSelected })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ jsx("caption", { className: "uix-visually-hidden", children: "Candidate matches and available decisions" }),
+      /* @__PURE__ */ jsx("caption", { className: "uix-visually-hidden", children: labels.caption }),
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: "Select" }) }),
-        /* @__PURE__ */ jsx("th", { scope: "col", children: "Confidence" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: labels.confidence }),
         fields.map((field) => /* @__PURE__ */ jsx("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ jsx("th", { scope: "col", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { scope: "col", children: "Actions" })
+        /* @__PURE__ */ jsx("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: labels.actions })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
         return /* @__PURE__ */ jsxs("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": `Select candidate ${candidate.id}` }) }),
-          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? "Not scored" : `${Math.round(candidate.confidence * 100)}%` }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": fillLabel(labels.selectCandidate, { id: candidate.id }) }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? labels.notScored : `${Math.round(candidate.confidence * 100)}%` }) }),
           fields.map((field) => /* @__PURE__ */ jsx("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ?? "Resolved" : "Pending" }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
           /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ jsx(
             "button",
             {
@@ -105,7 +146,7 @@ function MatchReview({
               className: "uix-btn uix-btn--ghost uix-btn--sm",
               disabled: resolved,
               onClick: () => onDecision(candidate.id, action),
-              children: action === "pick-other" ? "Pick other" : `${action[0].toUpperCase()}${action.slice(1)}`
+              children: actionLabel[action]
             },
             action
           )) }) })
@@ -116,5 +157,6 @@ function MatchReview({
   ] });
 }
 export {
+  DEFAULT_MATCH_REVIEW_LABELS,
   MatchReview
 };

package/dist/components/Meter.d.ts

@@ -10,8 +10,10 @@ interface MeterProps extends HTMLAttributes<HTMLDivElement> {
     tone?: MeterTone;
     /** Accessible name — rendered as `aria-label` (an explicit `aria-label` prop wins). */
     label?: string;
+    /** TENSOR RX-125 (UIX-04): the spoken tone words; English defaults. */
+    toneLabels?: Partial<Record<Exclude<MeterTone, 'success'>, string>>;
 }
 /** Horizontal utilization / threshold bar backed by `.uix-meter`. */
-declare function Meter({ value, tone, label, className, ...props }: MeterProps): react.JSX.Element;
+declare function Meter({ value, tone, label, toneLabels, className, ...props }: MeterProps): react.JSX.Element;
 
 export { Meter, type MeterProps, type MeterTone };

package/dist/components/Meter.js

@@ -6,7 +6,8 @@ const toneText = {
   attention: "needs attention",
   overdue: "overdue"
 };
-function Meter({ value = 0, tone, label, className, ...props }) {
+function Meter({ value = 0, tone, label, toneLabels, className, ...props }) {
+  const spoken = { ...toneText, ...toneLabels };
   const pct = Math.max(0, Math.min(100, value));
   return /* @__PURE__ */ jsx(
     "div",
@@ -15,7 +16,7 @@ function Meter({ value = 0, tone, label, className, ...props }) {
       "aria-valuenow": pct,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-valuetext": tone && tone !== "success" ? `${pct}%, ${toneText[tone]}` : void 0,
+      "aria-valuetext": tone && tone !== "success" ? `${pct}%, ${spoken[tone]}` : void 0,
       "aria-label": label,
       className: cx("uix-meter", className),
       ...props,

package/dist/components/Pagination.d.ts

@@ -1,11 +1,19 @@
 import * as react from 'react';
 import { HTMLAttributes } from 'react';
 
+/** TENSOR RX-125 (UIX-04): the pager's accessible names. */
+interface PaginationLabels {
+    region: string;
+    previous: string;
+    next: string;
+}
+declare const DEFAULT_PAGINATION_LABELS: PaginationLabels;
 interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     page: number;
     pageCount: number;
     onChange: (page: number) => void;
+    labels?: Partial<PaginationLabels>;
 }
-declare function Pagination({ page, pageCount, onChange, className, ...props }: PaginationProps): react.JSX.Element;
+declare function Pagination({ page, pageCount, onChange, labels: labelOverrides, className, ...props }: PaginationProps): react.JSX.Element;
 
-export { Pagination, type PaginationProps };
+export { DEFAULT_PAGINATION_LABELS, Pagination, type PaginationLabels, type PaginationProps };