@tensor_1/react 2.19.2 → 2.21.0

package/dist/components/DateRangePicker.js

@@ -3,8 +3,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { addCalendarDays, addCalendarMonths, buildMonthGrid, isDateInRange, isDateUnavailable, selectRangeDate, startOfMonth } from "../calendar-model.js";
 import { cx } from "../cx.js";
+const DEFAULT_DATE_RANGE_PICKER_LABELS = {
+  previous: "Previous",
+  previousMonth: "Show previous month",
+  next: "Next",
+  nextMonth: "Show next month",
+  noneSelected: "No date range selected.",
+  startSelected: "Start date {start} selected. Choose an end date.",
+  rangeSelected: "{start} to {end} selected.",
+  rangeStart: "start of selected range",
+  rangeEnd: "end of selected range",
+  inRange: "in selected range"
+};
 const monthLabel = (date, locale) => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 const dateLabel = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
+const weekdayNames = (locale) => {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday: "short", timeZone: "UTC" });
+  return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(Date.UTC(2024, 0, 1 + i))));
+};
 function DateRangePicker({
   value,
   onChange,
@@ -19,9 +35,12 @@ function DateRangePicker({
   invalid,
   invalidMessage = "The selected date range is invalid.",
   disabled,
-  className
+  className,
+  labels: labelOverrides
 }) {
   const id = useId();
+  const labels = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...labelOverrides };
+  const weekdays = useMemo(() => weekdayNames(locale), [locale]);
   const [internalMonth, setInternalMonth] = useState(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
   const [activeDate, setActiveDate] = useState(value.end ?? value.start ?? visibleMonth);
@@ -76,18 +95,18 @@ function DateRangePicker({
       focusDate(addCalendarMonths(date, event.key === "PageUp" ? -1 : 1));
     }
   };
-  const announcement = !value.start ? "No date range selected." : !value.end ? `Start date ${dateLabel(value.start, locale)} selected. Choose an end date.` : `${dateLabel(value.start, locale)} to ${dateLabel(value.end, locale)} selected.`;
+  const announcement = !value.start ? labels.noneSelected : !value.end ? labels.startSelected.replace("{start}", dateLabel(value.start, locale)) : labels.rangeSelected.replace("{start}", dateLabel(value.start, locale)).replace("{end}", dateLabel(value.end, locale));
   return /* @__PURE__ */ jsxs("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
     /* @__PURE__ */ jsxs("div", { className: "uix-date-range-picker__header", children: [
       /* @__PURE__ */ jsx("h3", { id: `${id}-label`, children: label }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": "Show previous month", children: "Previous" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": "Show next month", children: "Next" })
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": labels.previousMonth, children: labels.previous }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": labels.nextMonth, children: labels.next })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ jsxs("div", { className: "uix-date-range-picker__month", children: [
       /* @__PURE__ */ jsx("h4", { children: monthLabel(month, locale) }),
-      /* @__PURE__ */ jsx("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((day) => /* @__PURE__ */ jsx("span", { children: day }, day)) }),
+      /* @__PURE__ */ jsx("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ jsx("span", { children: day }, index)) }),
       /* @__PURE__ */ jsxs("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
         Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() + 6) % 7 }, (_, index) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }, `blank-${index}`)),
         days.map((day) => {
@@ -101,7 +120,7 @@ function DateRangePicker({
               "data-range-edge": edge,
               "data-in-range": isDateInRange(day.date, value) || void 0,
               "aria-pressed": edge != null || isDateInRange(day.date, value),
-              "aria-label": `${dateLabel(day.date, locale)}${edge ? `, ${edge} of selected range` : isDateInRange(day.date, value) ? ", in selected range" : ""}`,
+              "aria-label": `${dateLabel(day.date, locale)}${edge ? `, ${edge === "start" ? labels.rangeStart : labels.rangeEnd}` : isDateInRange(day.date, value) ? `, ${labels.inRange}` : ""}`,
               tabIndex: activeDate === day.date ? 0 : -1,
               disabled: unavailable,
               onFocus: () => setActiveDate(day.date),
@@ -119,5 +138,6 @@ function DateRangePicker({
   ] });
 }
 export {
+  DEFAULT_DATE_RANGE_PICKER_LABELS,
   DateRangePicker
 };

package/dist/components/DetailPage.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
 
 interface DetailPageTab {
     id: string;
@@ -12,6 +12,14 @@ interface DetailPageMetric {
     label: ReactNode;
     value: ReactNode;
 }
+/** What `renderLink` receives: render it as your router's link (TENSOR RX-125, UIX-10). */
+interface DetailPageLinkProps {
+    href: string;
+    className: string;
+    children: ReactNode;
+    'aria-current'?: 'page';
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}
 interface DetailPageProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     back?: {
         href: string;
@@ -26,8 +34,19 @@ interface DetailPageProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
     side?: ReactNode;
     children?: ReactNode;
     tabsLabel?: string;
+    /**
+     * Renders the back link and every tab link. Default: a plain `<a>`. Pass your
+     * router's link (e.g. next/link) so switching tabs never reloads the page.
+     */
+    renderLink?: (props: DetailPageLinkProps) => ReactNode;
+    /**
+     * Controlled tabs: called with the tab id on a plain left click, which then does
+     * not navigate. `href` stays the progressive-enhancement fallback (new tab,
+     * modified click, no JS).
+     */
+    onTabSelect?: (id: string) => void;
 }
 /** Framework-neutral record-detail scaffold; routing and data policy stay with the application. */
-declare function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, className, ...props }: DetailPageProps): react.JSX.Element;
+declare function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, renderLink, onTabSelect, className, ...props }: DetailPageProps): react.JSX.Element;
 
-export { DetailPage, type DetailPageMetric, type DetailPageProps, type DetailPageTab };
+export { DetailPage, type DetailPageLinkProps, type DetailPageMetric, type DetailPageProps, type DetailPageTab };

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 };