@tensor_1/react 2.22.0 → 2.24.0

package/dist/index.cjs

@@ -2932,81 +2932,543 @@ function SegmentedOption({
 }
 
 // src/components/TableControls.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
+
+// src/components/EditorIcons.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-function ViewMenu({ density, densityLabel, densityOptions, onDensityChange, zebra, freeze, columns, columnsLabel, onColumnVisibilityChange }) {
-  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 }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Segmented, { value: density, onChange: onDensityChange, "aria-labelledby": densityLabelId, children: densityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SegmentedOption, { value: option.value, children: option.label }, option.value)) })
+var PATHS = {
+  heading1: "M4 12h8M4 18V6M12 18V6M17 12l3-2v8",
+  heading2: "M4 12h8M4 18V6M12 18V6M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1",
+  heading3: "M4 12h8M4 18V6M12 18V6M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2",
+  bold: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+  italic: "M19 4h-9M14 20H5M15 4 9 20",
+  strike: "M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16",
+  code: "m16 18 6-6-6-6M8 6l-6 6 6 6",
+  bulletList: "M3 12h.01M3 18h.01M3 6h.01M8 12h13M8 18h13M8 6h13",
+  orderedList: "M10 12h11M10 18h11M10 6h11M4 10h2M4 6h1v4M6 18H4c0-1 2-2 2-3s-1-1.5-2-1",
+  taskList: "m3 17 2 2 4-4M3 7l2 2 4-4M13 6h8M13 12h8M13 18h8",
+  blockquote: "M17 6H3M21 12H8M21 18H8M3 12v6",
+  codeBlock: "m10 9-3 3 3 3M14 15l3-3-3-3M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z",
+  horizontalRule: "M5 12h14",
+  link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+  table: "M12 3v18M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM3 9h18M3 15h18",
+  tableAddRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM12 15v6M9 18h6",
+  tableAddColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM18 9v6M15 12h6",
+  tableDeleteRow: "M4 3h16a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM9 18h6",
+  tableDeleteColumn: "M4 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1ZM15 12h6",
+  trash: "M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
+  image: "M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2ZM9 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM21 15l-3.09-3.09a2 2 0 0 0-2.82 0L6 21",
+  emoji: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
+  addReaction: "M22 11v1a10 10 0 1 1-9-10M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01M16 5h6M19 2v6",
+  undo: "M9 14 4 9l5-5M4 9h10.5a5.5 5.5 0 0 1 0 11H11",
+  redo: "m15 14 5-5-5-5M20 9H9.5a5.5 5.5 0 0 0 0 11H13",
+  sourceMode: "M10 12.5 8 15l2 2.5M14 12.5l2 2.5-2 2.5M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+  richMode: "M14 2v4a2 2 0 0 0 2 2h4M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7ZM8 13h8M8 17h5",
+  clock: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM12 6v6l4 2",
+  grip: "M9 5h.01M9 12h.01M9 19h.01M15 5h.01M15 12h.01M15 19h.01",
+  more: "M5 12h.01M12 12h.01M19 12h.01"
+};
+function EditorIcon({ name, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: PATHS[name] })
+    }
+  );
+}
+
+// src/components/Popover.tsx
+var import_react33 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function Popover({
+  popover = "auto",
+  anchor,
+  placement = "bottom-start",
+  offset = 6,
+  className,
+  children,
+  ...props
+}) {
+  const ref = (0, import_react33.useRef)(null);
+  const [open, setOpen] = (0, import_react33.useState)(false);
+  const popoverAttr = { popover };
+  const reposition = useAnchoredPosition(anchor ?? null, ref, {
+    open: open && !!anchor,
+    placement,
+    offset
+  });
+  (0, import_react33.useEffect)(() => {
+    const el = ref.current;
+    if (!el || !anchor) return;
+    const sync = () => {
+      const isOpen = el.matches(":popover-open");
+      if (isOpen) reposition();
+      setOpen(isOpen);
+    };
+    el.addEventListener("toggle", sync);
+    return () => el.removeEventListener("toggle", sync);
+  }, [anchor, reposition]);
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
+}
+
+// src/components/TableControls.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var VIEW_MENU_COLUMN_LABELS = {
+  rowActions: "Column actions: {label}",
+  reorder: "Drag to reorder: {label}",
+  moveUp: "Move up",
+  moveDown: "Move down",
+  hide: "Hide",
+  show: "Show",
+  required: "Always shown",
+  moved: "{label} moved to position {position} of {count}"
+};
+var fill = (template, values) => template.replace(/\{(\w+)\}/g, (match, name) => name in values ? String(values[name]) : match);
+var columnText = (column) => column.textLabel ?? (typeof column.label === "string" ? column.label : column.id);
+var isPopoverOpen = (el) => {
+  try {
+    return !!el?.matches(":popover-open");
+  } catch {
+    return false;
+  }
+};
+function ColumnRowMenu({ label, actions, triggerRef }) {
+  const [open, setOpen] = (0, import_react34.useState)(false);
+  const menuId = (0, import_react34.useId)();
+  const button = (0, import_react34.useRef)(null);
+  const items = (0, import_react34.useRef)([]);
+  const wasOpenAtPress = (0, import_react34.useRef)(false);
+  const enabled = () => items.current.filter((el) => !!el && !el.disabled);
+  const close = (returnFocus) => {
+    const el = document.getElementById(menuId);
+    if (isPopoverOpen(el)) el.hidePopover();
+    setOpen(false);
+    if (returnFocus) button.current?.focus();
+  };
+  (0, import_react34.useEffect)(() => {
+    if (!open) return;
+    const el = document.getElementById(menuId);
+    if (el && typeof el.showPopover === "function" && !isPopoverOpen(el)) {
+      try {
+        el.showPopover();
+      } catch {
+      }
+    }
+    enabled()[0]?.focus();
+    const onToggle = (event) => {
+      if (event.newState === "closed") setOpen(false);
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      close(true);
+    };
+    el?.addEventListener("toggle", onToggle);
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      el?.removeEventListener("toggle", onToggle);
+      document.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [open, menuId]);
+  const onMenuKeyDown = (event) => {
+    const list = enabled();
+    const at = list.indexOf(document.activeElement);
+    const focus = (index) => {
+      event.preventDefault();
+      list[(index + list.length) % list.length]?.focus();
+    };
+    if (event.key === "ArrowDown") focus(at + 1);
+    else if (event.key === "ArrowUp") focus(at - 1);
+    else if (event.key === "Home") focus(0);
+    else if (event.key === "End") focus(list.length - 1);
+    else if (event.key === "Tab") close(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "uix-view-menu__actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      "button",
+      {
+        ref: (el) => {
+          button.current = el;
+          triggerRef(el);
+        },
+        type: "button",
+        className: "uix-btn uix-btn--ghost uix-btn--sm uix-btn--icon",
+        "aria-label": label,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": open ? menuId : void 0,
+        onPointerDown: () => {
+          wasOpenAtPress.current = isPopoverOpen(document.getElementById(menuId));
+        },
+        onClick: () => {
+          const wasOpen = wasOpenAtPress.current;
+          wasOpenAtPress.current = false;
+          if (wasOpen) return;
+          if (open) close(false);
+          else setOpen(true);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EditorIcon, { name: "more" })
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Popover, { id: menuId, anchor: button, placement: "bottom-end", offset: 4, role: "menu", "aria-label": label, className: "uix-view-menu__row-menu", onKeyDown: onMenuKeyDown, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      "button",
+      {
+        ref: (el) => {
+          items.current[index] = el;
+        },
+        type: "button",
+        role: "menuitem",
+        tabIndex: -1,
+        className: "uix-menu__item",
+        disabled: action.disabled,
+        onClick: () => {
+          close(true);
+          action.onSelect();
+        },
+        children: action.label
+      },
+      action.id
+    )) })
+  ] });
+}
+function ViewMenu({
+  density,
+  densityLabel,
+  densityOptions,
+  onDensityChange,
+  displayLabel,
+  zebra,
+  freeze,
+  columns,
+  columnsLabel,
+  onColumnVisibilityChange,
+  onReorder,
+  columnLabels,
+  footer,
+  className
+}) {
+  const baseId = (0, import_react34.useId)();
+  const densityLabelId = `${baseId}-density`;
+  const zebraLabelId = `${baseId}-zebra`;
+  const freezeLabelId = `${baseId}-freeze`;
+  const columnsLabelId = `${baseId}-columns`;
+  const labels = { ...VIEW_MENU_COLUMN_LABELS, ...columnLabels };
+  const list = columns ?? [];
+  const [draft, setDraft] = (0, import_react34.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react34.useState)("");
+  const dragStart = (0, import_react34.useRef)(null);
+  const listRef = (0, import_react34.useRef)(null);
+  const triggers = (0, import_react34.useRef)(/* @__PURE__ */ new Map());
+  const refocus = (0, import_react34.useRef)(null);
+  const orderKey = JSON.stringify(list.map((column) => column.id));
+  (0, import_react34.useEffect)(() => setDraft(null), [orderKey]);
+  const order = draft ?? list.map((column) => column.id);
+  const byId = new Map(list.map((column) => [column.id, column]));
+  const ordered = order.map((id) => byId.get(id)).filter((column) => !!column);
+  (0, import_react34.useEffect)(() => {
+    const target = refocus.current;
+    refocus.current = null;
+    if (!target) return;
+    const el = target.part === "actions" ? triggers.current.get(target.id) : Array.from(listRef.current?.children ?? []).find((row) => row.dataset.columnId === target.id)?.querySelector(".uix-view-menu__grip");
+    if (el && document.activeElement !== el) el.focus();
+  });
+  const commit = (next, id) => {
+    setDraft(next);
+    onReorder?.([...next]);
+    const column = byId.get(id);
+    if (column) setAnnouncement(fill(labels.moved, { label: columnText(column), position: next.indexOf(id) + 1, count: next.length }));
+  };
+  const move = (id, delta, part) => {
+    const next = placeId(order, id, order.indexOf(id) + delta);
+    if (next === order) return;
+    refocus.current = { id, part };
+    commit(next, id);
+  };
+  const { dragging, start: startDrag } = useRowDrag(".uix-view-menu__col", {
+    over: (id, index) => {
+      const next = placeId(order, id, index);
+      if (next !== order) setDraft(next);
+    },
+    drop: (id) => {
+      const start = dragStart.current;
+      dragStart.current = null;
+      if (start && !sameOrder(start, order)) commit(order, id);
+    }
+  });
+  const rowActions = (column, index) => [
+    { id: "up", label: labels.moveUp, disabled: index === 0, onSelect: () => move(column.id, -1, "actions") },
+    { id: "down", label: labels.moveDown, disabled: index === ordered.length - 1, onSelect: () => move(column.id, 1, "actions") },
+    ...column.required || column.disabled ? [] : [column.visible ? { id: "hide", label: labels.hide, onSelect: () => onColumnVisibilityChange?.(column.id, false) } : { id: "show", label: labels.show, onSelect: () => onColumnVisibilityChange?.(column.id, true) }]
+  ];
+  const showDensity = !!densityOptions?.length && !!onDensityChange;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx("uix-view-menu", className), "data-dragging": dragging ? "" : void 0, children: [
+    showDensity && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-view-menu__group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { id: densityLabelId, className: "uix-view-menu__label", children: densityLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Segmented, { value: density ?? "", onChange: onDensityChange, "aria-labelledby": densityLabelId, children: densityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SegmentedOption, { value: option.value, children: option.label }, option.value)) })
     ] }),
