@tensor_1/react 2.36.0 → 2.37.0

package/dist/index.cjs

@@ -9375,7 +9375,7 @@ function BuilderCanvas({
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -9803,7 +9803,36 @@ function proposeMove(span, delta, timeZone) {
 }
 
 // src/components/SchedulingAgenda.tsx
+var import_react61 = require("react");
+
+// src/hooks/usePrinting.ts
 var import_react60 = require("react");
+var import_react_dom = require("react-dom");
+function usePrinting(enabled = true) {
+  const [printing, setPrinting] = (0, import_react60.useState)(false);
+  (0, import_react60.useEffect)(() => {
+    if (!enabled || typeof window === "undefined") return void 0;
+    const set = (next) => {
+      (0, import_react_dom.flushSync)(() => setPrinting(next));
+    };
+    const before = () => set(true);
+    const after = () => set(false);
+    const query = typeof window.matchMedia === "function" ? window.matchMedia("print") : null;
+    const changed = (event) => set(event.matches);
+    window.addEventListener("beforeprint", before);
+    window.addEventListener("afterprint", after);
+    query?.addEventListener?.("change", changed);
+    setPrinting(Boolean(query?.matches));
+    return () => {
+      window.removeEventListener("beforeprint", before);
+      window.removeEventListener("afterprint", after);
+      query?.removeEventListener?.("change", changed);
+    };
+  }, [enabled]);
+  return enabled && printing;
+}
+
+// src/components/SchedulingAgenda.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var AGENDA_VIRTUAL_ROW = 44;
 var AGENDA_NARROW_WIDTH = 576;
@@ -9856,10 +9885,11 @@ function AgendaBody({
       if ((group.continuesCount ?? 0) > 0) flatRows.push({ kind: "continues", key: `c-${groupKey}`, group });
     });
   }
-  const [narrow, setNarrow] = (0, import_react60.useState)(false);
-  const virtual = useVirtualRows(flatRows, { rowHeight: narrow ? AGENDA_NARROW_ROW : AGENDA_VIRTUAL_ROW, threshold: 0, estimatedViewportHeight: AGENDA_VIRTUAL_VIEWPORT });
+  const [narrow, setNarrow] = (0, import_react61.useState)(false);
+  const printing = usePrinting(flat);
+  const virtual = useVirtualRows(flatRows, { rowHeight: narrow ? AGENDA_NARROW_ROW : AGENDA_VIRTUAL_ROW, threshold: 0, estimatedViewportHeight: AGENDA_VIRTUAL_VIEWPORT, enabled: !printing });
   const scroller = virtual.containerRef;
-  (0, import_react60.useLayoutEffect)(() => {
+  (0, import_react61.useLayoutEffect)(() => {
     const box = scroller.current;
     if (!box) return;
     const measure = () => setNarrow(box.clientWidth > 0 && box.clientWidth <= AGENDA_NARROW_WIDTH);
@@ -9868,8 +9898,8 @@ function AgendaBody({
     observer.observe(box);
     return () => observer.disconnect();
   }, [scroller]);
-  const grouped = (0, import_react60.useRef)(null);
-  (0, import_react60.useLayoutEffect)(() => {
+  const grouped = (0, import_react61.useRef)(null);
+  (0, import_react61.useLayoutEffect)(() => {
     const box = grouped.current;
     if (!box) return;
     const observer = new ResizeObserver((entries) => {
@@ -9881,7 +9911,7 @@ function AgendaBody({
     box.querySelectorAll(":scope > section > .uix-scheduling-calendar__agenda-head").forEach((head) => observer.observe(head));
     return () => observer.disconnect();
   }, [groups]);
-  const stop = (0, import_react60.useRef)({ node: null, index: 0 });
+  const stop = (0, import_react61.useRef)({ node: null, index: 0 });
   const container = () => flat ? scroller.current : grouped.current;
   const controls = () => Array.from(container()?.querySelectorAll("button") ?? []);
   const focusStop = (target) => {
@@ -9906,7 +9936,7 @@ function AgendaBody({
   const scrollToRow = (box, index) => {
     box.scrollTop = Math.max(0, index * rowHeight - (box.clientHeight - rowHeight) / 2);
   };
-  const landing = (0, import_react60.useRef)(null);
+  const landing = (0, import_react61.useRef)(null);
   const land = () => {
     const wanted = landing.current;
     if (!wanted) return;
@@ -9927,7 +9957,7 @@ function AgendaBody({
       scrollToRow(box, index);
     }
   };
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     const all = controls();
     stop.current = syncRovingStop(all, stop.current);
     const box = flat ? scroller.current : null;
@@ -9983,7 +10013,7 @@ function AgendaBody({
     overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime86.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: [
-    (0, import_react60.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
+    (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)) })
   ] });
   const timeText = (entry, date) => {
@@ -10053,7 +10083,7 @@ function AgendaBody({
 }
 
 // src/components/SchedulingTimeGrid.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var HOUR_MS2 = 36e5;
 var MINUTES_PER_HOUR = 60;
@@ -10067,7 +10097,7 @@ function uniqueById(items) {
   const seen = /* @__PURE__ */ new Set();
   return items.filter((item) => seen.has(item.id) ? false : (seen.add(item.id), true));
 }
-var GridItem = (0, import_react61.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
+var GridItem = (0, import_react62.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
   const lines = linesFor(segment);
   const continuation = segment.part === "continuation";
   const style = vars({
@@ -10076,16 +10106,18 @@ var GridItem = (0, import_react61.memo)(function GridItem2({ entry, segment, col
     "--uix-scheduling-calendar-lane": segment.lane,
     "--uix-scheduling-calendar-lanes": segment.laneCount
   });
-  const text = renderEntry?.(entry, { availableLines: lines }) ?? (lines > 0 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+  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) }),
       " "
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__title", children: entry.title })
-  ] }) : null);
+  ] });
+  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 && lines > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__tg-from", children: continuesFrom }),
-    (!continuation || alone) && text != null && text !== false && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__entry-text", children: text }),
+    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 shared = {
@@ -10150,20 +10182,20 @@ function SchedulingTimeGrid({
   emptyNote,
   nothingToShow
 }) {
-  const rootRef = (0, import_react61.useRef)(null);
-  const hintId = (0, import_react61.useId)();
-  const [widthCap, setWidthCap] = (0, import_react61.useState)(Infinity);
-  const [ghost, setGhost] = (0, import_react61.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react61.useState)("");
-  const [activeDay, setActiveDay] = (0, import_react61.useState)(days[0]);
-  const enteredFrom = (0, import_react61.useRef)(null);
+  const rootRef = (0, import_react62.useRef)(null);
+  const hintId = (0, import_react62.useId)();
+  const [widthCap, setWidthCap] = (0, import_react62.useState)(Infinity);
+  const [ghost, setGhost] = (0, import_react62.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react62.useState)("");
+  const [activeDay, setActiveDay] = (0, import_react62.useState)(days[0]);
+  const enteredFrom = (0, import_react62.useRef)(null);
   const tabStop = days.includes(activeDay) ? activeDay : days[0];
   const moving = canMove && onProposeMove !== void 0;
   const step = Number.isFinite(givenStep) && givenStep > 0 ? givenStep : DEFAULT_STEP;
-  const laneOptions = (0, import_react61.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
-  const entries = (0, import_react61.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
-  const overlays = (0, import_react61.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
-  (0, import_react61.useEffect)(() => {
+  const laneOptions = (0, import_react62.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
+  const entries = (0, import_react62.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
+  const overlays = (0, import_react62.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
+  (0, import_react62.useEffect)(() => {
     const root = rootRef.current;
     if (!root || typeof ResizeObserver === "undefined") return void 0;
     const column = root.querySelector("[data-tg-column]");
@@ -10188,17 +10220,17 @@ function SchedulingTimeGrid({
     };
   }, [days]);
   const lanes = Math.max(1, Math.min(maxLanes, widthCap));
-  const entryById = (0, import_react61.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
-  const overlayById = (0, import_react61.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
-  const columns = (0, import_react61.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
-  const slots = (0, import_react61.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
-  const top = (0, import_react61.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
-  const drawable = (0, import_react61.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
-  const strip = (0, import_react61.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
-  const shades = (0, import_react61.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
+  const entryById = (0, import_react62.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
+  const overlayById = (0, import_react62.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
+  const columns = (0, import_react62.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
+  const slots = (0, import_react62.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
+  const top = (0, import_react62.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
+  const drawable = (0, import_react62.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
+  const strip = (0, import_react62.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
+  const shades = (0, import_react62.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
   const lanesIn = (placed) => placed.reduce((max, span) => Math.max(max, span.lane + 1), 0);
   const maxHours = Math.max(...columns.map((column) => column.dayHours));
-  const gutterIndex = (0, import_react61.useMemo)(() => {
+  const gutterIndex = (0, import_react62.useMemo)(() => {
     const signatures = slots.map(slotSignature);
     const count2 = /* @__PURE__ */ new Map();
     for (const signature of signatures) count2.set(signature, (count2.get(signature) ?? 0) + 1);
@@ -10223,15 +10255,15 @@ function SchedulingTimeGrid({
     slot.instant.getTime()
   ));
   const movable = (entry) => moving && entry.movable !== false;
-  const live = (0, import_react61.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
+  const live = (0, import_react62.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
   live.current = { ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable };
-  const dragRef = (0, import_react61.useRef)(null);
-  const suppressClick = (0, import_react61.useRef)(false);
-  const refocus = (0, import_react61.useRef)(null);
-  (0, import_react61.useEffect)(() => {
+  const dragRef = (0, import_react62.useRef)(null);
+  const suppressClick = (0, import_react62.useRef)(false);
+  const refocus = (0, import_react62.useRef)(null);
+  (0, import_react62.useEffect)(() => {
     if (ghost && !entryById.has(ghost.id)) setGhost(null);
   }, [ghost, entryById]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const id = refocus.current;
     const root = rootRef.current;
     if (!id || !root) return;
@@ -10248,7 +10280,7 @@ function SchedulingTimeGrid({
       }
     }
   });
-  const send = (0, import_react61.useCallback)((id, delta) => {
+  const send = (0, import_react62.useCallback)((id, delta) => {
     const state = live.current;
     const entry = state.entryById.get(id);
     if (!entry || !state.onProposeMove || !state.movable(entry) || delta.days === 0 && delta.minutes === 0) {
@@ -10263,7 +10295,7 @@ function SchedulingTimeGrid({
       result.then(clear, clear);
     } else setGhost(null);
   }, []);
-  const handlers = (0, import_react61.useMemo)(() => ({
+  const handlers = (0, import_react62.useMemo)(() => ({
     click: (entry) => {
       live.current.onSelectEntry?.(entry);
     },
@@ -10386,7 +10418,7 @@ function SchedulingTimeGrid({
       };
     }
   }), [send]);
-  (0, import_react61.useEffect)(() => () => {
+  (0, import_react62.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
@@ -10799,27 +10831,27 @@ function SchedulingCalendar({
   };
   const stateLabel = labels.states;
   const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, day: labels.viewDay, agenda: labels.viewAgenda };
-  const [internalView, setInternalView] = (0, import_react62.useState)("month");
+  const [internalView, setInternalView] = (0, import_react63.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react62.useState)(anchorDate);
-  const [expandedDates, setExpandedDates] = (0, import_react62.useState)(() => /* @__PURE__ */ new Set());
+  const [activeDate, setActiveDate] = (0, import_react63.useState)(anchorDate);
+  const [expandedDates, setExpandedDates] = (0, import_react63.useState)(() => /* @__PURE__ */ new Set());
   const dateText = (date, part) => formatDate?.(date, part) ?? cachedDateTimeFormat(locale, INTL_PARTS[part]).format(utcDate(date));
   const formatInstant = (instant) => formatInstantProp?.(instant) ?? `${dateText(zonedDateKey(instant, timeZone), "day")} ${zonedTimeOfDay(instant, timeZone)}`;
-  const gridRef = (0, import_react62.useRef)(null);
+  const gridRef = (0, import_react63.useRef)(null);
   const picksGiven = dayEntries !== void 0;
   const controlled = picksGiven || dayInfo !== void 0;
   const countsOnly = monthDensity === "counts" && view === "month";
   const fixed = controlled || maxEntriesPerDay !== void 0 && onShowMore !== void 0 || countsOnly;
   const windowCap = Math.max(0, windowLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
   const spanCap = Math.max(0, spanLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
-  const visibleEntries = (0, import_react62.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const monthDays = (0, import_react62.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
+  const visibleEntries = (0, import_react63.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const monthDays = (0, import_react63.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
   const weekday = (utcDate(anchorDate).getUTCDay() - weekStartsOn + 7) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react62.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react62.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
+  const weekDays = (0, import_react63.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react63.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
   const timeGridView = view === "day" || view === "week" && timeGrid;
-  const { singles, multiDay, coverage } = (0, import_react62.useMemo)(() => {
+  const { singles, multiDay, coverage } = (0, import_react63.useMemo)(() => {
     const byDay = /* @__PURE__ */ new Map();
     const spans = [];
     const every = [];
@@ -10834,9 +10866,9 @@ function SchedulingCalendar({
     }
     return { singles: byDay, multiDay: spans, coverage: every };
   }, [visibleEntries, timeZone]);
-  const entryById = (0, import_react62.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
-  const overlayById = (0, import_react62.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
-  const layout = (0, import_react62.useMemo)(() => {
+  const entryById = (0, import_react63.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
+  const overlayById = (0, import_react63.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
+  const layout = (0, import_react63.useMemo)(() => {
     if (spanLayout) return spanLayout;
     if (view === "agenda" || timeGridView) return { placed: [], hiddenByRow: {}, firstHiddenDayByRow: {} };
     const inputs = [];
@@ -10854,7 +10886,7 @@ function SchedulingCalendar({
     }
     return layoutMonthSpans(inputs, days, { timeZone, laneCap: { window: windowCap, item: spanCap } });
   }, [spanLayout, view, timeGridView, overlays, multiDay, days, timeZone, windowCap, spanCap, countsOnly]);
-  const placedByRow = (0, import_react62.useMemo)(() => {
+  const placedByRow = (0, import_react63.useMemo)(() => {
     const rows = /* @__PURE__ */ new Map();
     for (const placed of layout.placed) {
       const row = rows.get(placed.weekRow);
@@ -10865,7 +10897,7 @@ function SchedulingCalendar({
   }, [layout]);
   const lanesUsed = (row, group) => (placedByRow.get(row) ?? []).reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
   const lanesUsedAnywhere = (group) => layout.placed.reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
@@ -10881,7 +10913,7 @@ function SchedulingCalendar({
     setActiveDate(date);
     requestAnimationFrame(() => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.focus());
   };
-  const enteredFrom = (0, import_react62.useRef)(null);
+  const enteredFrom = (0, import_react63.useRef)(null);
   const cellOf = (date) => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.closest(".uix-scheduling-calendar__day") ?? null;
   const dayRing = (date) => {
     const cell = cellOf(date);
@@ -10951,10 +10983,10 @@ function SchedulingCalendar({
     const date = dayOfItem(item);
     if (date && dayRing(date).includes(item)) setActiveDate(date);
   };
-  const flatAgendaRef = (0, import_react62.useRef)(null);
-  const flatAgendaStop = (0, import_react62.useRef)({ node: null, index: 0 });
+  const flatAgendaRef = (0, import_react63.useRef)(null);
+  const flatAgendaStop = (0, import_react63.useRef)({ node: null, index: 0 });
   const flatAgendaRows = () => Array.from(flatAgendaRef.current?.querySelectorAll(":scope > ol > li > button") ?? []);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     flatAgendaStop.current = syncRovingStop(flatAgendaRows(), flatAgendaStop.current);
   });
   const onFlatAgendaFocus = (event) => {
@@ -11196,7 +11228,7 @@ function SchedulingCalendar({
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/scheduling-timeline-model.ts
 var HOUR = 36e5;
@@ -11424,7 +11456,7 @@ var DEFAULT_UNITS = { row: 36, pad: 16, head: 40 };
 var ESTIMATED_VIEWPORT = 720;
 var OVERSCAN_ROWS = 4;
 var BAR_MIN_FALLBACK = 1.5 * 16;
-var useIsomorphicLayoutEffect6 = typeof document !== "undefined" ? import_react63.useLayoutEffect : import_react63.useEffect;
+var useIsomorphicLayoutEffect6 = typeof document !== "undefined" ? import_react64.useLayoutEffect : import_react64.useEffect;
 var sameExtent = (a, b) => a.subRows === b.subRows && a.lanes === b.lanes && a.heads === b.heads;
 var IN_LANE = { scope: "lane", labelTops: ["0%"] };
 var vars2 = (values) => values;
@@ -11490,29 +11522,29 @@ function SchedulingTimeline({
     overlays: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.overlays, ...uixLabels.schedulingTimeline?.overlays, ...labelOverrides?.overlays },
     statuses: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.statuses, ...uixLabels.schedulingTimeline?.statuses, ...labelOverrides?.statuses }
   };
-  const id = (0, import_react63.useId)();
+  const id = (0, import_react64.useId)();
   const hintId = `${id}-hint`;
   const step = stepProp !== void 0 && Number.isFinite(stepProp) && stepProp > 0 ? stepProp : defaultTimelineStep(scale);
-  const rootRef = (0, import_react63.useRef)(null);
-  const [scroller, setScroller] = (0, import_react63.useState)(null);
-  const [layerTrack, setLayerTrack] = (0, import_react63.useState)(null);
-  const probeRef = (0, import_react63.useRef)(null);
-  const bodyRef = (0, import_react63.useRef)(null);
-  const barMinRef = (0, import_react63.useRef)(null);
-  const [barShare, setBarShare] = (0, import_react63.useState)(0);
-  const barShareRef = (0, import_react63.useRef)(0);
-  const anchorRef = (0, import_react63.useRef)(null);
-  const [anchorKey, setAnchorKey] = (0, import_react63.useState)(null);
-  const [focusRowKey, setFocusRowKey] = (0, import_react63.useState)(null);
-  const [activeId, setActiveId] = (0, import_react63.useState)();
-  const [focusRequest, setFocusRequest] = (0, import_react63.useState)(null);
-  const [stepDrag, setStepDrag] = (0, import_react63.useState)(null);
-  const [ghost, setGhost] = (0, import_react63.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react63.useState)("");
-  const [selfCollapsed, setSelfCollapsed] = (0, import_react63.useState)({});
-  const [units, setUnits] = (0, import_react63.useState)(DEFAULT_UNITS);
-  const [view, setView] = (0, import_react63.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
-  const measureViewRef = (0, import_react63.useRef)(null);
+  const rootRef = (0, import_react64.useRef)(null);
+  const [scroller, setScroller] = (0, import_react64.useState)(null);
+  const [layerTrack, setLayerTrack] = (0, import_react64.useState)(null);
+  const probeRef = (0, import_react64.useRef)(null);
+  const bodyRef = (0, import_react64.useRef)(null);
+  const barMinRef = (0, import_react64.useRef)(null);
+  const [barShare, setBarShare] = (0, import_react64.useState)(0);
+  const barShareRef = (0, import_react64.useRef)(0);
+  const anchorRef = (0, import_react64.useRef)(null);
+  const [anchorKey, setAnchorKey] = (0, import_react64.useState)(null);
+  const [focusRowKey, setFocusRowKey] = (0, import_react64.useState)(null);
+  const [activeId, setActiveId] = (0, import_react64.useState)();
+  const [focusRequest, setFocusRequest] = (0, import_react64.useState)(null);
+  const [stepDrag, setStepDrag] = (0, import_react64.useState)(null);
+  const [ghost, setGhost] = (0, import_react64.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react64.useState)("");
+  const [selfCollapsed, setSelfCollapsed] = (0, import_react64.useState)({});
+  const [units, setUnits] = (0, import_react64.useState)(DEFAULT_UNITS);
+  const [view, setView] = (0, import_react64.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
+  const measureViewRef = (0, import_react64.useRef)(null);
   const proposing = onProposeMove !== void 0;
   const stepping = !proposing && onMoveItem !== void 0;
   const resizing = onResizeItem !== void 0;
@@ -11527,8 +11559,8 @@ function SchedulingTimeline({
     return offset ? `${text} ${offset}` : text;
   };
   const fmtTick = (at) => formatTick?.(new Date(at), scale) ?? cachedDateTimeFormat(locale, { timeZone, ...TICK_FORMAT[scale] }).format(new Date(at));
-  const ticks = (0, import_react63.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
-  const minorTicks = (0, import_react63.useMemo)(
+  const ticks = (0, import_react64.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
+  const minorTicks = (0, import_react64.useMemo)(
     () => scale === "day" && subTicks && subTicks.length > 0 ? timelineSubTicks(range, subTicks, timeZone) : [],
     [range.start, range.end, scale, timeZone, subTicks]
     // eslint-disable-line react-hooks/exhaustive-deps
@@ -11557,7 +11589,7 @@ function SchedulingTimeline({
   const minSpan = Math.max(0, (Date.parse(range.end) - Date.parse(range.start)) * barShare) || 0;
   const isCollapsed = (group) => onToggleGroup ? !!group.collapsed : selfCollapsed[group.id] ?? !!group.collapsed;
   const collapsedSignature = groups?.map((group) => isCollapsed(group) ? "1" : "0").join("") ?? "";
-  const itemsByLane = (0, import_react63.useMemo)(() => {
+  const itemsByLane = (0, import_react64.useMemo)(() => {
     const byLane = /* @__PURE__ */ new Map();
     for (const item of items) {
       const list = byLane.get(item.laneId);
@@ -11566,7 +11598,7 @@ function SchedulingTimeline({
     }
     return byLane;
   }, [items]);
-  const rows = (0, import_react63.useMemo)(() => {
+  const rows = (0, import_react64.useMemo)(() => {
     const laneRow = (lane, laneIndex, groupIndex) => {
       const placed = layoutLane(itemsByLane.get(lane.id) ?? EMPTY_ITEMS, range, { flagOverlaps, minSpan });
       return { kind: "lane", key: `lane-${laneIndex}`, lane, laneIndex, groupIndex, placed, keys: uniqueKeys2(placed.map((p) => p.item.id)), subRows: placed.reduce((max, p) => Math.max(max, p.row + 1), 1) };
@@ -11598,8 +11630,8 @@ function SchedulingTimeline({
     });
     return list;
   }, [lanes, groups, collapsedSignature, itemsByLane, range.start, range.end, flagOverlaps, minSpan]);
-  const laneRows = (0, import_react63.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
-  const { ordered, rowOfItem } = (0, import_react63.useMemo)(() => {
+  const laneRows = (0, import_react64.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
+  const { ordered, rowOfItem } = (0, import_react64.useMemo)(() => {
     const ids = [];
     const rowOf = /* @__PURE__ */ new Map();
     rows.forEach((row, rowIndex) => {
@@ -11611,13 +11643,13 @@ function SchedulingTimeline({
     });
     return { ordered: ids, rowOfItem: rowOf };
   }, [rows]);
-  const nothingToShow = (0, import_react63.useMemo)(() => {
+  const nothingToShow = (0, import_react64.useMemo)(() => {
     if (ordered.length > 0) return false;
     const laneIds = new Set(lanes.map((lane) => lane.id));
     return !items.some((item) => laneIds.has(item.laneId) && placeSpan(item, range) !== null);
   }, [ordered, lanes, items, range.start, range.end]);
   const focusId = activeId !== void 0 && rowOfItem.has(activeId) ? activeId : ordered[0];
-  const strips = (0, import_react63.useMemo)(() => {
+  const strips = (0, import_react64.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     const shown = overlays.filter((overlay) => placeSpan(overlay, range) !== null).map(lanesOf);
     if (shown.length === 0) return set;
@@ -11627,10 +11659,12 @@ function SchedulingTimeline({
     });
     return set;
   }, [rows, overlays, range.start, range.end]);
-  const extents = (0, import_react63.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
-  const virtual = lanes.length + (groups?.length ?? 0) > virtualizeAbove;
-  const fixed = virtual || groups !== void 0 || overlays.some((overlay) => overlay.laneIds !== void 0) || markers.some((marker) => marker.laneIds !== void 0);
-  (0, import_react63.useEffect)(() => {
+  const extents = (0, import_react64.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
+  const windowed = lanes.length + (groups?.length ?? 0) > virtualizeAbove;
+  const printing = usePrinting(windowed);
+  const virtual = windowed && !printing;
+  const fixed = windowed || groups !== void 0 || overlays.some((overlay) => overlay.laneIds !== void 0) || markers.some((marker) => marker.laneIds !== void 0);
+  (0, import_react64.useEffect)(() => {
     if (!virtual || !scroller) return void 0;
     let frame = 0;
     const measure = () => {
@@ -11670,12 +11704,12 @@ function SchedulingTimeline({
     };
   }, [virtual, scroller]);
   const px = (extent) => extent.subRows * units.row + extent.lanes * units.pad + extent.heads * units.head;
-  const offsets = (0, import_react63.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
+  const offsets = (0, import_react64.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
   const overscan = OVERSCAN_ROWS * units.row;
   const pinned = focusId === void 0 ? -1 : rowOfItem.get(focusId) ?? -1;
-  const focusedRow = (0, import_react63.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
-  const anchorRow = (0, import_react63.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
-  const { mounted, windowStart } = (0, import_react63.useMemo)(() => {
+  const focusedRow = (0, import_react64.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
+  const anchorRow = (0, import_react64.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
+  const { mounted, windowStart } = (0, import_react64.useMemo)(() => {
     if (!virtual) return { mounted: rows.map((_, index) => index), windowStart: 0 };
     const window_ = timelineWindow(offsets, view.top, view.top + view.height, { overscan });
     const list = [];
@@ -11723,10 +11757,10 @@ function SchedulingTimeline({
     setActiveId(itemId);
     setFocusRequest({ id: itemId });
   };
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (focusRequest) findBar(focusRequest.id)?.focus();
   }, [focusRequest]);
-  const itemById = (0, import_react63.useMemo)(() => {
+  const itemById = (0, import_react64.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of laneRows) for (const p of row.placed) if (!map.has(p.item.id)) map.set(p.item.id, p.item);
     return map;
@@ -11736,15 +11770,15 @@ function SchedulingTimeline({
     const steps = Math.round(ms / step);
     return { days: steps * stepDelta.days, minutes: steps * stepDelta.minutes };
   };
-  const live = (0, import_react63.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
+  const live = (0, import_react64.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
   live.current = { itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant };
-  const dragRef = (0, import_react63.useRef)(null);
-  const suppressClick = (0, import_react63.useRef)(false);
-  const refocus = (0, import_react63.useRef)(null);
-  (0, import_react63.useEffect)(() => {
+  const dragRef = (0, import_react64.useRef)(null);
+  const suppressClick = (0, import_react64.useRef)(false);
+  const refocus = (0, import_react64.useRef)(null);
+  (0, import_react64.useEffect)(() => {
     if (ghost && !itemById.has(ghost.id)) setGhost(null);
   }, [ghost, itemById]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const wanted = refocus.current;
     if (!wanted || !rootRef.current) return;
     const active = document.activeElement;
@@ -11755,11 +11789,11 @@ function SchedulingTimeline({
     }
     findBar(wanted)?.focus();
   });
-  (0, import_react63.useEffect)(() => () => {
+  (0, import_react64.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (proposing) return;
     dragRef.current?.stop();
     dragRef.current = null;
@@ -12240,7 +12274,7 @@ function SchedulingTimeline({
 }
 
 // src/components/DateRangePicker.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/date-field-model.ts
 var pad = (n, width = 2) => String(n).padStart(width, "0");
@@ -12314,7 +12348,7 @@ function timeZoneName(timeZone, date, locale) {
 }
 
 // src/components/DateFieldParts.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime90 = 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`);
@@ -12332,15 +12366,15 @@ var isOpen = (el) => {
   }
 };
 function useFieldPopover(popoverId, restoreFocus, onOpenChange) {
-  const [open, setOpen] = (0, import_react64.useState)(false);
-  const pointerWasOpen = (0, import_react64.useRef)(null);
-  const restoreRef = (0, import_react64.useRef)(restoreFocus);
+  const [open, setOpen] = (0, import_react65.useState)(false);
+  const pointerWasOpen = (0, import_react65.useRef)(null);
+  const restoreRef = (0, import_react65.useRef)(restoreFocus);
   restoreRef.current = restoreFocus;
-  const onOpenChangeRef = (0, import_react64.useRef)(onOpenChange);
+  const onOpenChangeRef = (0, import_react65.useRef)(onOpenChange);
   onOpenChangeRef.current = onOpenChange;
-  const skipRestore = (0, import_react64.useRef)(false);
+  const skipRestore = (0, import_react65.useRef)(false);
   const popoverEl = () => typeof document === "undefined" ? null : document.getElementById(popoverId);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const el = popoverEl();
     if (!el) return;
     const onToggle = (event) => {
@@ -12424,14 +12458,14 @@ function MonthCalendar({
   autoFocus = false
 }) {
   const clamp3 = (date) => min && date < min ? min : max && date > max ? max : date;
-  const [active, setActive] = (0, import_react64.useState)(() => clamp3(initialDate));
-  const gridRef = (0, import_react64.useRef)(null);
-  const pendingFocus = (0, import_react64.useRef)(autoFocus);
+  const [active, setActive] = (0, import_react65.useState)(() => clamp3(initialDate));
+  const gridRef = (0, import_react65.useRef)(null);
+  const pendingFocus = (0, import_react65.useRef)(autoFocus);
   const month = startOfMonth(active);
-  const days = (0, import_react64.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
+  const days = (0, import_react65.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
   const blanks = (utc(month).getUTCDay() - weekStartsOn + 7) % 7;
-  const weekdays = (0, import_react64.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  (0, import_react64.useEffect)(() => {
+  const weekdays = (0, import_react65.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  (0, import_react65.useEffect)(() => {
     if (!pendingFocus.current) return;
     pendingFocus.current = false;
     gridRef.current?.querySelector(`[data-date="${active}"]`)?.focus({ preventScroll: true });
@@ -12538,27 +12572,27 @@ function RangeCalendar({
   weekStartsOn = 1,
   autoFocus = false
 }) {
-  const id = (0, import_react65.useId)();
-  const weekdays = (0, import_react65.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  const [internalMonth, setInternalMonth] = (0, import_react65.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const id = (0, import_react66.useId)();
+  const weekdays = (0, import_react66.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  const [internalMonth, setInternalMonth] = (0, import_react66.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react65.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react65.useRef)(null);
-  const pendingFocus = (0, import_react65.useRef)(autoFocus);
+  const [activeDate, setActiveDate] = (0, import_react66.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react66.useRef)(null);
+  const pendingFocus = (0, import_react66.useRef)(autoFocus);
   const count2 = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react65.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
+  const calendars = (0, import_react66.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count2]);
   const todayDate = today === void 0 ? localDateKey() : today;
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const first = calendars[0]?.days[0]?.date;
     const finalDays = calendars[calendars.length - 1]?.days;
     const last = finalDays?.[finalDays.length - 1]?.date;
     if (first && last && (activeDate < first || activeDate > last)) setActiveDate(first);
   }, [activeDate, calendars]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus({ preventScroll: autoFocus });
     pendingFocus.current = false;
@@ -12662,15 +12696,15 @@ function DateRangeField(props) {
     "aria-describedby": ariaDescribedBy,
     "aria-invalid": ariaInvalid
   } = props;
-  const uid = (0, import_react65.useId)();
+  const uid = (0, import_react66.useId)();
   const id = idProp ?? `${uid}-trigger`;
   const popoverId = `${uid}-months`;
   const valueId = `${uid}-value`;
-  const anchorRef = (0, import_react65.useRef)(null);
-  const triggerRef = (0, import_react65.useRef)(null);
+  const anchorRef = (0, import_react66.useRef)(null);
+  const triggerRef = (0, import_react66.useRef)(null);
   const { open, hide, triggerProps } = useFieldPopover(popoverId, () => triggerRef.current?.focus({ preventScroll: true }), onOpenChange);
-  const [labelled, setLabelled] = (0, import_react65.useState)(false);
-  (0, import_react65.useEffect)(() => {
+  const [labelled, setLabelled] = (0, import_react66.useState)(false);
+  (0, import_react66.useEffect)(() => {
     setLabelled((triggerRef.current?.labels?.length ?? 0) > 0);
   }, [id]);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
@@ -12741,7 +12775,7 @@ function DateRangeField(props) {
 }
 
 // src/components/DatePicker.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var DEFAULT_DATE_PICKER_LABELS = {
   open: "Choose date",
@@ -12753,7 +12787,7 @@ var DEFAULT_DATE_PICKER_LABELS = {
   notADate: "That is not a date.",
   unavailable: "That date is not available."
 };
-var DatePicker = (0, import_react66.forwardRef)(function DatePicker2({
+var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
   value,
   onValueChange,
   min,
@@ -12784,18 +12818,18 @@ var DatePicker = (0, import_react66.forwardRef)(function DatePicker2({
   className,
   style
 }, forwardedRef) {
-  const uid = (0, import_react66.useId)();
+  const uid = (0, import_react67.useId)();
   const id = idProp ?? `${uid}-input`;
   const popoverId = `${uid}-calendar`;
   const errorId = `${uid}-error`;
   const labels = { ...DEFAULT_DATE_PICKER_LABELS, ...useUixLabels().datePicker, ...labelOverrides };
-  const anchorRef = (0, import_react66.useRef)(null);
-  const inputRef = (0, import_react66.useRef)(null);
-  (0, import_react66.useImperativeHandle)(forwardedRef, () => inputRef.current);
+  const anchorRef = (0, import_react67.useRef)(null);
+  const inputRef = (0, import_react67.useRef)(null);
+  (0, import_react67.useImperativeHandle)(forwardedRef, () => inputRef.current);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
-  const [text, setText] = (0, import_react66.useState)(() => value ? format(value) : "");
-  const [problem, setProblemState] = (0, import_react66.useState)(null);
-  const reported = (0, import_react66.useRef)(null);
+  const [text, setText] = (0, import_react67.useState)(() => value ? format(value) : "");
+  const [problem, setProblemState] = (0, import_react67.useState)(null);
+  const reported = (0, import_react67.useRef)(null);
   const setProblem = (next) => {
     if (next !== reported.current) {
       reported.current = next;
@@ -12803,7 +12837,7 @@ var DatePicker = (0, import_react66.forwardRef)(function DatePicker2({
     }
     setProblemState(next);
   };
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     setText(value ? format(value) : "");
     setProblem(null);
   }, [value, locale]);
@@ -12953,7 +12987,7 @@ var DEFAULT_DATE_TIME_PICKER_LABELS = {
   timeOf: "{label}, time",
   timeZone: "Time zone: {zone}"
 };
-var DateTimePicker = (0, import_react66.forwardRef)(function DateTimePicker2({
+var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
   value,
   onValueChange,
   timeZone,
@@ -12977,19 +13011,19 @@ var DateTimePicker = (0, import_react66.forwardRef)(function DateTimePicker2({
   style,
   ...dateProps
 }, forwardedRef) {
-  const uid = (0, import_react66.useId)();
+  const uid = (0, import_react67.useId)();
   const id = idProp ?? `${uid}-date`;
   const zoneId = `${uid}-zone`;
   const labels = { ...DEFAULT_DATE_TIME_PICKER_LABELS, ...useUixLabels().dateTimePicker, ...labelOverrides };
   const { date, time } = splitDateTime(value);
-  const dateRef = (0, import_react66.useRef)(null);
-  (0, import_react66.useImperativeHandle)(forwardedRef, () => dateRef.current);
-  const [pendingTime, setPendingTime] = (0, import_react66.useState)("");
+  const dateRef = (0, import_react67.useRef)(null);
+  (0, import_react67.useImperativeHandle)(forwardedRef, () => dateRef.current);
+  const [pendingTime, setPendingTime] = (0, import_react67.useState)("");
   const shownTime = date ? time : pendingTime;
-  const [fieldLabel, setFieldLabel] = (0, import_react66.useState)("");
-  const [viewerZone, setViewerZone] = (0, import_react66.useState)(null);
+  const [fieldLabel, setFieldLabel] = (0, import_react67.useState)("");
+  const [viewerZone, setViewerZone] = (0, import_react67.useState)(null);
   const grouped = !!ariaLabel || !!ariaLabelledBy;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!grouped) setFieldLabel(dateRef.current?.labels?.[0]?.textContent?.trim() ?? "");
     if (!timeZone) {
       try {
@@ -13068,7 +13102,7 @@ var DateTimePicker = (0, import_react66.forwardRef)(function DateTimePicker2({
 });
 
 // src/components/RelationshipGraph.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -13549,7 +13583,7 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/components/RelationshipGraphList.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
@@ -13636,11 +13670,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react67.useId)();
-  const bounded = (0, import_react67.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react67.useState)(EMPTY_IDS2);
+  const hintId = (0, import_react68.useId)();
+  const bounded = (0, import_react68.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react68.useState)(EMPTY_IDS2);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react67.useMemo)(
+  const layout = (0, import_react68.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -13649,29 +13683,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react67.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react67.useRef)(null);
-  const itemRefs = (0, import_react67.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react67.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react67.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react67.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react67.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react67.useState)(void 0);
-  const viewRef = (0, import_react67.useRef)(view);
+  const itemById = (0, import_react68.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react68.useRef)(null);
+  const itemRefs = (0, import_react68.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react68.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react68.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react68.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react68.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react68.useState)(void 0);
+  const viewRef = (0, import_react68.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react67.useRef)(layout);
+  const layoutRef = (0, import_react68.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react67.useRef)(void 0);
-  const initialisedFor = (0, import_react67.useRef)(void 0);
+  const pendingFocus = (0, import_react68.useRef)(void 0);
+  const initialisedFor = (0, import_react68.useRef)(void 0);
   const rootItemId = layout.rootId !== void 0 ? layout.itemOf[layout.rootId] : layout.items[0]?.id;
   const requestedFocus = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : localFocus;
   const focusedId = requestedFocus !== void 0 && itemById.has(requestedFocus) ? requestedFocus : rootItemId;
   const selectedItemId = selectedId !== void 0 ? layout.itemOf[selectedId] : void 0;
-  const activeIds = (0, import_react67.useMemo)(
+  const activeIds = (0, import_react68.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -13681,18 +13715,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (size.width === 0) return;
     const key = `${layout.rootId ?? ""}`;
     if (initialisedFor.current === key) return;
     initialisedFor.current = key;
     setView(initialView(layout, size));
   }, [layout, size]);
-  const moveView = (0, import_react67.useCallback)((next, smooth) => {
+  const moveView = (0, import_react68.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react67.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react68.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -13711,7 +13745,7 @@ function LayeredRelationshipGraph({
     else if (bottom > heightPx - FOCUS_MARGIN) nextY -= bottom - (heightPx - FOCUS_MARGIN);
     if (nextX !== x || nextY !== y) moveView({ x: nextX, y: nextY, zoom }, smooth);
   }, [moveView]);
-  const focusItem = (0, import_react67.useCallback)((id) => {
+  const focusItem = (0, import_react68.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -13719,7 +13753,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -13729,8 +13763,8 @@ function LayeredRelationshipGraph({
   const controlledTarget = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : void 0;
   const controlledPresent = controlledTarget !== void 0 && itemById.has(controlledTarget);
   const controlledKey = `${controlledTarget ?? ""}|${controlledPresent}`;
-  const lastControlledKey = (0, import_react67.useRef)(controlledKey);
-  (0, import_react67.useEffect)(() => {
+  const lastControlledKey = (0, import_react68.useRef)(controlledKey);
+  (0, import_react68.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -13739,7 +13773,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -13757,8 +13791,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react67.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react67.useRef)(void 0);
+  const pointers = (0, import_react68.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react68.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -14059,7 +14093,7 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react68.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  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.error) {
@@ -14093,17 +14127,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react68.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react68.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const typeColor = (0, import_react68.useMemo)(
+  const bounded = (0, import_react69.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react69.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react69.useMemo)(
     () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
     [legend]
   );
-  const positionedById = (0, import_react68.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react68.useState)(1);
-  const [pan, setPan] = (0, import_react68.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react68.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react68.useRef)(null);
+  const positionedById = (0, import_react69.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react69.useState)(1);
+  const [pan, setPan] = (0, import_react69.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react69.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react69.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -14174,7 +14208,7 @@ function RadialRelationshipGraph({
 }
 
 // src/components/MatchReview.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
@@ -14237,11 +14271,11 @@ function MatchReview({
   const plural = (n, one, many) => fillLabel(n === 1 ? one : many, { count: n });
   const decisionLabel = { accepted: labels.decisionAccepted, dismissed: labels.decisionDismissed, split: labels.decisionSplit, other: labels.decisionOther };
   const actionLabel = { accept: labels.accept, dismiss: labels.dismiss, split: labels.split, "pick-other": labels.pickOther };
-  const [internalSelection, setInternalSelection] = (0, import_react69.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react69.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react69.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react70.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react70.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react70.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react69.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react70.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -14330,7 +14364,7 @@ function MatchReview({
 }
 
 // src/components/MetricInput.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -14374,11 +14408,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react70.useId)();
+  const generatedId = (0, import_react71.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react70.useState)(() => format(value));
-  (0, import_react70.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react71.useState)(() => format(value));
+  (0, import_react71.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -14487,7 +14521,7 @@ function LicensePositionBar({
 }
 
 // src/components/BrandProfiles.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -14556,7 +14590,7 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
@@ -14588,17 +14622,17 @@ function ColorPicker({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react71.useId)();
-  const triggerRef = (0, import_react71.useRef)(null);
-  const dialogRef = (0, import_react71.useRef)(null);
-  const [open, setOpen] = (0, import_react71.useState)(false);
+  const id = (0, import_react72.useId)();
+  const triggerRef = (0, import_react72.useRef)(null);
+  const dialogRef = (0, import_react72.useRef)(null);
+  const [open, setOpen] = (0, import_react72.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react71.useState)(normalized);
-  const hsv = (0, import_react71.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react72.useState)(normalized);
+  const hsv = (0, import_react72.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react71.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react72.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -14818,7 +14852,7 @@ function BrandProfileEditor({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
-  const [announcement, setAnnouncement] = (0, import_react72.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react73.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -14890,7 +14924,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -14986,9 +15020,9 @@ function DiffViewer({
   const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
   const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
   const buttonSize = controlSize === "md" ? void 0 : `uix-btn--${controlSize}`;
-  const id = (0, import_react73.useId)();
-  const entries = (0, import_react73.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react73.useState)({});
+  const id = (0, import_react74.useId)();
+  const entries = (0, import_react74.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react74.useState)({});
   const resolutions = controlledResolutions ?? internalResolutions;
   const summary = summarizeDiff(entries, resolutions);
   const resolve = (path, resolution) => {
@@ -15051,7 +15085,7 @@ function DiffViewer({
 }
 
 // src/components/TextDiff.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // src/text-diff-model.ts
 var WORD_TOKENS = /\s+|[\p{L}\p{M}\p{N}_]+|[^\s\p{L}\p{M}\p{N}_]/gu;
@@ -15330,7 +15364,7 @@ function Marked({ segments, side, labels, whole }) {
       ": "
     ] }),
     segment.text
-  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react74.Fragment, { children: segment.text }, i)) });
+  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime102.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" });
@@ -15342,9 +15376,9 @@ function Cell({ line, side, kind, labels }) {
   ] });
 }
 function Rows({ rows, view, labels, focusFirst }) {
-  const [open, setOpen] = (0, import_react74.useState)(() => /* @__PURE__ */ new Set());
-  const first = (0, import_react74.useRef)(null);
-  (0, import_react74.useEffect)(() => {
+  const [open, setOpen] = (0, import_react75.useState)(() => /* @__PURE__ */ new Set());
+  const first = (0, import_react75.useRef)(null);
+  (0, import_react75.useEffect)(() => {
     if (focusFirst) first.current?.focus();
   }, [focusFirst]);
   const firstProps = (index) => focusFirst && index === 0 ? { ref: first, tabIndex: -1 } : {};
@@ -15357,7 +15391,7 @@ function Rows({ rows, view, labels, focusFirst }) {
     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_react74.Fragment, { children: [
+      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 }) })
       ] }, index);
@@ -15386,8 +15420,8 @@ function TextDiff({
 }) {
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_TEXT_DIFF_LABELS, ...uixLabels.textDiff, ...labelOverrides };
-  const result = (0, import_react74.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
-  const rows = (0, import_react74.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
+  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 " }),
@@ -15405,7 +15439,7 @@ function TextDiff({
   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 text = op.tokens.join("");
-      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react74.Fragment, { children: text }, i);
+      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime102.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);