@tensor_1/react 2.37.0 → 2.39.0

package/dist/index.cjs

@@ -32,6 +32,7 @@ __export(src_exports, {
   Breadcrumbs: () => Breadcrumbs,
   BuilderCanvas: () => BuilderCanvas,
   BulkBar: () => BulkBar,
+  Bullet: () => Bullet,
   Button: () => Button,
   ButtonGroup: () => ButtonGroup,
   ButtonLink: () => ButtonLink,
@@ -70,6 +71,7 @@ __export(src_exports, {
   DEFAULT_FILTER_EDITOR_LABELS: () => DEFAULT_FILTER_EDITOR_LABELS,
   DEFAULT_FILTER_SUMMARY_LABELS: () => DEFAULT_FILTER_SUMMARY_LABELS,
   DEFAULT_INLINE_EDIT_LABELS: () => DEFAULT_INLINE_EDIT_LABELS,
+  DEFAULT_INSIGHT_CARD_LABELS: () => DEFAULT_INSIGHT_CARD_LABELS,
   DEFAULT_LIGHTBOX_LABELS: () => DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS: () => DEFAULT_MATCH_REVIEW_LABELS,
   DEFAULT_PAGINATION_LABELS: () => DEFAULT_PAGINATION_LABELS,
@@ -122,6 +124,7 @@ __export(src_exports, {
   InlineEdit: () => InlineEdit,
   Input: () => Input,
   InputGroup: () => InputGroup,
+  InsightCard: () => InsightCard,
   Kanban: () => Kanban,
   KanbanCard: () => KanbanCard,
   KanbanColumn: () => KanbanColumn,
@@ -276,6 +279,7 @@ __export(src_exports, {
   layoutMonthSpans: () => layoutMonthSpans,
   layoutRelationshipGraph: () => layoutRelationshipGraph,
   layoutTimeGridDay: () => layoutTimeGridDay,
+  linearFit: () => linearFit,
   mapRuleGroup: () => mapRuleGroup,
   matchFilter: () => matchFilter,
   matchFilterPreset: () => matchFilterPreset,
@@ -284,6 +288,7 @@ __export(src_exports, {
   moveRuleNode: () => moveRuleNode,
   multiSort: () => multiSort,
   nextSortDir: () => nextSortDir,
+  normalQuantile: () => normalQuantile,
   normalizeHex: () => normalizeHex,
   packLanes: () => packLanes,
   parseDateInput: () => parseDateInput,
@@ -294,7 +299,9 @@ __export(src_exports, {
   pixelsToMs: () => pixelsToMs,
   placeSpan: () => placeSpan,
   placesInTopLane: () => placesInTopLane,
+  predictionBand: () => predictionBand,
   proposeMove: () => proposeMove,
+  quantiles: () => quantiles,
   rankOverflow: () => rankOverflow,
   relationshipNeighbors: () => relationshipNeighbors,
   relativeTimeValue: () => relativeTimeValue,
@@ -318,6 +325,7 @@ __export(src_exports, {
   splitDateTime: () => splitDateTime,
   startOfMonth: () => startOfMonth,
   stepMetricValue: () => stepMetricValue,
+  studentTQuantile: () => studentTQuantile,
   summarizeDiff: () => summarizeDiff,
   summarizeFilter: () => summarizeFilter,
   summarizeRule: () => summarizeRule,
@@ -1983,7 +1991,11 @@ var glyphCheck = [["path", { "d": "M20 6 9 17l-5-5" }]];
 var glyphChevronDown = [["path", { "d": "m6 9 6 6 6-6" }]];
 var glyphChevronLeft = [["path", { "d": "m15 18-6-6 6-6" }]];
 var glyphChevronRight = [["path", { "d": "m9 18 6-6-6-6" }]];
+var glyphCircleCheck = [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "m16 9-5.5 5.5L8 12" }]];
+var glyphCircleQuestionMark = [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }], ["path", { "d": "M12 17h.01" }]];
+var glyphOctagonAlert = [["path", { "d": "M12 16h.01" }], ["path", { "d": "M12 8v4" }], ["path", { "d": "M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z" }]];
 var glyphPencil = [["path", { "d": "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { "d": "m15 5 4 4" }]];
+var glyphTriangleAlert = [["path", { "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }], ["path", { "d": "M12 9v4" }], ["path", { "d": "M12 17h.01" }]];
 var glyphX = [["path", { "d": "M18 6 6 18" }], ["path", { "d": "m6 6 12 12" }]];
 
 // src/icons/components.ts
@@ -1992,7 +2004,11 @@ var CheckIcon = /* @__PURE__ */ createIcon("CheckIcon", glyphCheck);
 var ChevronDownIcon = /* @__PURE__ */ createIcon("ChevronDownIcon", glyphChevronDown);
 var ChevronLeftIcon = /* @__PURE__ */ createIcon("ChevronLeftIcon", glyphChevronLeft);
 var ChevronRightIcon = /* @__PURE__ */ createIcon("ChevronRightIcon", glyphChevronRight);
+var CircleCheckIcon = /* @__PURE__ */ createIcon("CircleCheckIcon", glyphCircleCheck);
+var CircleQuestionMarkIcon = /* @__PURE__ */ createIcon("CircleQuestionMarkIcon", glyphCircleQuestionMark);
+var OctagonAlertIcon = /* @__PURE__ */ createIcon("OctagonAlertIcon", glyphOctagonAlert);
 var PencilIcon = /* @__PURE__ */ createIcon("PencilIcon", glyphPencil);
+var TriangleAlertIcon = /* @__PURE__ */ createIcon("TriangleAlertIcon", glyphTriangleAlert);
 var XIcon = /* @__PURE__ */ createIcon("XIcon", glyphX);
 
 // src/components/InlineEdit.tsx
@@ -6010,7 +6026,7 @@ function Meter({ value = 0, tone, label, toneLabels, className, ...props }) {
 var import_react43 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var Chevron3 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "uix-stat__chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "m6 9 6 6 6-6" }) }) });
-var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, haspopup = "dialog", href, current, renderLink, className, onClick, ...props }, ref) {
+var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, haspopup = "dialog", href, current, renderLink, className, onClick, onKeyDown, pending = false, ...props }, ref) {
   const id = (0, import_react43.useId)();
   const interactive = onActivate != null;
   const linked = !interactive && href != null;
@@ -6040,11 +6056,11 @@ var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, m
     ] })
   ] });
   if (linked) {
-    const linkProps = { ...props, href, className: classes, onClick, "aria-current": current ? "page" : void 0, children: body };
+    const linkProps = { ...props, href, className: classes, onClick, onKeyDown, "aria-current": current ? "page" : void 0, children: body };
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: renderLink ? renderUixLink(renderLink, linkProps) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("a", { ref, ...linkProps }) });
   }
   if (!interactive) {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref, className: classes, onClick, ...props, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { ref, className: classes, onClick, onKeyDown, ...props, children: body });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "button",
@@ -6057,10 +6073,13 @@ var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, m
       "aria-expanded": expanded,
       "aria-labelledby": `${id}-label ${id}-sep ${id}-value${activateLabel ? ` ${id}-action` : ""}`,
       "aria-describedby": meta != null || trend != null ? `${id}-meta` : void 0,
+      ...pending ? { "aria-busy": true, "aria-disabled": true } : null,
       onClick: (e) => {
+        if (pending) return;
         onClick?.(e);
         if (!e.defaultPrevented) onActivate();
       },
+      onKeyDown: pending ? void 0 : onKeyDown,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { id: `${id}-sep`, className: "uix-visually-hidden", children: ":" }),
         activateLabel && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { id: `${id}-action`, className: "uix-visually-hidden", children: [
@@ -6073,19 +6092,216 @@ var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, m
   );
 });
 
+// src/components/InsightCard.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var defaultNumber = new Intl.NumberFormat("en", { maximumFractionDigits: 1 });
+var DEFAULT_INSIGHT_CARD_LABELS = {
+  coverage: (covered, total, percent, note) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    covered,
+    " of ",
+    total,
+    " ",
+    note,
+    " (",
+    percent,
+    "%)"
+  ] }),
+  bullet: (actual, target) => `${actual} against a target of ${target}`,
+  source: "Source",
+  updated: "Updated",
+  kpis: "Key figures",
+  formatNumber: (value) => defaultNumber.format(value)
+};
+var STATUS_ICON = {
+  ok: CircleCheckIcon,
+  warning: TriangleAlertIcon,
+  critical: OctagonAlertIcon,
+  unknown: CircleQuestionMarkIcon
+};
+function InsightCard({
+  eyebrow,
+  headline,
+  sowhat,
+  status,
+  kpis,
+  coverage,
+  actions,
+  source,
+  updated,
+  layout = "stack",
+  variant = "card",
+  aside,
+  headingLevel = 3,
+  labels: labelOverrides,
+  className,
+  children,
+  ...props
+}) {
+  const labels = { ...DEFAULT_INSIGHT_CARD_LABELS, ...labelOverrides };
+  const Heading = `h${headingLevel}`;
+  const StatusIcon = status ? STATUS_ICON[status.tone] : null;
+  const percent = coverage && coverage.total > 0 ? Math.round(coverage.covered / coverage.total * 100) : null;
+  const hasFooter = coverage != null || source != null || updated != null || actions != null;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("article", { className: cx("uix-insight", variant === "plain" && "uix-insight--plain", className), "data-layout": layout, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("header", { className: "uix-insight__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-insight__heading", children: [
+        eyebrow != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-insight__eyebrow", children: eyebrow }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Heading, { className: "uix-insight__headline", children: headline }),
+        sowhat != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "uix-insight__sowhat", children: sowhat }) : null
+      ] }),
+      status && StatusIcon ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uix-insight__status", "data-tone": status.tone, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(StatusIcon, { size: "sm", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: status.label })
+      ] }) : null
+    ] }),
+    kpis?.length ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dl", { className: "uix-insight__kpis", "aria-label": labels.kpis, children: kpis.map((kpi, index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-insight__kpi", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dt", { className: "uix-insight__kpi-label", children: kpi.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dd", { className: "uix-insight__kpi-value", children: kpi.value }),
+      kpi.comparison ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dd", { className: "uix-insight__kpi-comparison", "data-tone": kpi.comparison.tone ?? "neutral", children: kpi.comparison.text }) : null,
+      kpi.target ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dd", { className: "uix-insight__kpi-target", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Bullet, { ...kpi.target, label: labels.bullet(labels.formatNumber(kpi.target.actual), labels.formatNumber(kpi.target.target)) }) }) : null
+    ] }, index)) }) : null,
+    children != null || aside != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-insight__body", children: [
+      children != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-insight__main", children }) : null,
+      aside != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-insight__aside", children: aside }) : null
+    ] }) : null,
+    hasFooter ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("footer", { className: "uix-insight__footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-insight__meta", children: [
+        coverage && percent != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "uix-insight__coverage", children: [
+          labels.coverage(coverage.covered, coverage.total, percent, coverage.note),
+          coverage.partialPeriod != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "uix-insight__partial", children: coverage.partialPeriod }) : null
+        ] }) : null,
+        source != null || updated != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("p", { className: "uix-insight__source", children: [
+          source != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { children: [
+            labels.source,
+            ": ",
+            source
+          ] }) : null,
+          updated != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { children: [
+            labels.updated,
+            ": ",
+            updated
+          ] }) : null
+        ] }) : null
+      ] }),
+      actions != null ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-insight__actions", children: actions }) : null
+    ] }) : null
+  ] });
+}
+function Bullet({ actual, target, ranges, max, label, className, style, ...props }) {
+  const end = Math.max(max ?? 0, ...(ranges ?? []).map((r) => r[1]), actual, target, 0) * (max ? 1 : 1.1) || 1;
+  const pct = (value) => `${Math.max(0, Math.min(100, value / end * 100))}%`;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cx("uix-bullet", className), role: "img", "aria-label": label, style, ...props, children: [
+    (ranges ?? []).map(([from, to], index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "span",
+      {
+        className: "uix-bullet__range",
+        "data-band": Math.min(index, 2),
+        style: { left: pct(from), width: `calc(${pct(to)} - ${pct(from)})` }
+      },
+      index
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "uix-bullet__bar", style: { width: pct(actual) } }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "uix-bullet__target", style: { left: pct(target) } })
+  ] });
+}
+
+// src/chart-stats.ts
+var finite = (value) => typeof value === "number" && Number.isFinite(value);
+function linearFit(points) {
+  const usable = points.filter((p) => finite(p.x) && finite(p.y));
+  const n = usable.length;
+  if (n < 2) return null;
+  let sumX = 0;
+  let sumY = 0;
+  for (const p of usable) {
+    sumX += p.x;
+    sumY += p.y;
+  }
+  const xMean = sumX / n;
+  const yMean = sumY / n;
+  let sxx = 0;
+  let syy = 0;
+  let sxy = 0;
+  for (const p of usable) {
+    const dx = p.x - xMean;
+    const dy = p.y - yMean;
+    sxx += dx * dx;
+    syy += dy * dy;
+    sxy += dx * dy;
+  }
+  if (sxx === 0) return null;
+  const slope = sxy / sxx;
+  const intercept = yMean - slope * xMean;
+  let sse = 0;
+  for (const p of usable) {
+    const residual = p.y - (intercept + slope * p.x);
+    sse += residual * residual;
+  }
+  const r = syy === 0 ? null : Math.max(-1, Math.min(1, sxy / Math.sqrt(sxx * syy)));
+  const residualStdError = n > 2 ? Math.sqrt(sse / (n - 2)) : 0;
+  return { slope, intercept, r, n, xMean, sxx, residualStdError };
+}
+function quantiles(values, ps) {
+  const sorted = values.filter(finite).slice().sort((a, b) => a - b);
+  return ps.map((p) => {
+    if (!sorted.length || !finite(p)) return null;
+    const clamped = Math.max(0, Math.min(1, p));
+    const h = (sorted.length - 1) * clamped;
+    const lo = Math.floor(h);
+    const hi = Math.ceil(h);
+    return sorted[lo] + (h - lo) * (sorted[hi] - sorted[lo]);
+  });
+}
+function normalQuantile(p) {
+  if (!(p > 0 && p < 1)) return p === 0 ? -Infinity : p === 1 ? Infinity : Number.NaN;
+  const a = [-39.69683028665376, 220.9460984245205, -275.9285104469687, 138.357751867269, -30.66479806614716, 2.506628277459239];
+  const b = [-54.47609879822406, 161.5858368580409, -155.6989798598866, 66.80131188771972, -13.28068155288572];
+  const c = [-0.007784894002430293, -0.3223964580411365, -2.400758277161838, -2.549732539343734, 4.374664141464968, 2.938163982698783];
+  const d = [0.007784695709041462, 0.3224671290700398, 2.445134137142996, 3.754408661907416];
+  const low = 0.02425;
+  if (p < low) {
+    const q2 = Math.sqrt(-2 * Math.log(p));
+    return (((((c[0] * q2 + c[1]) * q2 + c[2]) * q2 + c[3]) * q2 + c[4]) * q2 + c[5]) / ((((d[0] * q2 + d[1]) * q2 + d[2]) * q2 + d[3]) * q2 + 1);
+  }
+  if (p > 1 - low) {
+    const q2 = Math.sqrt(-2 * Math.log(1 - p));
+    return -(((((c[0] * q2 + c[1]) * q2 + c[2]) * q2 + c[3]) * q2 + c[4]) * q2 + c[5]) / ((((d[0] * q2 + d[1]) * q2 + d[2]) * q2 + d[3]) * q2 + 1);
+  }
+  const q = p - 0.5;
+  const r = q * q;
+  return (((((a[0] * r + a[1]) * r + a[2]) * r + a[3]) * r + a[4]) * r + a[5]) * q / (((((b[0] * r + b[1]) * r + b[2]) * r + b[3]) * r + b[4]) * r + 1);
+}
+function studentTQuantile(p, df) {
+  const z = normalQuantile(p);
+  if (!Number.isFinite(z) || !(df > 0)) return z;
+  const z3 = z ** 3;
+  const z5 = z ** 5;
+  const z7 = z ** 7;
+  return z + (z3 + z) / (4 * df) + (5 * z5 + 16 * z3 + 3 * z) / (96 * df ** 2) + (3 * z7 + 19 * z5 + 17 * z3 - 15 * z) / (384 * df ** 3);
+}
+function predictionBand(fit, xs, level = 0.8) {
+  const coverage = Math.max(0.01, Math.min(0.999, level));
+  const t = fit.n > 2 ? studentTQuantile(1 - (1 - coverage) / 2, fit.n - 2) : 0;
+  return xs.filter(finite).map((x) => {
+    const y = fit.intercept + fit.slope * x;
+    const spread = t * fit.residualStdError * Math.sqrt(1 + 1 / fit.n + (x - fit.xMean) ** 2 / fit.sxx);
+    return { x, y, lower: y - spread, upper: y + spread };
+  });
+}
+
 // src/components/Chip.tsx
 var import_react44 = require("react");
 
 // src/components/ChipRemove.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function ChipRemoveButton({ label, text, disabled, onRemove }) {
   const provided = useUixLabels().chip?.remove;
   const template = label ?? provided ?? "Remove {label}";
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", className: "uix-chip__remove", "aria-label": fillLabel(template, { label: text }).trim(), disabled, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(XIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "uix-chip__remove", "aria-label": fillLabel(template, { label: text }).trim(), disabled, onClick: onRemove, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(XIcon, {}) });
 }
 
 // src/components/Chip.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Chip = (0, import_react44.forwardRef)(function Chip2({
   children,
   icon,
