@tensor_1/react 2.20.0 → 2.22.0

package/dist/index.cjs

@@ -51,8 +51,17 @@ __export(src_exports, {
   ContentList: () => ContentList,
   ContentListItem: () => ContentListItem,
   CopyButton: () => CopyButton,
+  DEFAULT_BRAND_PROFILE_EDITOR_LABELS: () => DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
+  DEFAULT_BUILDER_CANVAS_LABELS: () => DEFAULT_BUILDER_CANVAS_LABELS,
+  DEFAULT_COLOR_PICKER_LABELS: () => DEFAULT_COLOR_PICKER_LABELS,
+  DEFAULT_DATE_RANGE_PICKER_LABELS: () => DEFAULT_DATE_RANGE_PICKER_LABELS,
+  DEFAULT_DIFF_VIEWER_LABELS: () => DEFAULT_DIFF_VIEWER_LABELS,
+  DEFAULT_MATCH_REVIEW_LABELS: () => DEFAULT_MATCH_REVIEW_LABELS,
+  DEFAULT_PAGINATION_LABELS: () => DEFAULT_PAGINATION_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS: () => DEFAULT_RELATIONSHIP_GRAPH_LABELS,
+  DEFAULT_RULE_BUILDER_LABELS: () => DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS: () => DEFAULT_SAVE_STATUS_LABELS,
+  DEFAULT_SCHEDULING_CALENDAR_LABELS: () => DEFAULT_SCHEDULING_CALENDAR_LABELS,
   DateRangePicker: () => DateRangePicker,
   DescriptionItem: () => DescriptionItem,
   DescriptionList: () => DescriptionList,
@@ -1172,7 +1181,7 @@ function PromptDialog({ open, title, description, inputLabel, defaultValue = "",
 var import_react16 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.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__ */ (0, import_jsx_runtime12.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 = (0, import_react16.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("dialog", { ref, className: cx("uix-drawer", className), "aria-labelledby": title ? titleId : void 0, ...rest, children: [
@@ -1183,7 +1192,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__ */ (0, import_jsx_runtime12.jsx)(CloseIcon2, {})
         }
       )
@@ -1199,7 +1208,7 @@ var import_jsx_runtime13 = require("react/jsx-runtime");
 var CloseIcon3 = () => /* @__PURE__ */ (0, import_jsx_runtime13.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__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
 var ChevronUp = () => /* @__PURE__ */ (0, import_jsx_runtime13.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__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M2 8l4-4 4 4" }) });
 var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime13.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__ */ (0, import_jsx_runtime13.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 = (0, import_react17.useId)();
@@ -1214,12 +1223,12 @@ function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hi
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dialog", { ref, className: cx("uix-peek", className), "aria-labelledby": title ? titleId : void 0, ...rest, onClick: onBackdropClick, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "uix-peek__header", children: [
       hasNav && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "uix-peek__nav", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: () => onNavPrev?.(), "aria-disabled": onNavPrev ? void 0 : true, "aria-label": "Previous record", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronUp, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: () => onNavNext?.(), "aria-disabled": onNavNext ? void 0 : true, "aria-label": "Next record", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronDown, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: () => onNavPrev?.(), "aria-disabled": onNavPrev ? void 0 : true, "aria-label": previousLabel, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronUp, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: () => onNavNext?.(), "aria-disabled": onNavNext ? void 0 : true, "aria-label": nextLabel, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronDown, {}) })
       ] }),
       title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "uix-peek__title", id: titleId, children: title }),
       hint && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "uix-peek__hint", children: hint }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__close", onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon3, {}) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__close", onClick: onClose, "aria-label": closeLabel, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon3, {}) })
     ] }),
     children != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-peek__body", children }),
     footer != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-peek__footer", children: footer })
@@ -1293,16 +1302,46 @@ function DetailLayout({ side, children, className, ...props }) {
 }
 
 // src/components/DetailPage.tsx
+var import_react19 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, className, ...props }) {
+var plainLink = ({ href, className, children, onClick, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { href, className, onClick, ...rest, children });
+var 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__ */ (0, import_jsx_runtime18.jsxs)("section", { className: cx("uix-detail-page", className), ...props, children: [
-    back && /* @__PURE__ */ (0, import_jsx_runtime18.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__ */ (0, import_jsx_runtime18.jsx)(PageHeader, { eyebrow, title, subtitle, actions }),
     metrics && metrics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dl", { className: "uix-detail-page__metrics", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dt", { children: metric.label }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dd", { children: metric.value })
     ] }, metric.id)) }),
-    tabs && tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", { className: "uix-tabs", "aria-label": tabsLabel, children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime18.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__ */ (0, import_jsx_runtime18.jsx)("nav", { className: "uix-tabs", "aria-label": tabsLabel, children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react19.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__ */ (0, import_jsx_runtime18.jsx)(DetailLayout, { side, children })
   ] });
 }
@@ -1365,11 +1404,11 @@ function ListItem({ title, meta, trail, leading, children, className, ...props }
 }
 
 // src/components/DescriptionList.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function DescriptionList({ items, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("dl", { className: cx("uix-dl", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react19.Fragment, { children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react20.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dt", { children: item.term }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { children: item.description })
     ] }, item.id ?? i)),
@@ -1384,21 +1423,21 @@ function DescriptionItem({ term, children }) {
 }
 
 // src/components/Tabs.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var TabsCtx = (0, import_react20.createContext)({});
+var TabsCtx = (0, import_react21.createContext)({});
 var Chevron = ({ d }) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d }) });
 var inlineOffset = (el, rtl) => rtl ? -el.scrollLeft : el.scrollLeft;
-function Tabs({ variant = "line", value, onChange, children, className, overflow = "wrap" }) {
-  const baseId = (0, import_react20.useId)();
-  const listRef = (0, import_react20.useRef)(null);
-  const contextValue = (0, import_react20.useMemo)(() => ({ value, onChange, baseId }), [value, onChange, baseId]);
+function Tabs({ variant = "line", value, onChange, children, className, overflow = "wrap", activation = "automatic" }) {
+  const baseId = (0, import_react21.useId)();
+  const listRef = (0, import_react21.useRef)(null);
+  const contextValue = (0, import_react21.useMemo)(() => ({ value, onChange, baseId }), [value, onChange, baseId]);
   const scroll = overflow === "scroll";
-  const [hidden, setHidden] = (0, import_react20.useState)({ start: false, end: false });
-  const kids = import_react20.Children.toArray(children);
-  const panels = kids.filter((k) => (0, import_react20.isValidElement)(k) && k.type === TabPanel);
-  const tabs = kids.filter((k) => !((0, import_react20.isValidElement)(k) && k.type === TabPanel));
-  (0, import_react20.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react21.useState)({ start: false, end: false });
+  const kids = import_react21.Children.toArray(children);
+  const panels = kids.filter((k) => (0, import_react21.isValidElement)(k) && k.type === TabPanel);
+  const tabs = kids.filter((k) => !((0, import_react21.isValidElement)(k) && k.type === TabPanel));
+  (0, import_react21.useEffect)(() => {
     const list2 = listRef.current;
     if (!list2) return;
     const all = Array.from(list2.querySelectorAll('[role="tab"]'));
@@ -1406,7 +1445,7 @@ function Tabs({ variant = "line", value, onChange, children, className, overflow
     const active = enabled.find((t) => t.getAttribute("aria-selected") === "true") ?? enabled[0];
     for (const t of all) t.tabIndex = t === active ? 0 : -1;
   });
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const list2 = listRef.current;
     if (!scroll || !list2) return;
     const measure = () => {
@@ -1427,7 +1466,7 @@ function Tabs({ variant = "line", value, onChange, children, className, overflow
       observer.disconnect();
     };
   });
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const list2 = listRef.current;
     const tab = list2?.querySelector('[role="tab"][aria-selected="true"]');
     if (!scroll || !list2 || !tab) return;
@@ -1469,10 +1508,9 @@ function Tabs({ variant = "line", value, onChange, children, className, overflow
     }
     e.preventDefault();
     const target = items[next];
-    if (target) {
-      target.focus();
-      target.click();
-    }
+    if (!target) return;
+    target.focus();
+    if (activation === "automatic") target.click();
   };
   const list = /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
@@ -1518,7 +1556,7 @@ function Tabs({ variant = "line", value, onChange, children, className, overflow
   ] });
 }
 function Tab({ value, children, disabled, className, onClick, ...props }) {
-  const ctx = (0, import_react20.useContext)(TabsCtx);
+  const ctx = (0, import_react21.useContext)(TabsCtx);
   const selected = ctx.value === value;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "button",
@@ -1540,7 +1578,7 @@ function Tab({ value, children, disabled, className, onClick, ...props }) {
   );
 }
 function TabPanel({ value, children, keepMounted, ...props }) {
-  const ctx = (0, import_react20.useContext)(TabsCtx);
+  const ctx = (0, import_react21.useContext)(TabsCtx);
   const selected = ctx.value === value;
   if (!selected && !keepMounted) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -1558,7 +1596,7 @@ function TabPanel({ value, children, keepMounted, ...props }) {
 }
 
 // src/components/AppShell.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function AppShell({
   nav,
@@ -1570,11 +1608,13 @@ function AppShell({
   sidebar,
   topbar,
   children,
+  skipToContentLabel = "Skip to content",
+  exitFocusLabel = "Esc \xB7 Exit focus",
   className,
   ...props
 }) {
   const navState = nav ?? (collapsed ? "rail" : "full");
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (!focus || !onExitFocus) return;
     const onKey = (e) => {
       if (e.key === "Escape") onExitFocus();
@@ -1591,18 +1631,18 @@ function AppShell({
       "data-focus": focus || void 0,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { className: "uix-skiplink", href: `#${mainId}`, children: "Skip to content" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("a", { className: "uix-skiplink", href: `#${mainId}`, children: skipToContentLabel }),
         sidebar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__sidebar", children: sidebar }),
         topbar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__topbar", children: topbar }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("main", { id: mainId, tabIndex: -1, className: cx("uix-shell__main", mainBleed && "uix-shell__main--bleed"), children }),
-        focus && onExitFocus && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__focus-exit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: onExitFocus, children: "Esc \xB7 Exit focus" }) })
+        focus && onExitFocus && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__focus-exit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: onExitFocus, children: exitFocusLabel }) })
       ]
     }
   );
 }
 
 // src/components/Sidebar.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("svg", { className: "uix-navgroup__chevron", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 function Sidebar({ collapsed, nav, onToggle, brand, toggleIcon, children, expandLabel = "Expand sidebar", collapseLabel = "Collapse sidebar", className, ...props }) {
