@tensor_1/react 2.48.0 → 2.49.0

package/dist/index.d.ts

@@ -11,6 +11,9 @@ export { PENDING_DELAY_MS, PENDING_MIN_VISIBLE_MS, RESULT_HOLD_MS } from './moti
 export { ChangeHighlightOptions, flashChanged, useChangeHighlight } from './hooks/useChangeHighlight.js';
 export { OptimisticRollback, UseOptimisticValueOptions, UseOptimisticValueResult, useOptimisticValue } from './hooks/useOptimisticValue.js';
 export { announcePolite } from './announce.js';
+export { UseDeferredReorderResult, useDeferredReorder } from './hooks/useDeferredReorder.js';
+export { useSlidingIndicator } from './hooks/useSlidingIndicator.js';
+export { DEFAULT_KEYBOARD_GRAB_LABELS, KeyboardGrabDirection, KeyboardGrabLabels, UseKeyboardGrabOptions, UseKeyboardGrabResult, settleDrop, useKeyboardGrab } from './hooks/useKeyboardGrab.js';
 export { Align, Placement, PositionOptions, PositionResult, Rect, Side, Size, computePosition } from './overlay-position.js';
 export { Button, ButtonGroup, ButtonGroupProps, ButtonLink, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
 export { UixDateFormat, UixLabels, UixLabelsProvider, UixLabelsProviderProps, useUixLabels } from './labels-context.js';
@@ -88,7 +91,7 @@ export { Kbd, KbdCombo, KbdComboProps, KbdPlatform, KbdProps, KeyShortcut, ariaK
 export { DEFAULT_STEP_STATE_LABELS, Step, StepProps, StepState, StepStateLabels, Steps, StepsProps } from './components/Steps.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
 export { InfoTip, InfoTipProps } from './components/InfoTip.js';
-export { AccessStateProps, EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, FilteredEmptyState, ForbiddenState, LoadingState, LoadingStateProps, NotFoundState, Skeleton, SkeletonProps, StateVariant } from './components/States.js';
+export { AccessStateProps, EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, FilteredEmptyState, ForbiddenState, LoadingState, LoadingStateProps, NotFoundState, Skeleton, SkeletonProps, StateVariant, SuccessState, SuccessStateProps } from './components/States.js';
 export { RelativeTime, RelativeTimeFormatContext, RelativeTimeProps } from './components/RelativeTime.js';
 export { RelativeTimeUnit, RelativeTimeValue, parseDateValue, relativeTimeValue } from './relative-time-model.js';
 export { AsyncOperationState, AsyncOperationStatus, AsyncOperationStatusProps } from './components/AsyncOperationStatus.js';
@@ -99,6 +102,7 @@ export { DEFAULT_SAVE_STATUS_LABELS, SaveStatus, SaveStatusLabels, SaveStatusPro
 export { BusyRegion, BusyRegionProps } from './components/BusyRegion.js';
 export { ChangeHighlight, ChangeHighlightProps } from './components/ChangeHighlight.js';
 export { Count, CountProps } from './components/Count.js';
+export { MotionList, MotionListProps } from './components/MotionList.js';
 export { ButtonResult, ButtonResultLabels, DEFAULT_BUTTON_RESULT_LABELS } from './components/ButtonFeedback.js';
 export { Composer, ComposerBar, ComposerBarProps, ComposerProps } from './components/Composer.js';
 export { LocaleSwitcher, LocaleSwitcherLocale, LocaleSwitcherProps, Segmented, SegmentedOption, SegmentedOptionProps, SegmentedProps } from './components/Segmented.js';
@@ -115,7 +119,7 @@ export { Menu, MenuGroup, MenuGroupProps, MenuItem, MenuItemAttributes, MenuItem
 export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandPalette, CommandPaletteProps } from './components/CommandPalette.js';
 export { CommandPaletteGroup, CommandPaletteItem, filterCommandItems, groupCommandItems } from './command-palette-model.js';
 export { Inbox, InboxDetail, InboxDetailProps, InboxItem, InboxItemProps, InboxList, InboxListProps, InboxProps } from './components/Inbox.js';
-export { Kanban, KanbanCard, KanbanCardProps, KanbanColumn, KanbanColumnProps, KanbanMoveDirection, KanbanProps } from './components/Kanban.js';
+export { Kanban, KanbanCard, KanbanCardProps, KanbanColumn, KanbanColumnProps, KanbanDropLine, KanbanDropLineProps, KanbanMoveDirection, KanbanProps } from './components/Kanban.js';
 export { DEFAULT_TREE_LABELS, Tree, TreeLabels, TreeNodeData, TreeNodeProps, TreeProps } from './components/Tree.js';
 export { DEFAULT_ORG_CHART_LABELS, OrgChart, OrgChartLabels, OrgChartNode, OrgChartProps, orgChartInitials, orgChartZoomStep } from './components/OrgChart.js';
 export { FlatNode, TreeLike, TreeNavAction, flattenTree, treeNav } from './tree-model.js';
@@ -137,7 +141,7 @@ export { DEFAULT_TIME_PICKER_LABELS, TimeInputProblem, TimePicker, TimePickerLab
 export { formatTimeKey, isOvernightRange, isTimeOutOfRange, isValidTimeKey, minutesToTime, parseTimeInput, stepTime, timePartEnds, timeSlots, timeToMinutes, uses12Hour } from './time-field-model.js';
 export { CalendarDay, CalendarWeekday, DateRangeValue, LaneCluster, LaneInterval, LanePlacement, PackLanesOptions, PackedLanes, ZonedDateSpan, ZonedDayBounds, ZonedDayShift, ZonedDaySpan, ZonedHourSlot, addCalendarDays, addCalendarMonths, addZonedDays, buildMonthGrid, cachedDateTimeFormat, enumerateDateKeys, enumerateDateSpan, isDateInRange, isDateUnavailable, packLanes, rankOverflow, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan, zonedDayBounds, zonedDaySpan, zonedHourSlots, zonedTimeOfDay } from './calendar-model.js';
 export { DEFAULT_RELATIONSHIP_GRAPH_LABELS, RelationshipGraph, RelationshipGraphLabels, RelationshipGraphLegendItem, RelationshipGraphProps } from './components/RelationshipGraph.js';
-export { BoundedRelationshipGraph, EdgeLabelBox, LayeredColumn, LayeredEdgeClassification, LayeredEdgeKind, LayeredItem, LayeredLayout, LayeredLayoutOptions, LayeredNavigationKey, PlacedEdgeLabel, PositionedRelationshipNode, RelationshipGraphArrow, RelationshipGraphCluster, RelationshipGraphEdge, RelationshipGraphNode, RelationshipGraphTone, RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, edgeLabelSize, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, separateEdgeLabels, traverseRelationshipNode, wrapEdgeLabel } from './relationship-graph-model.js';
+export { BoundedRelationshipGraph, EdgeLabelBox, LabelObstacle, LayeredColumn, LayeredEdgeClassification, LayeredEdgeKind, LayeredItem, LayeredLayout, LayeredLayoutOptions, LayeredNavigationKey, PlacedEdgeLabel, PositionedRelationshipNode, RelationshipGraphArrow, RelationshipGraphCluster, RelationshipGraphEdge, RelationshipGraphNode, RelationshipGraphTone, RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, edgeLabelSize, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, separateEdgeLabels, traverseRelationshipNode, wrapEdgeLabel } from './relationship-graph-model.js';
 export { AuditLog, AuditLogAction, AuditLogEvent, AuditLogFilters, AuditLogLabels, AuditLogProps, DEFAULT_AUDIT_LOG_LABELS } from './components/AuditLog.js';
 export { DEFAULT_MATCH_REVIEW_LABELS, MatchBulkResult, MatchReview, MatchReviewAction, MatchReviewCandidate, MatchReviewField, MatchReviewLabels, MatchReviewProps } from './components/MatchReview.js';
 export { MetricInput, MetricInputProps } from './components/MetricInput.js';

package/dist/index.js

@@ -20,6 +20,9 @@ import { PENDING_DELAY_MS, PENDING_MIN_VISIBLE_MS, RESULT_HOLD_MS } from "./moti
 import { useChangeHighlight, flashChanged } from "./hooks/useChangeHighlight.js";
 import { useOptimisticValue } from "./hooks/useOptimisticValue.js";
 import { announcePolite } from "./announce.js";
+import { useDeferredReorder } from "./hooks/useDeferredReorder.js";
+import { useSlidingIndicator } from "./hooks/useSlidingIndicator.js";
+import { useKeyboardGrab, settleDrop, DEFAULT_KEYBOARD_GRAB_LABELS } from "./hooks/useKeyboardGrab.js";
 import { computePosition } from "./overlay-position.js";
 import { Button, ButtonGroup, ButtonLink } from "./components/Button.js";
 import { UixLabelsProvider, useUixLabels } from "./labels-context.js";
@@ -125,7 +128,7 @@ import { Kbd, KbdCombo, ariaKeyShortcuts } from "./components/Kbd.js";
 import { Steps, Step, DEFAULT_STEP_STATE_LABELS } from "./components/Steps.js";
 import { Tooltip } from "./components/Tooltip.js";
 import { InfoTip } from "./components/InfoTip.js";
-import { EmptyState, ErrorState, ForbiddenState, NotFoundState, FilteredEmptyState, Skeleton, LoadingState } from "./components/States.js";
+import { EmptyState, ErrorState, ForbiddenState, NotFoundState, FilteredEmptyState, Skeleton, LoadingState, SuccessState } from "./components/States.js";
 import { RelativeTime } from "./components/RelativeTime.js";
 import { parseDateValue, relativeTimeValue } from "./relative-time-model.js";
 import { AsyncOperationStatus } from "./components/AsyncOperationStatus.js";
@@ -136,6 +139,7 @@ import { SaveStatus, DEFAULT_SAVE_STATUS_LABELS } from "./components/SaveStatus.
 import { BusyRegion } from "./components/BusyRegion.js";
 import { ChangeHighlight } from "./components/ChangeHighlight.js";
 import { Count } from "./components/Count.js";
+import { MotionList } from "./components/MotionList.js";
 import { DEFAULT_BUTTON_RESULT_LABELS } from "./components/ButtonFeedback.js";
 import { Composer, ComposerBar } from "./components/Composer.js";
 import { Segmented, SegmentedOption, LocaleSwitcher } from "./components/Segmented.js";
@@ -164,7 +168,7 @@ import { Menu, MenuItem, MenuItemRadio, MenuItemCheckbox, MenuRadioGroup, MenuGr
 import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandPalette.js";
 import { filterCommandItems, groupCommandItems } from "./command-palette-model.js";
 import { Inbox, InboxList, InboxItem, InboxDetail } from "./components/Inbox.js";
-import { Kanban, KanbanColumn, KanbanCard } from "./components/Kanban.js";
+import { Kanban, KanbanColumn, KanbanCard, KanbanDropLine } from "./components/Kanban.js";
 import { Tree, DEFAULT_TREE_LABELS } from "./components/Tree.js";
 import { OrgChart, DEFAULT_ORG_CHART_LABELS, orgChartInitials, orgChartZoomStep } from "./components/OrgChart.js";
 import { flattenTree, treeNav } from "./tree-model.js";
@@ -360,6 +364,7 @@ export {
   DEFAULT_FILTER_SUMMARY_LABELS,
   DEFAULT_INLINE_EDIT_LABELS,
   DEFAULT_INSIGHT_CARD_LABELS,
+  DEFAULT_KEYBOARD_GRAB_LABELS,
   DEFAULT_LIGHTBOX_LABELS,
   DEFAULT_MATCH_REVIEW_LABELS,
   DEFAULT_ORG_CHART_LABELS,
@@ -431,6 +436,7 @@ export {
   Kanban,
   KanbanCard,
   KanbanColumn,
+  KanbanDropLine,
   Kbd,
   KbdCombo,
   Label,
@@ -453,6 +459,7 @@ export {
   Meter,
   MetricInput,
   Modal,
+  MotionList,
   NUMBER_FILTER_OPERATORS,
   NavFavourites,
   NavGroup,
@@ -519,6 +526,7 @@ export {
   Step,
   Steps,
   SubNavItem,
+  SuccessState,
   Switch,
   TEXT_FILTER_OPERATORS,
   TOAST_LEAVE_MS,
@@ -677,6 +685,7 @@ export {
   selectRangeDate,
   separateEdgeLabels,
   setRuleCombinator,
+  settleDrop,
   shiftSpan,
   snapToStep,
   splitDateTime,
@@ -704,11 +713,14 @@ export {
   treeNav,
   useAnchoredPosition,
   useChangeHighlight,
+  useDeferredReorder,
   useDelayedPending,
   useDialog,
   useDisplayPreferences,
+  useKeyboardGrab,
   useOptimisticValue,
   useReducedMotion,
+  useSlidingIndicator,
   useTable,
   useUixLabels,
   useVirtualRows,

package/dist/labels-context.d.ts

@@ -17,6 +17,7 @@ import { OrgChartLabels } from './components/OrgChart.js';
 import { InlineEditLabels } from './components/InlineEdit.js';
 import { DiscardPromptLabels } from './components/DiscardPrompt.js';
 import { SearchBarLabels } from './components/SearchBar.js';
+import { KeyboardGrabLabels } from './hooks/useKeyboardGrab.js';
 import { LightboxLabels } from './components/Lightbox.js';
 import { SortableListLabels } from './components/SortableList.js';
 import { DiffViewerLabels } from './components/DiffViewer.js';
@@ -143,6 +144,8 @@ interface UixLabels {
     inlineEdit?: Partial<InlineEditLabels>;
     /** `SortableList` (HAR-1375): the grip, Move up / Move down, the move announcement. */
     sortableList?: Partial<SortableListLabels>;
+    /** `useKeyboardGrab` (HAR-2590): picked up, dropped, cancelled; `{label}`. */
+    keyboardGrab?: Partial<KeyboardGrabLabels>;
     /** `typeToConfirmMismatch` (HAR-1831): `{value}` is the text to type. */
     confirmDialog?: {
         typeToConfirm?: string;

package/dist/motion.d.ts

@@ -0,0 +1,11 @@
+declare const KEY_OPENED = "data-uix-key-opened";
+/** Start following the input modality (idempotent; capture phase, so nothing can hide it). */
+declare function watchInputModality(): void;
+/** Was the input that led here a key press? `false` before any input and on the server. */
+declare function keyboardInitiated(): boolean;
+/** Mark `el` instant when the current open or close came from the keyboard; clear it otherwise. */
+declare function markKeyOpened(el: Element | null | undefined): void;
+/** A time token (`--uix-dur-exit`) in milliseconds, read from `el` (default: the root), or `fallback`. */
+declare function tokenMs(name: string, fallback: number, el?: Element | null): number;
+
+export { KEY_OPENED, keyboardInitiated, markKeyOpened, tokenMs, watchInputModality };

package/dist/motion.js

@@ -0,0 +1,35 @@
+const KEY_OPENED = "data-uix-key-opened";
+let keyboard = false;
+let watching = false;
+function watchInputModality() {
+  if (watching || typeof document === "undefined") return;
+  watching = true;
+  document.addEventListener("keydown", (event) => {
+    if (!["Shift", "Control", "Alt", "Meta"].includes(event.key)) keyboard = true;
+  }, true);
+  document.addEventListener("pointerdown", () => {
+    keyboard = false;
+  }, true);
+}
+function keyboardInitiated() {
+  return keyboard;
+}
+function markKeyOpened(el) {
+  if (!el) return;
+  if (keyboard) el.setAttribute(KEY_OPENED, "");
+  else el.removeAttribute(KEY_OPENED);
+}
+function tokenMs(name, fallback, el) {
+  if (typeof getComputedStyle === "undefined" || typeof document === "undefined") return fallback;
+  const raw = getComputedStyle(el ?? document.documentElement).getPropertyValue(name).trim();
+  const m = /^(-?\d*\.?\d+)(ms|s)$/.exec(raw);
+  if (!m) return fallback;
+  return m[2] === "s" ? Number(m[1]) * 1e3 : Number(m[1]);
+}
+export {
+  KEY_OPENED,
+  keyboardInitiated,
+  markKeyOpened,
+  tokenMs,
+  watchInputModality
+};

package/dist/relationship-graph-model.d.ts

@@ -137,6 +137,8 @@ interface RoutedEdge {
     bus: boolean;
     /** The label wrapped to fit the column gap (at most two lines). */
     labelLines: string[];
+    /** The widest chip the label may take at its place (map units): the column gap, or a bus stub. */
+    labelRoom: number;
 }
 interface LayeredColumn {
     depth: number;
@@ -187,6 +189,15 @@ interface EdgeLabelBox {
     y: number;
     width: number;
     height: number;
+    /** Placed first when labels compete for room (a toned, emphasised or one-of-a-kind label). */
+    priority?: number;
+}
+/** A box an edge label must not cover (a node), by its top-left corner. */
+interface LabelObstacle {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
 }
 /** Where a label is drawn after `separateEdgeLabels`, or that it is left out. */
 interface PlacedEdgeLabel {
@@ -194,7 +205,7 @@ interface PlacedEdgeLabel {
     y: number;
     hidden: boolean;
 }
-/** The box a wrapped edge label takes, from its lines (the meta type size, as `wrapEdgeLabel` assumes). */
+/** The chip a wrapped edge label takes, from its lines (the meta type size, as `wrapEdgeLabel` assumes). */
 declare function edgeLabelSize(lines: readonly string[]): {
     width: number;
     height: number;
@@ -204,14 +215,17 @@ declare function edgeLabelSize(lines: readonly string[]): {
  * of each other in a dense layered column). Labels are taken top to bottom; one that overlaps a
  * label already placed moves down just below it. A label that would have to move further than
  * `maxShift` from its edge is left out instead (the relationship is still in the nodes'
- * descriptions and in the list). Deterministic: the same boxes give the same placement.
+ * descriptions and in the list), and so is one that would cover an `obstacle` (a node). Labels with
+ * a higher `priority` are placed first, so a repeated relation gives way to a one-of-a-kind or
+ * toned one. Deterministic: the same boxes give the same placement.
  */
 declare function separateEdgeLabels(boxes: readonly EdgeLabelBox[], options?: {
     gap?: number;
     maxShift?: number;
+    obstacles?: readonly LabelObstacle[];
 }): Map<string, PlacedEdgeLabel>;
 type LayeredNavigationKey = 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End';
 /** Keyboard traversal over a layered layout: ←/→ along forward edges, ↑/↓ within a column. */
 declare function layeredNeighbor(layout: LayeredLayout, currentId: string | undefined, key: LayeredNavigationKey): string | undefined;
 
-export { type BoundedRelationshipGraph, type EdgeLabelBox, type LayeredColumn, type LayeredEdgeClassification, type LayeredEdgeKind, type LayeredItem, type LayeredLayout, type LayeredLayoutOptions, type LayeredNavigationKey, type PlacedEdgeLabel, type PositionedRelationshipNode, type RelationshipGraphArrow, type RelationshipGraphCluster, type RelationshipGraphEdge, type RelationshipGraphNode, type RelationshipGraphTone, type RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, edgeLabelSize, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, separateEdgeLabels, traverseRelationshipNode, wrapEdgeLabel };
+export { type BoundedRelationshipGraph, type EdgeLabelBox, type LabelObstacle, type LayeredColumn, type LayeredEdgeClassification, type LayeredEdgeKind, type LayeredItem, type LayeredLayout, type LayeredLayoutOptions, type LayeredNavigationKey, type PlacedEdgeLabel, type PositionedRelationshipNode, type RelationshipGraphArrow, type RelationshipGraphCluster, type RelationshipGraphEdge, type RelationshipGraphNode, type RelationshipGraphTone, type RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, edgeLabelSize, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, separateEdgeLabels, traverseRelationshipNode, wrapEdgeLabel };

package/dist/relationship-graph-model.js

@@ -68,30 +68,37 @@ const LAYERED_PADDING = 16;
 const LAYERED_HEADER = 28;
 const GROUP_HEADER = 28;
 const AUTO_LABEL_MAX_FANOUT = 4;
-const LABEL_CHAR_WIDTH = 5.6;
+const LABEL_CHAR_WIDTH = 6.3;
+const LABEL_PAD_X = 6;
+const LABEL_PAD_Y = 3;
+const LABEL_LINE = 15;
+const BUS_INSET = 4;
+const ARROW_LENGTH = 9;
 const LABEL_MAX_LINES = 2;
 function wrapEdgeLabel(label, width) {
   const max = Math.max(4, Math.floor(width / LABEL_CHAR_WIDTH));
   const clip = (word) => word.length > max ? `${word.slice(0, max - 1)}\u2026` : word;
+  const words = label.split(/\s+/).filter(Boolean);
   const lines = [];
   let current = "";
-  for (const word of label.split(/\s+/).filter(Boolean)) {
+  let placed = 0;
+  for (const word of words) {
     const next = current ? `${current} ${word}` : word;
     if (next.length <= max) {
       current = next;
+      placed += 1;
       continue;
     }
     if (current) lines.push(current);
-    current = clip(word);
+    current = "";
     if (lines.length === LABEL_MAX_LINES) break;
+    current = clip(word);
+    placed += 1;
   }
   if (current && lines.length < LABEL_MAX_LINES) lines.push(current);
-  if (lines.length === LABEL_MAX_LINES) {
-    const consumed = lines.join(" ").replace(/…$/, "").length;
-    if (consumed < label.replace(/\s+/g, " ").trim().length) {
-      const last = lines[LABEL_MAX_LINES - 1];
-      lines[LABEL_MAX_LINES - 1] = last.endsWith("\u2026") ? last : `${last.slice(0, Math.max(1, max - 1))}\u2026`;
-    }
+  if (placed < words.length && lines.length > 0) {
+    const last = lines[lines.length - 1];
+    if (!last.endsWith("\u2026")) lines[lines.length - 1] = last.length < max ? `${last}\u2026` : `${last.slice(0, max - 1)}\u2026`;
   }
   return lines;
 }
@@ -403,9 +410,9 @@ function layoutLayeredGraph(nodes, edges, options = {}) {
       startY = from.y + from.height / 2;
       endX = to.x;
       endY = to.y + to.height / 2;
-      const trunk = startX + columnGap / 2;
+      const trunk = startX + BUS_INSET;
       path = busPath(startX, startY, trunk, endX, endY);
-      labelX = (trunk + endX) / 2;
+      labelX = (trunk + BUS_INSET + endX - ARROW_LENGTH) / 2;
       labelY = endY;
       startAngle = Math.PI;
       endAngle = 0;
@@ -463,6 +470,7 @@ function layoutLayeredGraph(nodes, edges, options = {}) {
       arrowY: round1(atStart ? startY : endY),
       arrowAngle: atStart ? startAngle : endAngle,
       labelLines: [],
+      labelRoom: columnGap - 8,
       columnLabel: false,
       bus: kind === "forward" && from.children.length > AUTO_LABEL_MAX_FANOUT,
       autoLabel: to.kind !== "cluster" && (edge.emphasis === true || kind === "forward" && from.children.length <= AUTO_LABEL_MAX_FANOUT)
@@ -508,7 +516,9 @@ function layoutLayeredGraph(nodes, edges, options = {}) {
   const seenLabels = /* @__PURE__ */ new Set();
   for (const entry of routed.values()) {
     if (entry.label === void 0) continue;
-    entry.labelLines = wrapEdgeLabel(entry.label, columnGap - 8);
+    const run = entry.bus ? columnGap - 2 * BUS_INSET - ARROW_LENGTH : columnGap - 8;
+    entry.labelRoom = run;
+    entry.labelLines = wrapEdgeLabel(entry.label, run - 2 * LABEL_PAD_X);
     if (!entry.autoLabel || entry.emphasis || entry.kind !== "forward") continue;
     const key = `${entry.source}|${entry.label}`;
     if (seenLabels.has(key)) entry.autoLabel = false;
@@ -530,14 +540,15 @@ function layoutLayeredGraph(nodes, edges, options = {}) {
 }
 function edgeLabelSize(lines) {
   const longest = lines.reduce((max, line) => Math.max(max, line.length), 0);
-  return { width: longest * LABEL_CHAR_WIDTH + 8, height: Math.max(1, lines.length) * 13 + 2 };
+  return { width: longest * LABEL_CHAR_WIDTH + 2 * LABEL_PAD_X, height: Math.max(1, lines.length) * LABEL_LINE + 2 * LABEL_PAD_Y };
 }
 function separateEdgeLabels(boxes, options = {}) {
   const gap = options.gap ?? 2;
-  const maxShift = options.maxShift ?? 40;
+  const maxShift = options.maxShift ?? 48;
   const placed = [];
   const result = /* @__PURE__ */ new Map();
-  const ordered = [...boxes].sort((a, b) => a.y - b.y || a.x - b.x || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0));
+  const obstacles = options.obstacles ?? [];
+  const ordered = [...boxes].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0) || a.y - b.y || a.x - b.x || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0));
   for (const box of ordered) {
     const left = box.x - box.width / 2;
     const right = box.x + box.width / 2;
@@ -548,7 +559,8 @@ function separateEdgeLabels(boxes, options = {}) {
       top = hit.bottom + gap;
     }
     const shift = top - (box.y - box.height / 2);
-    if (shift > maxShift) {
+    const covers = obstacles.some((o) => left < o.x + o.width && o.x < right && top < o.y + o.height && o.y < top + box.height);
+    if (shift > maxShift || covers) {
       result.set(box.id, { x: box.x, y: box.y, hidden: true });
       continue;
     }

package/dist/rich-text.cjs

@@ -1369,12 +1369,17 @@ function removeAnchorName(el, name) {
   else el.style.removeProperty("anchor-name");
 }
 function translationOf(el) {
-  const t = getComputedStyle(el).transform;
+  const style = getComputedStyle(el);
+  const t = style.transform;
   if (!t || t === "none" || typeof DOMMatrixReadOnly === "undefined") return { x: 0, y: 0 };
   try {
     const m = new DOMMatrixReadOnly(t);
+    const [ox = 0, oy = 0] = style.transformOrigin.split(" ").map((v) => parseFloat(v) || 0);
+    const cx2 = el.offsetWidth / 2 - ox;
+    const cy = el.offsetHeight / 2 - oy;
+    const p = m.transformPoint({ x: cx2, y: cy });
     const z = zoomOf(el);
-    return { x: m.m41 * z, y: m.m42 * z };
+    return { x: (p.x - cx2) * z, y: (p.y - cy) * z };
   } catch {
     return { x: 0, y: 0 };
   }
@@ -1471,6 +1476,13 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
     const measured = size.width > 0 || size.height > 0;
     if (measured && session.current) side.current = pos.side;
     if (floating.dataset.placement !== pos.placement) floating.dataset.placement = pos.placement;
+    if (measured) {
+      const clamp2 = (v, max) => Math.min(Math.max(v, 0), max);
+      const ox = pos.side === "left" ? size.width : pos.side === "right" ? 0 : clamp2(a.x + a.width / 2 - pos.x, size.width);
+      const oy = pos.side === "top" ? size.height : pos.side === "bottom" ? 0 : clamp2(a.y + a.height / 2 - pos.y, size.height);
+      const origin = `${Math.round(ox / zoom)}px ${Math.round(oy / zoom)}px`;
+      if (s.getPropertyValue("--uix-anchor-origin") !== origin) s.setProperty("--uix-anchor-origin", origin);
+    }
     const writeFixed = (at) => {
       const left2 = `${Math.round(at.x / zoom)}px`;
       const top2 = `${Math.round(at.y / zoom)}px`;
@@ -1567,6 +1579,26 @@ function useAnchoredPosition(anchor, floatingRef, { open, placement = "bottom-st
   return reposition;
 }
 
+// src/motion.ts
+var KEY_OPENED = "data-uix-key-opened";
+var keyboard = false;
+var watching = false;
+function watchInputModality() {
+  if (watching || typeof document === "undefined") return;
+  watching = true;
+  document.addEventListener("keydown", (event) => {
+    if (!["Shift", "Control", "Alt", "Meta"].includes(event.key)) keyboard = true;
+  }, true);
+  document.addEventListener("pointerdown", () => {
+    keyboard = false;
+  }, true);
+}
+function markKeyOpened(el) {
+  if (!el) return;
+  if (keyboard) el.setAttribute(KEY_OPENED, "");
+  else el.removeAttribute(KEY_OPENED);
+}
+
 // src/components/Popover.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var useIsomorphicLayoutEffect2 = typeof document !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
@@ -1620,6 +1652,14 @@ function Popover({
       el.hidePopover();
     } : void 0
   });
+  (0, import_react4.useEffect)(() => {
+    watchInputModality();
+    const el = ref.current;
+    if (!el) return;
+    const mark = () => markKeyOpened(el);
+    el.addEventListener("beforetoggle", mark);
+    return () => el.removeEventListener("beforetoggle", mark);
+  }, []);
   (0, import_react4.useEffect)(() => {
     const el = ref.current;
     if (!el || !anchor) return;

package/dist/toast-store.d.ts

@@ -74,8 +74,11 @@ interface ToastStore {
     subscribe: (listener: () => void) => () => void;
     getSnapshot: () => readonly ToastRecord[];
 }
-/** How long the leave animation gets before the record is removed. */
-declare const TOAST_LEAVE_MS = 200;
+/**
+ * How long the leave transition gets before the record is removed when no stylesheet answers:
+ * the store reads `--uix-dur-exit` (toast.css leaves on it), so the two never disagree (HAR-2578).
+ */
+declare const TOAST_LEAVE_MS = 110;
 /** A separate queue, e.g. per test or per embedded app. Most products use the default `toast`. */
 declare function createToastStore(): ToastStore;
 interface ToastApi {

package/dist/toast-store.js

@@ -1,3 +1,4 @@
+import { tokenMs } from "./motion.js";
 const DEFAULT_DURATION = {
   success: 5e3,
   info: 5e3,
@@ -6,7 +7,7 @@ const DEFAULT_DURATION = {
   error: null,
   loading: null
 };
-const TOAST_LEAVE_MS = 200;
+const TOAST_LEAVE_MS = 110;
 let counter = 0;
 function createToastStore() {
   let records = [];
@@ -52,7 +53,7 @@ function createToastStore() {
     set(records.map((r) => ids.has(r.id) ? { ...r, leaving: true } : r));
     for (const r of closing) r.onDismiss?.(reason);
     const remove = () => set(records.filter((r) => !(ids.has(r.id) && r.leaving)));
-    if (typeof setTimeout === "function") setTimeout(remove, TOAST_LEAVE_MS);
+    if (typeof setTimeout === "function") setTimeout(remove, tokenMs("--uix-dur-exit", TOAST_LEAVE_MS));
     else remove();
   };
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tensor_1/react",
-  "version": "2.48.0",
+  "version": "2.49.0",
   "description": "Thin React wrappers over the UIx v2 CSS component library.",
   "license": "UNLICENSED",
   "type": "module",