@@ -6108,10 +6324,10 @@ var Chip = (0, import_react44.forwardRef)(function Chip2({
   const interactive = toggle || onClick != null || href != null;
   const link = href != null && !disabled;
   const on = pressed || link && current || void 0;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-chip__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-chip__label", children }),
-    count2 != null && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-chip__count", children: count2 })
+  const body = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-chip__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-chip__label", children }),
+    count2 != null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-chip__count", children: count2 })
   ] });
   const handleClick = () => {
     if (disabled) return;
@@ -6138,7 +6354,7 @@ var Chip = (0, import_react44.forwardRef)(function Chip2({
       });
     }
     if (interactive) {
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "button",
         {
           type: "button",
@@ -6153,14 +6369,14 @@ var Chip = (0, import_react44.forwardRef)(function Chip2({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: classes, ...extra, ...bodyProps, ref, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: classes, ...extra, ...bodyProps, ref, children: body });
   };
   if (!onRemove) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: main(outer, { ...props, "data-on": on }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: main(outer, { ...props, "data-on": on }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: outer, "data-on": on, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: outer, "data-on": on, ...props, children: [
     main("uix-chip__main"),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ChipRemoveButton,
       {
         label: removeLabel,
@@ -6172,14 +6388,14 @@ var Chip = (0, import_react44.forwardRef)(function Chip2({
   ] });
 });
 function ChipGroup({ label, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { role: "group", "aria-label": label, className: cx("uix-chip-group", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { role: "group", "aria-label": label, className: cx("uix-chip-group", className), ...props, children });
 }
 
 // src/components/Kbd.tsx
 var import_react45 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Kbd({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("kbd", { className: cx("uix-kbd", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("kbd", { className: cx("uix-kbd", className), ...props, children });
 }
 var KEYS = {
   Mod: { mac: ["\u2318", "Command"], other: ["Ctrl", "Control"] },
@@ -6210,15 +6426,15 @@ function KbdCombo({ keys, platform, keyLabels, className, ...props }) {
     const known = KEYS[key]?.[active];
     return { glyph: known?.[0] ?? key, spoken: keyLabels?.[key] ?? known?.[1] ?? key };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: cx("uix-kbd-combo", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-visually-hidden", children: parts.map((p) => p.spoken).join("+") }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uix-kbd-combo__keys", "aria-hidden": "true", children: parts.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("kbd", { className: "uix-kbd", children: p.glyph }, `${keys[i]}-${i}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: cx("uix-kbd-combo", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-visually-hidden", children: parts.map((p) => p.spoken).join("+") }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-kbd-combo__keys", "aria-hidden": "true", children: parts.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("kbd", { className: "uix-kbd", children: p.glyph }, `${keys[i]}-${i}`)) })
   ] });
 }
 
 // src/components/Steps.tsx
 var import_react46 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var DEFAULT_STEP_STATE_LABELS = {
   complete: "Completed",
   current: "Current step",
@@ -6227,12 +6443,12 @@ var DEFAULT_STEP_STATE_LABELS = {
   error: "Needs attention"
 };
 var CSS_STATE = { complete: "done", current: "active", upcoming: void 0, waiting: "waiting", error: "error" };
-var Check = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: "M3.5 8.5l3 3 6-7" }) });
+var Check = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M3.5 8.5l3 3 6-7" }) });
 function Steps({ orientation = "horizontal", progress = true, headingLevel, label, stateLabels, className, children, ...props }) {
   const labels = { ...DEFAULT_STEP_STATE_LABELS, ...stateLabels };
   const steps = import_react46.Children.toArray(children).filter(import_react46.isValidElement);
   const direction = progress ? orientation : "vertical";
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ol", { "aria-label": label, className: cx("uix-steps", "uix-steps--list", `uix-steps--${direction}`, !progress && "uix-steps--sections", className), ...props, children: steps.map((step, index) => (0, import_react46.cloneElement)(step, { index, last: index === steps.length - 1, stateLabels: labels, progress, headingLevel })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ol", { "aria-label": label, className: cx("uix-steps", "uix-steps--list", `uix-steps--${direction}`, !progress && "uix-steps--sections", className), ...props, children: steps.map((step, index) => (0, import_react46.cloneElement)(step, { index, last: index === steps.length - 1, stateLabels: labels, progress, headingLevel })) });
 }
 function Step({
   title,
@@ -6252,18 +6468,18 @@ function Step({
   ...props
 }) {
   const titleId = (0, import_react46.useId)();
-  const glyph = marker ?? (!progress ? index + 1 : state === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Check, {}) : state === "error" ? "!" : index + 1);
+  const glyph = marker ?? (!progress ? index + 1 : state === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Check, {}) : state === "error" ? "!" : index + 1);
   const Title = headingLevel ? `h${headingLevel}` : "span";
-  const name = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Title, { id: children != null ? titleId : void 0, className: "uix-step__title", children: title }),
-    progress && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uix-visually-hidden", children: [
+  const name = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Title, { id: children != null ? titleId : void 0, className: "uix-step__title", children: title }),
+    progress && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "uix-visually-hidden", children: [
       ", ",
       stateLabels[state]
     ] })
   ] });
-  const titled = headingLevel ? name : href != null ? renderUixLink(renderLink, { href, className: "uix-step__action", children: name }) : onSelect ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "uix-step__action", onClick: onSelect, children: name }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-step__action", children: name });
+  const titled = headingLevel ? name : href != null ? renderUixLink(renderLink, { href, className: "uix-step__action", children: name }) : onSelect ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-step__action", onClick: onSelect, children: name }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-step__action", children: name });
   const Text = headingLevel || children != null ? "div" : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "li",
     {
       className: cx("uix-step", className),
@@ -6271,13 +6487,13 @@ function Step({
       "aria-current": progress && state === "current" ? "step" : void 0,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-step__marker", "aria-hidden": "true", children: glyph }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Text, { className: "uix-step__text", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-step__marker", "aria-hidden": "true", children: glyph }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Text, { className: "uix-step__text", children: [
           titled,
-          description != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-step__desc", children: description }),
-          children != null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-step__content", role: "group", "aria-labelledby": titleId, children })
+          description != null && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-step__desc", children: description }),
+          children != null && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-step__content", role: "group", "aria-labelledby": titleId, children })
         ] }),
-        !last && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "uix-step__connector", "aria-hidden": "true", "data-done": progress && state === "complete" || void 0 })
+        !last && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-step__connector", "aria-hidden": "true", "data-done": progress && state === "complete" || void 0 })
       ]
     }
   );
@@ -6285,7 +6501,7 @@ function Step({
 
 // src/components/Tooltip.tsx
 var import_react47 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Tooltip({ label, content, placement = "top", className, children, ...props }) {
   const triggerRef = (0, import_react47.useRef)(null);
   const bubbleRef = (0, import_react47.useRef)(null);
@@ -6348,7 +6564,7 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
   const child = single ? (0, import_react47.cloneElement)(children, {
     "aria-describedby": [children.props["aria-describedby"], id].filter(Boolean).join(" ")
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "span",
     {
       ref: triggerRef,
@@ -6365,7 +6581,7 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
       ...props,
       children: [
         child,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "span",
           {
             ref: bubbleRef,
@@ -6384,45 +6600,45 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
 }
 
 // src/components/States.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function EmptyState({ icon, title, children, action, variant = "section", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__icon", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__title", children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__icon", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__title", children: title }),
     children,
     action
   ] });
 }
 function ErrorState({ icon, title, detail, action, variant = "section", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-empty", "uix-empty--danger", `uix-empty--${variant}`, className), role: "alert", ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__icon uix-empty__icon--danger", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__title", children: title }),
-    detail != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: detail }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-empty", "uix-empty--danger", `uix-empty--${variant}`, className), role: "alert", ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__icon uix-empty__icon--danger", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: detail }),
     action
   ] });
 }
 function ForbiddenState({ icon, title, detail, action, variant = "section", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-empty", "uix-empty--warning", `uix-empty--${variant}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__icon uix-empty__icon--warning", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__title", children: title }),
-    detail != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: detail }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-empty", "uix-empty--warning", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__icon uix-empty__icon--warning", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: detail }),
     action
   ] });
 }
 function NotFoundState({ icon, title, detail, action, variant = "section", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__icon", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uix-empty__title", children: title }),
-    detail != null && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: detail }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__icon", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { children: detail }),
     action
   ] });
 }
 function FilteredEmptyState(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(EmptyState, { "data-filtered": "true", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(EmptyState, { "data-filtered": "true", ...props });
 }
 function Skeleton({ variant = "block", width, height, className, style, ...props }) {
   const dims = { width, height, ...style };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "div",
     {
       className: cx(
@@ -6439,9 +6655,9 @@ function Skeleton({ variant = "block", width, height, className, style, ...props
 function LoadingState({ rows = 3, density = "comfortable", label, className, ...props }) {
   return (
     // no aria-busy: busy=true tells AT the region isn't ready and suppresses the announcement (UIX-A11Y-4)
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-stack", density === "compact" && "uix-stack--compact", className), role: "status", ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uix-visually-hidden", children: label ?? "Loading" }),
-      Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i))
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-stack", density === "compact" && "uix-stack--compact", className), role: "status", ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "uix-visually-hidden", children: label ?? "Loading" }),
+      Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i))
     ] })
   );
 }
@@ -6495,7 +6711,7 @@ function subscribeRelativeClock(interval, listener) {
 }
 
 // src/components/RelativeTime.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function RelativeTime({
   value,
   now,
@@ -6516,7 +6732,7 @@ function RelativeTime({
   const getServerSnapshot = (0, import_react48.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
   const clock = (0, import_react48.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
   const date = (0, import_react48.useMemo)(() => parseDateValue(value), [value]);
-  if (!date) return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("time", { "data-invalid": "true", suppressHydrationWarning: true, ...props, children: invalidLabel });
+  if (!date) return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("time", { "data-invalid": "true", suppressHydrationWarning: true, ...props, children: invalidLabel });
   const current = new Date(clock);
   const content = formatter ? formatter({ date, now: current, locale, timeZone }) : (() => {
     const relative = relativeTimeValue(date, current);
@@ -6526,11 +6742,11 @@ function RelativeTime({
     return new Intl.RelativeTimeFormat(locale, { numeric }).format(relative.value, relative.unit);
   })();
   const absolute = new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short", timeZone }).format(date);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("time", { dateTime: date.toISOString(), title: title ?? absolute, suppressHydrationWarning: true, ...props, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("time", { dateTime: date.toISOString(), title: title ?? absolute, suppressHydrationWarning: true, ...props, children: content });
 }
 
 // src/components/AsyncOperationStatus.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var tones = {
   queued: "neutral",
   running: "info",
@@ -6538,29 +6754,29 @@ var tones = {
   failed: "danger"
 };
 function AsyncOperationStatus({ state, title, statusLabel, description, progress, progressLabel, action, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cx("uix-operation", className), role: state === "failed" ? "alert" : "status", "aria-live": "polite", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uix-operation__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("strong", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(StatusPill, { tone: tones[state], children: statusLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: cx("uix-operation", className), role: state === "failed" ? "alert" : "status", "aria-live": "polite", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-operation__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("strong", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(StatusPill, { tone: tones[state], children: statusLabel })
     ] }),
-    description != null && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uix-operation__description", children: description }),
-    progress != null && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Progress, { value: progress, "aria-label": progressLabel }),
-    action != null && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uix-operation__action", children: action })
+    description != null && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uix-operation__description", children: description }),
+    progress != null && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Progress, { value: progress, "aria-label": progressLabel }),
+    action != null && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uix-operation__action", children: action })
   ] });
 }
 
 // src/components/Label.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Label({ color, dot, children, className, style, ...props }) {
   const merged = color ? { "--label-color": color, ...style } : style;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: cx("uix-label", className), style: merged, ...props, children: [
-    dot && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-label__dot", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: cx("uix-label", className), style: merged, ...props, children: [
+    dot && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-label__dot", "aria-hidden": "true" }),
     children
   ] });
 }
 
 // src/components/Avatar.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var DEFAULT_PRESENCE_LABELS = {
   online: "online",
   busy: "busy",
@@ -6570,15 +6786,15 @@ var DEFAULT_PRESENCE_LABELS = {
 function Avatar({ size = "md", src, alt, children, status, presence, presenceLabels, onlineLabel, className, ...props }) {
   const state = presence ?? (status ? "online" : void 0);
   const word = state && (presenceLabels?.[state] ?? (state === "online" ? onlineLabel : void 0) ?? DEFAULT_PRESENCE_LABELS[state]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: cx("uix-avatar", size !== "md" && `uix-avatar--${size}`, className), ...props, children: [
-    src ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("img", { src, alt: alt ?? "" }) : children,
-    state && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-avatar__status", "data-presence": state === "online" ? void 0 : state, "aria-hidden": "true" }),
-    state && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-visually-hidden", children: word })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: cx("uix-avatar", size !== "md" && `uix-avatar--${size}`, className), ...props, children: [
+    src ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("img", { src, alt: alt ?? "" }) : children,
+    state && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-avatar__status", "data-presence": state === "online" ? void 0 : state, "aria-hidden": "true" }),
+    state && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-visually-hidden", children: word })
   ] });
 }
 function PresenceDot({ presence, label, className, ...props }) {
   const decorative = label === null;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "span",
     {
       className: cx("uix-presence", `uix-presence--${presence}`, className),
@@ -6590,23 +6806,23 @@ function PresenceDot({ presence, label, className, ...props }) {
   );
 }
 function AvatarGroup({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: cx("uix-avatar-group", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: cx("uix-avatar-group", className), ...props, children });
 }
 function UserChip({ avatar, name, sub, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: cx("uix-user-chip", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: cx("uix-user-chip", className), ...props, children: [
     avatar,
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { children: [
-      name != null && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-user-chip__name", children: name }),
-      sub != null && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "uix-user-chip__sub", style: { display: "block" }, children: sub })
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { children: [
+      name != null && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-user-chip__name", children: name }),
+      sub != null && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-user-chip__sub", style: { display: "block" }, children: sub })
     ] }),
     children
   ] });
 }
 
 // src/components/Comments.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function Comments({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { role: "log", className: cx("uix-comments", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { role: "log", className: cx("uix-comments", className), ...props, children });
 }
 function Comment({
   avatar,
@@ -6622,23 +6838,23 @@ function Comment({
 }) {
   const system = variant === "system";
   const byline = author ?? (system ? systemLabel : void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: cx("uix-comment", system && "uix-comment--system", className),
       "data-variant": system ? "system" : void 0,
       ...props,
       children: [
-        avatar ?? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-comment__body", children: [
-          (byline != null || meta != null) && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "uix-comment__meta", children: [
-            byline != null && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-comment__author", children: byline }),
+        avatar ?? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-comment__body", children: [
+          (byline != null || meta != null) && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-comment__meta", children: [
+            byline != null && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-comment__author", children: byline }),
             byline != null && meta != null ? " \xB7 " : null,
             meta
           ] }),
-          replyTo != null && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("blockquote", { className: "uix-comment__reply", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-comment__reply-label", children: replyToLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "uix-comment__reply-body", children: replyTo })
+          replyTo != null && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("blockquote", { className: "uix-comment__reply", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-comment__reply-label", children: replyToLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-comment__reply-body", children: replyTo })
           ] }),
           children
         ] })
@@ -6648,7 +6864,7 @@ function Comment({
 }
 
 // src/components/SaveStatus.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var DEFAULT_SAVE_STATUS_LABELS = {
   saving: "Saving\u2026",
   saved: "Saved",
@@ -6658,30 +6874,30 @@ var DEFAULT_SAVE_STATUS_LABELS = {
 function SaveStatus({ state, labels, onRetry, className, ...props }) {
   const text = { ...DEFAULT_SAVE_STATUS_LABELS, ...labels };
   const message = state === "idle" ? "" : text[state];
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cx("uix-save-status", className), "data-state": state, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-save-status__icon", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-save-status__text", role: "status", "aria-live": "polite", children: message }),
-    state === "failed" && onRetry && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "uix-btn uix-btn--link uix-btn--sm uix-save-status__retry", onClick: onRetry, children: text.retry })
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: cx("uix-save-status", className), "data-state": state, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "uix-save-status__icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "uix-save-status__text", role: "status", "aria-live": "polite", children: message }),
+    state === "failed" && onRetry && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("button", { type: "button", className: "uix-btn uix-btn--link uix-btn--sm uix-save-status__retry", onClick: onRetry, children: text.retry })
   ] });
 }
 
 // src/components/Composer.tsx
 var import_react49 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Composer({ children, className, label = "Add a comment", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react49.Children.map(children, (child) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react49.Children.map(children, (child) => {
     if (!(0, import_react49.isValidElement)(child) || child.type !== "textarea") return child;
     const p = child.props;
     return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react49.cloneElement)(child, { "aria-label": label });
   }) });
 }
 function ComposerBar({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
 }
 
 // src/components/Segmented.tsx
 var import_react50 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var SegmentedCtx = (0, import_react50.createContext)({});
 var OPTION = ".uix-segmented__option";
 function Segmented({ value, onChange, selection = "toggle", children, className, onKeyDown, ...props }) {
@@ -6735,7 +6951,7 @@ function Segmented({ value, onChange, selection = "toggle", children, className,
     target.focus();
     target.click();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ref, role: selection === "radio" ? "radiogroup" : "group", className: cx("uix-segmented", className), onKeyDown: handleKeyDown, ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref, role: selection === "radio" ? "radiogroup" : "group", className: cx("uix-segmented", className), onKeyDown: handleKeyDown, ...props, children }) });
 }
 function SegmentedOption({
   value,
@@ -6747,7 +6963,7 @@ function SegmentedOption({
   const ctx = (0, import_react50.useContext)(SegmentedCtx);
   const selected = ctx.value === value;
   const radio = ctx.selection === "radio";
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "button",
     {
       type: "button",
@@ -6770,7 +6986,7 @@ function SegmentedOption({
 var import_react51 = require("react");
 
 // src/components/EditorIcons.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var PATHS2 = {
   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",
@@ -6804,7 +7020,7 @@ var PATHS2 = {
   more: "M5 12h.01M12 12h.01M19 12h.01"
 };
 function EditorIcon({ name, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -6816,13 +7032,13 @@ function EditorIcon({ name, ...props }) {
       "aria-hidden": "true",
       focusable: "false",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: PATHS2[name] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: PATHS2[name] })
     }
   );
 }
 
 // src/components/TableControls.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var VIEW_MENU_COLUMN_LABELS = {
   rowActions: "Column actions: {label}",
   reorder: "Drag to reorder: {label}",
@@ -6894,8 +7110,8 @@ function ColumnRowMenu({ label, actions, triggerRef }) {
     else if (event.key === "End") focus(list.length - 1);
     else if (event.key === "Tab") close(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "uix-view-menu__actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "uix-view-menu__actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "button",
       {
         ref: (el) => {
@@ -6918,10 +7134,10 @@ function ColumnRowMenu({ label, actions, triggerRef }) {
           if (open) close(false);
           else setOpen(true);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EditorIcon, { name: "more" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EditorIcon, { name: "more" })
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsx)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)(
       "button",
       {
         ref: (el) => {
@@ -7012,27 +7228,27 @@ function ViewMenu({
     ...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_runtime72.jsxs)("div", { className: cx("uix-view-menu", className), "data-dragging": dragging ? "" : void 0, children: [
-    showDensity && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-view-menu__group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { id: densityLabelId, className: "uix-view-menu__label", children: densityLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Segmented, { value: density ?? "", onChange: onDensityChange, "aria-labelledby": densityLabelId, children: densityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SegmentedOption, { value: option.value, children: option.label }, option.value)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cx("uix-view-menu", className), "data-dragging": dragging ? "" : void 0, children: [
+    showDensity && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-view-menu__group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { id: densityLabelId, className: "uix-view-menu__label", children: densityLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Segmented, { value: density ?? "", onChange: onDensityChange, "aria-labelledby": densityLabelId, children: densityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SegmentedOption, { value: option.value, children: option.label }, option.value)) })
     ] }),
-    (zebra || freeze) && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-view-menu__group", children: [
-      displayLabel != null && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "uix-view-menu__label", children: displayLabel }),
-      zebra && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-view-menu__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { id: zebraLabelId, children: zebra.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Switch, { checked: zebra.checked, "aria-labelledby": zebraLabelId, onChange: (event) => zebra.onChange(event.currentTarget.checked) })
+    (zebra || freeze) && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-view-menu__group", children: [
+      displayLabel != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-view-menu__label", children: displayLabel }),
+      zebra && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { id: zebraLabelId, children: zebra.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Switch, { checked: zebra.checked, "aria-labelledby": zebraLabelId, onChange: (event) => zebra.onChange(event.currentTarget.checked) })
       ] }),
-      freeze && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-view-menu__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { id: freezeLabelId, children: freeze.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Switch, { checked: freeze.checked, "aria-labelledby": freezeLabelId, onChange: (event) => freeze.onChange(event.currentTarget.checked) })
+      freeze && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { id: freezeLabelId, children: freeze.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Switch, { checked: freeze.checked, "aria-labelledby": freezeLabelId, onChange: (event) => freeze.onChange(event.currentTarget.checked) })
       ] })
     ] }),
-    ordered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-view-menu__group", children: [
-      columnsLabel != null && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { id: columnsLabelId, className: "uix-view-menu__label", children: columnsLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("ul", { ref: listRef, className: "uix-view-menu__cols", "aria-labelledby": columnsLabel != null ? columnsLabelId : void 0, children: ordered.map((column, index) => {
+    ordered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-view-menu__group", children: [
+      columnsLabel != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { id: columnsLabelId, className: "uix-view-menu__label", children: columnsLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime72.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
           "li",
           {
             className: "uix-view-menu__col",
@@ -7041,7 +7257,7 @@ function ViewMenu({
             "data-required": column.required ? "true" : void 0,
             "data-dragging": dragging === column.id || void 0,
             children: [
-              onReorder && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              onReorder && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7060,23 +7276,23 @@ function ViewMenu({
                     event.preventDefault();
                     move(column.id, event.key === "ArrowUp" ? -1 : 1, "grip");
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EditorIcon, { name: "grip" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EditorIcon, { name: "grip" })
                 }
               ),
-              column.required ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "uix-view-menu__col-toggle", title: labels.required, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "uix-view-menu__col-box", "aria-hidden": "true" }),
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "uix-view-menu__col-name", children: column.label })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              column.required ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "uix-view-menu__col-toggle", title: labels.required, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-view-menu__col-box", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-view-menu__col-name", children: column.label })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 Checkbox,
                 {
                   className: "uix-view-menu__col-toggle",
-                  label: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "uix-view-menu__col-name", children: column.label }),
+                  label: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime72.jsx)(
+              onReorder && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 ColumnRowMenu,
                 {
                   label: fill2(labels.rowActions, { label: text }),
@@ -7093,20 +7309,20 @@ function ViewMenu({
         );
       }) })
     ] }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "uix-view-menu__footer", children: footer }),