@@ -1658,12 +1698,12 @@ function NavItem({ icon, badge, active, as: Tag = "a", children, className, ...p
   );
 }
 function NavGroup({ icon, label, children, defaultExpanded = true, expanded: controlledExpanded, onExpandedChange }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react22.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react23.useState)(defaultExpanded);
   const expanded = controlledExpanded ?? internalExpanded;
-  const panelId = (0, import_react22.useId)();
-  const triggerRef = (0, import_react22.useRef)(null);
-  const panelRef = (0, import_react22.useRef)(null);
-  (0, import_react22.useEffect)(() => {
+  const panelId = (0, import_react23.useId)();
+  const triggerRef = (0, import_react23.useRef)(null);
+  const panelRef = (0, import_react23.useRef)(null);
+  (0, import_react23.useEffect)(() => {
     panelRef.current?.toggleAttribute("inert", !expanded);
     if (!expanded && panelRef.current?.contains(document.activeElement)) triggerRef.current?.focus();
   }, [expanded]);
@@ -1742,7 +1782,7 @@ function StarButton({
 }
 
 // src/components/CopyButton.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/copy-model.ts
 async function copyText(value, clipboard = globalThis.navigator?.clipboard) {
@@ -1764,11 +1804,11 @@ var CopyGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { vi
 ] });
 var CheckGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
 function CopyButton({ value, label, copiedLabel, failedLabel, className }) {
-  const [outcome, setOutcome] = (0, import_react23.useState)("idle");
+  const [outcome, setOutcome] = (0, import_react24.useState)("idle");
   const copied = outcome === "copied";
-  const timer = (0, import_react23.useRef)(void 0);
-  const mounted = (0, import_react23.useRef)(true);
-  (0, import_react23.useEffect)(() => {
+  const timer = (0, import_react24.useRef)(void 0);
+  const mounted = (0, import_react24.useRef)(true);
+  (0, import_react24.useEffect)(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -1803,7 +1843,7 @@ function CopyButton({ value, label, copiedLabel, failedLabel, className }) {
 }
 
 // src/components/NavFavourites.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   "svg",
@@ -1866,14 +1906,14 @@ function NavFavourites({
   emptyReason,
   className
 }) {
-  const regionId = (0, import_react24.useId)();
-  const headerRef = (0, import_react24.useRef)(null);
-  const regionRef = (0, import_react24.useRef)(null);
-  const [announcement, setAnnouncement] = (0, import_react24.useState)("");
-  const focusAfterRef = (0, import_react24.useRef)(null);
-  const triggerRefs = (0, import_react24.useRef)(/* @__PURE__ */ new Map());
-  const order = (0, import_react24.useMemo)(() => items.map((item) => item.id), [items]);
-  (0, import_react24.useEffect)(() => {
+  const regionId = (0, import_react25.useId)();
+  const headerRef = (0, import_react25.useRef)(null);
+  const regionRef = (0, import_react25.useRef)(null);
+  const [announcement, setAnnouncement] = (0, import_react25.useState)("");
+  const focusAfterRef = (0, import_react25.useRef)(null);
+  const triggerRefs = (0, import_react25.useRef)(/* @__PURE__ */ new Map());
+  const order = (0, import_react25.useMemo)(() => items.map((item) => item.id), [items]);
+  (0, import_react25.useEffect)(() => {
     const id = focusAfterRef.current;
     if (!id) return;
     focusAfterRef.current = null;
@@ -1890,7 +1930,7 @@ function NavFavourites({
     }
     onToggleCollapsed?.();
   };
-  const move = (0, import_react24.useCallback)((id, dir) => {
+  const move = (0, import_react25.useCallback)((id, dir) => {
     const idx = order.indexOf(id);
     const next = idx + dir;
     if (idx < 0 || next < 0 || next >= order.length) return;
@@ -1903,13 +1943,13 @@ function NavFavourites({
     if (moved) setAnnouncement(`${moved.label} moved to position ${next + 1} of ${order.length}`);
     onReorder(reordered);
   }, [onReorder, order]);
-  const remove = (0, import_react24.useCallback)((id) => {
+  const remove = (0, import_react25.useCallback)((id) => {
     const idx = order.indexOf(id);
     const neighbour = order[idx + 1] ?? order[idx - 1] ?? null;
     focusAfterRef.current = neighbour;
     onRemove(id);
   }, [onRemove, order]);
-  const registerTrigger = (0, import_react24.useCallback)((id, element) => {
+  const registerTrigger = (0, import_react25.useCallback)((id, element) => {
     if (element) triggerRefs.current.set(id, element);
     else triggerRefs.current.delete(id);
   }, []);
@@ -1961,7 +2001,7 @@ function NavFavourites({
     )
   ] });
 }
-var FavouriteRow = (0, import_react24.memo)(function FavouriteRow2({
+var FavouriteRow = (0, import_react25.memo)(function FavouriteRow2({
   item,
   isFirst,
   isLast,
@@ -1970,17 +2010,17 @@ var FavouriteRow = (0, import_react24.memo)(function FavouriteRow2({
   onRemove,
   registerTrigger
 }) {
-  const [open, setOpen] = (0, import_react24.useState)(false);
-  const menuId = (0, import_react24.useId)();
-  const triggerRef = (0, import_react24.useRef)(null);
-  const itemRefs = (0, import_react24.useRef)([]);
+  const [open, setOpen] = (0, import_react25.useState)(false);
+  const menuId = (0, import_react25.useId)();
+  const triggerRef = (0, import_react25.useRef)(null);
+  const itemRefs = (0, import_react25.useRef)([]);
   const optionsTemplate = labels.options ?? "{label} favourite options";
   const actions = [
     ...isFirst ? [] : [{ label: labels.moveUp, onSelect: () => onMove(item.id, -1) }],
     ...isLast ? [] : [{ label: labels.moveDown, onSelect: () => onMove(item.id, 1) }],
     { label: labels.remove.replace("{label}", item.label), onSelect: () => onRemove(item.id) }
   ];
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (open) itemRefs.current[0]?.focus();
   }, [open]);
   const closeAndReturnFocus = () => {
@@ -2124,14 +2164,14 @@ function Spinner({ size = "md", accent, label, className, ...props }) {
 }
 
 // src/components/Toast.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var ToasterContext = (0, import_react25.createContext)(null);
-function Toast({ title, message, tone, icon, onClose, leaving, className, ...props }) {
+var ToasterContext = (0, import_react26.createContext)(null);
+function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel = "Dismiss", className, ...props }) {
   const assertive = tone === "danger";
-  const toaster = (0, import_react25.useContext)(ToasterContext);
-  const bodyRef = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(() => {
+  const toaster = (0, import_react26.useContext)(ToasterContext);
+  const bodyRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
     if (assertive || !toaster) return;
     const text = bodyRef.current?.textContent?.trim();
     if (text) toaster.announce(text);
@@ -2163,33 +2203,33 @@ function Toast({ title, message, tone, icon, onClose, leaving, className, ...pro
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-toast__title", children: title }),
           message && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-toast__msg", children: message })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { className: "uix-toast__close", onClick: handleClose, "aria-label": "Dismiss", children: "\xD7" })
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { className: "uix-toast__close", onClick: handleClose, "aria-label": dismissLabel, children: "\xD7" })
       ]
     }
   );
 }
-function Toaster({ children, className, ...props }) {
-  const [announced, setAnnounced] = (0, import_react25.useState)("");
-  const clearTimer = (0, import_react25.useRef)(null);
-  const announce = (0, import_react25.useCallback)((text) => {
+function Toaster({ children, regionLabel = "Notifications", className, ...props }) {
+  const [announced, setAnnounced] = (0, import_react26.useState)("");
+  const clearTimer = (0, import_react26.useRef)(null);
+  const announce = (0, import_react26.useCallback)((text) => {
     setAnnounced((cur) => cur ? `${cur} ${text}` : text);
     if (clearTimer.current != null) clearTimeout(clearTimer.current);
     clearTimer.current = window.setTimeout(() => setAnnounced(""), 3e3);
   }, []);
-  (0, import_react25.useEffect)(() => () => {
+  (0, import_react26.useEffect)(() => () => {
     if (clearTimer.current != null) clearTimeout(clearTimer.current);
   }, []);
-  const ctx = (0, import_react25.useMemo)(() => ({ announce }), [announce]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ToasterContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cx("uix-toaster", className), role: "region", "aria-label": "Notifications", ...props, children: [
+  const ctx = (0, import_react26.useMemo)(() => ({ announce }), [announce]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ToasterContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cx("uix-toaster", className), role: "region", "aria-label": regionLabel, ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announced }),
     children
   ] }) });
 }
 
 // src/components/Table.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var TableWrap = (0, import_react26.forwardRef)(function TableWrap2({ announcement, children, className, ...props }, ref) {
+var TableWrap = (0, import_react27.forwardRef)(function TableWrap2({ announcement, children, className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref, className: cx("uix-table-wrap", className), ...props, children: [
     announcement != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
     children
@@ -2253,12 +2293,9 @@ function Tr({ selected, pinned, className, children, ...props }) {
     }
   );
 }
-function BulkBar({ count, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cx("uix-bulkbar", className), role: "toolbar", "aria-label": "Bulk actions", ...props, children: [
-    count != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "uix-bulkbar__count", children: [
-      count,
-      " selected"
-    ] }),
+function BulkBar({ count, children, label = "Bulk actions", selectedLabel = (n) => `${n} selected`, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cx("uix-bulkbar", className), role: "toolbar", "aria-label": label, ...props, children: [
+    count != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uix-bulkbar__count", children: selectedLabel(count) }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uix-bulkbar__spacer" }),
     children
   ] });
@@ -2269,7 +2306,7 @@ function RowActions({ children, className, ...props }) {
 function RowAction({ children, className, type = "button", ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { type, className: cx("uix-rowact", className), ...props, children });
 }
-function ExpandToggle({ expanded, controls, className, type = "button", ...props }) {
+function ExpandToggle({ expanded, controls, expandLabel = "Expand row", collapseLabel = "Collapse row", className, type = "button", ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "button",
     {
@@ -2277,7 +2314,7 @@ function ExpandToggle({ expanded, controls, className, type = "button", ...props
       className: cx("uix-table__expand", className),
       "aria-expanded": expanded,
       "aria-controls": controls,
-      "aria-label": expanded ? "Collapse row" : "Expand row",
+      "aria-label": expanded ? collapseLabel : expandLabel,
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M6 4l4 4-4 4" }) })
     }
@@ -2311,16 +2348,22 @@ function getPageNumbers(page, total) {
   pages.push(total);
   return pages;
 }
-function Pagination({ page, pageCount, onChange, className, ...props }) {
+var 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__ */ (0, import_jsx_runtime34.jsxs)("nav", { "aria-label": "Pagination", className: cx("uix-pagination", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("nav", { "aria-label": labels.region, className: cx("uix-pagination", className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "button",
       {
         className: "uix-pagination__btn",
         onClick: () => onChange(page - 1),
         disabled: page <= 1,
-        "aria-label": "Previous page",
+        "aria-label": labels.previous,
         children: "\u2039"
       }
     ),
@@ -2342,7 +2385,7 @@ 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"
       }
     )
@@ -2393,7 +2436,8 @@ var 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__ */ (0, import_jsx_runtime37.jsx)(
     "div",
@@ -2402,7 +2446,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,
@@ -2419,11 +2463,11 @@ function Meter({ value = 0, tone, label, className, ...props }) {
 }
 
 // src/components/Stat.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var Chevron2 = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uix-stat__chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "m6 9 6 6 6-6" }) }) });
-var Stat = (0, import_react27.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, className, onClick, ...props }, ref) {
-  const id = (0, import_react27.useId)();
+var Stat = (0, import_react28.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, className, onClick, ...props }, ref) {
+  const id = (0, import_react28.useId)();
   const interactive = onActivate != null;
   const classes = cx(
     "uix-stat",
@@ -2443,7 +2487,7 @@ var Stat = (0, import_react27.forwardRef)(function Stat2({ label, value, icon, m
     (meta != null || trend != null) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Row, { className: "uix-stat__meta", id: interactive ? `${id}-meta` : void 0, children: [
       trend != null && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: [
         /* @__PURE__ */ (0, import_jsx_runtime38.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__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 19V5m-6 6 6-6 6 6" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M12 5v14m6-6-6 6-6-6" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uix-visually-hidden", children: trend.direction === "up" ? "up" : "down" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uix-visually-hidden", children: trend.direction === "up" ? trendLabels?.up ?? "up" : trendLabels?.down ?? "down" }),
         trend.label
       ] }),
       meta
@@ -2480,14 +2524,14 @@ var Stat = (0, import_react27.forwardRef)(function Stat2({ label, value, icon, m
 });
 
 // src/components/Tooltip.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function Tooltip({ label, placement = "top", className, children, ...props }) {
-  const triggerRef = (0, import_react28.useRef)(null);
-  const bubbleRef = (0, import_react28.useRef)(null);
-  const closeTimer = (0, import_react28.useRef)(null);
-  const [open, setOpen] = (0, import_react28.useState)(false);
-  const id = (0, import_react28.useId)();
+  const triggerRef = (0, import_react29.useRef)(null);
+  const bubbleRef = (0, import_react29.useRef)(null);
+  const closeTimer = (0, import_react29.useRef)(null);
+  const [open, setOpen] = (0, import_react29.useState)(false);
+  const id = (0, import_react29.useId)();
   useAnchoredPosition(triggerRef, bubbleRef, { open, placement, offset: 6 });
   const cancelClose = () => {
     if (closeTimer.current != null) {
@@ -2521,7 +2565,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     cancelClose();
     closeTimer.current = window.setTimeout(hide, 100);
   };
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") hide();
@@ -2529,7 +2573,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  (0, import_react28.useEffect)(() => () => {
+  (0, import_react29.useEffect)(() => () => {
     if (closeTimer.current != null) clearTimeout(closeTimer.current);
     const b = bubbleRef.current;
     if (b && b.matches(":popover-open")) {
@@ -2540,8 +2584,8 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     }
   }, []);
   const bubbleAttr = { popover: "manual" };
-  const single = (0, import_react28.isValidElement)(children);
-  const child = single ? (0, import_react28.cloneElement)(children, {
+  const single = (0, import_react29.isValidElement)(children);
+  const child = single ? (0, import_react29.cloneElement)(children, {
     "aria-describedby": [children.props["aria-describedby"], id].filter(Boolean).join(" ")
   }) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
@@ -2643,7 +2687,7 @@ function LoadingState({ rows = 3, density = "comfortable", label, className, ...
 }
 
 // src/components/RelativeTime.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/relative-time-model.ts
 function parseDateValue(value) {
@@ -2706,12 +2750,12 @@ function RelativeTime({
 }) {
   const interval = refreshInterval === false ? 0 : Math.max(0, refreshInterval);
   const fixedNow = now == null ? void 0 : new Date(now).getTime();
-  const subscribe = (0, import_react29.useCallback)((listener) => fixedNow == null ? subscribeRelativeClock(interval, listener) : () => {
+  const subscribe = (0, import_react30.useCallback)((listener) => fixedNow == null ? subscribeRelativeClock(interval, listener) : () => {
   }, [fixedNow, interval]);
-  const getSnapshot = (0, import_react29.useCallback)(() => fixedNow ?? readRelativeClock(interval), [fixedNow, interval]);
-  const getServerSnapshot = (0, import_react29.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
-  const clock = (0, import_react29.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
-  const date = (0, import_react29.useMemo)(() => parseDateValue(value), [value]);
+  const getSnapshot = (0, import_react30.useCallback)(() => fixedNow ?? readRelativeClock(interval), [fixedNow, interval]);
+  const getServerSnapshot = (0, import_react30.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
+  const clock = (0, import_react30.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  const date = (0, import_react30.useMemo)(() => parseDateValue(value), [value]);
   if (!date) return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("time", { "data-invalid": "true", suppressHydrationWarning: true, ...props, children: invalidLabel });
   const current = new Date(clock);
   const content = formatter ? formatter({ date, now: current, locale, timeZone }) : (() => {
@@ -2757,11 +2801,11 @@ function Label({ color, dot, children, className, style, ...props }) {
 
 // src/components/Avatar.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
-function Avatar({ size = "md", src, alt, children, status, className, ...props }) {
+function Avatar({ size = "md", src, alt, children, status, onlineLabel = "online", className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: cx("uix-avatar", size !== "md" && `uix-avatar--${size}`, className), ...props, children: [
     src ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("img", { src, alt: alt ?? "" }) : children,
     status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-avatar__status", "aria-hidden": "true" }),
-    status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-visually-hidden", children: "online" })
+    status && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-visually-hidden", children: onlineLabel })
   ] });
 }
 function AvatarGroup({ children, className, ...props }) {
@@ -2841,13 +2885,13 @@ function SaveStatus({ state, labels, onRetry, className, ...props }) {
 }
 
 // src/components/Composer.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Composer({ children, className, label = "Add a comment", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react30.Children.map(children, (child) => {
-    if (!(0, import_react30.isValidElement)(child) || child.type !== "textarea") return child;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react31.Children.map(children, (child) => {
+    if (!(0, import_react31.isValidElement)(child) || child.type !== "textarea") return child;
     const p = child.props;
-    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react30.cloneElement)(child, { "aria-label": label });
+    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react31.cloneElement)(child, { "aria-label": label });
   }) });
 }
 function ComposerBar({ children, className, ...props }) {
@@ -2855,11 +2899,11 @@ function ComposerBar({ children, className, ...props }) {
 }
 
 // src/components/Segmented.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var SegmentedCtx = (0, import_react31.createContext)({});
+var SegmentedCtx = (0, import_react32.createContext)({});
 function Segmented({ value, onChange, children, className, ...props }) {
-  const contextValue = (0, import_react31.useMemo)(() => ({ value, onChange }), [value, onChange]);
+  const contextValue = (0, import_react32.useMemo)(() => ({ value, onChange }), [value, onChange]);
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { role: "group", className: cx("uix-segmented", className), ...props, children }) });
 }
 function SegmentedOption({
@@ -2869,7 +2913,7 @@ function SegmentedOption({
   onClick,
   ...props
 }) {
-  const ctx = (0, import_react31.useContext)(SegmentedCtx);
+  const ctx = (0, import_react32.useContext)(SegmentedCtx);
   const selected = ctx.value === value;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "button",
@@ -2888,12 +2932,12 @@ function SegmentedOption({
 }
 
 // src/components/TableControls.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function ViewMenu({ density, densityLabel, densityOptions, onDensityChange, zebra, freeze, columns, columnsLabel, onColumnVisibilityChange }) {
-  const densityLabelId = (0, import_react32.useId)();
-  const zebraLabelId = (0, import_react32.useId)();
-  const freezeLabelId = (0, import_react32.useId)();
+  const densityLabelId = (0, import_react33.useId)();
+  const zebraLabelId = (0, import_react33.useId)();
+  const freezeLabelId = (0, import_react33.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu", children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu__group", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { id: densityLabelId, className: "uix-view-menu__label", children: densityLabel }),
@@ -2958,10 +3002,10 @@ function TimelineItem({ node, meta, children, className, ...props }) {
 }
 
 // src/components/Pipeline.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function Pipeline({ detailed = false, children, className, tabIndex, ...props }) {
-  const stages = detailed ? import_react33.Children.map(children, (child) => (0, import_react33.isValidElement)(child) && child.type === PipelineStage ? (0, import_react33.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
+  const stages = detailed ? import_react34.Children.map(children, (child) => (0, import_react34.isValidElement)(child) && child.type === PipelineStage ? (0, import_react34.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "ol",
     {
@@ -2987,7 +3031,7 @@ var DEFAULT_STATE_LABELS = {
 function PipelineStage({
   label,
   state = "pending",
-  stateLabel: stateLabel2,
+  stateLabel,
   description,
   meta,
   marker,
@@ -2997,7 +3041,7 @@ function PipelineStage({
   ...props
 }) {
   const current = currentProp ?? (state === "active" || state === "current" || state === "running");
-  const resolvedStateLabel = stateLabel2 ?? DEFAULT_STATE_LABELS[state];
+  const resolvedStateLabel = stateLabel ?? DEFAULT_STATE_LABELS[state];
   const showDetails = detailed || description != null || meta != null || marker != null;
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "li",
@@ -3042,7 +3086,7 @@ var FLOW_STATE_LABELS = {
 function FlowNode({
   title,
   state = "pending",
-  stateLabel: stateLabel2,
+  stateLabel,
   eyebrow,
   meta,
   icon,
@@ -3051,7 +3095,7 @@ function FlowNode({
   className,
   ...props
 }) {
-  const resolvedStateLabel = stateLabel2 ?? FLOW_STATE_LABELS[state];
+  const resolvedStateLabel = stateLabel ?? FLOW_STATE_LABELS[state];
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx("uix-node", `uix-node--${state}`, icon == null && "uix-node--no-icon", wide && "uix-node--wide", className), ...props, children: [
     icon != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "uix-node__icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uix-node__body", children: [
@@ -3077,7 +3121,7 @@ function Note({ tone, icon, children, className, ...props }) {
 }
 
 // src/components/Popover.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function Popover({
   popover = "auto",
@@ -3088,15 +3132,15 @@ function Popover({
   children,
   ...props
 }) {
-  const ref = (0, import_react34.useRef)(null);
-  const [open, setOpen] = (0, import_react34.useState)(false);
+  const ref = (0, import_react35.useRef)(null);
+  const [open, setOpen] = (0, import_react35.useState)(false);
   const popoverAttr = { popover };
   const reposition = useAnchoredPosition(anchor ?? null, ref, {
     open: open && !!anchor,
     placement,
     offset
   });
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const el = ref.current;
     if (!el || !anchor) return;
     const sync = () => {
@@ -3111,26 +3155,26 @@ function Popover({
 }
 
 // src/components/CommandPalette.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var CmdkContext = (0, import_react35.createContext)(null);
-function CommandPalette({ inputProps, children, className, ...props }) {
-  const listId = (0, import_react35.useId)();
-  const [activeId, setActiveId] = (0, import_react35.useState)(null);
-  const [count, setCount] = (0, import_react35.useState)(0);
-  const [announced, setAnnounced] = (0, import_react35.useState)("");
-  const setActive = (0, import_react35.useCallback)((id, active) => {
+var CmdkContext = (0, import_react36.createContext)(null);
+function CommandPalette({ inputProps, children, inputLabel = "Command palette", className, ...props }) {
+  const listId = (0, import_react36.useId)();
+  const [activeId, setActiveId] = (0, import_react36.useState)(null);
+  const [count, setCount] = (0, import_react36.useState)(0);
+  const [announced, setAnnounced] = (0, import_react36.useState)("");
+  const setActive = (0, import_react36.useCallback)((id, active) => {
     setActiveId((cur) => active ? id : cur === id ? null : cur);
   }, []);
-  const registerItem = (0, import_react35.useCallback)(() => {
+  const registerItem = (0, import_react36.useCallback)(() => {
     setCount((c) => c + 1);
     return () => setCount((c) => c - 1);
   }, []);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const t = window.setTimeout(() => setAnnounced(`${count} result${count === 1 ? "" : "s"}`), 150);
     return () => clearTimeout(t);
   }, [count]);
-  const ctx = (0, import_react35.useMemo)(() => ({ listId, setActive, registerItem }), [listId, setActive, registerItem]);
+  const ctx = (0, import_react36.useMemo)(() => ({ listId, setActive, registerItem }), [listId, setActive, registerItem]);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CmdkContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "input",
@@ -3141,7 +3185,7 @@ function CommandPalette({ inputProps, children, className, ...props }) {
         "aria-autocomplete": "list",
         "aria-controls": listId,
         "aria-activedescendant": activeId ?? void 0,
-        "aria-label": "Command palette",
+        "aria-label": inputLabel,
         ...inputProps
       }
     ),
@@ -3150,18 +3194,18 @@ function CommandPalette({ inputProps, children, className, ...props }) {
   ] }) });
 }
 function CommandGroup({ label, children }) {
-  const labelId = (0, import_react35.useId)();
+  const labelId = (0, import_react36.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { role: "group", "aria-labelledby": label != null ? labelId : void 0, children: [
     label != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-cmdk__group", id: labelId, children: label }),
     children
   ] });
 }
 function CommandItem({ icon, shortcut, active, children, className, id, ...props }) {
-  const ctx = (0, import_react35.useContext)(CmdkContext);
-  const autoId = (0, import_react35.useId)();
+  const ctx = (0, import_react36.useContext)(CmdkContext);
+  const autoId = (0, import_react36.useId)();
   const itemId = id ?? autoId;
-  (0, import_react35.useEffect)(() => ctx?.registerItem(), [ctx]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => ctx?.registerItem(), [ctx]);
+  (0, import_react36.useEffect)(() => {
     if (!ctx || !active) return;
     ctx.setActive(itemId, true);
     return () => ctx.setActive(itemId, false);
@@ -3185,16 +3229,16 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
 }
 
 // src/components/Inbox.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function Inbox({ view, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
 }
-var InboxListCtx = (0, import_react36.createContext)({});
-function InboxList({ children, className, ...props }) {
-  const listRef = (0, import_react36.useRef)(null);
-  const [activeId, setActiveId] = (0, import_react36.useState)(void 0);
-  const ctx = (0, import_react36.useMemo)(() => ({ activeId }), [activeId]);
+var InboxListCtx = (0, import_react37.createContext)({});
+function InboxList({ children, listLabel = "Inbox", className, ...props }) {
+  const listRef = (0, import_react37.useRef)(null);
+  const [activeId, setActiveId] = (0, import_react37.useState)(void 0);
+  const ctx = (0, import_react37.useMemo)(() => ({ activeId }), [activeId]);
   const onKeyDown = (e) => {
     const opts = Array.from(listRef.current?.querySelectorAll('[role="option"]') ?? []);
     if (opts.length === 0) return;
@@ -3236,7 +3280,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,
@@ -3255,9 +3299,9 @@ function InboxItem({
   id,
   ...props
 }) {
-  const autoId = (0, import_react36.useId)();
+  const autoId = (0, import_react37.useId)();
   const itemId = id ?? autoId;
-  const { activeId } = (0, import_react36.useContext)(InboxListCtx);
+  const { activeId } = (0, import_react37.useContext)(InboxListCtx);
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
@@ -3282,7 +3326,7 @@ function InboxDetail({ children, className, ...props }) {
 }
 
 // src/components/Kanban.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function Kanban({ announcement, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cx("uix-kanban", className), ...props, children: [
@@ -3291,7 +3335,7 @@ function Kanban({ announcement, children, className, ...props }) {
   ] });
 }
 function KanbanColumn({ title, count, children, className, ...props }) {
-  const headId = (0, import_react37.useId)();
+  const headId = (0, import_react38.useId)();
   const hasHead = title != null || count != null;
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
     hasHead && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-kanban__head", id: headId, children: [
@@ -3335,7 +3379,7 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
 }
 
 // src/components/Tree.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/tree-model.ts
 function flattenTree(nodes, expanded, level = 1) {
@@ -3395,7 +3439,7 @@ function treeNav(flat, currentId, key) {
 // src/components/Tree.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M2 4l4 4 4-4" }) });
-function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle, onSelect, onFocusNode, level = 1 }) {
+function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle, onSelect, onFocusNode, level = 1, rowToggles = true }) {
   const hasChildren = Array.isArray(node.children) && node.children.length > 0;
   const isExpanded = expanded.has(node.id);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
@@ -3413,13 +3457,32 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
       },
       onClick: (e) => {
         e.stopPropagation();
-        if (hasChildren) onToggle(node.id);
+        if (hasChildren && rowToggles) onToggle(node.id);
         onSelect?.(node.id);
         onFocusNode(node.id);
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "uix-tree__row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__toggle", children: hasChildren && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {}) }),
+          hasChildren ? (
+            // TENSOR RX-125 (UIX-09): the chevron is its own pointer target, so a
+            // branch can be expanded without selecting it. Keyboard users toggle with
+            // the arrow keys on the treeitem, so it stays out of the tab order.
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              "button",
+              {
+                type: "button",
+                tabIndex: -1,
+                "aria-hidden": "true",
+                className: "uix-tree__toggle",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onToggle(node.id);
+                  onFocusNode(node.id);
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {})
+              }
+            )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__toggle" }),
           node.icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "aria-hidden": "true", children: node.icon }),
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__label", children: node.label })
         ] }),
@@ -3434,7 +3497,8 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
             onToggle,
             onSelect,
             onFocusNode,
-            level: level + 1
+            level: level + 1,
+            rowToggles
           },
           child.id
         )) })
@@ -3452,15 +3516,17 @@ function Tree({
   virtualize,
   rowHeight = 32,
   maxHeight = 384,
+  toggleOnRowClick,
   className,
   ...props
 }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react38.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
+  const [internalExpanded, setInternalExpanded] = (0, import_react39.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
   const expanded = controlledExpanded ?? internalExpanded;
-  const rootRef = (0, import_react38.useRef)(null);
-  const [focusedId, setFocusedId] = (0, import_react38.useState)(void 0);
+  const rootRef = (0, import_react39.useRef)(null);
+  const [focusedId, setFocusedId] = (0, import_react39.useState)(void 0);
   const selectable = selected !== void 0 || onSelect != null;
-  const handleToggle = (0, import_react38.useCallback)((id) => {
+  const rowToggles = toggleOnRowClick ?? !selectable;
+  const handleToggle = (0, import_react39.useCallback)((id) => {
     if (!controlledExpanded) {
       setInternalExpanded((prev) => {
         const next = new Set(prev);
@@ -3471,7 +3537,7 @@ function Tree({
     }
     onToggle?.(id);
   }, [controlledExpanded, onToggle]);
-  const flat = (0, import_react38.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
+  const flat = (0, import_react39.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
   const useVirtual = virtualize ?? shouldVirtualize(flat.length);
   const tabbableId = focusedId ?? selected ?? nodes[0]?.id;
   if (useVirtual) {
@@ -3488,6 +3554,7 @@ function Tree({
         onSelect,
         focusedId,
         setFocusedId,
+        rowToggles,
         className,
         ...props
       }
@@ -3563,7 +3630,8 @@ function Tree({
       onToggle: handleToggle,
       onSelect,
       onFocusNode: setFocusedId,
-      level: 1
+      level: 1,
+      rowToggles
     },
     node.id
   )) });
@@ -3579,17 +3647,18 @@ function VirtualTreeView({
   onSelect,
   focusedId,
   setFocusedId,
+  rowToggles,
   className,
   ...props
 }) {
-  const scrollRef = (0, import_react38.useRef)(null);
-  const [scrollTop, setScrollTop] = (0, import_react38.useState)(0);
-  const pendingFocus = (0, import_react38.useRef)(false);
-  const hadFocus = (0, import_react38.useRef)(false);
+  const scrollRef = (0, import_react39.useRef)(null);
+  const [scrollTop, setScrollTop] = (0, import_react39.useState)(0);
+  const pendingFocus = (0, import_react39.useRef)(false);
+  const hadFocus = (0, import_react39.useRef)(false);
   const win = virtualWindow(scrollTop, maxHeight, rowHeight, flat.length);
   const rows = flat.slice(win.start, win.end);
   const windowHasTabbable = tabbableId != null && rows.some((f) => f.node.id === tabbableId);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!pendingFocus.current || focusedId == null) return;
     const el = scrollRef.current?.querySelector(`[role="treeitem"][data-id="${CSS.escape(focusedId)}"]`);
     if (el) {
@@ -3597,7 +3666,7 @@ function VirtualTreeView({
       pendingFocus.current = false;
     }
   }, [focusedId, win.start, win.end]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!hadFocus.current || pendingFocus.current) return;
     const active = document.activeElement;
     if (active === document.body || active == null) scrollRef.current?.focus({ preventScroll: true });
@@ -3652,7 +3721,10 @@ function VirtualTreeView({
       children: [
         win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padTop } }),
         rows.map((f, i) => {
-          const rowStyle = { height: rowHeight, paddingLeft: `calc(${f.level - 1} * var(--uix-space-5))` };
+          const rowStyle = {
+            height: rowHeight,
+            paddingLeft: `calc(${Math.min(f.level - 1, 4)} * var(--uix-space-5) + ${Math.max(0, f.level - 5)} * var(--uix-space-1))`
+          };
           return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "li",
             {
@@ -3670,12 +3742,31 @@ function VirtualTreeView({
               },
               onClick: (e) => {
                 e.stopPropagation();
-                if (f.hasChildren) onToggle(f.node.id);
+                if (f.hasChildren && rowToggles) onToggle(f.node.id);
                 onSelect?.(f.node.id);
                 setFocusedId(f.node.id);
               },
               children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__toggle", children: f.hasChildren && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {}) }),
+                f.hasChildren ? (
+                  // TENSOR RX-125 (UIX-09): the chevron is its own pointer target, so a
+                  // branch can be expanded without selecting it. Keyboard users toggle with
+                  // the arrow keys on the treeitem, so it stays out of the tab order.
+                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      tabIndex: -1,
+                      "aria-hidden": "true",
+                      className: "uix-tree__toggle",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onToggle(f.node.id);
+                        setFocusedId(f.node.id);
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {})
+                    }
+                  )
+                ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__toggle" }),
                 f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
                 /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-tree__label", children: f.node.label })
               ] })
@@ -3950,8 +4041,47 @@ function summarizeRule(value, labels = {}) {
   return `When ${formatGroup(value.when) || "no conditions"}, then ${actions || "no actions"}.`;
 }
 
+// src/fill-label.ts
+function fillLabel(template, values) {
+  return template.replace(
+    /\{(\w+)\}/g,
+    (match, key) => Object.prototype.hasOwnProperty.call(values, key) ? String(values[key]) : match
+  );
+}
+
 // src/components/RuleBuilder.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
+var 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"
+};
 var ruleId = 0;
 var nextId = (prefix) => `${prefix}-${Date.now().toString(36)}-${(++ruleId).toString(36)}`;
 function defaultCondition(fields, operators) {
@@ -3969,27 +4099,28 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
   }, maxDepth));
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: depth === 1 ? "When" : "Group" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
       /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { children: [
-        "Match",
+        labels.match,
         /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)("option", { value: "and", children: "all (AND)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "or", children: "any (OR)" })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "and", children: labels.all }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "or", children: labels.any })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-rule-builder__nested", children: [
       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels } }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)(
       ConditionRow,
       {
+        labels,
         condition: node,
         fields,
         operators,
         disabled,
         onChange: (condition) => updateNode(node.id, () => condition),
-        controls: /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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
     )) }),
@@ -3999,7 +4130,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);
@@ -4010,22 +4141,22 @@ function ConditionRow({ condition, fields, operators, disabled, onChange, contro
   };
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-rule-builder__condition", children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-visually-hidden", children: "Field" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-visually-hidden", children: "Operator" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": `Remove ${label}`, children: "Remove" })
+    /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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({
@@ -4038,38 +4169,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__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": "Rule summary", children: [
+  if (readOnly) return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: summarizeRule(value, { fields: fieldLabels, operators: operatorLabels, actions: actionLabels }) }),
-    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: "uix-rule-builder__invalid", children: [
-      "Rule has ",
-      issues.length,
-      " validation issue",
-      issues.length === 1 ? "" : "s",
-      "."
-    ] })
+    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
   ] });
   const updateActions = (next) => onChange({ ...value, then: next });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-rule-builder", className), "aria-label": "Rule builder", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-rule-builder", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RuleGroupEditor, { group: value.when, depth: 1, root: value.when, fields, operators, maxDepth, disabled: readOnly, onRootChange: (when) => onChange({ ...value, when }), labels }),
     /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("legend", { children: "Then" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("legend", { children: labels.then }),
       value.then.map((action, index) => {
         const definition = actions.find((item) => item.id === action.type);
         return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-rule-builder__action", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)(
             RowControls,
             {
-              label: "action",
+              labels,
+              label: labels.itemAction,
               first: index === 0,
               last: index === value.then.length - 1,
               disabled: false,
@@ -4088,22 +4223,40 @@ function RuleBuilder({
           )
         ] }, action.id);
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.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__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: "Rule is valid." }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("strong", { children: [
-        issues.length,
-        " validation issue",
-        issues.length === 1 ? "" : "s"
-      ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
       /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 
 // src/components/BuilderCanvas.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
+var DEFAULT_BUILDER_CANVAS_LABELS = {
+  region: "Builder canvas",
+  palette: "Item palette",
+  paletteHeading: "Palette",
+  paletteEmpty: "No item types available.",
+  add: "Add",
+  addFirst: "Add {label}",
+  canvasHeading: "Canvas",
+  loading: "Loading canvas\u2026",
+  retry: "Try again",
+  moveUp: "Up",
+  moveUpNamed: "Move {label} up",
+  moveDown: "Down",
+  moveDownNamed: "Move {label} down",
+  remove: "Remove",
+  removeNamed: "Remove {label}",
+  properties: "Item properties",
+  propertiesHeading: "Properties",
+  propertiesEmpty: "Select a canvas item to edit its properties.",
+  type: "Type",
+  label: "Label"
+};
 function BuilderCanvas({
   items,
   onItemsChange,
@@ -4116,15 +4269,17 @@ function BuilderCanvas({
   error,
   onRetry,
   emptyMessage = "Add an item from the palette to begin.",
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const [internalSelectedId, setInternalSelectedId] = (0, import_react39.useState)();
-  const [draggedId, setDraggedId] = (0, import_react39.useState)();
-  const propertyHeadingRef = (0, import_react39.useRef)(null);
-  const shouldFocusProperties = (0, import_react39.useRef)(false);
+  const labels = { ...DEFAULT_BUILDER_CANVAS_LABELS, ...labelOverrides };
+  const [internalSelectedId, setInternalSelectedId] = (0, import_react40.useState)();
+  const [draggedId, setDraggedId] = (0, import_react40.useState)();
+  const propertyHeadingRef = (0, import_react40.useRef)(null);
+  const shouldFocusProperties = (0, import_react40.useRef)(false);
   const selectedId = controlledSelectedId ?? internalSelectedId;
   const selected = items.find((item) => item.id === selectedId);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (shouldFocusProperties.current && selected) {
       propertyHeadingRef.current?.focus();
       shouldFocusProperties.current = false;
@@ -4158,26 +4313,23 @@ function BuilderCanvas({
     if (from >= 0 && to >= 0) onItemsChange(reorder(items, from, to));
     setDraggedId(void 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": "Builder canvas", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": "Item palette", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { children: "Palette" }),
-      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: "No item types available." }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("button", { type: "button", onClick: () => add(item), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { children: labels.paletteHeading }),
+      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("button", { type: "button", onClick: () => add(item), children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("strong", { children: item.label }),
         item.description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: item.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": "true", children: "Add" })
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { "aria-hidden": "true", children: labels.add })
       ] }) }, item.id)) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { children: "Canvas" }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: "Loading canvas\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { children: labels.canvasHeading }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: error }),
-        onRetry && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
       ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-builder-canvas__state", children: [
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: emptyMessage }),
-        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: [
-          "Add ",
-          palette[0].label
-        ] })
+        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: fillLabel(labels.addFirst, { label: palette[0].label }) })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "li",
         {
@@ -4193,21 +4345,21 @@ function BuilderCanvas({
               item.description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: item.description })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": `Move ${item.label} up`, children: "Up" }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": `Move ${item.label} down`, children: "Down" }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": `Remove ${item.label}`, children: "Remove" })
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": fillLabel(labels.moveUpNamed, { label: item.label }), children: labels.moveUp }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": fillLabel(labels.moveDownNamed, { label: item.label }), children: labels.moveDown }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": fillLabel(labels.removeNamed, { label: item.label }), children: labels.remove })
             ] })
           ]
         },
         item.id
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": "Item properties", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: "Properties" }),
-      !selected ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: "Select a canvas item to edit its properties." }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("dl", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dt", { children: "Type" }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
+      !selected ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dt", { children: labels.type }),
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dd", { children: selected.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dt", { children: "Label" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dt", { children: labels.label }),
         /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dd", { children: selected.label })
       ] })
     ] })
@@ -4215,7 +4367,7 @@ function BuilderCanvas({
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -4297,7 +4449,23 @@ function isDateUnavailable(date, options) {
 
 // src/components/SchedulingCalendar.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var stateLabel = { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" };
+var 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" }
+};
 var stateTone = (state) => state === "scheduled" ? "info" : state === "in-progress" ? "success" : "danger";
 var dateLabel = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 var EMPTY_OVERLAYS = [];
@@ -4316,21 +4484,29 @@ function SchedulingCalendar({
   loading,
   error,
   onRetry,
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const [internalView, setInternalView] = (0, import_react40.useState)("month");
+  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] = (0, import_react41.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react40.useState)(anchorDate);
-  const gridRef = (0, import_react40.useRef)(null);
-  const visibleEntries = (0, import_react40.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const entrySpans = (0, import_react40.useMemo)(() => new Map(visibleEntries.map((entry) => [entry.id, zonedDateSpan(entry.start, entry.end, timeZone)])), [visibleEntries, timeZone]);
-  const overlaySpans = (0, import_react40.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, { start: overlay.start.slice(0, 10), end: overlay.end.slice(0, 10) }])), [overlays]);
-  const monthDays = (0, import_react40.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate)), [anchorDate]);
+  const [activeDate, setActiveDate] = (0, import_react41.useState)(anchorDate);
+  const gridRef = (0, import_react41.useRef)(null);
+  const visibleEntries = (0, import_react41.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const entrySpans = (0, import_react41.useMemo)(() => new Map(visibleEntries.map((entry) => [entry.id, zonedDateSpan(entry.start, entry.end, timeZone)])), [visibleEntries, timeZone]);
+  const overlaySpans = (0, import_react41.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, { start: overlay.start.slice(0, 10), end: overlay.end.slice(0, 10) }])), [overlays]);
+  const monthDays = (0, import_react41.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate)), [anchorDate]);
   const weekday = ((/* @__PURE__ */ new Date(`${anchorDate}T00:00:00Z`)).getUTCDay() + 6) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react40.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react40.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : weekDays, [view, monthDays, weekDays]);
-  (0, import_react40.useEffect)(() => {
+  const weekDays = (0, import_react41.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react41.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : weekDays, [view, monthDays, weekDays]);
+  (0, import_react41.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
@@ -4364,22 +4540,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__ */ (0, import_jsx_runtime62.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": `Scheduling calendar in ${timeZone}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: "Previous" }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: "Next" })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: labels.previous }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: labels.next })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": "Calendar view", children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: "Loading schedule\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
       /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
-    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": "Schedule agenda", children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: "No scheduled entries match the current filters." }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const state = entry.state ?? "scheduled";
       return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("button", { type: "button", onClick: () => onSelectEntry?.(entry), children: [
         /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
@@ -4393,7 +4566,7 @@ function SchedulingCalendar({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusPill, { tone: stateTone(state), children: stateLabel[state] })
       ] }) }, entry.id);
-    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
@@ -4402,22 +4575,38 @@ function SchedulingCalendar({
         /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__entries", children: dayEntries.map((entry) => {
           const span = entrySpans.get(entry.id);
           const state = entry.state ?? "scheduled";
-          return /* @__PURE__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.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__ */ (0, import_jsx_runtime62.jsx)("span", { children: renderEntry?.(entry) ?? entry.title }),
             /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uix-visually-hidden", children: stateLabel[state] })
           ] }, entry.id);
         }) })
       ] }, date);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__legend", "aria-label": "Schedule state legend", children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)) })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__legend", "aria-label": labels.legend, children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)) })
   ] });
 }
 
 // src/components/DateRangePicker.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
+var 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"
+};
 var monthLabel = (date, locale) => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 var dateLabel2 = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
+var 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,
@@ -4432,27 +4621,30 @@ function DateRangePicker({
   invalid,
   invalidMessage = "The selected date range is invalid.",
   disabled,
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const id = (0, import_react41.useId)();
-  const [internalMonth, setInternalMonth] = (0, import_react41.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const id = (0, import_react42.useId)();
+  const labels = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...labelOverrides };
+  const weekdays = (0, import_react42.useMemo)(() => weekdayNames(locale), [locale]);
+  const [internalMonth, setInternalMonth] = (0, import_react42.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react41.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react41.useRef)(null);
-  const pendingFocus = (0, import_react41.useRef)(false);
+  const [activeDate, setActiveDate] = (0, import_react42.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react42.useRef)(null);
+  const pendingFocus = (0, import_react42.useRef)(false);
   const count = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react41.useMemo)(() => Array.from({ length: count }, (_, index) => {
+  const calendars = (0, import_react42.useMemo)(() => Array.from({ length: count }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count]);
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const first = calendars[0]?.days[0]?.date;
     const finalDays = calendars[calendars.length - 1]?.days;
     const last = finalDays?.[finalDays.length - 1]?.date;
     if (first && last && (activeDate < first || activeDate > last)) setActiveDate(first);
   }, [activeDate, calendars]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus();
     pendingFocus.current = false;
@@ -4489,18 +4681,18 @@ function DateRangePicker({
       focusDate(addCalendarMonths(date, event.key === "PageUp" ? -1 : 1));
     }
   };
-  const announcement = !value.start ? "No date range selected." : !value.end ? `Start date ${dateLabel2(value.start, locale)} selected. Choose an end date.` : `${dateLabel2(value.start, locale)} to ${dateLabel2(value.end, locale)} selected.`;
+  const announcement = !value.start ? labels.noneSelected : !value.end ? labels.startSelected.replace("{start}", dateLabel2(value.start, locale)) : labels.rangeSelected.replace("{start}", dateLabel2(value.start, locale)).replace("{end}", dateLabel2(value.end, locale));
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-date-range-picker__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h3", { id: `${id}-label`, children: label }),
       /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.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__ */ (0, import_jsx_runtime63.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__ */ (0, import_jsx_runtime63.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__ */ (0, import_jsx_runtime63.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__ */ (0, import_jsx_runtime63.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-date-range-picker__month", children: [
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h4", { children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((day) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: day }, day)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: day }, index)) }),
       /* @__PURE__ */ (0, import_jsx_runtime63.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__ */ (0, import_jsx_runtime63.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
         days.map((day) => {
@@ -4514,7 +4706,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": `${dateLabel2(day.date, locale)}${edge ? `, ${edge} of selected range` : isDateInRange(day.date, value) ? ", in selected range" : ""}`,
+              "aria-label": `${dateLabel2(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),
@@ -4533,7 +4725,7 @@ function DateRangePicker({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -5014,7 +5206,7 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/components/RelationshipGraphList.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -5101,11 +5293,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react42.useId)();
-  const bounded = (0, import_react42.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react42.useState)(EMPTY_IDS);
+  const hintId = (0, import_react43.useId)();
+  const bounded = (0, import_react43.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react43.useState)(EMPTY_IDS);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react42.useMemo)(
+  const layout = (0, import_react43.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -5114,29 +5306,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react42.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react42.useRef)(null);
-  const itemRefs = (0, import_react42.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react42.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react42.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react42.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react42.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react42.useState)(void 0);
-  const viewRef = (0, import_react42.useRef)(view);
+  const itemById = (0, import_react43.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react43.useRef)(null);
+  const itemRefs = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react43.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react43.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react43.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react43.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react43.useState)(void 0);
+  const viewRef = (0, import_react43.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react42.useRef)(layout);
+  const layoutRef = (0, import_react43.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react42.useRef)(void 0);
-  const initialisedFor = (0, import_react42.useRef)(void 0);
+  const pendingFocus = (0, import_react43.useRef)(void 0);
+  const initialisedFor = (0, import_react43.useRef)(void 0);
   const rootItemId = layout.rootId !== void 0 ? layout.itemOf[layout.rootId] : layout.items[0]?.id;
   const requestedFocus = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : localFocus;
   const focusedId = requestedFocus !== void 0 && itemById.has(requestedFocus) ? requestedFocus : rootItemId;
   const selectedItemId = selectedId !== void 0 ? layout.itemOf[selectedId] : void 0;
-  const activeIds = (0, import_react42.useMemo)(
+  const activeIds = (0, import_react43.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -5146,18 +5338,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (size.width === 0) return;
     const key = `${layout.rootId ?? ""}`;
     if (initialisedFor.current === key) return;
     initialisedFor.current = key;
     setView(initialView(layout, size));
   }, [layout, size]);
-  const moveView = (0, import_react42.useCallback)((next, smooth) => {
+  const moveView = (0, import_react43.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react42.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react43.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -5176,7 +5368,7 @@ function LayeredRelationshipGraph({
     else if (bottom > heightPx - FOCUS_MARGIN) nextY -= bottom - (heightPx - FOCUS_MARGIN);
     if (nextX !== x || nextY !== y) moveView({ x: nextX, y: nextY, zoom }, smooth);
   }, [moveView]);
-  const focusItem = (0, import_react42.useCallback)((id) => {
+  const focusItem = (0, import_react43.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -5184,7 +5376,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -5194,8 +5386,8 @@ function LayeredRelationshipGraph({
   const controlledTarget = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : void 0;
   const controlledPresent = controlledTarget !== void 0 && itemById.has(controlledTarget);
   const controlledKey = `${controlledTarget ?? ""}|${controlledPresent}`;
-  const lastControlledKey = (0, import_react42.useRef)(controlledKey);
-  (0, import_react42.useEffect)(() => {
+  const lastControlledKey = (0, import_react43.useRef)(controlledKey);
+  (0, import_react43.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -5204,7 +5396,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -5222,8 +5414,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react42.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react42.useRef)(void 0);
+  const pointers = (0, import_react43.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react43.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -5524,7 +5716,7 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react43.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  const labels = (0, import_react44.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
   const stateClass = cx("uix-relationship-graph uix-relationship-graph--state", props.className);
   if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
@@ -5558,13 +5750,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react43.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react43.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const positionedById = (0, import_react43.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react43.useState)(1);
-  const [pan, setPan] = (0, import_react43.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react43.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react43.useRef)(null);
+  const bounded = (0, import_react44.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react44.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react44.useMemo)(
+    () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
+    [legend]
+  );
+  const positionedById = (0, import_react44.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react44.useState)(1);
+  const [pan, setPan] = (0, import_react44.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react44.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react44.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -5603,7 +5799,7 @@ function RadialRelationshipGraph({
       bounded.edges.map((edge) => {
         const source = positionedById.get(edge.source);
         const target = positionedById.get(edge.target);
-        return /* @__PURE__ */ (0, import_jsx_runtime66.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__ */ (0, import_jsx_runtime66.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.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__ */ (0, import_jsx_runtime66.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
       positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
         "g",
@@ -5629,14 +5825,55 @@ function RadialRelationshipGraph({
         node.id
       ))
     ] }) }) }),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { "data-type": item.id, children: item.label }, item.id)) }),
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { "data-type": item.id, style: { "--uix-graph-type-color": typeColor.get(item.id) }, children: item.label }, item.id)) }),
     showList && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
+var 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."
+};
 var valueText = (value) => value == null ? "\u2014" : typeof value === "string" ? value : JSON.stringify(value);
 function MatchReview({
   incoming,
@@ -5650,13 +5887,18 @@ function MatchReview({
   loading,
   error,
   onRetry,
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const [internalSelection, setInternalSelection] = (0, import_react44.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react44.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react44.useState)(false);
+  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] = (0, import_react45.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react45.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react45.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react44.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react45.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -5671,67 +5913,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__ */ (0, import_jsx_runtime67.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: "Loading match candidates\u2026" });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
   if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: "No candidate matches found." }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: "Choose another record source or continue without a match." })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": "Match review", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-match-review__summary", children: [
       /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { children: [
-          pending.length,
-          " pending of ",
-          candidates.length
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": "Bulk candidate actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { children: [
-        selection.size,
-        " selected"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.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__ */ (0, import_jsx_runtime67.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__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.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__ */ (0, import_jsx_runtime67.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__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { className: "uix-visually-hidden", children: "Candidate matches and available decisions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-visually-hidden", children: "Select" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: "Confidence" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: labels.confidence }),
         fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: "Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: "Actions" })
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
         return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": `Select candidate ${candidate.id}` }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? "Not scored" : `${Math.round(candidate.confidence * 100)}%` }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": fillLabel(labels.selectCandidate, { id: candidate.id }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? labels.notScored : `${Math.round(candidate.confidence * 100)}%` }) }),
           fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ?? "Resolved" : "Pending" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "button",
             {
@@ -5739,7 +5975,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
           )) }) })
@@ -5751,7 +5987,7 @@ function MatchReview({
 }
 
 // src/components/MetricInput.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -5795,11 +6031,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react45.useId)();
+  const generatedId = (0, import_react46.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react45.useState)(() => format(value));
-  (0, import_react45.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react46.useState)(() => format(value));
+  (0, import_react46.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -5908,7 +6144,7 @@ function LicensePositionBar({
 }
 
 // src/components/BrandProfiles.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -5977,8 +6213,24 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
+var DEFAULT_COLOR_PICKER_LABELS = {
+  trigger: "{label}: {color}",
+  sample: "Aa",
+  hue: "Hue",
+  saturation: "Saturation",
+  brightness: "Brightness",
+  hex: "Hex",
+  set: "Set",
+  presets: "Presets",
+  recent: "Recent",
+  usePreset: "Use preset {color}",
+  useRecent: "Use recent color {color}",
+  contrastPasses: "Contrast {ratio}:1 \u2014 passes WCAG AA ({minimum}:1)",
+  contrastFails: "Contrast {ratio}:1 \u2014 does not meet WCAG AA ({minimum}:1)",
+  done: "Done"
+};
 var EMPTY_COLORS = [];
 function ColorPicker({
   value,
@@ -5989,19 +6241,21 @@ function ColorPicker({
   minimumContrast = 4.5,
   label = "Choose color",
   disabled,
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const id = (0, import_react46.useId)();
-  const triggerRef = (0, import_react46.useRef)(null);
-  const dialogRef = (0, import_react46.useRef)(null);
-  const [open, setOpen] = (0, import_react46.useState)(false);
+  const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
+  const id = (0, import_react47.useId)();
+  const triggerRef = (0, import_react47.useRef)(null);
+  const dialogRef = (0, import_react47.useRef)(null);
+  const [open, setOpen] = (0, import_react47.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react46.useState)(normalized);
-  const hsv = (0, import_react46.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react47.useState)(normalized);
+  const hsv = (0, import_react47.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react46.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react47.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -6051,7 +6305,7 @@ function ColorPicker({
         ref: triggerRef,
         type: "button",
         className: "uix-color-picker__trigger",
-        "aria-label": `${label}: ${normalized}`,
+        "aria-label": fillLabel(labels.trigger, { label, color: normalized }),
         "aria-expanded": open,
         "aria-controls": `${id}-dialog`,
         onClick: () => setOpen((current) => !current),
@@ -6073,9 +6327,10 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { style: { color: foreground }, children: "Aa" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
           /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "uix-color-picker__range", children: [
-            "Hue ",
+            labels.hue,
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
@@ -6083,7 +6338,8 @@ function ColorPicker({
             /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("input", { type: "range", min: "0", max: "359", value: Math.round(hsv.h), onChange: (event) => updateHsv({ h: Number(event.currentTarget.value) }) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "uix-color-picker__range", children: [
-            "Saturation ",
+            labels.saturation,
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
@@ -6091,7 +6347,8 @@ function ColorPicker({
             /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.s * 100), onChange: (event) => updateHsv({ s: Number(event.currentTarget.value) / 100 }) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "uix-color-picker__range", children: [
-            "Brightness ",
+            labels.brightness,
+            " ",
             /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
@@ -6099,31 +6356,26 @@ function ColorPicker({
             /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.v * 100), onChange: (event) => updateHsv({ v: Number(event.currentTarget.value) / 100 }) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "uix-color-picker__hex", children: [
-            "Hex",
+            labels.hex,
             /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
               /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
                 if (event.key === "Enter") commitHex();
               }, "aria-invalid": !normalizeHex(hexText) }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: "Set" })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: labels.set })
             ] })
           ] }),
           (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "uix-color-picker__palettes", children: [
             presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("legend", { children: "Presets" }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use preset ${color}` }, color)) })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.usePreset, { color }) }, color)) })
             ] }),
             recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("legend", { children: "Recent" }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use recent color ${color}` }, color)) })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": fillLabel(labels.useRecent, { color }) }, color)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: [
-            "Contrast ",
-            ratio.toFixed(2),
-            ":1 \u2014 ",
-            passes ? `passes WCAG AA (${minimumContrast}:1)` : `does not meet WCAG AA (${minimumContrast}:1)`
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: "Done" })
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: fillLabel(passes ? labels.contrastPasses : labels.contrastFails, { ratio: ratio.toFixed(2), minimum: minimumContrast }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -6189,6 +6441,27 @@ function restoreBrandProfile(snapshot, target) {
   if (snapshot.logoAlt) element.dataset.uixBrandLogoAlt = snapshot.logoAlt;
   else delete element.dataset.uixBrandLogoAlt;
 }
+var DEFAULT_BRAND_PROFILE_EDITOR_LABELS = {
+  region: "Brand profile editor",
+  profile: "Profile",
+  name: "Name",
+  brand: "Brand",
+  brandColor: "Brand color",
+  onBrand: "On brand",
+  onBrandColor: "Brand foreground color",
+  bodyFont: "Body font",
+  headingFont: "Heading font",
+  logoFile: "Logo file",
+  apply: "Apply profile",
+  applied: "{name} applied.",
+  preview: "Live preview of {name}",
+  logoPlaceholder: "Logo",
+  previewTitleFallback: "Brand preview",
+  previewHeading: "Readable, serializable branding",
+  previewBody: "Accent, links, rings, and muted states continue through the existing UIx token chain.",
+  previewPrimary: "Primary action",
+  previewLink: "Preview link"
+};
 function BrandProfileEditor({
   value,
   onChange,
@@ -6198,14 +6471,16 @@ function BrandProfileEditor({
   applyTarget,
   onLogoFile,
   colorPresets = EMPTY_COLORS2,
-  className
+  className,
+  labels: labelOverrides
 }) {
-  const [announcement, setAnnouncement] = (0, import_react47.useState)("");
+  const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
+  const [announcement, setAnnouncement] = (0, import_react48.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
     onApply?.(value);
-    setAnnouncement(`${value.name} applied.`);
+    setAnnouncement(fillLabel(labels.applied, { name: value.name }));
   };
   const onFile = (event) => {
     const file = event.currentTarget.files?.[0];
@@ -6217,54 +6492,54 @@ function BrandProfileEditor({
     ...value.typography?.sans ? { "--uix-font-sans": value.typography.sans } : {},
     ...value.typography?.heading ? { "--uix-font-heading": value.typography.heading } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": "Brand profile editor", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
     /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__form", children: [
       profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-field__label", children: [
-        "Profile",
+        labels.profile,
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
           const selected = profiles.find((profile) => profile.id === event.currentTarget.value);
           if (selected) onSelectProfile?.(selected);
         }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-field__label", children: [
-        "Name",
+        labels.name,
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
         /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { children: [
-          "Brand",
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ColorPicker, { label: "Brand color", value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          labels.brand,
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { children: [
-          "On brand",
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ColorPicker, { label: "Brand foreground color", value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          labels.onBrand,
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-field__label", children: [
-        "Body font",
+        labels.bodyFont,
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { className: "uix-input", value: value.typography?.sans ?? "", onChange: (event) => update({ typography: { ...value.typography, sans: event.currentTarget.value || void 0 } }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-field__label", children: [
-        "Heading font",
+        labels.headingFont,
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { className: "uix-input", value: value.typography?.heading ?? "", onChange: (event) => update({ typography: { ...value.typography, heading: event.currentTarget.value || void 0 } }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
-        "Logo file",
+        labels.logoFile,
         /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: "Apply profile" }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": `Live preview of ${value.name}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: "Logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("strong", { children: value.name || "Brand preview" })
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("strong", { children: value.name || labels.previewTitleFallback })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h3", { children: "Readable, serializable branding" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { children: "Accent, links, rings, and muted states continue through the existing UIx token chain." }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: "Primary action" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("a", { href: "#brand-profile-preview", children: "Preview link" })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -6272,7 +6547,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -6324,14 +6599,33 @@ function summarizeDiff(entries, resolutions = {}) {
 
 // src/components/DiffViewer.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
-var GROUPS = [
-  { kind: "conflicted", label: "Conflicted" },
-  { kind: "changed", label: "Changed" },
-  { kind: "added", label: "Added" },
-  { kind: "removed", label: "Removed" }
-];
-var DEFAULT_LABELS = {};
-var renderValue = (value) => value === void 0 ? "Not present" : JSON.stringify(value, null, 2);
+var 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."
+};
+var GROUPS = ["conflicted", "changed", "added", "removed"];
+var renderValue = (value, notPresent) => value === void 0 ? notPresent : JSON.stringify(value, null, 2);
 function DiffViewer({
   base,
   current,
@@ -6339,44 +6633,48 @@ function DiffViewer({
   entries: providedEntries,
   resolutions: controlledResolutions,
   onResolutionChange,
-  labels = DEFAULT_LABELS,
+  labels: labelOverrides,
   className
 }) {
-  const id = (0, import_react48.useId)();
-  const entries = (0, import_react48.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react48.useState)({});
+  const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
+  const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
+  const id = (0, import_react49.useId)();
+  const entries = (0, import_react49.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react49.useState)({});
   const resolutions = controlledResolutions ?? internalResolutions;
   const summary = summarizeDiff(entries, resolutions);
   const resolve2 = (path, resolution) => {
     if (controlledResolutions === void 0) setInternalResolutions((currentState) => ({ ...currentState, [path]: resolution }));
     onResolutionChange?.(path, resolution);
   };
-  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: "No differences" }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: "Base, current, and incoming values are aligned." })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-diff-viewer__summary", "aria-label": "Difference summary", children: [
-      GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("b", { children: summary[group.kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-diff-viewer__summary", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("b", { children: summary[kind] }),
         " ",
-        group.label.toLowerCase()
-      ] }, group.kind)),
+        labels[kind].toLowerCase()
+      ] }, kind)),
       /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("b", { children: summary.resolved }),
-        " resolved"
+        " ",
+        labels.resolved
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime72.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__ */ (0, import_jsx_runtime72.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${group.kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("h3", { id: `${id}-${group.kind}`, children: [
-          group.label,
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("h3", { id: `${id}-${kind}`, children: [
+          labels[kind],
           " ",
           /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: grouped.length })
         ] }),
@@ -6385,27 +6683,22 @@ function DiffViewer({
           return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
             /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("summary", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolution })
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { role: "region", "aria-label": `${labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}`} value for ${entry.path}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("strong", { children: labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("pre", { children: renderValue(entry[version]) })
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-diff-viewer__actions", "aria-label": `Resolve ${entry.path}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve2(entry.path, "accept"), children: "Accept incoming" }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve2(entry.path, "skip"), children: "Keep current" }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve2(entry.path, "pending"), children: "Mark pending" })
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-diff-viewer__actions", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve2(entry.path, "accept"), children: labels.acceptIncoming }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve2(entry.path, "skip"), children: labels.keepCurrent }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve2(entry.path, "pending"), children: labels.markPending })
             ] })
           ] }, entry.path);
         })
-      ] }, group.kind);
+      ] }, kind);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: [
-      summary.resolved,
-      " of ",
-      entries.length,
-      " differences resolved."
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -6441,8 +6734,17 @@ function DiffViewer({
   ContentList,
   ContentListItem,
   CopyButton,
+  DEFAULT_BRAND_PROFILE_EDITOR_LABELS,
+  DEFAULT_BUILDER_CANVAS_LABELS,
+  DEFAULT_COLOR_PICKER_LABELS,
+  DEFAULT_DATE_RANGE_PICKER_LABELS,
+  DEFAULT_DIFF_VIEWER_LABELS,
+  DEFAULT_MATCH_REVIEW_LABELS,
+  DEFAULT_PAGINATION_LABELS,
   DEFAULT_RELATIONSHIP_GRAPH_LABELS,
+  DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS,
+  DEFAULT_SCHEDULING_CALENDAR_LABELS,
   DateRangePicker,
   DescriptionItem,
   DescriptionList,