-    (zebra || freeze) && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu__group", children: [
-      zebra && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { id: zebraLabelId, children: zebra.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Switch, { checked: zebra.checked, "aria-labelledby": zebraLabelId, onChange: (event) => zebra.onChange(event.currentTarget.checked) })
+    (zebra || freeze) && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-view-menu__group", children: [
+      displayLabel != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-view-menu__label", children: displayLabel }),
+      zebra && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { id: zebraLabelId, children: zebra.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Switch, { checked: zebra.checked, "aria-labelledby": zebraLabelId, onChange: (event) => zebra.onChange(event.currentTarget.checked) })
       ] }),
-      freeze && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { id: freezeLabelId, children: freeze.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Switch, { checked: freeze.checked, "aria-labelledby": freezeLabelId, onChange: (event) => freeze.onChange(event.currentTarget.checked) })
+      freeze && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { id: freezeLabelId, children: freeze.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Switch, { checked: freeze.checked, "aria-labelledby": freezeLabelId, onChange: (event) => freeze.onChange(event.currentTarget.checked) })
       ] })
     ] }),
-    columns && columns.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-view-menu__group", children: [
-      columnsLabel != null && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uix-view-menu__label", children: columnsLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uix-view-menu__cols", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Checkbox, { label: column.label, checked: column.visible, disabled: column.disabled, onChange: (event) => onColumnVisibilityChange?.(column.id, event.currentTarget.checked) }, column.id)) })
-    ] })
+    ordered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-view-menu__group", children: [
+      columnsLabel != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { id: columnsLabelId, className: "uix-view-menu__label", children: columnsLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { ref: listRef, className: "uix-view-menu__cols", "aria-labelledby": columnsLabel != null ? columnsLabelId : void 0, children: ordered.map((column, index) => {
+        const text = columnText(column);
+        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          "li",
+          {
+            className: "uix-view-menu__col",
+            "data-column-id": column.id,
+            "data-visible": String(column.visible),
+            "data-required": column.required ? "true" : void 0,
+            "data-dragging": dragging === column.id || void 0,
+            children: [
+              onReorder && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "uix-view-menu__grip",
+                  tabIndex: -1,
+                  "aria-label": fill(labels.reorder, { label: text }),
+                  onPointerDown: (event) => {
+                    if (event.button !== 0) return;
+                    event.preventDefault();
+                    event.currentTarget.focus({ preventScroll: true });
+                    dragStart.current = order;
+                    startDrag(event, column.id);
+                  },
+                  onKeyDown: (event) => {
+                    if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+                    event.preventDefault();
+                    move(column.id, event.key === "ArrowUp" ? -1 : 1, "grip");
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EditorIcon, { name: "grip" })
+                }
+              ),
+              column.required ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "uix-view-menu__col-toggle", title: labels.required, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-view-menu__col-box", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-view-menu__col-name", children: column.label })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                Checkbox,
+                {
+                  className: "uix-view-menu__col-toggle",
+                  label: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-view-menu__col-name", children: column.label }),
+                  checked: column.visible,
+                  disabled: column.disabled,
+                  onChange: (event) => onColumnVisibilityChange?.(column.id, event.currentTarget.checked)
+                }
+              ),
+              onReorder && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                ColumnRowMenu,
+                {
+                  label: fill(labels.rowActions, { label: text }),
+                  actions: rowActions(column, index),
+                  triggerRef: (el) => {
+                    if (el) triggers.current.set(column.id, el);
+                    else triggers.current.delete(column.id);
+                  }
+                }
+              )
+            ]
+          },
+          column.id
+        );
+      }) })
+    ] }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-view-menu__footer", children: footer }),
+    onReorder && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement })
   ] });
 }
 function FilterPopover({ label, type = "text", value, onValueChange, options, applyLabel, clearLabel, onApply, onClear, placeholder }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-filter-popover", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "uix-label", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: label }),
-      type === "select" || type === "enum" || type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("select", { className: "uix-select", value, onChange: (event) => onValueChange(event.currentTarget.value), children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("option", { value: option.value, children: option.label }, option.value)) }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Input, { type, value, placeholder, onChange: (event) => onValueChange(event.currentTarget.value) })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-filter-popover", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "uix-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: label }),
+      type === "select" || type === "enum" || type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("select", { className: "uix-select", value, onChange: (event) => onValueChange(event.currentTarget.value), children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: option.value, children: option.label }, option.value)) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Input, { type, value, placeholder, onChange: (event) => onValueChange(event.currentTarget.value) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-filter-popover__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "button", onClick: onClear, children: clearLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "button", variant: "primary", onClick: onApply, children: applyLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-filter-popover__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { type: "button", onClick: onClear, children: clearLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { type: "button", variant: "primary", onClick: onApply, children: applyLabel })
     ] })
   ] });
 }