-    onReorder && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement })
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-view-menu__footer", children: footer }),
+    onReorder && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement })
   ] });
 }
 function FilterPopover({ label, type = "text", value, onValueChange, options, applyLabel, clearLabel, onApply, onClear, placeholder }) {
   const controlId = (0, import_react51.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-filter-popover", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("label", { className: "uix-field__label", htmlFor: controlId, children: label }),
-      type === "select" || type === "enum" || type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("select", { id: controlId, className: "uix-select", value, onChange: (event) => onValueChange(event.currentTarget.value), children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("option", { value: option.value, children: option.label }, option.value)) }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Input, { id: controlId, type, value, placeholder, onChange: (event) => onValueChange(event.currentTarget.value) })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-popover", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("label", { className: "uix-field__label", htmlFor: controlId, children: label }),
+      type === "select" || type === "enum" || type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("select", { id: controlId, className: "uix-select", value, onChange: (event) => onValueChange(event.currentTarget.value), children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("option", { value: option.value, children: option.label }, option.value)) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { id: controlId, type, value, placeholder, onChange: (event) => onValueChange(event.currentTarget.value) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "uix-filter-popover__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { type: "button", onClick: onClear, children: clearLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { type: "button", variant: "primary", onClick: onApply, children: applyLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-popover__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", onClick: onClear, children: clearLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", variant: "primary", onClick: onApply, children: applyLabel })
     ] })
   ] });
 }
@@ -7205,8 +7421,8 @@ function SavedViewMenu({ items, sections, onSelect, onPinChange, pinLabel, unpin
       if (!item) return null;
       const nameId = `${baseId}-${groupIndex}-${index}`;
       const extra = actions?.(item);
-      return /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)(
           "button",
           {
             type: "button",
@@ -7225,25 +7441,25 @@ function SavedViewMenu({ items, sections, onSelect, onPinChange, pinLabel, unpin
               event.preventDefault();
               move(group, item.id, event.key === "ArrowUp" ? -1 : 1);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EditorIcon, { name: "grip" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EditorIcon, { name: "grip" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsx)("span", { className: "uix-saved-views__name", children: item.label }) }),
-        onPinChange && /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsx)("span", { className: "uix-saved-views__actions", children: extra })
+        /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("span", { className: "uix-saved-views__name", children: item.label }) }),
+        onPinChange && /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("span", { className: "uix-saved-views__actions", children: extra })
       ] }, item.id);
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("ul", { className: "uix-menu uix-saved-views", "data-dragging": dragging ? "" : void 0, children: [
-    visible.length === 0 && emptyLabel != null && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("li", { className: "uix-menu__label", children: emptyLabel }),
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("ul", { className: "uix-menu uix-saved-views", "data-dragging": dragging ? "" : void 0, children: [
+    visible.length === 0 && emptyLabel != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("li", { className: "uix-menu__label", children: emptyLabel }),
     sections ? visible.map((group, groupIndex) => {
       const labelId = `${baseId}-section-${groupIndex}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("li", { className: "uix-saved-views__section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { id: labelId, className: "uix-menu__label uix-saved-views__section-label", children: group.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("ul", { className: "uix-saved-views__group", "aria-labelledby": labelId, children: renderRows(group, groupIndex) })
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("li", { className: "uix-saved-views__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { id: labelId, className: "uix-menu__label uix-saved-views__section-label", children: group.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime72.jsx)("li", { className: "uix-saved-views__footer", children: footer })
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("li", { className: "uix-saved-views__footer", children: footer })
   ] });
 }
 
@@ -7347,7 +7563,7 @@ function summarizeFilter(field, value, options = {}) {
 }
 
 // src/components/FilterEditor.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DEFAULT_FILTER_EDITOR_LABELS = {
   apply: "Apply",
   clear: "Clear",
@@ -7397,16 +7613,16 @@ function FilterEditor({ field, value: valueProp, onValueChange, onApply, onClear
   let body = null;
   switch (value.kind) {
     case "enum":
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EnumBody, { field, value, onChange: onValueChange, labels, threshold: searchThreshold });
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EnumBody, { field, value, onChange: onValueChange, labels, threshold: searchThreshold });
       break;
     case "reference":
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ReferenceBody, { field, value, onChange: onValueChange, labels, delay: searchDelay });
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ReferenceBody, { field, value, onChange: onValueChange, labels, delay: searchDelay });
       break;
     case "text": {
       const ops = field.operators ?? TEXT_FILTER_OPERATORS;
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-editor__row", children: [
-        ops.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Select, { size: "sm", "aria-label": labels.operator, value: value.operator, onChange: (e) => onValueChange({ ...value, operator: e.currentTarget.value }), children: ops.map((op) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("option", { value: op, children: labels.operators[op] }, op)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { "aria-label": labels.value, value: value.text, onChange: (e) => onValueChange({ ...value, text: e.currentTarget.value }), onKeyDown: (e) => {
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-editor__row", children: [
+        ops.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Select, { size: "sm", "aria-label": labels.operator, value: value.operator, onChange: (e) => onValueChange({ ...value, operator: e.currentTarget.value }), children: ops.map((op) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { value: op, children: labels.operators[op] }, op)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { "aria-label": labels.value, value: value.text, onChange: (e) => onValueChange({ ...value, text: e.currentTarget.value }), onKeyDown: (e) => {
           if (e.key === "Enter") onApply();
         }, autoFocus: true })
       ] });
@@ -7415,45 +7631,45 @@ function FilterEditor({ field, value: valueProp, onValueChange, onApply, onClear
     case "number": {
       const ops = field.operators ?? NUMBER_FILTER_OPERATORS;
       const toNumber = (raw) => raw.trim() === "" ? void 0 : Number(raw);
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-editor__row", children: [
-        ops.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Select, { size: "sm", "aria-label": labels.operator, value: value.operator, onChange: (e) => onValueChange({ ...value, operator: e.currentTarget.value }), children: ops.map((op) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("option", { value: op, children: labels.operators[op] }, op)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "number", inputMode: "decimal", "aria-label": value.operator === "between" ? labels.from : labels.value, value: value.value ?? "", onChange: (e) => onValueChange({ ...value, value: toNumber(e.currentTarget.value) }), autoFocus: true }),
-        value.operator === "between" && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-filter-editor__and", children: labels.and }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "number", inputMode: "decimal", "aria-label": labels.to, value: value.to ?? "", onChange: (e) => onValueChange({ ...value, to: toNumber(e.currentTarget.value) }) })
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-editor__row", children: [
+        ops.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Select, { size: "sm", "aria-label": labels.operator, value: value.operator, onChange: (e) => onValueChange({ ...value, operator: e.currentTarget.value }), children: ops.map((op) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { value: op, children: labels.operators[op] }, op)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "number", inputMode: "decimal", "aria-label": value.operator === "between" ? labels.from : labels.value, value: value.value ?? "", onChange: (e) => onValueChange({ ...value, value: toNumber(e.currentTarget.value) }), autoFocus: true }),
+        value.operator === "between" && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "uix-filter-editor__and", children: labels.and }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "number", inputMode: "decimal", "aria-label": labels.to, value: value.to ?? "", onChange: (e) => onValueChange({ ...value, to: toNumber(e.currentTarget.value) }) })
         ] }),
-        field.unit && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-filter-editor__unit", children: field.unit })
+        field.unit && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "uix-filter-editor__unit", children: field.unit })
       ] });
       break;
     }
     case "date-range":
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-editor__row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("label", { className: "uix-filter-editor__date", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: labels.from }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "date", value: value.from ?? "", max: value.to, onChange: (e) => onValueChange({ ...value, from: e.currentTarget.value || void 0 }) })
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-editor__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("label", { className: "uix-filter-editor__date", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: labels.from }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "date", value: value.from ?? "", max: value.to, onChange: (e) => onValueChange({ ...value, from: e.currentTarget.value || void 0 }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("label", { className: "uix-filter-editor__date", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: labels.to }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "date", value: value.to ?? "", min: value.from, onChange: (e) => onValueChange({ ...value, to: e.currentTarget.value || void 0 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("label", { className: "uix-filter-editor__date", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: labels.to }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "date", value: value.to ?? "", min: value.from, onChange: (e) => onValueChange({ ...value, to: e.currentTarget.value || void 0 }) })
         ] })
       ] });
       break;
     case "boolean": {
       const pick = (v) => onValueChange({ kind: "boolean", value: v });
-      body = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(RadioGroup, { className: "uix-filter-editor__choices", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Radio, { name: `${id}-bool`, label: labels.any, checked: value.value === void 0, onChange: () => pick(void 0) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Radio, { name: `${id}-bool`, label: field.trueLabel ?? labels.yes, checked: value.value === true, onChange: () => pick(true) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Radio, { name: `${id}-bool`, label: field.falseLabel ?? labels.no, checked: value.value === false, onChange: () => pick(false) })
+      body = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(RadioGroup, { className: "uix-filter-editor__choices", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Radio, { name: `${id}-bool`, label: labels.any, checked: value.value === void 0, onChange: () => pick(void 0) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Radio, { name: `${id}-bool`, label: field.trueLabel ?? labels.yes, checked: value.value === true, onChange: () => pick(true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Radio, { name: `${id}-bool`, label: field.falseLabel ?? labels.no, checked: value.value === false, onChange: () => pick(false) })
       ] });
       break;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-popover uix-filter-editor", role: "group", "aria-labelledby": `${id}-label`, "data-kind": field.kind, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { id: `${id}-label`, className: "uix-filter-editor__label", children: field.label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-popover uix-filter-editor", role: "group", "aria-labelledby": `${id}-label`, "data-kind": field.kind, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { id: `${id}-label`, className: "uix-filter-editor__label", children: field.label }),
     body,
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-popover__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", size: "sm", onClick: onClear, children: labels.clear }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", size: "sm", variant: "primary", onClick: onApply, children: labels.apply })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-popover__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { type: "button", size: "sm", onClick: onClear, children: labels.clear }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { type: "button", size: "sm", variant: "primary", onClick: onApply, children: labels.apply })
     ] })
   ] });
 }
@@ -7468,15 +7684,15 @@ function EnumBody({ field, value, onChange, labels, threshold }) {
   const toggle = (v, on) => onChange({ kind: "enum", values: on ? [...value.values, v] : value.values.filter((x) => x !== v) });
   const presets = field.presets ?? [];
   const active = matchFilterPreset(field, value);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-    presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-chip-group uix-filter-editor__presets", role: "group", "aria-label": labels.presets ?? DEFAULT_FILTER_EDITOR_LABELS.presets, children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Chip, { pressed: p === active, onPressedChange: () => onChange({ kind: "enum", values: [...p.values] }), children: p.label }, p.id)) }),
-    options.length > threshold && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "search", size: "sm", "aria-label": labels.search, placeholder: labels.search, value: query, onChange: (e) => setQuery(e.currentTarget.value), autoFocus: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-editor__bulk", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "uix-filter-editor__count", "aria-live": "polite", children: fillLabel(labels.selected, { count: value.values.length }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [.../* @__PURE__ */ new Set([...value.values, ...shown.map((o) => o.value)])] }), children: labels.selectAll }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [] }), children: labels.selectNone })
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+    presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "uix-chip-group uix-filter-editor__presets", role: "group", "aria-label": labels.presets ?? DEFAULT_FILTER_EDITOR_LABELS.presets, children: presets.map((p) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Chip, { pressed: p === active, onPressedChange: () => onChange({ kind: "enum", values: [...p.values] }), children: p.label }, p.id)) }),
+    options.length > threshold && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "search", size: "sm", "aria-label": labels.search, placeholder: labels.search, value: query, onChange: (e) => setQuery(e.currentTarget.value), autoFocus: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-editor__bulk", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "uix-filter-editor__count", "aria-live": "polite", children: fillLabel(labels.selected, { count: value.values.length }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [.../* @__PURE__ */ new Set([...value.values, ...shown.map((o) => o.value)])] }), children: labels.selectAll }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => onChange({ kind: "enum", values: [] }), children: labels.selectNone })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-filter-editor__list", children: shown.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-filter-editor__note", children: labels.noMatches }) : shown.map((o) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Checkbox, { label: o.label, checked: selected.has(o.value), onChange: (e) => toggle(o.value, e.currentTarget.checked) }, o.value)) })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "uix-filter-editor__list", children: shown.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "uix-filter-editor__note", children: labels.noMatches }) : shown.map((o) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Checkbox, { label: o.label, checked: selected.has(o.value), onChange: (e) => toggle(o.value, e.currentTarget.checked) }, o.value)) })
   ] });
 }
 function ReferenceBody({ field, value, onChange, labels, delay }) {
@@ -7502,35 +7718,35 @@ function ReferenceBody({ field, value, onChange, labels, delay }) {
   }, [query, attempt, field, delay]);
   const chosen = new Map(value.values.map((v) => [v.value, v]));
   const toggle = (choice, on) => onChange({ kind: "reference", values: on ? [...value.values, choice] : value.values.filter((v) => v.value !== choice.value) });
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-    value.values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "uix-chip-group", role: "group", "aria-label": fillLabel(labels.selected, { count: value.values.length }), children: value.values.map((v) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Chip, { removeLabel: fillLabel(labels.remove, { label: v.label }), onRemove: () => toggle(v, false), children: v.label }, v.value)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Input, { type: "search", size: "sm", "aria-label": labels.search, placeholder: labels.search, value: query, onChange: (e) => setQuery(e.currentTarget.value), autoFocus: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-editor__list", "aria-busy": state.status === "loading" || void 0, children: [
-      state.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-filter-editor__note", role: "status", children: labels.searching }),
-      state.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("p", { className: "uix-filter-editor__note", role: "alert", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+    value.values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "uix-chip-group", role: "group", "aria-label": fillLabel(labels.selected, { count: value.values.length }), children: value.values.map((v) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Chip, { removeLabel: fillLabel(labels.remove, { label: v.label }), onRemove: () => toggle(v, false), children: v.label }, v.value)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Input, { type: "search", size: "sm", "aria-label": labels.search, placeholder: labels.search, value: query, onChange: (e) => setQuery(e.currentTarget.value), autoFocus: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-filter-editor__list", "aria-busy": state.status === "loading" || void 0, children: [
+      state.status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "uix-filter-editor__note", role: "status", children: labels.searching }),
+      state.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("p", { className: "uix-filter-editor__note", role: "alert", children: [
         labels.searchFailed,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => setAttempt((n) => n + 1), children: labels.retry })
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button, { type: "button", variant: "link", size: "sm", onClick: () => setAttempt((n) => n + 1), children: labels.retry })
       ] }),
-      state.status === "done" && state.results.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "uix-filter-editor__note", children: labels.noMatches }),
-      state.status === "done" && state.results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Checkbox, { label: r.label, checked: chosen.has(r.value), onChange: (e) => toggle(r, e.currentTarget.checked) }, r.value))
+      state.status === "done" && state.results.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "uix-filter-editor__note", children: labels.noMatches }),
+      state.status === "done" && state.results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Checkbox, { label: r.label, checked: chosen.has(r.value), onChange: (e) => toggle(r, e.currentTarget.checked) }, r.value))
     ] })
   ] });
 }
 
 // src/components/Timeline.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Timeline({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("ol", { className: cx("uix-timeline", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("ol", { className: cx("uix-timeline", className), ...props, children });
 }
 function TimelineItem({ node, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("li", { className: cx("uix-timeline__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-timeline__rail", "aria-hidden": "true", children: [
-      node ?? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "uix-timeline__node" }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "uix-timeline__line" })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("li", { className: cx("uix-timeline__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "uix-timeline__rail", "aria-hidden": "true", children: [
+      node ?? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-timeline__node" }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-timeline__line" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "uix-timeline__body", children: [
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "uix-timeline__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "uix-timeline__body", children: [
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "uix-timeline__meta", children: meta }),
       children
     ] })
   ] });
@@ -7538,10 +7754,10 @@ function TimelineItem({ node, meta, children, className, ...props }) {
 
 // src/components/Pipeline.tsx
 var import_react53 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function Pipeline({ detailed = false, children, className, tabIndex, ...props }) {
   const stages = detailed ? import_react53.Children.map(children, (child) => (0, import_react53.isValidElement)(child) && child.type === PipelineStage ? (0, import_react53.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "ol",
     {
       className: cx("uix-pipeline", detailed && "uix-pipeline--detailed", className),
@@ -7578,20 +7794,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_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "li",
     {
       className: cx("uix-pipeline__stage", className),
       "data-state": state,
       "aria-current": current ? "step" : void 0,
       ...props,
-      children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-pipeline__marker", "aria-hidden": "true", children: marker }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "uix-pipeline__content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "uix-pipeline__eyebrow", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "uix-pipeline__state", children: resolvedStateLabel }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "uix-pipeline__title", children: label }),
-          description != null && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "uix-pipeline__description", children: description }),
-          meta != null && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "uix-pipeline__meta", children: meta })
+      children: showDetails ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "uix-pipeline__marker", "aria-hidden": "true", children: marker }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "uix-pipeline__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-pipeline__eyebrow", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "uix-pipeline__state", children: resolvedStateLabel }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-pipeline__title", children: label }),
+          description != null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-pipeline__description", children: description }),
+          meta != null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-pipeline__meta", children: meta })
         ] })
       ] }) : label
     }
@@ -7599,9 +7815,9 @@ function PipelineStage({
 }
 
 // src/components/Flow.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Flow({ variant = "linear", panel = false, children, className, role = "group", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "div",
     {
       className: cx("uix-flow", `uix-flow--${variant}`, panel && "uix-flow--panel", className),
@@ -7631,33 +7847,33 @@ function FlowNode({
   ...props
 }) {
   const resolvedStateLabel = stateLabel ?? FLOW_STATE_LABELS[state];
-  return /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)("span", { className: "uix-node__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "uix-node__body", children: [
-      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-node__eyebrow", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-node__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-node__meta", children: meta }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-node__status", children: resolvedStateLabel })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("span", { className: "uix-node__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "uix-node__body", children: [
+      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-node__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-node__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-node__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-node__status", children: resolvedStateLabel })
     ] }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "uix-node__footer", children: footer })
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-node__footer", children: footer })
   ] });
 }
 
 // src/components/Prose.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function Prose({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: cx("uix-prose", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cx("uix-prose", className), ...props, children });
 }
 function Note({ tone, icon, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: cx("uix-note", tone && tone !== "neutral" && `uix-note--${tone}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-note__icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "uix-note__body", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cx("uix-note", tone && tone !== "neutral" && `uix-note--${tone}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "uix-note__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "uix-note__body", children })
   ] });
 }
 
 // src/components/Menu.tsx
 var import_react54 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var MenuContext = (0, import_react54.createContext)(null);
 var MenuRadioContext = (0, import_react54.createContext)(null);
 var ITEM = '[role^="menuitem"]:not([aria-disabled="true"])';
@@ -7779,9 +7995,9 @@ function Menu({ trigger, children, open: controlledOpen, defaultOpen = false, on
       }
     }
   }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(MenuContext.Provider, { value: { close }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(MenuContext.Provider, { value: { close }, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       Popover,
       {
         id: menuId,
@@ -7803,15 +8019,15 @@ function MenuItem({ children, onSelect, href, renderLink, icon, shortcut, tone =
   const menu = (0, import_react54.useContext)(MenuContext);
   const classes = cx("uix-menu__item", tone === "danger" && "uix-menu__item--danger", className);
   const attributes = itemAttributes(rest);
-  const body = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__text", children }),
-    shortcut != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__shortcut", children: shortcut })
+  const body = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__text", children }),
+    shortcut != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__shortcut", children: shortcut })
   ] });
   if (href != null && !disabled) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: renderUixLink(renderLink, { ...attributes, href, role: "menuitem", tabIndex: -1, className: classes, onClick: () => menu?.close(false), children: body }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: renderUixLink(renderLink, { ...attributes, href, role: "menuitem", tabIndex: -1, className: classes, onClick: () => menu?.close(false), children: body }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "button",
     {
       ...attributes,
@@ -7842,7 +8058,7 @@ function CheckableItem({
   ...rest
 }) {
   const menu = (0, import_react54.useContext)(MenuContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "button",
     {
       ...itemAttributes(rest),
@@ -7866,24 +8082,24 @@ function CheckableItem({
         if (closeOnSelect) menu?.close(true);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__check", "aria-hidden": "true", children: checked && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CheckIcon, {}) }),
-        icon != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__text", children }),
-        shortcut != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "uix-menu__shortcut", children: shortcut })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__check", "aria-hidden": "true", children: checked && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CheckIcon, {}) }),
+        icon != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__text", children }),
+        shortcut != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-menu__shortcut", children: shortcut })
       ]
     }
   );
 }
 function MenuRadioGroup({ value, onValueChange, label, "aria-label": ariaLabel, children }) {
   const id = (0, import_react54.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenuRadioContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { role: "group", "aria-labelledby": label != null ? id : void 0, "aria-label": label != null ? void 0 : ariaLabel, children: [
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { id, className: "uix-menu__label", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenuRadioContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { role: "group", "aria-labelledby": label != null ? id : void 0, "aria-label": label != null ? void 0 : ariaLabel, children: [
+    label != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { id, className: "uix-menu__label", children: label }),
     children
   ] }) });
 }
 function MenuItemRadio({ value, checked, onSelect, closeOnSelect = true, ...rest }) {
   const group = (0, import_react54.useContext)(MenuRadioContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     CheckableItem,
     {
       ...rest,
@@ -7898,7 +8114,7 @@ function MenuItemRadio({ value, checked, onSelect, closeOnSelect = true, ...rest
   );
 }
 function MenuItemCheckbox({ checked, onCheckedChange, closeOnSelect = false, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     CheckableItem,
     {
       ...rest,
@@ -7911,18 +8127,18 @@ function MenuItemCheckbox({ checked, onCheckedChange, closeOnSelect = false, ...
 }
 function MenuGroup({ label, children }) {
   const id = (0, import_react54.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { role: "group", "aria-labelledby": id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { id, className: "uix-menu__label", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { role: "group", "aria-labelledby": id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { id, className: "uix-menu__label", children: label }),
     children
   ] });
 }
 function MenuSeparator() {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { role: "separator", className: "uix-menu__sep" });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { role: "separator", className: "uix-menu__sep" });
 }
 
 // src/components/CommandPalette.tsx
 var import_react55 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var CmdkContext = (0, import_react55.createContext)(null);
 function CommandPalette({ inputProps, children, inputLabel: inputLabelProp, resultsLabel, className, ...props }) {
   const uixLabels = useUixLabels();
@@ -7948,8 +8164,8 @@ function CommandPalette({ inputProps, children, inputLabel: inputLabelProp, resu
     return () => clearTimeout(t);
   }, [count2]);
   const ctx = (0, import_react55.useMemo)(() => ({ listId, setActive, registerItem }), [listId, setActive, registerItem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CmdkContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CmdkContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "input",
       {
         className: "uix-cmdk__input",
@@ -7962,14 +8178,14 @@ function CommandPalette({ inputProps, children, inputLabel: inputLabelProp, resu
         ...inputProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "uix-cmdk__list", role: "listbox", id: listId, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "uix-visually-hidden", role: "status", children: announced })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-cmdk__list", role: "listbox", id: listId, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "uix-visually-hidden", role: "status", children: announced })
   ] }) });
 }
 function CommandGroup({ label, children }) {
   const labelId = (0, import_react55.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { role: "group", "aria-labelledby": label != null ? labelId : void 0, children: [
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "uix-cmdk__group", id: labelId, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { role: "group", "aria-labelledby": label != null ? labelId : void 0, children: [
+    label != null && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-cmdk__group", id: labelId, children: label }),
     children
   ] });
 }
@@ -7983,7 +8199,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_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "div",
     {
       className: cx("uix-cmdk__item", className),
@@ -7994,7 +8210,7 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
       ...props,
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children }),
         shortcut
       ]
     }
@@ -8003,9 +8219,9 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
 
 // src/components/Inbox.tsx
 var import_react56 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function Inbox({ view, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
 }
 var InboxListCtx = (0, import_react56.createContext)({});
 function InboxList({ children, listLabel = "Inbox", className, ...props }) {
@@ -8046,7 +8262,7 @@ function InboxList({ children, listLabel = "Inbox", className, ...props }) {
     setActiveId(el.id);
     el.scrollIntoView({ block: "nearest" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InboxListCtx.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(InboxListCtx.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "div",
     {
       ref: listRef,
@@ -8075,7 +8291,7 @@ function InboxItem({
   const autoId = (0, import_react56.useId)();
   const itemId = id ?? autoId;
   const { activeId } = (0, import_react56.useContext)(InboxListCtx);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "div",
     {
       role: "option",
@@ -8087,35 +8303,35 @@ function InboxItem({
       ...props,
       children: [
         leading,
-        subject != null && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-inbox__subject", children: subject }),
-        preview != null && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-inbox__preview", children: preview }),
+        subject != null && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-inbox__subject", children: subject }),
+        preview != null && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-inbox__preview", children: preview }),
         children
       ]
     }
   );
 }
 function InboxDetail({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
 }
 
 // src/components/Kanban.tsx
 var import_react57 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function Kanban({ announcement, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cx("uix-kanban", className), ...props, children: [
-    announcement != null && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cx("uix-kanban", className), ...props, children: [
+    announcement != null && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
     children
   ] });
 }
 function KanbanColumn({ title, count: count2, children, className, ...props }) {
   const headId = (0, import_react57.useId)();
   const hasHead = title != null || count2 != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
-    hasHead && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "uix-kanban__head", id: headId, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
+    hasHead && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-kanban__head", id: headId, children: [
       title,
-      count2 != null && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "uix-kanban__count", children: count2 })
+      count2 != null && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-kanban__count", children: count2 })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-kanban__body", role: "list", "aria-labelledby": hasHead ? headId : void 0, children })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "uix-kanban__body", role: "list", "aria-labelledby": hasHead ? headId : void 0, children })
   ] });
 }
 var MOVE_KEYS = {
@@ -8134,7 +8350,7 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
       onMove(dir);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       role: "listitem",
@@ -8143,8 +8359,8 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
       onKeyDown: handleKeyDown,
       ...props,
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-kanban__card-title", children: title }),
-        meta && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "uix-kanban__card-title", children: title }),
+        meta && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
         children
       ]
     }
@@ -8210,8 +8426,8 @@ function treeNav(flat, currentId, key) {
 }
 
 // src/components/Tree.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("path", { d: "M2 4l4 4 4-4" }) });
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 var DEFAULT_TREE_LABELS = {
   loading: "Loading\u2026",
   error: "Could not load.",
@@ -8220,11 +8436,11 @@ var DEFAULT_TREE_LABELS = {
 var LOADING = "::uix-loading";
 var FAILED = "::uix-error";
 var syntheticOf = (id) => id.endsWith(LOADING) ? { parent: id.slice(0, -LOADING.length), kind: "loading" } : id.endsWith(FAILED) ? { parent: id.slice(0, -FAILED.length), kind: "error" } : null;
-var Ring = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-spinner uix-spinner--sm", "aria-hidden": "true" });
+var Ring = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-spinner uix-spinner--sm", "aria-hidden": "true" });
 function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle, onSelect, onFocusNode, level = 1, rowToggles = true, busy }) {
   const hasChildren = Array.isArray(node.children) && node.children.length > 0;
   const isExpanded = expanded.has(node.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "li",
     {
       role: "treeitem",
@@ -8245,12 +8461,12 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
         onFocusNode(node.id);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "uix-tree__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime82.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               "button",
               {
                 type: "button",
@@ -8262,14 +8478,14 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
                   onToggle(node.id);
                   onFocusNode(node.id);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ChevronIcon2, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronIcon2, {})
               }
             )
-          ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-tree__toggle" }),
-          node.icon && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { "aria-hidden": "true", children: node.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-tree__label", children: node.label })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-tree__toggle" }),
+          node.icon && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { "aria-hidden": "true", children: node.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-tree__label", children: node.label })
         ] }),
-        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           TreeNode,
           {
             node: child,
@@ -8325,12 +8541,12 @@ function Tree({
     const row = (parent, kind) => ({
       id: parent.id + (kind === "error" ? FAILED : LOADING),
       typeaheadLabel: "",
-      label: kind === "error" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "uix-tree__status uix-tree__status--error", children: [
+      label: kind === "error" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "uix-tree__status uix-tree__status--error", children: [
         labels.error,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-tree__retry", children: labels.retry })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "uix-tree__status", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Ring, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-tree__retry", children: labels.retry })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "uix-tree__status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Ring, {}),
         labels.loading
       ] })
     });
@@ -8430,7 +8646,7 @@ function Tree({
   const useVirtual = virtualize ?? shouldVirtualize(flat.length);
   const tabbableId = focusedId ?? selected ?? nodes[0]?.id;
   if (useVirtual) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       VirtualTreeView,
       {
         flat,
@@ -8510,7 +8726,7 @@ function Tree({
         break;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", "data-uix-tree": treeId, onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", "data-uix-tree": treeId, onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     TreeNode,
     {
       node,
@@ -8595,7 +8811,7 @@ function VirtualTreeView({
     }
     if (act.focusId !== void 0) moveTo(act.focusId);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "ul",
     {
       ref: scrollRef,
@@ -8614,13 +8830,13 @@ function VirtualTreeView({
       },
       ...props,
       children: [
-        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padTop } }),
+        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime82.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "li",
             {
               role: "treeitem",
@@ -8642,12 +8858,12 @@ function VirtualTreeView({
                 onSelect?.(f.node.id);
                 setFocusedId(f.node.id);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime82.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                     "button",
                     {
                       type: "button",
@@ -8659,25 +8875,25 @@ function VirtualTreeView({
                         onToggle(f.node.id);
                         setFocusedId(f.node.id);
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ChevronIcon2, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronIcon2, {})
                     }
                   )
-                ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-tree__toggle" }),
-                f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "uix-tree__label", children: f.node.label })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-tree__toggle" }),
+                f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-tree__label", children: f.node.label })
               ] })
             },
             f.node.id
           );
         }),
-        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padBottom } })
+        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("li", { role: "presentation", "aria-hidden": "true", style: { height: win.padBottom } })
       ]
     }
   );
 }
 
 // src/components/EditorialHome.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function PageIntro({
   kicker,
   title,
@@ -8690,43 +8906,43 @@ function PageIntro({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-page-kicker", children: kicker }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h1", { className: "uix-page-title", children: title }),
-      lede != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-page-lede", children: lede })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
+      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-page-kicker", children: kicker }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h1", { className: "uix-page-title", children: title }),
+      lede != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-page-lede", children: lede })
     ] }),
-    search != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
+    search != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
+      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
       search
     ] }),
-    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
+    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
     children
   ] });
 }
 function SectionHead({ title, titleId, help, helpLabel, action, className, ...props }) {
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { className: "uix-section-title", id: titleId, children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
-    hasHelp(help) ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-section-head__title-row", children: [
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "uix-section-title", id: titleId, children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
+    hasHelp(help) ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-section-head__title-row", children: [
       heading,
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(InfoTip, { content: help, label: helpLabel ?? helpLabelFor(title) })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(InfoTip, { content: help, label: helpLabel ?? helpLabelFor(title) })
     ] }) : heading,
     action
   ] });
 }
 function NoticeQueue({ icon, title, summary, meta, position, actions, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("p", { className: "uix-notice__copy", children: [
-        title != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("strong", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "uix-notice__copy", children: [
+        title != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: title }),
         title != null && summary != null && " ",
         summary
       ] }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-notice__meta", children: meta })
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-notice__meta", children: meta })
     ] }),
-    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-notice__actions", children: [
-      position != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-notice__position", children: position }),
+    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-notice__actions", children: [
+      position != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-notice__position", children: position }),
       actions
     ] })
   ] });
@@ -8744,8 +8960,8 @@ function FeaturedStage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "div",
       {
         className: "uix-featured__visual",
@@ -8755,32 +8971,32 @@ function FeaturedStage({
         children: visual
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
-      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("p", { className: "uix-featured__eyebrow", children: [
-        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-featured__now", children: ordinal }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
+      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "uix-featured__eyebrow", children: [
+        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-featured__now", children: ordinal }),
         eyebrow
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
-      description != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-featured__description", children: description }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-featured__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-featured__description", children: description }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-featured__meta", children: meta }),
       action
     ] })
   ] });
 }
 function FeaturedRundown({ eyebrow, title, titleId, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-rundown__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-rundown__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
+        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
       ] }),
       meta
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "uix-rundown__items", children })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-rundown__items", children })
   ] });
 }
 function FeaturedRundownItem({ number, topic, title, selected = false, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "button",
     {
       type: "button",
@@ -8789,63 +9005,63 @@ function FeaturedRundownItem({ number, topic, title, selected = false, className
       "data-selected": selected ? "true" : "false",
       ...props,
       children: [
-        number != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-rundown__number", children: number }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { children: [
-          topic != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-rundown__topic", children: topic }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-rundown__item-title", children: title })
+        number != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-rundown__number", children: number }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
+          topic != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-rundown__topic", children: topic }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-rundown__item-title", children: title })
         ] })
       ]
     }
   );
 }
 function NewsLead({ meta, title, summary, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h3", { className: "uix-news-lead__title", children: title }),
-    summary != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-news-lead__summary", children: summary })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h3", { className: "uix-news-lead__title", children: title }),
+    summary != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-news-lead__summary", children: summary })
   ] });
 }
 function ContentList({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
 }
 function ContentListItem({ title, meta, trailing, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-content-list__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-content-list__meta", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-content-list__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-content-list__meta", children: meta })
     ] }),
     trailing
   ] });
 }
 function ResourceGrid({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
 }
 function StatLine({ items, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-stat-line__item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-stat-line__label", children: item.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-stat-line__item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime83.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "uix-event-date", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-event-date__month", children: month }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-event-date__day", children: day })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-event-date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-event-date__month", children: month }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-event-date__day", children: day })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-event-row__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "uix-event-row__meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-event-row__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-event-row__meta", children: meta })
     ] })
   ] });
 }
 function StatusRow({ indicator, name, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
     indicator,
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-status-row__name", children: name }),
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "uix-list-meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-status-row__name", children: name }),
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-list-meta", children: meta })
   ] });
 }
 
@@ -8975,7 +9191,7 @@ function summarizeRule(value, labels = {}) {
 }
 
 // src/components/RuleBuilder.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var DEFAULT_RULE_BUILDER_LABELS = {
   region: "Rule builder",
   summary: "Rule summary",
@@ -9035,7 +9251,7 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
     combinator: combinator ?? "and",
     conditions: [defaultCondition(fields, operators)]
   }, maxDepth));
-  const rowControls = (node, index, label) => disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  const rowControls = (node, index, label) => disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     RowControls,
     {
       labels,
@@ -9048,25 +9264,25 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
       onRemove: () => onRootChange(removeRuleNode(root, node.id))
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
-      !hideCombinator && (combinator ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "uix-rule-builder__match", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: depth === 1 ? labels.when : labels.group }),
+      !hideCombinator && (combinator ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-rule-builder__match", children: [
         labels.match,
         " ",
         combinator === "or" ? labels.any : labels.all
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { children: [
         labels.match,
-        /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.jsx)("option", { value: "and", children: labels.all }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "or", children: labels.any })
+        /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("option", { value: "and", children: labels.all }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "or", children: labels.any })
         ] })
       ] }))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-rule-builder__nested", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels, combinator, hideCombinator, allowGroups } }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-rule-builder__nested", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels, combinator, hideCombinator, allowGroups } }),
       rowControls(node, index, labels.itemGroup)
-    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       ConditionRow,
       {
         labels,
@@ -9079,9 +9295,9 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
       },
       node.id
     )) }),
-    !disabled && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-rule-builder__add", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: fields.length === 0 || operators.length === 0, children: labels.addCondition }),
-      allowGroups && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: depth >= maxDepth, children: labels.addGroup })
+    !disabled && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-rule-builder__add", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: fields.length === 0 || operators.length === 0, children: labels.addCondition }),
+      allowGroups && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: depth >= maxDepth, children: labels.addGroup })
     ] })
   ] });
 }
@@ -9094,24 +9310,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_runtime84.jsxs)("div", { className: "uix-rule-builder__condition", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-rule-builder__condition", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", children: labels.field }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "uix-visually-hidden", children: labels.operator }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime85.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime84.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.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_runtime84.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_runtime85.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.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_runtime85.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({
@@ -9175,16 +9391,16 @@ function RuleBuilder({
         or: labels.or
       }
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { children: sentence }),
-      issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": labels.summary, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: sentence }),
+      issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "uix-rule-builder__invalid", children: issuesText(labels.summaryIssuesOne, labels.summaryIssuesMany) })
     ] });
   }
   const disabled = readOnly === true;
   const emitWhen = (when) => onChange({ ...value, when: combinator ? setRuleCombinator(when, combinator) : when });
   const updateActions = (next) => onChange({ ...value, then: next });
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("section", { className: cx("uix-rule-builder", disabled && "uix-rule-builder--readonly", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: cx("uix-rule-builder", disabled && "uix-rule-builder--readonly", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       RuleGroupEditor,
       {
         group: value.when,
@@ -9201,14 +9417,14 @@ function RuleBuilder({
         allowGroups: allowGroups && maxDepth > 1
       }
     ),
-    !conditionsOnly && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("legend", { children: labels.then }),
+    !conditionsOnly && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("legend", { children: labels.then }),
       value.then.map((action, index) => {
         const definition = actions.find((item) => item.id === action.type);
-        return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "uix-rule-builder__action", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("select", { className: "uix-select", value: action.type, disabled, 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_runtime84.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-rule-builder__action", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("select", { className: "uix-select", value: action.type, disabled, 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_runtime85.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)), disabled),
-          !disabled && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          !disabled && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             RowControls,
             {
               labels,
@@ -9231,18 +9447,18 @@ function RuleBuilder({
           )
         ] }, action.id);
       }),
-      !disabled && /* @__PURE__ */ (0, import_jsx_runtime84.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 })
+      !disabled && /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime84.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: labels.valid }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: issuesText(labels.issuesOne, labels.issuesMany) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 
 // src/components/BuilderCanvas.tsx
 var import_react59 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var DEFAULT_BUILDER_CANVAS_LABELS = {
   region: "Builder canvas",
   palette: "Item palette",
@@ -9321,24 +9537,24 @@ function BuilderCanvas({
     if (from >= 0 && to >= 0) onItemsChange(reorder(items, from, to));
     setDraggedId(void 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h3", { children: labels.paletteHeading }),
-      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("button", { type: "button", onClick: () => add(item), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: item.label }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: item.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { "aria-hidden": "true", children: labels.add })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": labels.palette, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { children: labels.paletteHeading }),
+      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: labels.paletteEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("button", { type: "button", onClick: () => add(item), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("strong", { children: item.label }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "aria-hidden": "true", children: labels.add })
       ] }) }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h3", { children: labels.canvasHeading }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: error }),
-        onRetry && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "uix-builder-canvas__state", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: emptyMessage }),
-        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { children: labels.canvasHeading }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: error }),
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-builder-canvas__state", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: emptyMessage }),
+        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "li",
         {
           draggable: true,
@@ -9348,27 +9564,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_runtime85.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_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("strong", { children: item.label }),
-              item.description && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: item.description })
+            /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("strong", { children: item.label }),
+              item.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: item.description })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.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_runtime85.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": fillLabel(labels.removeNamed, { label: item.label }), children: labels.remove })
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.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_runtime86.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_runtime85.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
-      !selected ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("dl", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("dt", { children: labels.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("dd", { children: selected.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("dt", { children: labels.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("dd", { children: selected.label })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": labels.properties, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: labels.propertiesHeading }),
+      !selected ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: labels.propertiesEmpty }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dt", { children: labels.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dd", { children: selected.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dt", { children: labels.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dd", { children: selected.label })
       ] })
     ] })
   ] });
@@ -9833,7 +10049,7 @@ function usePrinting(enabled = true) {
 }
 
 // src/components/SchedulingAgenda.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var AGENDA_VIRTUAL_ROW = 44;
 var AGENDA_NARROW_WIDTH = 576;
 var AGENDA_NARROW_ROW = 64;
@@ -9850,7 +10066,7 @@ function uniqueKeys(ids) {
 function SchedulingAgenda(props) {
   const rowCount = props.groups.reduce((sum, group) => sum + group.rows.length, 0);
   const flat = rowCount > props.virtualizeAbove;
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(AgendaBody, { ...props, flat }, flat ? "flat" : "grouped");
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AgendaBody, { ...props, flat }, flat ? "flat" : "grouped");
 }
 function AgendaBody({
   groups,
@@ -10007,18 +10223,18 @@ function AgendaBody({
     landing.current = { key: flatRows[target].key, index: target };
     scrollToRow(box, target);
   };
-  const note = (overlay) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-    overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-    overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+  const note = (overlay) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+    overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+    overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
   ] }) });
-  const heading = (group, withNotes) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "uix-scheduling-calendar__agenda-head", children: [
+  const heading = (group, withNotes) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__agenda-head", children: [
     (0, import_react61.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
-    withNotes && group.annotations && group.annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: "uix-scheduling-calendar__agenda-notes", children: uniqueKeys(group.annotations.map((overlay) => overlay.id)).map((key, at) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: note(group.annotations[at]) }, key)) })
+    withNotes && group.annotations && group.annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "uix-scheduling-calendar__agenda-notes", children: uniqueKeys(group.annotations.map((overlay) => overlay.id)).map((key, at) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("li", { children: note(group.annotations[at]) }, key)) })
   ] });
   const timeText = (entry, date) => {
-    const part = (text) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__agenda-time-part", children: text });
-    const dash = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "aria-hidden": "true", children: " \u2013 " });
+    const part = (text) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__agenda-time-part", children: text });
+    const dash = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { "aria-hidden": "true", children: " \u2013 " });
     if (entry.allDay) {
       let span;
       try {
@@ -10028,7 +10244,7 @@ function AgendaBody({
       }
       const last = addCalendarDays(span.end, -1);
       if (span.start === date && last === date) return labels.allDay;
-      return span.start === last ? part(dateText(last, "day")) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+      return span.start === last ? part(dateText(last, "day")) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
         part(dateText(span.start, "day")),
         dash,
         part(dateText(last, "day"))
@@ -10038,11 +10254,11 @@ function AgendaBody({
     const endTime = zonedTimeOfDay(entry.end, timeZone);
     const endDay = zonedDateKey(entry.end, timeZone);
     const underItsDay = zonedDateKey(entry.start, timeZone) === date && (endDay === date || endDay === addCalendarDays(date, 1) && endTime < startTime);
-    return underItsDay ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+    return underItsDay ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
       startTime,
       dash,
       endTime
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
       part(formatInstant(entry.start)),
       dash,
       part(formatInstant(entry.end))
@@ -10051,31 +10267,31 @@ function AgendaBody({
   const row = (entry, date) => {
     const markers = entryMarkers(entry);
     const name = entry.accessibleName ?? (entry.meta ? `${entryName(entry)}, ${entry.meta}` : entryName(entry));
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__agenda-row", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": entryStatus(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), "aria-label": name, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": entry.band ?? "none", "data-status": entryStatus(entry) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__agenda-time", children: timeText(entry, date) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "uix-scheduling-calendar__agenda-main", children: [
-        renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title }),
-        entry.meta && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__agenda-meta", children: entry.meta })
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__agenda-row", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": entryStatus(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), "aria-label": name, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": entry.band ?? "none", "data-status": entryStatus(entry) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__agenda-time", children: timeText(entry, date) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-scheduling-calendar__agenda-main", children: [
+        renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title }),
+        entry.meta && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__agenda-meta", children: entry.meta })
       ] }),
-      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "uix-scheduling-calendar__status", children: entryStatusText(entry) })
+      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__status", children: entryStatusText(entry) })
     ] });
   };
   const hidden = (group) => {
     const text = fillLabel(labels.hiddenInDay, { count: group.hiddenCount ?? 0 });
-    return onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { type: "button", className: "uix-scheduling-calendar__agenda-more", onClick: () => onShowMore(group.date, group.rows), children: text }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "uix-scheduling-calendar__agenda-more", children: text });
+    return onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", className: "uix-scheduling-calendar__agenda-more", onClick: () => onShowMore(group.date, group.rows), children: text }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-scheduling-calendar__agenda-more", children: text });
   };
-  const continues = (group) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "uix-scheduling-calendar__agenda-continues", children: fillLabel(labels.continuesInDay, { count: group.continuesCount ?? 0 }) });
-  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { children: labels.agendaEmpty }) });
+  const continues = (group) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "uix-scheduling-calendar__agenda-continues", children: fillLabel(labels.continuesInDay, { count: group.continuesCount ?? 0 }) });
+  if (groups.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { children: labels.agendaEmpty }) });
   if (flat) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: virtual.containerRef, className: "uix-scheduling-calendar__agenda uix-scheduling-calendar__agenda--virtual", "data-narrow": narrow || void 0, role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, onBlur, onWheel: dropLanding, onPointerDown: dropLanding, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-calendar__agenda-window", style: { paddingTop: virtual.padTop, paddingBottom: virtual.padBottom }, children: virtual.rows.map((item, at) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "uix-scheduling-calendar__agenda-vrow", "data-kind": item.kind, "data-flat-index": virtual.startIndex + at, children: item.kind === "heading" ? heading(item.group, false) : item.kind === "note" ? note(item.overlay) : item.kind === "entry" ? row(item.entry, item.group.date) : item.kind === "hidden" ? hidden(item.group) : continues(item.group) }, item.key)) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref: virtual.containerRef, className: "uix-scheduling-calendar__agenda uix-scheduling-calendar__agenda--virtual", "data-narrow": narrow || void 0, role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, onBlur, onWheel: dropLanding, onPointerDown: dropLanding, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__agenda-window", style: { paddingTop: virtual.padTop, paddingBottom: virtual.padBottom }, children: virtual.rows.map((item, at) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__agenda-vrow", "data-kind": item.kind, "data-flat-index": virtual.startIndex + at, children: item.kind === "heading" ? heading(item.group, false) : item.kind === "note" ? note(item.overlay) : item.kind === "entry" ? row(item.entry, item.group.date) : item.kind === "hidden" ? hidden(item.group) : continues(item.group) }, item.key)) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: grouped, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, children: groups.map((group, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ref: grouped, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown, onFocus, children: groups.map((group, index) => {
     const rowKeys = uniqueKeys(group.rows.map((entry) => entry.id));
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("section", { className: "uix-scheduling-calendar__agenda-group", "data-date": group.date, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("section", { className: "uix-scheduling-calendar__agenda-group", "data-date": group.date, children: [
       heading(group, true),
-      group.rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ol", { className: "uix-scheduling-calendar__agenda-rows", children: group.rows.map((entry, at) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { children: row(entry, group.date) }, rowKeys[at])) }),
+      group.rows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ol", { className: "uix-scheduling-calendar__agenda-rows", children: group.rows.map((entry, at) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("li", { children: row(entry, group.date) }, rowKeys[at])) }),
       (group.hiddenCount ?? 0) > 0 && hidden(group),
       (group.continuesCount ?? 0) > 0 && continues(group)
     ] }, groupKeys[index]);
@@ -10084,7 +10300,7 @@ function AgendaBody({
 
 // src/components/SchedulingTimeGrid.tsx
 var import_react62 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var HOUR_MS2 = 36e5;
 var MINUTES_PER_HOUR = 60;
 var LINES_PER_HOUR = 3;
@@ -10107,18 +10323,18 @@ var GridItem = (0, import_react62.memo)(function GridItem2({ entry, segment, col
     "--uix-scheduling-calendar-lanes": segment.laneCount
   });
   const custom = renderEntry?.(entry, { availableLines: lines });
-  const text = custom ?? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-    !continuation && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+  const text = custom ?? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+    !continuation && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
       " "
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
   ] });
   const noRoom = lines === 0 && (custom === void 0 || custom === null) ? "none" : void 0;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-    continuation && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__tg-from", "data-room": lines === 0 ? "none" : void 0, children: continuesFrom }),
-    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__entry-text", "data-room": noRoom, children: text }),
-    markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+  const body = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+    continuation && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__tg-from", "data-room": lines === 0 ? "none" : void 0, children: continuesFrom }),
+    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__entry-text", "data-room": noRoom, children: text }),
+    markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
   ] });
   const shared = {
     className: "uix-scheduling-calendar__entry uix-scheduling-calendar__tg-item",
@@ -10134,8 +10350,8 @@ var GridItem = (0, import_react62.memo)(function GridItem2({ entry, segment, col
     onClick: () => handlers.click(entry),
     onPointerDown: movable ? (event) => handlers.pointerDown(event, entry, column, false) : void 0
   };
-  if (continuation && !alone) return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { ...shared, "data-continuation-of": entry.id, "aria-hidden": "true", children: body });
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  if (continuation && !alone) return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { ...shared, "data-continuation-of": entry.id, "aria-hidden": "true", children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "button",
     {
       type: "button",
@@ -10241,7 +10457,7 @@ function SchedulingTimeGrid({
     return best;
   }, [slots]);
   const gutterSignature = slotSignature(slots[gutterIndex]);
-  const hourLabels = (index, inline) => slots[index].map((slot) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  const hourLabels = (index, inline) => slots[index].map((slot) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "div",
     {
       className: inline ? "uix-scheduling-calendar__tg-hour uix-scheduling-calendar__tg-hour--inline" : "uix-scheduling-calendar__tg-hour",
@@ -10249,7 +10465,7 @@ function SchedulingTimeGrid({
       style: vars({ "--uix-scheduling-calendar-offset": (slot.instant.getTime() - columns[index].dayStart) / HOUR_MS2 }),
       children: [
         slot.label,
-        slot.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__tg-offset", children: slot.offsetLabel })
+        slot.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__tg-offset", children: slot.offsetLabel })
       ]
     },
     slot.instant.getTime()
@@ -10510,7 +10726,7 @@ function SchedulingTimeGrid({
   const ghostParts = ghost && ghostEntry && !ghostTop ? days.map((date) => layoutTimeGridDay([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], date, timeZone, { crossMidnightMinutes: Infinity }).segments) : null;
   const ghostSpan = ghost && ghostEntry && ghostTop ? layoutDaySpans([{ id: "ghost", start: ghost.proposal.start, end: ghost.proposal.end }], days, { timeZone }).placed[0] : void 0;
   const ghostLane = ghost ? top.placed.find((span) => span.id === ghost.id)?.lane ?? 0 : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -10529,8 +10745,8 @@ function SchedulingTimeGrid({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__tg-zone", children: fillLabel(labels.timeZone, { timeZone }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__tg-zone", children: fillLabel(labels.timeZone, { timeZone }) }),
           days.map((date, index) => {
             const info = dayInfo?.[date];
             const hiddenIds = dayInfo ? [] : [...columns[index].hidden, ...topHiddenOn(date)];
@@ -10538,8 +10754,8 @@ function SchedulingTimeGrid({
             const moreText = fillLabel(labels.moreSpans, { count: more });
             const moreName = fillLabel(labels.moreEntriesLabel, { count: more, date: dateText(date, "day") });
             const headName = !info ? dateText(date, "day") : info.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : `${dateText(date, "day")}, ${fillLabel(labels.dayCount, { count: info.count })}`;
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-dayhead", role: "group", "aria-label": headName, "data-date": date, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-dayhead", role: "group", "aria-label": headName, "data-date": date, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                 "button",
                 {
                   type: "button",
@@ -10553,20 +10769,20 @@ function SchedulingTimeGrid({
                   children: dateText(date, "column")
                 }
               ),
-              info && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": "true", children: info.count }),
-              info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
-              more > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, hiddenIds.map((id) => entryById.get(id)).filter(Boolean)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { "aria-hidden": "true", children: moreText }),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+              info && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": "true", children: info.count }),
+              info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: renderMarker2(marker, true) }, marker.id)) }),
+              more > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, hiddenIds.map((id) => entryById.get(id)).filter(Boolean)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-hidden": "true", children: moreText }),
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: moreName })
               ] }))
             ] }, date);
           })
         ] }),
-        (windowLanes > 0 || moreWindows > 0) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip", role: "group", "aria-label": labels.windows, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(windowLanes, 1) }), children: [
+        (windowLanes > 0 || moreWindows > 0) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip", role: "group", "aria-label": labels.windows, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(windowLanes, 1) }), children: [
           strip.placed.map((placed) => {
             const overlay = overlayById.get(placed.id);
             if (!overlay) return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               "button",
               {
                 type: "button",
@@ -10581,24 +10797,24 @@ function SchedulingTimeGrid({
                 style: { gridColumn: gridColumns(placed), ...vars({ "--uix-scheduling-calendar-lane": placed.lane }) },
                 onClick: () => onSelectOverlay?.(overlay),
                 "aria-label": overlayName(overlay),
-                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-                  overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-                  overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+                  overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+                  overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
                 ] })
               },
               placed.id
             );
           }),
-          moreWindows > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": firstHiddenWindowDay, "aria-label": fillLabel(labels.moreWindowsLabel, { count: moreWindows, date: dateText(firstHiddenWindowDay, "day") }), onClick: () => onShowMore(firstHiddenWindowDay, []), children: fillLabel(labels.moreWindows, { count: moreWindows }) }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__rowmore", children: fillLabel(labels.moreWindows, { count: moreWindows }) }))
+          moreWindows > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": firstHiddenWindowDay, "aria-label": fillLabel(labels.moreWindowsLabel, { count: moreWindows, date: dateText(firstHiddenWindowDay, "day") }), onClick: () => onShowMore(firstHiddenWindowDay, []), children: fillLabel(labels.moreWindows, { count: moreWindows }) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__rowmore", children: fillLabel(labels.moreWindows, { count: moreWindows }) }))
         ] }),
-        (topLanes > 0 || ghostSpan) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip uix-scheduling-calendar__tg-top", role: "group", "aria-label": labels.topLane, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(topLanes, 1) }), children: [
+        (topLanes > 0 || ghostSpan) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-strip uix-scheduling-calendar__tg-top", role: "group", "aria-label": labels.topLane, style: vars({ "--uix-scheduling-calendar-lanes": Math.max(topLanes, 1) }), children: [
           top.placed.map((placed) => {
             const entry = entryById.get(placed.id);
             if (!entry) return null;
             const canDrag = movable(entry);
             const markers = entryMarkers(entry);
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
               "button",
               {
                 type: "button",
@@ -10621,23 +10837,23 @@ function SchedulingTimeGrid({
                 onBlur: canDrag ? () => handlers.blur(entry) : void 0,
                 onPointerDown: canDrag ? (event) => handlers.pointerDown(event, entry, placed.startCol, true) : void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry, { availableLines: 1 }) ?? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-                    !placed.continuesBefore && !entry.allDay && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry, { availableLines: 1 }) ?? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+                    !placed.continuesBefore && !entry.allDay && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
                       " "
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
                   ] }) }),
-                  markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
+                  markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: renderMarker2(marker) }, marker.id)) })
                 ]
               },
               placed.id
             );
           }),
-          ghostSpan && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__tg-ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { gridColumn: gridColumns(ghostSpan), ...vars({ "--uix-scheduling-calendar-lane": ghostLane }) } })
+          ghostSpan && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__tg-ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { gridColumn: gridColumns(ghostSpan), ...vars({ "--uix-scheduling-calendar-lane": ghostLane }) } })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__tg-gutter", "aria-hidden": "true", children: hourLabels(gutterIndex, false) }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__tg-gutter", "aria-hidden": "true", children: hourLabels(gutterIndex, false) }),
           shades.map((placed) => {
             const overlay = overlayById.get(placed.id);
             const first = columns[placed.startCol];
@@ -10647,14 +10863,14 @@ function SchedulingTimeGrid({
             const width = 100 / (placed.endCol - placed.startCol + 1);
             const percent = (value) => `${Math.round(value * 1e4) / 100}%`;
             const clipPath = placed.startCol === placed.endCol ? `polygon(0 ${percent(from)}, 100% ${percent(from)}, 100% ${percent(to)}, 0 ${percent(to)})` : `polygon(0 ${percent(from)}, ${width}% ${percent(from)}, ${width}% 0, 100% 0, 100% ${percent(to)}, ${100 - width}% ${percent(to)}, ${100 - width}% 100%, 0 100%)`;
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__tg-shade", "aria-hidden": "true", "data-pattern": overlay.pattern ?? "solid", style: { gridColumn: gridColumns(placed), clipPath } }, `shade-${placed.id}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__tg-shade", "aria-hidden": "true", "data-pattern": overlay.pattern ?? "solid", style: { gridColumn: gridColumns(placed), clipPath } }, `shade-${placed.id}`);
           }),
-          columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__tg-column", "data-tg-column": column.date, style: { gridColumn: `${index + 2}`, ...vars({ "--uix-scheduling-calendar-hours": column.dayHours }) }, children: [
+          columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__tg-column", "data-tg-column": column.date, style: { gridColumn: `${index + 2}`, ...vars({ "--uix-scheduling-calendar-hours": column.dayHours }) }, children: [
             slotSignature(slots[index]) !== gutterSignature && hourLabels(index, true),
             column.segments.map((segment) => {
               const entry = entryById.get(segment.id);
               const alone = segment.part === "continuation" && index === 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                 GridItem,
                 {
                   entry,
@@ -10675,7 +10891,7 @@ function SchedulingTimeGrid({
                 `${segment.id}-${segment.part}`
               );
             }),
-            ghostParts?.[index].map((segment) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            ghostParts?.[index].map((segment) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               "div",
               {
                 className: "uix-scheduling-calendar__tg-ghost",
@@ -10685,20 +10901,20 @@ function SchedulingTimeGrid({
               },
               `ghost-${segment.part}`
             )),
-            index === nowColumn && nowAt !== null && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__tg-now", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-offset": (nowAt - column.dayStart) / HOUR_MS2 }) })
+            index === nowColumn && nowAt !== null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__tg-now", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-offset": (nowAt - column.dayStart) / HOUR_MS2 }) })
           ] }, column.date))
         ] }),
-        emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote }),
-        moving && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.moveHint }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__tg-probe", "aria-hidden": "true", children: "00:00 abcdef" }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+        emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote }),
+        moving && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.moveHint }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__tg-probe", "aria-hidden": "true", children: "00:00 abcdef" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
       ]
     }
   );
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   region: "Scheduling calendar in {timeZone}",
   previous: "Previous",
@@ -10767,12 +10983,12 @@ function coveredDays(start, end, timeZone) {
 }
 function Marker({ marker, showLabel }) {
   const emphasis = marker.emphasis ?? "neutral";
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
-    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: showLabel ? "uix-scheduling-calendar__marker-label" : "uix-visually-hidden", children: marker.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-calendar__marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
+    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__marker-icon", "aria-hidden": "true", children: marker.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: showLabel ? "uix-scheduling-calendar__marker-label" : "uix-visually-hidden", children: marker.label })
   ] });
 }
-var renderMarker = (marker, showLabel) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Marker, { marker, showLabel });
+var renderMarker = (marker, showLabel) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Marker, { marker, showLabel });
 function SchedulingCalendar({
   entries,
   anchorDate,
@@ -11036,15 +11252,15 @@ function SchedulingCalendar({
   });
   const entryContent = (entry, withTime = true) => {
     const markers = markersOf(entry);
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-        withTime && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: renderEntry?.(entry) ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+        withTime && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__time", children: zonedTimeOfDay(entry.start, timeZone) }),
           " "
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
       ] }) }),
-      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Marker, { marker }, marker.id)) })
+      markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Marker, { marker }, marker.id)) })
     ] });
   };
   const laneStyle = (placed, windowLanes) => ({
@@ -11063,25 +11279,25 @@ function SchedulingCalendar({
     const onDay = picksGiven ? all : entriesOn(date);
     const badge = renderDayBadge?.(date, onDay);
     const hasBadge = badge != null && badge !== false;
-    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime88.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), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": info?.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : dateText(date, "day"), children: Number(date.slice(-2)) });
+    const dateButton = /* @__PURE__ */ (0, import_jsx_runtime89.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), onClick: onSelectDate ? () => onSelectDate(date) : void 0, "aria-label": info?.label ? fillLabel(labels.dayName, { date: dateText(date, "day"), label: info.label }) : dateText(date, "day"), children: Number(date.slice(-2)) });
     const moreText = fillLabel(labels.moreEntries, { count: hiddenCount });
     const moreName = fillLabel(labels.moreEntriesLabel, { count: hiddenCount, date: dateText(date, "day") });
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
-      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
-        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
-        info && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": info.label ? true : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-hidden": "true", children: info.count }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
+      hasBadge || info ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__dayhead", children: [
+        hasBadge && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__badge", children: badge }),
+        info && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-calendar__count", "aria-hidden": info.label ? true : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-hidden": "true", children: info.count }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", children: info.label ?? fillLabel(labels.dayCount, { count: info.count }) })
         ] }),
-        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Marker, { marker }, marker.id)) }),
+        info?.markers && info.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__markers", children: info.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Marker, { marker }, marker.id)) }),
         dateButton
       ] }) : dateButton,
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
-        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
-        countsOnly ? null : controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-hidden": "true", children: moreText }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: moreName })
-        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__entries", children: [
+        shown.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { className: "uix-scheduling-calendar__entry", ...entryProps(entry), children: entryContent(entry) }, entry.id)),
+        countsOnly ? null : controlled ? hiddenCount > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-label": moreName, onClick: () => onShowMore(date, onDay), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-calendar__more", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-hidden": "true", children: moreText }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+        ] })) : overflowing && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__more", "aria-expanded": onShowMore ? void 0 : !collapsed, "aria-label": collapsed ? moreName : void 0, onClick: () => toggleMore(date, onDay), children: collapsed ? moreText : labels.fewerEntries })
       ] })
     ] }, date);
   };
@@ -11096,26 +11312,26 @@ function SchedulingCalendar({
     const moreText = fillLabel(labels.moreSpans, { count: hidden });
     const moreName = fillLabel(labels.moreSpansLabel, { count: hidden, date: dateText(firstHiddenDay, "day") });
     const style = { ["--uix-scheduling-calendar-lanes"]: Math.max(windowLanes + spanLanes, hidden > 0 ? 1 : 0) };
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__week", style, children: [
       rowDays.map((date, column) => renderDay(date, row * 7 + column)),
       (placedByRow.get(row) ?? []).map((placed) => {
         const continues = { "data-continues-before": placed.continuesBefore || void 0, "data-continues-after": placed.continuesAfter || void 0 };
         if (placed.group === "window") {
           const overlay = overlayById.get(placed.id);
           if (!overlay) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
-            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
-            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
+          return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__window", "data-overlay-id": overlay.id, "data-pattern": overlay.pattern ?? "solid", "data-global": overlay.global || void 0, "data-kind": overlay.kind, ...continues, style: laneStyle(placed, windowLanes), onClick: () => onSelectOverlay?.(overlay), "aria-label": overlayName(overlay), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-calendar__window-text", children: [
+            overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__window-kind", children: overlay.kindLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__window-name", children: overlay.label }),
+            overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
           ] }) }, `window-${placed.id}`);
         }
         const entry = entryById.get(placed.id);
         if (!entry || countsOnly) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { className: "uix-scheduling-calendar__entry uix-scheduling-calendar__span", ...entryProps(entry), ...continues, style: laneStyle(placed, windowLanes), children: entryContent(entry, !placed.continuesBefore) }, `span-${placed.id}`);
       }),
-      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": rowDays.includes(firstHiddenDay) ? firstHiddenDay : rowDays[0], "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-hidden": "true", children: moreText }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-visually-hidden", children: moreName })
+      hidden > 0 && (onShowMore ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", tabIndex: -1, className: "uix-scheduling-calendar__rowmore", "data-more-date": rowDays.includes(firstHiddenDay) ? firstHiddenDay : rowDays[0], "aria-label": moreName, onClick: () => onShowMore(firstHiddenDay, picksGiven ? dayEntries[firstHiddenDay] ?? EMPTY_ENTRIES : entriesOn(firstHiddenDay)), children: moreText }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-calendar__rowmore", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "aria-hidden": "true", children: moreText }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", children: moreName })
       ] }))
     ] }, rowDays[0]);
   };
@@ -11126,20 +11342,20 @@ function SchedulingCalendar({
       Object.keys(layout.hiddenByRow ?? {}).length > 0 ? 1 : 0
     )
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": fillLabel(labels.region, { timeZone }), children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: periodLabel("previous") }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89.jsx)("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ (0, import_jsx_runtime89.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)) })
     ] }),
-    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-    ] }) : view === "agenda" && agendaGroups ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-calendar__notice", children: notice }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+    ] }) : view === "agenda" && agendaGroups ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       SchedulingAgenda,
       {
         groups: agendaGroups,
@@ -11160,22 +11376,22 @@ function SchedulingCalendar({
         onSelectOverlay,
         onShowMore
       }
-    ) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { ref: flatAgendaRef, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown: onFlatAgendaKeyDown, onFocus: onFlatAgendaFocus, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+    ) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { ref: flatAgendaRef, className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": labels.agenda, onKeyDown: onFlatAgendaKeyDown, onFocus: onFlatAgendaFocus, children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: labels.agendaEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const markers = markersOf(entry);
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("button", { type: "button", "data-item-id": entry.id, "data-highlight": entry.emphasis === "highlight" || void 0, "data-dim": entry.emphasis === "dim" || void 0, "data-band": entry.band ?? "none", "data-status": statusOf(entry), "data-state": entry.state, onClick: () => onSelectEntry?.(entry), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { children: [
             formatInstant(entry.start),
             " \u2013 ",
             formatInstant(entry.end)
           ] }),
-          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: entry.meta })
+          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: entry.meta })
         ] }),
-        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Marker, { marker }, marker.id)) }),
-        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
+        markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__markers", children: markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Marker, { marker }, marker.id)) }),
+        entry.state ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(StatusPill, { tone: stateTone(entry.state), children: stateLabel[entry.state] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__status", children: stateText(entry) })
       ] }) }, entry.id);
-    }) }) }) : timeGridView ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    }) }) }) : timeGridView ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       SchedulingTimeGrid,
       {
         view: view === "day" ? "day" : "week",
@@ -11209,20 +11425,20 @@ function SchedulingCalendar({
         emptyNote,
         nothingToShow
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, "data-density": countsOnly ? "counts" : void 0, style: gridStyle, onKeyDown: onGridKeyDown, onFocus: onGridFocus, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
-      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
+    ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), "data-fixed": fixed || void 0, "data-density": countsOnly ? "counts" : void 0, style: gridStyle, onKeyDown: onGridKeyDown, onFocus: onGridFocus, role: "group", "aria-label": fillLabel(labels.grid, { view: viewLabel[view] }), children: [
+      days.slice(0, 7).map((date) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-calendar__weekday", "aria-hidden": "true", children: dateText(date, "weekday") }, `weekday-${date}`)),
       Array.from({ length: days.length / 7 }, (_, row) => renderWeek(row)),
-      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
+      emptyNote != null && emptyNote !== false && nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
     ] }),
-    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("li", { "data-legend-id": item.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
+    legend ? (legend.length > 0 || legendCaption != null && legendCaption !== false) && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { className: "uix-scheduling-calendar__legend-list", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("li", { "data-legend-id": item.id, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-calendar__swatch", "aria-hidden": "true", "data-band": item.swatch.band, "data-status": item.swatch.status, "data-pattern": item.swatch.pattern, children: item.swatch.icon }),
         item.label
       ] }, item.id)) }),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
-      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
-      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-calendar__legend", role: "group", "aria-label": labels.legend, children: [
+      ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)),
+      legendCaption != null && legendCaption !== false && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-scheduling-calendar__legend-caption", children: legendCaption })
     ] })
   ] });
 }
@@ -11414,7 +11630,7 @@ function timelineWindow(offsets, top, bottom, options = {}) {
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var DEFAULT_SCHEDULING_TIMELINE_LABELS = {
   region: "Schedule timeline in {timeZone}",
   lanes: "Lanes",
@@ -11473,9 +11689,9 @@ function uniqueKeys2(ids) {
 var lanesOf = (target) => target.laneIds !== void 0 ? new Set(target.laneIds) : target.laneId ? /* @__PURE__ */ new Set([target.laneId]) : null;
 function ItemMarker({ marker, showLabel }) {
   const emphasis = marker.emphasis ?? "neutral";
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-timeline__item-marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
-    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__item-marker-icon", "aria-hidden": "true", children: marker.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: showLabel ? "uix-scheduling-timeline__item-marker-label" : "uix-visually-hidden", children: marker.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-timeline__item-marker", "data-emphasis": emphasis, "data-glyph": marker.icon == null ? emphasis : void 0, children: [
+    marker.icon != null && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__item-marker-icon", "aria-hidden": "true", children: marker.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: showLabel ? "uix-scheduling-timeline__item-marker-label" : "uix-visually-hidden", children: marker.label })
   ] });
 }
 function SchedulingTimeline({
@@ -12054,17 +12270,17 @@ function SchedulingTimeline({
       "data-scope": scope.scope,
       style: { left: `${pos.left}%`, width: `${pos.width}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }
     };
-    const text = scope.labelTops.map((top) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-timeline__overlay-label", style: vars2({ "--uix-timeline-label-top": top }), children: [
-      overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__overlay-kind", children: overlay.kindLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__overlay-name", children: overlay.label }),
-      overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__overlay-scope", children: overlay.scopeLabel })
+    const text = scope.labelTops.map((top) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-timeline__overlay-label", style: vars2({ "--uix-timeline-label-top": top }), children: [
+      overlay.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__overlay-kind", children: overlay.kindLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__overlay-name", children: overlay.label }),
+      overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__overlay-scope", children: overlay.scopeLabel })
     ] }, top));
-    return onSelectOverlay ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", ...shared, "aria-label": overlayName(overlay), onClick: () => onSelectOverlay(overlay), children: text }, key) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { ...shared, "aria-hidden": "true", children: text }, key);
+    return onSelectOverlay ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", ...shared, "aria-label": overlayName(overlay), onClick: () => onSelectOverlay(overlay), children: text }, key) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { ...shared, "aria-hidden": "true", children: text }, key);
   };
   const renderMarker2 = (marker, key, scope) => {
     const pos = placeSpan({ start: marker.at, end: marker.at }, range);
     if (!pos || !scope) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__marker", "data-marker-id": marker.id, "data-scope": scope.scope, style: { left: `${pos.left}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }, title: marker.label, "aria-hidden": "true" }, key);
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__marker", "data-marker-id": marker.id, "data-scope": scope.scope, style: { left: `${pos.left}%`, ...vars2({ "--uix-timeline-clip": scope.clip }) }, title: marker.label, "aria-hidden": "true" }, key);
   };
   const overlayKeys = uniqueKeys2(overlays.map((overlay) => overlay.id));
   const markerKeys = uniqueKeys2(markers.map((marker) => marker.id));
@@ -12089,7 +12305,7 @@ function SchedulingTimeline({
     const movable = canMove(item);
     const described = movable || canResize(item);
     const itemMarkers = markersOf(item);
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, ...vars2({ "--uix-timeline-row": p.row }) }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { className: "uix-scheduling-timeline__slot", style: { left: `${shown.left}%`, width: `${shown.width}%`, ...vars2({ "--uix-timeline-row": p.row }) }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "button",
       {
         type: "button",
@@ -12127,9 +12343,9 @@ function SchedulingTimeline({
           onSelectItem?.(item);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
-          item.meta && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta }),
-          itemMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: itemMarkers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ItemMarker, { marker }, marker.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__item-title", children: renderItem?.(item) ?? item.title }),
+          item.meta && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__item-meta", children: item.meta }),
+          itemMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: itemMarkers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ItemMarker, { marker }, marker.id)) })
         ]
       }
     ) }, row.keys[index]);
@@ -12137,41 +12353,41 @@ function SchedulingTimeline({
   const renderRow = (row, rowIndex) => {
     if (row.kind === "head") {
       const { group, collapsed } = row;
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: cx("uix-scheduling-timeline__row", "uix-scheduling-timeline__row--group", collapsed && "uix-scheduling-timeline__row--summary"), "data-row-key": row.key, "data-group-id": group.id, "data-collapsed": collapsed || void 0, "data-strip": strips.has(rowIndex) || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__group-head", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__group-label", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("button", { type: "button", className: "uix-scheduling-timeline__group-toggle", "aria-expanded": !collapsed, onClick: () => toggleGroup(group), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__group-chevron", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__group-name", id: `${id}-group-${row.groupIndex}`, children: group.label })
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: cx("uix-scheduling-timeline__row", "uix-scheduling-timeline__row--group", collapsed && "uix-scheduling-timeline__row--summary"), "data-row-key": row.key, "data-group-id": group.id, "data-collapsed": collapsed || void 0, "data-strip": strips.has(rowIndex) || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__group-head", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__group-label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("button", { type: "button", className: "uix-scheduling-timeline__group-toggle", "aria-expanded": !collapsed, onClick: () => toggleGroup(group), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__group-chevron", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__group-name", id: `${id}-group-${row.groupIndex}`, children: group.label })
           ] }),
-          group.meta != null && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__group-meta", children: group.meta }),
-          collapsed && group.summary && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-timeline__group-summary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__group-count", children: fillLabel(labels.groupSummary, { count: group.summary.count }) }),
-            group.summary.markers && group.summary.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: group.summary.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ItemMarker, { marker, showLabel: true }, marker.id)) })
+          group.meta != null && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__group-meta", children: group.meta }),
+          collapsed && group.summary && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-timeline__group-summary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__group-count", children: fillLabel(labels.groupSummary, { count: group.summary.count }) }),
+            group.summary.markers && group.summary.markers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__item-markers", children: group.summary.markers.map((marker) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ItemMarker, { marker, showLabel: true }, marker.id)) })
           ] })
         ] }) }),
-        strips.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__group-strip", "aria-hidden": "true" })
+        strips.has(rowIndex) && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__group-strip", "aria-hidden": "true" })
       ] }, row.key);
     }
     const { lane } = row;
     const laneLabelId = `${id}-lane-${row.laneIndex}`;
     const ghostPlaced = ghost ? row.placed.find((p) => p.item.id === ghost.id) : void 0;
     const ghostPos = ghost && ghostPlaced && rowOfItem.get(ghost.id) === rowIndex ? placeSpan(ghost.proposal, range) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__row", "data-row-key": row.key, "data-lane-id": lane.id, style: vars2({ "--uix-timeline-rows": row.subRows }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
-        lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__row", "data-row-key": row.key, "data-lane-id": lane.id, style: vars2({ "--uix-timeline-rows": row.subRows }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__lane-label", id: laneLabelId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__lane-name", children: lane.label }),
+        lane.meta != null && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__lane-meta", children: lane.meta })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: [
         overlays.map((overlay, index) => !inLayer(overlay) && lanesOf(overlay).has(lane.id) ? renderOverlay(overlay, overlayKeys[index], IN_LANE) : null),
         markers.map((marker, index) => !inLayer(marker) && lanesOf(marker).has(lane.id) ? renderMarker2(marker, markerKeys[index], IN_LANE) : null),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": row.groupIndex === void 0 ? laneLabelId : `${id}-group-${row.groupIndex} ${laneLabelId}`, children: renderItems(row, rowIndex) }),
-        ghostPos && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { left: `${ghostPos.left}%`, width: `${ghostPos.width}%`, ...vars2({ "--uix-timeline-row": ghostPlaced.row }) } })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("ul", { className: "uix-scheduling-timeline__items", "aria-labelledby": row.groupIndex === void 0 ? laneLabelId : `${id}-group-${row.groupIndex} ${laneLabelId}`, children: renderItems(row, rowIndex) }),
+        ghostPos && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__ghost", "aria-hidden": "true", "data-sent": ghost?.source === "sent" || void 0, style: { left: `${ghostPos.left}%`, width: `${ghostPos.width}%`, ...vars2({ "--uix-timeline-row": ghostPlaced.row }) } })
       ] })
     ] }, row.key);
   };
   const body = [];
   let cursor = 0;
-  const spacer = (from, to) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__spacer", "aria-hidden": "true", style: { height: extentCss(between(extents[from], extents[to])) } }, `spacer-${from}`);
+  const spacer = (from, to) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__spacer", "aria-hidden": "true", style: { height: extentCss(between(extents[from], extents[to])) } }, `spacer-${from}`);
   for (const index of mounted) {
     if (index > cursor) body.push(spacer(cursor, index));
     body.push(renderRow(rows[index], index));
@@ -12179,7 +12395,7 @@ function SchedulingTimeline({
   }
   if (cursor < rows.length) body.push(spacer(cursor, rows.length));
   const listed = onSelectOverlay ? EMPTY_OVERLAYS2 : overlays;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "section",
     {
       ref: rootRef,
@@ -12194,45 +12410,45 @@ function SchedulingTimeline({
         }
       },
       children: [
-        notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__notice", children: notice }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { children: error }),
-          onRetry && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-          (listed.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-visually-hidden", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
-              listed.map((o, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("li", { children: o.accessibleName ?? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+        notice != null && notice !== false && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__notice", children: notice }),
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__state", role: "alert", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: error }),
+          onRetry && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+          (listed.length > 0 || markers.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-visually-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { id: `${id}-windows`, children: labels.windows }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("ul", { "aria-labelledby": `${id}-windows`, children: [
+              listed.map((o, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("li", { children: o.accessibleName ?? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
                 o.kindLabel === void 0 && o.kind ? `${labels.overlays[o.kind]}: ${o.label}${o.scopeLabel ? `, ${o.scopeLabel}` : ""}` : overlayWords(o),
                 ", ",
                 fmtInstant(o.start),
                 " \u2013 ",
                 fmtInstant(o.end)
               ] }) }, overlayKeys[index])),
-              markers.map((m, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("li", { children: [
+              markers.map((m, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("li", { children: [
                 m.label,
                 ", ",
                 fmtInstant(m.at)
               ] }, markerKeys[index]))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref: setScroller, className: "uix-scheduling-timeline__scroller", "data-virtual": virtual || void 0, "data-scroll-y": maxHeight !== void 0 || void 0, style: maxHeight !== void 0 ? { maxHeight } : void 0, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__grid", "data-sub-ticks": minorTicks.length > 0 || void 0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: [
-                  ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, children: tick.offset < 100 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "uix-scheduling-timeline__tick-label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref: setScroller, className: "uix-scheduling-timeline__scroller", "data-virtual": virtual || void 0, "data-scroll-y": maxHeight !== void 0 || void 0, style: maxHeight !== void 0 ? { maxHeight } : void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__grid", "data-sub-ticks": minorTicks.length > 0 || void 0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--axis", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__lane-label", children: labels.lanes }),
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__track uix-scheduling-timeline__axis", style: trackStyle, children: [
+                  ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, children: tick.offset < 100 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "uix-scheduling-timeline__tick-label", children: [
                     fmtTick(tick.at),
-                    tick.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__tick-offset", children: tick.offsetLabel })
+                    tick.offsetLabel && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__tick-offset", children: tick.offsetLabel })
                   ] }) }, tick.at)),
-                  minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-minor": "true", style: { left: `${tick.offset}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: formatTick?.(new Date(tick.at), "hour") ?? tick.label }) }, `minor-${tick.at}`))
+                  minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__tick", "data-minor": "true", style: { left: `${tick.offset}%` }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__tick-label", children: formatTick?.(new Date(tick.at), "hour") ?? tick.label }) }, `minor-${tick.at}`))
                 ] })
               ] }),
-              columnNoteList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--notes", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__lane-label" }),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: columnNoteList.map(({ date, node, pos }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__column-note", "data-date": date, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: node }, date)) })
+              columnNoteList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__row uix-scheduling-timeline__row--notes", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__lane-label" }),
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__track", style: trackStyle, children: columnNoteList.map(({ date, node, pos }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__column-note", "data-date": date, style: { left: `${pos.left}%`, width: `${pos.width}%` }, children: node }, date)) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                 "div",
                 {
                   ref: bodyRef,
@@ -12242,15 +12458,15 @@ function SchedulingTimeline({
                     if (!event.currentTarget.contains(event.relatedTarget)) setFocusRowKey(null);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "uix-scheduling-timeline__layer", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "uix-scheduling-timeline__lane-label", "aria-hidden": "true" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref: setLayerTrack, className: "uix-scheduling-timeline__track", style: trackStyle, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { ref: barMinRef, className: "uix-scheduling-timeline__bar-min", "aria-hidden": "true" }),
-                        ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, tick.at)),
-                        minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-minor": "true", style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, `minor-${tick.at}`)),
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-scheduling-timeline__layer", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-scheduling-timeline__lane-label", "aria-hidden": "true" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref: setLayerTrack, className: "uix-scheduling-timeline__track", style: trackStyle, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { ref: barMinRef, className: "uix-scheduling-timeline__bar-min", "aria-hidden": "true" }),
+                        ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-major": tick.major || void 0, style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, tick.at)),
+                        minorTicks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__gridline", "data-minor": "true", style: { left: `${tick.offset}%` }, "aria-hidden": "true" }, `minor-${tick.at}`)),
                         overlays.map((overlay, index) => inLayer(overlay) ? renderOverlay(overlay, overlayKeys[index], scopeOf(lanesOf(overlay))) : null),
                         markers.map((marker, index) => inLayer(marker) ? renderMarker2(marker, markerKeys[index], scopeOf(lanesOf(marker))) : null),
-                        nowPos && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) })
+                        nowPos && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__now", style: { left: `${nowPos.left}%` }, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-scheduling-timeline__now-label", children: labels.now }) })
                       ] })
                     ] }),
                     body
@@ -12258,16 +12474,16 @@ function SchedulingTimeline({
                 }
               )
             ] }),
-            virtual && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { ref: probeRef, className: "uix-scheduling-timeline__probe", "aria-hidden": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", {})
+            virtual && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { ref: probeRef, className: "uix-scheduling-timeline__probe", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", {})
             ] })
           ] }),
-          nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
+          nothingToShow && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "uix-scheduling-timeline__empty", children: labels.empty })
         ] }),
-        hint && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { id: hintId, className: "uix-visually-hidden", children: hint }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { id: hintId, className: "uix-visually-hidden", children: hint }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announcement })
       ]
     }
   );
@@ -12349,7 +12565,7 @@ function timeZoneName(timeZone, date, locale) {
 
 // src/components/DateFieldParts.tsx
 var import_react65 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var localDateKey = (now = /* @__PURE__ */ new Date()) => `${now.getFullYear().toString().padStart(4, "0")}-${(now.getMonth() + 1).toString().padStart(2, "0")}-${now.getDate().toString().padStart(2, "0")}`;
 var utc = (date) => /* @__PURE__ */ new Date(`${date}T00:00:00Z`);
 var monthLabel = (date, locale) => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(utc(date));
@@ -12493,22 +12709,22 @@ function MonthCalendar({
   };
   const atMin = !!min && month <= startOfMonth(min);
   const atMax = !!max && month >= startOfMonth(max);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-date-picker__calendar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "uix-date-picker__nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.previousMonth, "aria-disabled": atMin || void 0, onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-date-picker__calendar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-date-picker__nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.previousMonth, "aria-disabled": atMin || void 0, onClick: () => {
         if (!atMin) showMonth(-1);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChevronLeftIcon, { size: "sm" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "uix-date-picker__month", "aria-live": "polite", children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.nextMonth, "aria-disabled": atMax || void 0, onClick: () => {
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ChevronLeftIcon, { size: "sm" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-date-picker__month", "aria-live": "polite", children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "uix-date-picker__nav-btn", "aria-label": labels.nextMonth, "aria-disabled": atMax || void 0, onClick: () => {
         if (!atMax) showMonth(1);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChevronRightIcon, { size: "sm" }) })
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ChevronRightIcon, { size: "sm" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: day }, index)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref: gridRef, className: "uix-date-range-picker__grid uix-date-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
-      Array.from({ length: blanks }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: day }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { ref: gridRef, className: "uix-date-range-picker__grid uix-date-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
+      Array.from({ length: blanks }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
       days.map((day) => {
         const off = unavailable(day.date);
-        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           "button",
           {
             type: "button",
@@ -12534,7 +12750,7 @@ function MonthCalendar({
 }
 
 // src/components/DateRangePicker.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var DEFAULT_DATE_RANGE_PICKER_LABELS = {
   previous: "Previous",
   previousMonth: "Show previous month",
@@ -12630,23 +12846,23 @@ function RangeCalendar({
     }
   };
   const announcement = !value.start ? labels.noneSelected : !value.end ? labels.startSelected.replace("{start}", dateLabel(value.start, locale)) : labels.rangeSelected.replace("{start}", dateLabel(value.start, locale)).replace("{end}", dateLabel(value.end, locale));
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-date-range-picker__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h3", { id: `${id}-label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.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_runtime92.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.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_runtime91.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-date-range-picker__month", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h4", { children: monthLabel2(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: day }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel2(month, locale), children: [
-        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() - weekStartsOn + 7) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h4", { children: monthLabel2(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: weekdays.map((day, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: day }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel2(month, locale), children: [
+        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() - weekStartsOn + 7) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime91.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             "button",
             {
               type: "button",
@@ -12668,15 +12884,15 @@ function RangeCalendar({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 function DateRangePicker({ labels: labelOverrides, ...props }) {
   const uixLabels = useUixLabels();
   const words = { ...DEFAULT_DATE_RANGE_PICKER_LABELS, ...uixLabels.dateRangePicker, ...labelOverrides };
-  if (props.mode === "field") return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DateRangeField, { ...props, words });
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(RangeCalendar, { ...props, words });
+  if (props.mode === "field") return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DateRangeField, { ...props, words });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(RangeCalendar, { ...props, words });
 }
 function DateRangeField(props) {
   const {
@@ -12711,7 +12927,7 @@ function DateRangeField(props) {
   const text = !value.start ? null : !value.end ? words.fieldStart.replace("{start}", format(value.start)) : words.fieldRange.replace("{start}", format(value.start)).replace("{end}", format(value.end));
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
   const describedBy = [ariaDescribedBy, labelled && text ? valueId : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "div",
     {
       ref: anchorRef,
@@ -12723,7 +12939,7 @@ function DateRangeField(props) {
         hide();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
           "button",
           {
             ref: triggerRef,
@@ -12735,16 +12951,16 @@ function DateRangeField(props) {
             "aria-invalid": rangeInvalid || ariaInvalid === true || ariaInvalid === "true" || void 0,
             ...triggerProps,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "uix-date-range-field__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CalendarIcon, { size: "sm" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "uix-visually-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "uix-date-range-field__icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CalendarIcon, { size: "sm" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-visually-hidden", children: [
                 label,
                 ": "
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { id: valueId, className: cx("uix-date-range-field__value", !text && "uix-date-range-field__value--empty"), children: text ?? words.placeholder })
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { id: valueId, className: cx("uix-date-range-field__value", !text && "uix-date-range-field__value--empty"), children: text ?? words.placeholder })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Popover,
           {
             id: popoverId,
@@ -12755,7 +12971,7 @@ function DateRangeField(props) {
             "aria-label": label,
             capHeight: true,
             closeWhenAnchorHidden: true,
-            children: open && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            children: open && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               RangeCalendar,
               {
                 ...props,
@@ -12776,7 +12992,7 @@ function DateRangeField(props) {
 
 // src/components/DatePicker.tsx
 var import_react67 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var DEFAULT_DATE_PICKER_LABELS = {
   open: "Choose date",
   openSelected: "Change date, {date}",
@@ -12891,7 +13107,7 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
   const expected = placeholder ?? (parseDate ? null : pattern);
   const describedBy = [ariaDescribedBy, problem ? errorId : void 0].filter(Boolean).join(" ") || void 0;
   const isInvalid = !!invalid || !!problem || ariaInvalid === true || ariaInvalid === "true";
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "div",
     {
       ref: anchorRef,
@@ -12904,8 +13120,8 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
         hide();
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "uix-date-picker__control", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-date-picker__control", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
             "input",
             {
               ref: inputRef,
@@ -12934,7 +13150,7 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
               onKeyDown: onInputKeyDown
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
             "button",
             {
               type: "button",
@@ -12942,13 +13158,13 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
               disabled: locked,
               "aria-label": value && isValidDateKey(value) ? fillLabel(labels.openSelected, { date: fullDateLabel(value, locale) }) : labels.open,
               ...triggerProps,
-              children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CalendarIcon, { size: "sm" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CalendarIcon, { size: "sm" })
             }
           )
         ] }),
-        name && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("input", { type: "hidden", name, value: value ?? "", disabled }),
-        problem && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { id: errorId, className: "uix-field__error uix-date-picker__error", role: "alert", children: problem !== "format" ? labels.unavailable : expected ? fillLabel(labels.invalidDate, { pattern: expected }) : labels.notADate }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        name && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("input", { type: "hidden", name, value: value ?? "", disabled }),
+        problem && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { id: errorId, className: "uix-field__error uix-date-picker__error", role: "alert", children: problem !== "format" ? labels.unavailable : expected ? fillLabel(labels.invalidDate, { pattern: expected }) : labels.notADate }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           Popover,
           {
             id: popoverId,
@@ -12958,7 +13174,7 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
             role: "dialog",
             "aria-label": labels.calendar,
             closeWhenAnchorHidden: true,
-            children: open && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            children: open && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               MonthCalendar,
               {
                 value,
@@ -13036,7 +13252,7 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
   const zoneText = timeZoneLabel === null ? null : timeZoneLabel ?? (zone ? timeZoneName(zone, date, locale) : null);
   const timeName = grouped ? labels.time : fieldLabel ? fillLabel(labels.timeOf, { label: fieldLabel }) : labels.time;
   const step = Math.max(1, Math.round(minuteStep)) * 60;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "div",
     {
       className: cx("uix-date-time-picker", size === "sm" && "uix-date-time-picker--sm", className),
@@ -13045,7 +13261,7 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DatePicker,
           {
             ...dateProps,
@@ -13072,7 +13288,7 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "input",
           {
             type: "time",
@@ -13091,11 +13307,11 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
             }
           }
         ),
-        zoneText && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "uix-date-time-picker__zone", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { "aria-hidden": "true", children: zoneText }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { id: zoneId, className: "uix-visually-hidden", children: fillLabel(labels.timeZone, { zone: zoneText }) })
+        zoneText && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-date-time-picker__zone", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { "aria-hidden": "true", children: zoneText }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { id: zoneId, className: "uix-visually-hidden", children: fillLabel(labels.timeZone, { zone: zoneText }) })
         ] }),
-        name && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("input", { type: "hidden", name, value: value ?? "", disabled })
+        name && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("input", { type: "hidden", name, value: value ?? "", disabled })
       ]
     }
   );
@@ -13586,7 +13802,7 @@ function layeredNeighbor(layout, currentId, key) {
 var import_react68 = require("react");
 
 // src/components/RelationshipGraphList.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function EquivalentRelationshipList({
   nodes,
   edges,
@@ -13597,19 +13813,19 @@ function EquivalentRelationshipList({
   onOpenDetails
 }) {
   const labelById = new Map(nodes.map((node) => [node.id, node.label]));
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h3", { children: labels.listHeading }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("ul", { children: nodes.map((node) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("ul", { children: nodes.map((node) => {
       const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("strong", { children: node.label }),
-          node.type && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: node.type }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: node.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
-          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
         ] })
       ] }, node.id);
     }) })
@@ -13617,7 +13833,7 @@ function EquivalentRelationshipList({
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var EMPTY_IDS2 = /* @__PURE__ */ new Set();
 var MIN_ZOOM = 0.4;
 var MAX_ZOOM = 1.5;
@@ -13890,21 +14106,21 @@ function LayeredRelationshipGraph({
     height: layout.height,
     transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsxs)("div", { className: "uix-relationship-graph__toolbar", role: "group", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => zoomBy(ZOOM_STEP), disabled: view.zoom >= MAX_ZOOM, children: labels.zoomIn }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => zoomBy(1 / ZOOM_STEP), disabled: view.zoom <= MIN_ZOOM, children: labels.zoomOut }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => moveView(fitView(layout, size), true), children: labels.fit }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => moveView(initialView(layout, size), true), children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => panBy(PAN_STEP, 0), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => panBy(0, PAN_STEP), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => panBy(0, -PAN_STEP), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => panBy(-PAN_STEP, 0), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(view.zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { id: hintId, className: "uix-visually-hidden", children: labels.keyboardHint }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "div",
       {
         ref: viewportRef,
@@ -13914,11 +14130,11 @@ function LayeredRelationshipGraph({
         onPointerMove,
         onPointerUp: onPointerEnd,
         onPointerCancel: onPointerEnd,
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95.jsxs)("div", { className: "uix-relationship-graph__stage", style: stageStyle, "data-animate": animate || void 0, onTransitionEnd: () => setAnimate(false), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime94.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
               "g",
               {
                 className: "uix-relationship-graph__link",
@@ -13928,15 +14144,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_runtime94.jsx)("path", { d: edge.path }),
-                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
-                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)("tspan", { x: edge.labelX, dy: index === 0 ? `${-(lines.length - 1) * 0.55}em` : "1.1em", children: line }, index)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: edge.path }),
+                  edge.arrow !== "none" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("polygon", { points: arrowPoints, transform: `translate(${edge.arrowX} ${edge.arrowY}) rotate(${angle})` }),
+                  showLabel(edge) && /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.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_runtime94.jsx)(
+          layout.columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             "div",
             {
               className: "uix-relationship-graph__column",
@@ -13946,17 +14162,17 @@ function LayeredRelationshipGraph({
             },
             column.depth
           )),
-          /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95.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_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
-            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
-              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsx)("span", { className: "uix-relationship-graph__item-meta", children: labels.expandCluster })
+            ] }) : renderNode?.(item.node, { selected, dimmed }) ?? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-relationship-graph__item-label", children: item.node.label }),
+              (item.node.type || item.node.description) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-relationship-graph__item-meta", children: [item.node.type, item.node.description].filter(Boolean).join(" \xB7 ") })
             ] });
-            return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
               "button",
               {
                 ref: (element) => {
@@ -13987,7 +14203,7 @@ function LayeredRelationshipGraph({
                 onPointerLeave: () => setHoverId((current) => current === item.id ? void 0 : current),
                 children: [
                   body,
-                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
+                  item.inCycle && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "uix-relationship-graph__item-flag", "aria-hidden": "true", children: labels.cycle })
                 ]
               },
               item.id
@@ -13995,7 +14211,7 @@ function LayeredRelationshipGraph({
           }) }),
           layout.items.filter((item) => item.expandedGroup).map((item) => {
             const group = item.expandedGroup;
-            return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "button",
               {
                 type: "button",
@@ -14011,8 +14227,8 @@ function LayeredRelationshipGraph({
         ] })
       }
     ),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
-    showList && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("li", { "data-type": entry.id, children: entry.label }, entry.id)) }),
+    showList && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       EquivalentRelationshipList,
       {
         nodes: bounded.nodes,
@@ -14031,7 +14247,7 @@ function LayeredRelationshipGraph({
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_RELATIONSHIP_GRAPH_LABELS = {
   graph: "Relationship graph",
   controls: "Graph view controls",
@@ -14095,19 +14311,19 @@ function radialViewBox(nodes) {
 function RelationshipGraph(props) {
   const labels = (0, import_react69.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_runtime95.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
+  if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: stateClass, role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: props.error }),
-      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: props.onRetry, children: labels.retry })
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: stateClass, role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: props.error }),
+      props.onRetry && /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime95.jsxs)("div", { className: stateClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: labels.emptyTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { children: labels.emptyHint })
+  if (props.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: stateClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: labels.emptyTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: labels.emptyHint })
   ] });
-  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(LayeredRelationshipGraph, { ...props, labels });
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RadialRelationshipGraph, { ...props, labels });
+  if (props.layout === "layered") return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LayeredRelationshipGraph, { ...props, labels });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RadialRelationshipGraph, { ...props, labels });
 }
 function RadialRelationshipGraph({
   nodes,
@@ -14160,25 +14376,25 @@ function RadialRelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.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_runtime95.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": labels.graph, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": labels.controls, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": labels.panLeft, children: labels.left }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": labels.panUp, children: labels.up }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": labels.panDown, children: labels.down }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": labels.panRight, children: labels.right }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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_runtime96.jsx)("button", { type: "button", onClick: reset, children: labels.reset }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { "aria-live": "polite", children: labels.zoomLevel(Math.round(zoom * 100)) })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "uix-relationship-graph__bounded", role: "status", children: labels.bounded(bounded.nodes.length, bounded.omittedNodeCount) }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("svg", { ref: svgRef, viewBox: radialViewBox(positioned), role: "group", "aria-label": labels.graphSummary(bounded.nodes.length, bounded.edges.length), children: /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime95.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_runtime95.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("title", { children: edge.label ?? edge.type ?? labels.relationship }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
         "g",
         {
           transform: `translate(${node.x * RADIAL_SCALE_X} ${node.y * RADIAL_SCALE_Y})`,
@@ -14194,22 +14410,22 @@ function RadialRelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: node.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: node.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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_runtime95.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": labels.legend, children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)(EquivalentRelationshipList, { nodes: bounded.nodes, edges: bounded.edges, selectedId, labels, onSelect: select, onExpandNeighbors, onOpenDetails })
   ] });
 }
 
 // src/components/MatchReview.tsx
 var import_react70 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
   loading: "Loading match candidates\u2026",
@@ -14304,48 +14520,48 @@ function MatchReview({
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: labels.loading });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
   ] });
-  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: labels.empty }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: labels.emptyDetail })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { children: labels.empty }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { children: labels.emptyDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-match-review__summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: fillLabel(labels.pendingOf, { pending: pending.length, total: candidates.length }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("b", { children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.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_runtime97.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": labels.bulk, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: fillLabel(labels.selectedCount, { count: selection.size }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.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_runtime96.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { scope: "col", children: labels.confidence }),
-        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { scope: "col", children: labels.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { scope: "col", children: labels.actions })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("caption", { className: "uix-visually-hidden", children: labels.caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "uix-visually-hidden", children: labels.select }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { scope: "col", children: labels.confidence }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { scope: "col", children: labels.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("th", { scope: "col", children: labels.actions })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ? decisionLabel[candidate.decision] : labels.resolved : labels.pending }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "button",
             {
               type: "button",
@@ -14359,7 +14575,7 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
@@ -14389,7 +14605,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -14438,10 +14654,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_runtime97.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         Input,
         {
           id,
@@ -14460,22 +14676,22 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime98.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime97.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -14496,18 +14712,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_runtime98.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -14516,7 +14732,7 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
@@ -14591,7 +14807,7 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 
 // src/components/ColorPicker.tsx
 var import_react72 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
   sample: "Aa",
@@ -14675,8 +14891,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -14688,12 +14904,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -14704,55 +14920,55 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { style: { color: foreground }, children: labels.sample }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.hue,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime100.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_runtime99.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.saturation,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime100.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_runtime99.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-color-picker__range", children: [
             labels.brightness,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime100.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_runtime99.jsxs)("label", { className: "uix-color-picker__hex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-color-picker__hex", children: [
             labels.hex,
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime99.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_runtime100.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_runtime99.jsxs)("div", { className: "uix-color-picker__palettes", children: [
-            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("legend", { children: labels.presets }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime100.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("legend", { children: labels.presets }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime99.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("legend", { children: labels.recent }),
-              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime100.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("legend", { children: labels.recent }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime99.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_runtime99.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
+          /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: labels.done })
         ]
       }
     )
@@ -14760,7 +14976,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -14869,54 +15085,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_runtime100.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-brand-profiles__form", children: [
-      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-field__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "uix-field__label", children: [
         labels.profile,
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime100.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "uix-field__label", children: [
         labels.name,
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { children: [
           labels.brand,
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ColorPicker, { label: labels.brandColor, value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { children: [
           labels.onBrand,
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ColorPicker, { label: labels.onBrandColor, value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "uix-field__label", children: [
         labels.bodyFont,
-        /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime101.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_runtime100.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "uix-field__label", children: [
         labels.headingFont,
-        /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime101.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_runtime100.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         labels.logoFile,
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: labels.apply }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("strong", { children: value.name || labels.previewTitleFallback })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": fillLabel(labels.preview, { name: value.name }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: labels.logoPlaceholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("strong", { children: value.name || labels.previewTitleFallback })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { children: labels.previewHeading }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { children: labels.previewBody }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { children: labels.previewHeading }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: labels.previewBody }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: labels.previewPrimary }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("a", { href: "#brand-profile-preview", children: labels.previewLink })
       ] })
     ] })
   ] });
@@ -14975,7 +15191,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var DEFAULT_DIFF_VIEWER_LABELS = {
   base: "Base",
   current: "Current",
@@ -15029,24 +15245,24 @@ function DiffViewer({
     if (controlledResolutions === void 0) setInternalResolutions((currentState) => ({ ...currentState, [path]: resolution }));
     onResolutionChange?.(path, resolution);
   };
-  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { children: labels.noDifferences }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: labels.noDifferencesDetail })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": labels.region, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { children: labels.noDifferences }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { children: labels.noDifferencesDetail })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
-      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("b", { children: summary[kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": labels.region, "data-control-size": controlSize, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-diff-viewer__summary", role: "group", "aria-label": labels.summary, children: [
+      GROUPS.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("b", { children: summary[kind] }),
         " ",
         labels[kind].toLowerCase()
       ] }, kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("b", { children: summary.resolved }),
         " ",
         labels.resolved
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("b", { children: summary.pending }),
         " ",
         labels.pending
       ] })
@@ -15054,33 +15270,33 @@ function DiffViewer({
     GROUPS.map((kind) => {
       const grouped = entries.filter((entry) => entry.kind === kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("h3", { id: `${id}-${kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("h3", { id: `${id}-${kind}`, children: [
           labels[kind],
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("summary", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
+          return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolutionLabel[resolution] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("strong", { children: labels[version] }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { role: "region", "aria-label": fillLabel(labels.valueFor, { version: labels[version], path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("strong", { children: labels[version] }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("pre", { children: renderValue(entry[version], labels.notPresent) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.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: () => resolve(entry.path, "accept"), children: labels.acceptIncoming }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.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: () => resolve(entry.path, "skip"), children: labels.keepCurrent }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.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: () => resolve(entry.path, "pending"), children: labels.markPending })
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-diff-viewer__actions", role: "group", "aria-label": fillLabel(labels.resolve, { path: entry.path }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime102.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: () => resolve(entry.path, "accept"), children: labels.acceptIncoming }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.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: () => resolve(entry.path, "skip"), children: labels.keepCurrent }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.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: () => resolve(entry.path, "pending"), children: labels.markPending })
             ] })
           ] }, entry.path);
         })
       ] }, kind);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: fillLabel(labels.progress, { resolved: summary.resolved, total: entries.length }) })
   ] });
 }
 
@@ -15345,7 +15561,7 @@ function textDiffRows(result, { context } = {}) {
 }
 
 // src/components/TextDiff.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var DEFAULT_TEXT_DIFF_LABELS = {
   before: "Before",
   after: "After",
@@ -15358,21 +15574,21 @@ var DEFAULT_TEXT_DIFF_LABELS = {
 };
 function Marked({ segments, side, labels, whole }) {
   const Tag = side === "before" ? "del" : "ins";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Tag, { "data-whole": whole || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-visually-hidden", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children: segments.map((segment, i) => segment.changed ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Tag, { "data-whole": whole || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-visually-hidden", children: [
       side === "before" ? labels.removed : labels.added,
       ": "
     ] }),
     segment.text
-  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react75.Fragment, { children: segment.text }, i)) });
+  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react75.Fragment, { children: segment.text }, i)) });
 }
 function Cell({ line, side, kind, labels }) {
-  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
+  if (!line) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
   const changed = kind !== "equal";
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__cell", "data-side": side, "data-kind": changed ? side === "before" ? "delete" : "insert" : "equal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "uix-text-diff__num", "aria-hidden": "true", children: line.number }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "uix-text-diff__sign", "aria-hidden": "true", children: changed ? side === "before" ? "\u2212" : "+" : "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "uix-text-diff__text", children: line.segments.length === 1 && line.segments[0].text === "" ? "\u200B" : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Marked, { segments: line.segments, side, labels, whole: line.segments.length === 1 }) })
   ] });
 }
 function Rows({ rows, view, labels, focusFirst }) {
@@ -15382,23 +15598,23 @@ function Rows({ rows, view, labels, focusFirst }) {
     if (focusFirst) first.current?.focus();
   }, [focusFirst]);
   const firstProps = (index) => focusFirst && index === 0 ? { ref: first, tabIndex: -1 } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: rows.map((row, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children: rows.map((row, index) => {
     if (row.kind === "fold") {
-      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
+      if (open.has(index)) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Rows, { rows: row.rows, view, labels, focusFirst: true }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "fold", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("button", { type: "button", className: "uix-text-diff__fold", onClick: () => setOpen((s) => new Set(s).add(index)), children: fillLabel(labels.showUnchanged, { count: row.count }) }) }, index);
     }
     const before = row.kind === "insert" ? void 0 : row.before;
     const after = row.kind === "delete" ? void 0 : row.after;
     if (view === "unified") {
-      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_react75.Fragment, { children: [
-        before && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
-        after && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
+      if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_react75.Fragment, { children: [
+        before && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
+        after && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
       ] }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__row", "data-kind": row.kind, ...firstProps(index), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels })
     ] }, index);
   }) });
 }
@@ -15422,39 +15638,39 @@ function TextDiff({
   const labels = { ...DEFAULT_TEXT_DIFF_LABELS, ...uixLabels.textDiff, ...labelOverrides };
   const result = (0, import_react75.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
   const rows = (0, import_react75.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
-  const heads = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
+  const heads = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
       beforeLabel ?? labels.before
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
-      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { "aria-hidden": "true", children: "+ " }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-text-diff__head", "data-side": "after", children: [
+      view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", children: "+ " }),
       afterLabel ?? labels.after
     ] })
   ] });
   const unchanged = result.status === "ok" && result.added === 0 && result.removed === 0 && result.ops.every((op) => op.type === "equal");
   let body;
-  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
-  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Rows, { rows, view, labels }) });
+  if (result.status === "too-large") body = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__note", children: labels.tooLarge });
+  else if (granularity === "line") body = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__body", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Rows, { rows, view, labels }) });
   else {
-    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
+    const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
       const text = op.tokens.join("");
-      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react75.Fragment, { children: text }, i);
+      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react75.Fragment, { children: text }, i);
       if (op.type === "delete" && side2 === "after") return null;
       if (op.type === "insert" && side2 === "before") return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);
     }) });
-    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-text-diff__side", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
+    const side = (which) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__side", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__head", children: which === "before" ? beforeLabel ?? labels.before : afterLabel ?? labels.after }),
       prose(which)
     ] });
-    body = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
+    body = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__body", children: view === "unified" ? prose("both") : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__row", "data-kind": "prose", children: [
       side("before"),
       side("after")
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
-    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { role: "group", "aria-label": label, className: cx("uix-text-diff", className), "data-view": view, "data-granularity": granularity, ...props, children: [
+    !hideSummary && result.status === "ok" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__summary", children: unchanged ? labels.noChanges : fillLabel(labels.summary, { added: result.added, removed: result.removed }) }),
     !(granularity === "word" && view === "split" && result.status === "ok") && heads,
     body
   ] });
@@ -15473,6 +15689,7 @@ function TextDiff({
   Breadcrumbs,
   BuilderCanvas,
   BulkBar,
+  Bullet,
   Button,
   ButtonGroup,
   ButtonLink,
@@ -15511,6 +15728,7 @@ function TextDiff({
   DEFAULT_FILTER_EDITOR_LABELS,
   DEFAULT_FILTER_SUMMARY_LABELS,
   DEFAULT_INLINE_EDIT_LABELS,
+  DEFAULT_INSIGHT_CARD_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
   DEFAULT_PAGINATION_LABELS,
@@ -15563,6 +15781,7 @@ function TextDiff({
   InlineEdit,
   Input,
   InputGroup,
+  InsightCard,
   Kanban,
   KanbanCard,
   KanbanColumn,
@@ -15717,6 +15936,7 @@ function TextDiff({
   layoutMonthSpans,
   layoutRelationshipGraph,
   layoutTimeGridDay,
+  linearFit,
   mapRuleGroup,
   matchFilter,
   matchFilterPreset,
@@ -15725,6 +15945,7 @@ function TextDiff({
   moveRuleNode,
   multiSort,
   nextSortDir,
+  normalQuantile,
   normalizeHex,
   packLanes,
   parseDateInput,
@@ -15735,7 +15956,9 @@ function TextDiff({
   pixelsToMs,
   placeSpan,
   placesInTopLane,
+  predictionBand,
   proposeMove,
+  quantiles,
   rankOverflow,
   relationshipNeighbors,
   relativeTimeValue,
@@ -15759,6 +15982,7 @@ function TextDiff({
   splitDateTime,
   startOfMonth,
   stepMetricValue,
+  studentTQuantile,
   summarizeDiff,
   summarizeFilter,
   summarizeRule,