-function SavedViewMenu({ items, onSelect, onPinChange, pinLabel, unpinLabel, emptyLabel, actions, footer }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("ul", { className: "uix-menu uix-saved-views", children: [
-    items.length === 0 && emptyLabel != null && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { className: "uix-menu__label", children: emptyLabel }),
-    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("li", { className: "uix-saved-views__row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "uix-menu__item", "data-active": item.active || void 0, onClick: () => onSelect(item.id), children: item.label }),
-      onPinChange && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "uix-saved-views__pin", "aria-label": item.pinned ? unpinLabel : pinLabel, "data-on": item.pinned || void 0, onClick: () => onPinChange(item.id, !item.pinned), children: "\u2605" }),
-      actions?.(item)
-    ] }, item.id)),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { className: "uix-saved-views__footer", children: footer })
+var sameOrder = (a, b) => a.length === b.length && a.every((id, i) => id === b[i]);
+function dropIndex(rows, dragged, clientY) {
+  let index = 0;
+  for (const row of rows) {
+    if (row === dragged) continue;
+    const box = row.getBoundingClientRect();
+    if (clientY > box.top + box.height / 2) index++;
+  }
+  return index;
+}
+function useRowDrag(rowSelector, handlers) {
+  const [dragging, setDragging] = (0, import_react34.useState)(null);
+  const drag = (0, import_react34.useRef)(null);
+  const latest = (0, import_react34.useRef)(handlers);
+  latest.current = handlers;
+  (0, import_react34.useEffect)(() => {
+    if (!dragging) return;
+    const move = (event) => {
+      const current = drag.current;
+      if (!current) return;
+      latest.current.over(current.id, dropIndex(Array.from(current.list.querySelectorAll(`:scope > ${rowSelector}`)), current.row, event.clientY));
+    };
+    const end = () => {
+      const current = drag.current;
+      drag.current = null;
+      setDragging(null);
+      if (current) latest.current.drop(current.id);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", end);
+    window.addEventListener("pointercancel", end);
+    return () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", end);
+      window.removeEventListener("pointercancel", end);
+    };
+  }, [dragging, rowSelector]);
+  const start = (event, id) => {
+    const row = event.currentTarget.closest("li");
+    if (!row?.parentElement) return;
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+    drag.current = { id, list: row.parentElement, row };
+    setDragging(id);
+  };
+  return { dragging, start };
+}
+function placeId(ids, id, index) {
+  const from = ids.indexOf(id);
+  const to = Math.max(0, Math.min(index, ids.length - 1));
+  if (from < 0 || from === to) return ids;
+  const next = ids.filter((other) => other !== id);
+  next.splice(to, 0, id);
+  return next;
+}
+function SavedViewMenu({ items, sections, onSelect, onPinChange, pinLabel, unpinLabel, onReorder, reorderLabel, emptyLabel, actions, footer }) {
+  const baseId = (0, import_react34.useId)();
+  const groups = sections ?? [{ id: void 0, items: items ?? [] }];
+  const [draft, setDraft] = (0, import_react34.useState)(null);
+  const dragStart = (0, import_react34.useRef)(null);
+  const dragGroup = (0, import_react34.useRef)(void 0);
+  const orderKey = JSON.stringify(groups.map((group) => [group.id, group.items.map((item) => item.id)]));
+  (0, import_react34.useEffect)(() => setDraft(null), [orderKey]);
+  const orderOf = (group) => draft && draft.group === group.id ? draft.ids : group.items.map((item) => item.id);
+  const move = (group, id, delta) => {
+    const current = orderOf(group);
+    const next = placeId(current, id, current.indexOf(id) + delta);
+    if (next === current) return;
+    setDraft({ group: group.id, ids: next });
+    onReorder?.([...next], group.id);
+  };
+  const { dragging, start: startDrag } = useRowDrag(".uix-saved-views__row", {
+    over: (id, index) => {
+      const group = groups.find((candidate) => candidate.id === dragGroup.current);
+      if (!group) return;
+      const current = orderOf(group);
+      const next = placeId(current, id, index);
+      if (next !== current) setDraft({ group: group.id, ids: next });
+    },
+    drop: () => {
+      const group = groups.find((candidate) => candidate.id === dragGroup.current);
+      const start = dragStart.current;
+      dragStart.current = null;
+      if (!group) return;
+      const end = orderOf(group);
+      if (start && !sameOrder(start, end)) onReorder?.([...end], group.id);
+    }
+  });
+  const visible = groups.filter((group) => group.items.length > 0);
+  const renderRows = (group, groupIndex) => {
+    const byId = new Map(group.items.map((item) => [item.id, item]));
+    return orderOf(group).map((id, index) => {
+      const item = byId.get(id);
+      if (!item) return null;
+      const nameId = `${baseId}-${groupIndex}-${index}`;
+      const extra = actions?.(item);
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "uix-saved-views__row", "data-active": item.active || void 0, "data-dragging": dragging === item.id || void 0, children: [
+        onReorder && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "uix-saved-views__grip",
+            "aria-label": reorderLabel,
+            "aria-describedby": nameId,
+            onPointerDown: (event) => {
+              if (event.button !== 0) return;
+              event.preventDefault();
+              dragStart.current = orderOf(group);
+              dragGroup.current = group.id;
+              startDrag(event, item.id);
+            },
+            onKeyDown: (event) => {
+              if (event.key !== "ArrowUp" && event.key !== "ArrowDown") return;
+              event.preventDefault();
+              move(group, item.id, event.key === "ArrowUp" ? -1 : 1);
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EditorIcon, { name: "grip" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", id: nameId, className: "uix-menu__item", "data-active": item.active || void 0, "aria-current": item.active || void 0, title: typeof item.label === "string" ? item.label : void 0, onClick: () => onSelect(item.id), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-saved-views__name", children: item.label }) }),
+        onPinChange && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", className: "uix-saved-views__pin", "aria-label": item.pinned ? unpinLabel : pinLabel, "data-on": item.pinned || void 0, onClick: () => onPinChange(item.id, !item.pinned), children: "\u2605" }),
+        extra != null && extra !== false && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-saved-views__actions", children: extra })
+      ] }, item.id);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("ul", { className: "uix-menu uix-saved-views", "data-dragging": dragging ? "" : void 0, children: [
+    visible.length === 0 && emptyLabel != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("li", { className: "uix-menu__label", children: emptyLabel }),
+    sections ? visible.map((group, groupIndex) => {
+      const labelId = `${baseId}-section-${groupIndex}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "uix-saved-views__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { id: labelId, className: "uix-menu__label uix-saved-views__section-label", children: group.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: "uix-saved-views__group", "aria-labelledby": labelId, children: renderRows(group, groupIndex) })
+      ] }, group.id);
+    }) : visible[0] && renderRows(visible[0], 0),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("li", { className: "uix-saved-views__footer", children: footer })
   ] });
 }
 
 // src/components/Timeline.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Timeline({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ol", { className: cx("uix-timeline", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ol", { className: cx("uix-timeline", className), ...props, children });
 }
 function TimelineItem({ node, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { className: cx("uix-timeline__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "uix-timeline__rail", "aria-hidden": "true", children: [
-      node ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "uix-timeline__node" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "uix-timeline__line" })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { className: cx("uix-timeline__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uix-timeline__rail", "aria-hidden": "true", children: [
+      node ?? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "uix-timeline__node" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "uix-timeline__line" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "uix-timeline__body", children: [
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uix-timeline__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uix-timeline__body", children: [
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-timeline__meta", children: meta }),
       children
     ] })
   ] });
 }
 
 // src/components/Pipeline.tsx
-var import_react34 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Pipeline({ detailed = false, children, className, tabIndex, ...props }) {
-  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)(
+  const stages = detailed ? import_react35.Children.map(children, (child) => (0, import_react35.isValidElement)(child) && child.type === PipelineStage ? (0, import_react35.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "ol",
     {
       className: cx("uix-pipeline", detailed && "uix-pipeline--detailed", className),
@@ -3043,20 +3505,20 @@ function PipelineStage({
   const current = currentProp ?? (state === "active" || state === "current" || state === "running");
   const resolvedStateLabel = stateLabel ?? DEFAULT_STATE_LABELS[state];
   const showDetails = detailed || description != null || meta != null || marker != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "li",
     {
       className: cx("uix-pipeline__stage", className),
       "data-state": state,
       "aria-current": current ? "step" : void 0,
       ...props,
-      children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-pipeline__marker", "aria-hidden": "true", children: marker }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-pipeline__content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-pipeline__eyebrow", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-pipeline__state", children: resolvedStateLabel }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-pipeline__title", children: label }),
-          description != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-pipeline__description", children: description }),
-          meta != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-pipeline__meta", children: meta })
+      children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uix-pipeline__marker", "aria-hidden": "true", children: marker }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uix-pipeline__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-pipeline__eyebrow", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uix-pipeline__state", children: resolvedStateLabel }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-pipeline__title", children: label }),
+          description != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-pipeline__description", children: description }),
+          meta != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-pipeline__meta", children: meta })
         ] })
       ] }) : label
     }
@@ -3064,9 +3526,9 @@ function PipelineStage({
 }
 
 // src/components/Flow.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Flow({ variant = "linear", panel = false, children, className, role = "group", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       className: cx("uix-flow", `uix-flow--${variant}`, panel && "uix-flow--panel", className),
@@ -3096,67 +3558,33 @@ function FlowNode({
   ...props
 }) {
   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: [
-      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-node__eyebrow", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-node__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-node__meta", children: meta }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-node__status", children: resolvedStateLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("span", { className: "uix-node__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uix-node__body", children: [
+      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-node__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-node__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-node__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-node__status", children: resolvedStateLabel })
     ] }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-node__footer", children: footer })
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-node__footer", children: footer })
   ] });
 }
 
 // src/components/Prose.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Prose({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx("uix-prose", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cx("uix-prose", className), ...props, children });
 }
 function Note({ tone, icon, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cx("uix-note", tone && `uix-note--${tone}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-note__icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-note__body", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-note", tone && `uix-note--${tone}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-note__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-note__body", children })
   ] });
 }
 
-// src/components/Popover.tsx
-var import_react35 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function Popover({
-  popover = "auto",
-  anchor,
-  placement = "bottom-start",
-  offset = 6,
-  className,
-  children,
-  ...props
-}) {
-  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_react35.useEffect)(() => {
-    const el = ref.current;
-    if (!el || !anchor) return;
-    const sync = () => {
-      const isOpen = el.matches(":popover-open");
-      if (isOpen) reposition();
-      setOpen(isOpen);
-    };
-    el.addEventListener("toggle", sync);
-    return () => el.removeEventListener("toggle", sync);
-  }, [anchor, reposition]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
-}
-
 // src/components/CommandPalette.tsx
 var import_react36 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var CmdkContext = (0, import_react36.createContext)(null);
 function CommandPalette({ inputProps, children, inputLabel = "Command palette", className, ...props }) {
   const listId = (0, import_react36.useId)();
@@ -3175,8 +3603,8 @@ function CommandPalette({ inputProps, children, inputLabel = "Command palette",
     return () => clearTimeout(t);
   }, [count]);
   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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CmdkContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "input",
       {
         className: "uix-cmdk__input",
@@ -3189,14 +3617,14 @@ function CommandPalette({ inputProps, children, inputLabel = "Command palette",
         ...inputProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-cmdk__list", role: "listbox", id: listId, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-visually-hidden", role: "status", children: announced })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-cmdk__list", role: "listbox", id: listId, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "uix-visually-hidden", role: "status", children: announced })
   ] }) });
 }
 function CommandGroup({ label, children }) {
   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 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "group", "aria-labelledby": label != null ? labelId : void 0, children: [
+    label != null && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-cmdk__group", id: labelId, children: label }),
     children
   ] });
 }
@@ -3210,7 +3638,7 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
     ctx.setActive(itemId, true);
     return () => ctx.setActive(itemId, false);
   }, [ctx, itemId, active]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       className: cx("uix-cmdk__item", className),
@@ -3221,7 +3649,7 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
       ...props,
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children }),
         shortcut
       ]
     }
@@ -3230,9 +3658,9 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
 
 // src/components/Inbox.tsx
 var import_react37 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
 }
 var InboxListCtx = (0, import_react37.createContext)({});
 function InboxList({ children, listLabel = "Inbox", className, ...props }) {
@@ -3273,7 +3701,7 @@ function InboxList({ children, listLabel = "Inbox", className, ...props }) {
     setActiveId(el.id);
     el.scrollIntoView({ block: "nearest" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InboxListCtx.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InboxListCtx.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
       ref: listRef,
@@ -3302,7 +3730,7 @@ function InboxItem({
   const autoId = (0, import_react37.useId)();
   const itemId = id ?? autoId;
   const { activeId } = (0, import_react37.useContext)(InboxListCtx);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "div",
     {
       role: "option",
@@ -3314,35 +3742,35 @@ function InboxItem({
       ...props,
       children: [
         leading,
-        subject != null && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-inbox__subject", children: subject }),
-        preview != null && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-inbox__preview", children: preview }),
+        subject != null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-inbox__subject", children: subject }),
+        preview != null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-inbox__preview", children: preview }),
         children
       ]
     }
   );
 }
 function InboxDetail({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
 }
 
 // src/components/Kanban.tsx
 var import_react38 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = 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: [
-    announcement != null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cx("uix-kanban", className), ...props, children: [
+    announcement != null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
     children
   ] });
 }
 function KanbanColumn({ title, count, children, className, ...props }) {
   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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
+    hasHead && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uix-kanban__head", id: headId, children: [
       title,
-      count != null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "uix-kanban__count", children: count })
+      count != null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-kanban__count", children: count })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-kanban__body", role: "list", "aria-labelledby": hasHead ? headId : void 0, children })
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-kanban__body", role: "list", "aria-labelledby": hasHead ? headId : void 0, children })
   ] });
 }
 var MOVE_KEYS = {
@@ -3361,7 +3789,7 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
       onMove(dir);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       role: "listitem",
@@ -3370,8 +3798,8 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
       onKeyDown: handleKeyDown,
       ...props,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-kanban__card-title", children: title }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-kanban__card-title", children: title }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
         children
       ]
     }
@@ -3437,12 +3865,12 @@ 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" }) });
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "li",
     {
       role: "treeitem",
@@ -3462,12 +3890,12 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
         onFocusNode(node.id);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "uix-tree__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uix-tree__row", children: [
           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)(
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
               "button",
               {
                 type: "button",
@@ -3479,14 +3907,14 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
                   onToggle(node.id);
                   onFocusNode(node.id);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.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 })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-tree__toggle" }),
+          node.icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { "aria-hidden": "true", children: node.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-tree__label", children: node.label })
         ] }),
-        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           TreeNode,
           {
             node: child,
@@ -3541,7 +3969,7 @@ function Tree({
   const useVirtual = virtualize ?? shouldVirtualize(flat.length);
   const tabbableId = focusedId ?? selected ?? nodes[0]?.id;
   if (useVirtual) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       VirtualTreeView,
       {
         flat,
@@ -3619,7 +4047,7 @@ function Tree({
         break;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     TreeNode,
     {
       node,
@@ -3701,7 +4129,7 @@ function VirtualTreeView({
     }
     if (act.focusId !== void 0) moveTo(act.focusId);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "ul",
     {
       ref: scrollRef,
@@ -3719,13 +4147,13 @@ function VirtualTreeView({
       },
       ...props,
       children: [
-        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padTop } }),
+        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padTop } }),
         rows.map((f, i) => {
           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)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "li",
             {
               role: "treeitem",
@@ -3746,12 +4174,12 @@ function VirtualTreeView({
                 onSelect?.(f.node.id);
                 setFocusedId(f.node.id);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
                 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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                     "button",
                     {
                       type: "button",
@@ -3763,25 +4191,25 @@ function VirtualTreeView({
                         onToggle(f.node.id);
                         setFocusedId(f.node.id);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronIcon2, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime59.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 })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-tree__toggle" }),
+                f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-tree__label", children: f.node.label })
               ] })
             },
             f.node.id
           );
         }),
-        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padBottom } })
+        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padBottom } })
       ]
     }
   );
 }
 
 // src/components/EditorialHome.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function PageIntro({
   kicker,
   title,
@@ -3794,39 +4222,39 @@ function PageIntro({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-page-kicker", children: kicker }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h1", { className: "uix-page-title", children: title }),
-      lede != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-page-lede", children: lede })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-page-kicker", children: kicker }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h1", { className: "uix-page-title", children: title }),
+      lede != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-page-lede", children: lede })
     ] }),
-    search != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
+    search != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
       search
     ] }),
-    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
+    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
     children
   ] });
 }
 function SectionHead({ title, titleId, action, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "uix-section-title", id: titleId, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "uix-section-title", id: titleId, children: title }),
     action
   ] });
 }
 function NoticeQueue({ icon, title, summary, meta, position, actions, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("p", { className: "uix-notice__copy", children: [
-        title != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: "uix-notice__copy", children: [
+        title != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: title }),
         title != null && summary != null && " ",
         summary
       ] }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-notice__meta", children: meta })
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-notice__meta", children: meta })
     ] }),
-    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-notice__actions", children: [
-      position != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-notice__position", children: position }),
+    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-notice__actions", children: [
+      position != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-notice__position", children: position }),
       actions
     ] })
   ] });
@@ -3844,8 +4272,8 @@ function FeaturedStage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "div",
       {
         className: "uix-featured__visual",
@@ -3855,32 +4283,32 @@ function FeaturedStage({
         children: visual
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
-      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("p", { className: "uix-featured__eyebrow", children: [
-        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-featured__now", children: ordinal }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
+      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: "uix-featured__eyebrow", children: [
+        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-featured__now", children: ordinal }),
         eyebrow
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
-      description != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-featured__description", children: description }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-featured__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-featured__description", children: description }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-featured__meta", children: meta }),
       action
     ] })
   ] });
 }
 function FeaturedRundown({ eyebrow, title, titleId, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-rundown__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-rundown__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
       ] }),
       meta
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uix-rundown__items", children })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-rundown__items", children })
   ] });
 }
 function FeaturedRundownItem({ number, topic, title, selected = false, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "button",
     {
       type: "button",
@@ -3889,63 +4317,63 @@ function FeaturedRundownItem({ number, topic, title, selected = false, className
       "data-selected": selected ? "true" : "false",
       ...props,
       children: [
-        number != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-rundown__number", children: number }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { children: [
-          topic != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-rundown__topic", children: topic }),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-rundown__item-title", children: title })
+        number != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-rundown__number", children: number }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
+          topic != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-rundown__topic", children: topic }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-rundown__item-title", children: title })
         ] })
       ]
     }
   );
 }
 function NewsLead({ meta, title, summary, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { className: "uix-news-lead__title", children: title }),
-    summary != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-news-lead__summary", children: summary })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { className: "uix-news-lead__title", children: title }),
+    summary != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-news-lead__summary", children: summary })
   ] });
 }
 function ContentList({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
 }
 function ContentListItem({ title, meta, trailing, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-content-list__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-content-list__meta", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-content-list__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-content-list__meta", children: meta })
     ] }),
     trailing
   ] });
 }
 function ResourceGrid({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
 }
 function StatLine({ items, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-stat-line__item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-stat-line__label", children: item.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-stat-line__item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-stat-line__label", children: item.label })
     ] }, item.id ?? i)),
     children
   ] });
 }
 function EventRow({ month, day, title, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-event-date", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-event-date__month", children: month }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-event-date__day", children: day })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-event-date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-event-date__month", children: month }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-event-date__day", children: day })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-event-row__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-event-row__meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-event-row__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "uix-event-row__meta", children: meta })
     ] })
   ] });
 }
 function StatusRow({ indicator, name, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
     indicator,
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-status-row__name", children: name }),
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-list-meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-status-row__name", children: name }),
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-list-meta", children: meta })
   ] });
 }
 
@@ -4050,7 +4478,7 @@ function fillLabel(template, values) {
 }
 
 // src/components/RuleBuilder.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var DEFAULT_RULE_BUILDER_LABELS = {
   region: "Rule builder",
   summary: "Rule summary",
@@ -4097,21 +4525,21 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
     combinator: "and",
     conditions: [defaultCondition(fields, operators)]
   }, 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 ? labels.when : labels.group }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("label", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("label", { children: [
         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: labels.all }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: "or", children: labels.any })
+        /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)("option", { value: "and", children: labels.all }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.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, { 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)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-rule-builder__nested", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels } }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)(
       ConditionRow,
       {
         labels,
@@ -4120,13 +4548,13 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
         operators,
         disabled,
         onChange: (condition) => updateNode(node.id, () => condition),
-        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)) })
+        controls: /* @__PURE__ */ (0, import_jsx_runtime61.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
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-rule-builder__add", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: disabled || fields.length === 0 || operators.length === 0, children: labels.addCondition }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: disabled || depth >= maxDepth, children: labels.addGroup })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-rule-builder__add", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: disabled || fields.length === 0 || operators.length === 0, children: labels.addCondition }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: disabled || depth >= maxDepth, children: labels.addGroup })
     ] })
   ] });
 }
@@ -4139,24 +4567,24 @@ function ConditionRow({ labels, condition, fields, operators, disabled, onChange
     const nextOperator = operators.find((item) => nextField?.operators?.includes(item.id)) ?? availableOperators[0] ?? operators[0];
     onChange({ ...condition, field: id, operator: nextOperator?.id ?? "" });
   };
-  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: 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)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-rule-builder__condition", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime61.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: 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)) })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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": fillLabel(labels.valueFor, { field: field?.label ?? labels.itemCondition }) }) }),
+    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime61.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({ 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": 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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_runtime61.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({
@@ -4186,21 +4614,21 @@ function RuleBuilder({
   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": 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.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
+  if (readOnly) return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: summarizeRule(value, { fields: fieldLabels, operators: operatorLabels, actions: actionLabels }) }),
+    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.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": 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: labels.then }),
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: cx("uix-rule-builder", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.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": labels.actionType, children: actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-rule-builder__action", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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)(
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             RowControls,
             {
               labels,
@@ -4223,18 +4651,18 @@ 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: labels.addAction })
+      /* @__PURE__ */ (0, import_jsx_runtime61.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: 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}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 
 // src/components/BuilderCanvas.tsx
 var import_react40 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var DEFAULT_BUILDER_CANVAS_LABELS = {
   region: "Builder canvas",
   palette: "Item palette",
@@ -4313,24 +4741,24 @@ 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": 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: labels.add })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { children: labels.paletteHeading }),
+      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("button", { type: "button", onClick: () => add(item), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: item.label }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.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: 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: 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.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)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { children: labels.canvasHeading }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-builder-canvas__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: labels.retry })
+      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-builder-canvas__state", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: emptyMessage }),
+        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "li",
         {
           draggable: true,
@@ -4340,27 +4768,27 @@ function BuilderCanvas({
           onDrop: (event) => drop(event, item.id),
           className: cx("uix-builder-canvas__item", selectedId === item.id && "uix-builder-canvas__item--selected"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { 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_runtime62.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: item.label }),
+              item.description && /* @__PURE__ */ (0, import_jsx_runtime62.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": 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 })
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.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_runtime62.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": 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: labels.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("dd", { children: selected.label })
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
+      !selected ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("dt", { children: labels.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("dd", { children: selected.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("dt", { children: labels.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("dd", { children: selected.label })
       ] })
     ] })
   ] });
@@ -4448,7 +4876,7 @@ function isDateUnavailable(date, options) {
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   region: "Scheduling calendar in {timeZone}",
   previous: "Previous",
@@ -4540,55 +4968,55 @@ 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": 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: 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
+      /* @__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: () => movePeriod(-1), disabled: !onAnchorDateChange, children: labels.previous }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.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": 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)) })
+      /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime63.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: 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: 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) => {
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime63.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: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("button", { type: "button", onClick: () => onSelectEntry?.(entry), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { children: [
             formatInstant(entry.start),
             " \u2013 ",
             formatInstant(entry.end)
           ] }),
-          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: entry.meta })
+          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: entry.meta })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(StatusPill, { tone: stateTone(state), children: stateLabel[state] })
+        /* @__PURE__ */ (0, import_jsx_runtime63.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": fillLabel(labels.grid, { view: viewLabel[view] }), children: days.map((date, index) => {
+    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime63.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: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), "aria-label": dateLabel(date, locale), children: Number(date.slice(-2)) }),
-        dayOverlays.map((overlay) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uix-scheduling-calendar__overlay", "data-kind": overlay.kind, children: overlay.label }, overlay.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-scheduling-calendar__entries", children: dayEntries.map((entry) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), "aria-label": dateLabel(date, locale), children: Number(date.slice(-2)) }),
+        dayOverlays.map((overlay) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "uix-scheduling-calendar__overlay", "data-kind": overlay.kind, children: overlay.label }, overlay.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime63.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": 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] })
+          return /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)("span", { children: renderEntry?.(entry) ?? entry.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.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": 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)) })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-scheduling-calendar__legend", "aria-label": labels.legend, children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)) })
   ] });
 }
 
 // src/components/DateRangePicker.tsx
 var import_react42 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var DEFAULT_DATE_RANGE_PICKER_LABELS = {
   previous: "Previous",
   previousMonth: "Show previous month",
@@ -4682,23 +5110,23 @@ function DateRangePicker({
     }
   };
   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": 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.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: 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}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h4", { children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: day }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
         days.map((day) => {
           const unavailable = disabled || isDateUnavailable(day.date, { min, max, isDisabled: isDateDisabled });
           const edge = day.date === value.start ? "start" : day.date === value.end ? "end" : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "button",
             {
               type: "button",
@@ -4719,8 +5147,8 @@ function DateRangePicker({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 
@@ -5209,7 +5637,7 @@ function layeredNeighbor(layout, currentId, key) {
 var import_react43 = require("react");
 
 // src/components/RelationshipGraphList.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function EquivalentRelationshipList({
   nodes,
   edges,
@@ -5220,19 +5648,19 @@ function EquivalentRelationshipList({
   onOpenDetails
 }) {
   const labelById = new Map(nodes.map((node) => [node.id, node.label]));
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { children: labels.listHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("ul", { children: nodes.map((node) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("ul", { children: nodes.map((node) => {
       const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("strong", { children: node.label }),
-          node.type && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: node.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: node.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
-          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
         ] })
       ] }, node.id);
     }) })
@@ -5240,7 +5668,7 @@ function EquivalentRelationshipList({
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var EMPTY_IDS = /* @__PURE__ */ new Set();
 var MIN_ZOOM = 0.4;
 var MAX_ZOOM = 1.5;
@@ -5513,21 +5941,21 @@ function LayeredRelationshipGraph({
     height: layout.height,
     transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: cx("uix-relationship-graph", "uix-relationship-graph--layered", density === "compact" && "uix-relationship-graph--compact", className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: cx("uix-relationship-graph", "uix-relationship-graph--layered", density === "compact" && "uix-relationship-graph--compact", className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       "div",
       {
         ref: viewportRef,
@@ -5537,11 +5965,11 @@ function LayeredRelationshipGraph({
         onPointerMove,
         onPointerUp: onPointerEnd,
         onPointerCancel: onPointerEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { className: "uix-relationship-graph__edges", width: layout.width, height: layout.height, "aria-hidden": "true", focusable: "false", children: layout.edges.map((edge) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "uix-relationship-graph__edges", width: layout.width, height: layout.height, "aria-hidden": "true", focusable: "false", children: layout.edges.map((edge) => {
             const active = activeIds.has(edge.source) || activeIds.has(edge.target) || edge.edgeIds.some((id) => highlightedEdgeIds.has(id));
             const angle = edge.arrowAngle * 180 / Math.PI;
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
               "g",
               {
                 className: "uix-relationship-graph__link",
@@ -5551,15 +5979,15 @@ function LayeredRelationshipGraph({
                 "data-conflicted": edge.edgeIds.some((id) => conflictedEdgeIds.has(id)) || void 0,
                 "data-dimmed": dimmedNodeIds.has(edge.source) && dimmedNodeIds.has(edge.target) || void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: edge.path }),
-                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
-                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("text", { x: edge.labelX, y: edge.labelY, textAnchor: "middle", dominantBaseline: "middle", children: (edge.kind === "cycle" ? [...edge.labelLines, labels.cycle] : edge.labelLines).map((line, index, lines) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { d: edge.path }),
+                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
+                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("text", { x: edge.labelX, y: edge.labelY, textAnchor: "middle", dominantBaseline: "middle", children: (edge.kind === "cycle" ? [...edge.labelLines, labels.cycle] : edge.labelLines).map((line, index, lines) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
                 ]
               },
               edge.id
             );
           }) }),
-          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             "div",
             {
               className: "uix-relationship-graph__column",
@@ -5569,17 +5997,17 @@ function LayeredRelationshipGraph({
             },
             column.depth
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { role: "group", "aria-roledescription": labels.roleDescription, "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), "aria-describedby": hintId, children: layout.items.map((item) => {
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { role: "group", "aria-roledescription": labels.roleDescription, "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), "aria-describedby": hintId, children: layout.items.map((item) => {
             const selected = item.id === selectedItemId;
             const dimmed = item.node ? dimmedNodeIds.has(item.node.id) : item.cluster.members.every((member) => dimmedNodeIds.has(member.id));
-            const body = item.cluster ? renderCluster?.(item.cluster) ?? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-relationship-graph__item-label", children: labels.cluster(item.cluster.members.length, item.cluster.type, item.cluster.edgeLabel) }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
-            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
-              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
+            const body = item.cluster ? renderCluster?.(item.cluster) ?? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-relationship-graph__item-label", children: labels.cluster(item.cluster.members.length, item.cluster.type, item.cluster.edgeLabel) }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
+            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
+              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
               "button",
               {
                 ref: (element) => {
@@ -5610,7 +6038,7 @@ function LayeredRelationshipGraph({
                 onPointerLeave: () => setHoverId((current) => current === item.id ? void 0 : current),
                 children: [
                   body,
-                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
+                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
                 ]
               },
               item.id
@@ -5618,7 +6046,7 @@ function LayeredRelationshipGraph({
           }) }),
           layout.items.filter((item) => item.expandedGroup).map((item) => {
             const group = item.expandedGroup;
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               "button",
               {
                 type: "button",
@@ -5634,8 +6062,8 @@ function LayeredRelationshipGraph({
         ] })
       }
     ),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       EquivalentRelationshipList,
       {
         nodes: bounded.nodes,
@@ -5654,7 +6082,7 @@ function LayeredRelationshipGraph({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var DEFAULT_RELATIONSHIP_GRAPH_LABELS = {
   graph: "Relationship graph",
   controls: "Graph view controls",
@@ -5718,19 +6146,19 @@ function radialViewBox(nodes) {
 function RelationshipGraph(props) {
   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.loading) return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: stateClass, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { children: props.error }),
-      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: stateClass, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: props.error }),
+      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
     ] });
   }
-  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: stateClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { children: labels.emptyTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { children: labels.emptyHint })
+  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: stateClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: labels.emptyTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: labels.emptyHint })
   ] });
-  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LayeredRelationshipGraph, { ...props, labels });
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(RadialRelationshipGraph, { ...props, labels });
+  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(LayeredRelationshipGraph, { ...props, labels });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(RadialRelationshipGraph, { ...props, labels });
 }
 function RadialRelationshipGraph({
   nodes,
@@ -5783,25 +6211,25 @@ function RadialRelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": labels.zoomIn, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": labels.zoomOut, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": labels.zoomIn, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": labels.zoomOut, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
       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-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);
+        return /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
         "g",
         {
           transform: `translate(${node.x * RADIAL_SCALE_X} ${node.y * RADIAL_SCALE_Y})`,
@@ -5817,22 +6245,22 @@ function RadialRelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: node.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { x: -RADIAL_NODE_HALF_W, y: -RADIAL_NODE_HALF_H, width: RADIAL_NODE_HALF_W * 2, height: RADIAL_NODE_HALF_H * 2, rx: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: node.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("rect", { x: -RADIAL_NODE_HALF_W, y: -RADIAL_NODE_HALF_H, width: RADIAL_NODE_HALF_W * 2, height: RADIAL_NODE_HALF_H * 2, rx: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
           ]
         },
         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, 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 })
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
 var import_react45 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
   loading: "Loading match candidates\u2026",
@@ -5927,48 +6355,48 @@ function MatchReview({
       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: 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: labels.retry })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime68.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: labels.empty }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: labels.emptyDetail })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: labels.emptyDetail })
   ] });
-  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.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.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 }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.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": 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 })
+    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.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: 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: 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: labels.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("th", { scope: "col", children: labels.actions })
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("th", { scope: "col", children: labels.confidence }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime68.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": 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 ? 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)(
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "button",
             {
               type: "button",
@@ -5982,7 +6410,7 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
@@ -6012,7 +6440,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -6061,10 +6489,10 @@ function MetricInput({
     const parsed = parse(event.currentTarget.value);
     setText(parsed === null && event.currentTarget.value.trim() !== "" ? format(value) : format(parsed));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         Input,
         {
           id,
@@ -6083,22 +6511,22 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
+      unit && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
       ] })
     ] }),
-    unit && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -6119,18 +6547,18 @@ function LicensePositionBar({
   const percent = safeEntitled === 0 ? safeConsumed > 0 ? 100 : 0 : safeConsumed / safeEntitled * 100;
   const format = (value) => `${formatValue(value)}${unit ? ` ${unit}` : ""}`;
   const summary = `${consumedLabel}: ${format(safeConsumed)}. ${entitledLabel}: ${format(safeEntitled)}. ${over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}`}.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
-      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
+      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -6139,7 +6567,7 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
@@ -6214,7 +6642,7 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 
 // src/components/ColorPicker.tsx
 var import_react47 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
   sample: "Aa",
@@ -6298,8 +6726,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -6311,12 +6739,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -6327,55 +6755,55 @@ 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: labels.sample }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.hue,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__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_runtime71.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: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.saturation,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__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_runtime71.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: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.brightness,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__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_runtime71.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: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-color-picker__hex", children: [
             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) => {
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime71.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: labels.set })
+              /* @__PURE__ */ (0, import_jsx_runtime71.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: 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)) })
+          (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime71.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: 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)) })
+            recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime71.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.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 })
+          /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -6383,7 +6811,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -6492,54 +6920,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": 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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { className: "uix-field__label", children: [
         labels.profile,
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime72.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)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { className: "uix-field__label", children: [
         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_runtime72.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: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { children: [
           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_runtime72.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: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { children: [
           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_runtime72.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: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { className: "uix-field__label", children: [
         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_runtime72.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: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { className: "uix-field__label", children: [
         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_runtime72.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: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         labels.logoFile,
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime72.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: labels.apply }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.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": 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: labels.logoPlaceholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("strong", { children: value.name || labels.previewTitleFallback })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.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: 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 })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -6598,7 +7026,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var DEFAULT_DIFF_VIEWER_LABELS = {
   base: "Base",
   current: "Current",
@@ -6618,6 +7046,9 @@ var DEFAULT_DIFF_VIEWER_LABELS = {
   acceptIncoming: "Accept incoming",
   keepCurrent: "Keep current",
   markPending: "Mark pending",
+  acceptIncomingFor: "Accept incoming for {path}",
+  keepCurrentFor: "Keep current for {path}",
+  markPendingFor: "Mark pending for {path}",
   resolutionAccept: "accepted",
   resolutionSkip: "kept",
   resolutionPending: "pending",
@@ -6634,10 +7065,12 @@ function DiffViewer({
   resolutions: controlledResolutions,
   onResolutionChange,
   labels: labelOverrides,
+  controlSize = "sm",
   className
 }) {
   const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
   const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
+  const buttonSize = controlSize === "md" ? void 0 : `uix-btn--${controlSize}`;
   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)({});
@@ -6647,24 +7080,24 @@ function DiffViewer({
     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": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { children: labels.noDifferences }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: labels.noDifferencesDetail })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  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] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("b", { children: summary[kind] }),
         " ",
         labels[kind].toLowerCase()
       ] }, kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("b", { children: summary.resolved }),
         " ",
         labels.resolved
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("b", { children: summary.pending }),
         " ",
         labels.pending
       ] })
@@ -6672,33 +7105,33 @@ function DiffViewer({
     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}-${kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("h3", { id: `${id}-${kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("h3", { id: `${id}-${kind}`, children: [
           labels[kind],
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          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: resolutionLabel[resolution] })
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.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": 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) })
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__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 })
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--primary", buttonSize), "aria-label": fillLabel(labels.acceptIncomingFor, { path: entry.path }), "aria-pressed": resolution === "accept", onClick: () => resolve2(entry.path, "accept"), children: labels.acceptIncoming }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--secondary", buttonSize), "aria-label": fillLabel(labels.keepCurrentFor, { path: entry.path }), "aria-pressed": resolution === "skip", onClick: () => resolve2(entry.path, "skip"), children: labels.keepCurrent }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { type: "button", className: cx("uix-btn uix-btn--ghost", buttonSize), "aria-label": fillLabel(labels.markPendingFor, { path: entry.path }), "aria-pressed": resolution === "pending", onClick: () => resolve2(entry.path, "pending"), children: labels.markPending })
             ] })
           ] }, entry.path);
         })
       ] }, kind);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime73.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: