@mt-gloss/ui 0.0.47 → 0.0.49

package/internals.js

@@ -1,7 +1,7 @@
 import { b as B } from "./UIContext-C3E-k7HI.js";
 import { F as A, I, G as H, H as M, af as $, ah as R, c as E, h as F, t as O, D as U, w as z, x as W, v as L, y as j, A as G, z as V, k as X, ai as Z, a7 as q, aa as J, a9 as K, a8 as Q, ab as Y, Q as aa, W as sa, X as ea, V as oa, a0 as ta, a1 as la, e as ra, a4 as ia, a6 as da, a5 as na, g as ca, i as Ba, aj as ga, a3 as ba, J as ma, M as ua, K as pa, L as ya, a2 as ha, B as _a, ag as fa, l as va, ac as Ca, O as ka, P as Da, n as Ta, p as wa, r as xa, q as Sa, o as Na, s as Pa, d as Aa, ad as Ia, j as Ha, Y as Ma, $ as $a, _ as Ra, ae as Ea, m as Fa, N as Oa, f as Ua, C as za, E as Wa, R as La, S as ja, T as Ga, a as Va, U as Xa, Z as Za, u as qa } from "./UIContext-C3E-k7HI.js";
 import { jsx as d, jsxs as g, Fragment as b } from "react/jsx-runtime";
-import { c as Ka, e as Qa, d as Ya, B as as, b as ss, a as es } from "./BaseAsyncButton-nFOdhiBv.js";
+import { c as Ka, e as Qa, d as Ya, B as as, b as ss, a as es } from "./BaseAsyncButton-usdApZUY.js";
 const T = {
   DurationFast: "var(--gloss-motion-duration-fast)",
   DurationNormal: "var(--gloss-motion-duration-normal)",

package/lib/composites/dashboard/BottomToolbar/BottomToolbar.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+/**
+ * Phase 23 — TOOLBAR-01 — persistent ~36px strip per D-23 / D-24.
+ *
+ * Always visible (not tied to edit-session state). Three named slots — left, center,
+ * right — composed by the consumer. Reptime supplies a `<PageDropdown>` in `slotLeft`
+ * and `<SectionDots>` in `slotCenter`; `slotRight` is reserved for future controls.
+ */
+export interface BottomToolbarProps {
+    slotLeft?: React.ReactNode;
+    slotCenter?: React.ReactNode;
+    slotRight?: React.ReactNode;
+    /** Override D-23 default 36px height. */
+    height?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    'aria-label'?: string;
+}
+export declare function BottomToolbar({ slotLeft, slotCenter, slotRight, height, className, style, 'aria-label': ariaLabel, }: BottomToolbarProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/dashboard/BottomToolbar/SectionDots.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Phase 23 — TOOLBAR-01 — N-button section navigator per D-24 / D-25.
+ *
+ * Renders `count` buttons inside a `role="tablist"`. Click dispatches
+ * `onSelect(index)`. Keyboard ← → loop forward/backward with wrap semantics
+ * (D-25). Hollow default, filled for the current section.
+ */
+export interface SectionDotsProps {
+    count: number;
+    currentIndex: number;
+    onSelect: (index: number) => void;
+    'aria-label'?: string;
+}
+export declare function SectionDots({ count, currentIndex, onSelect, 'aria-label': ariaLabel, }: SectionDotsProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/dashboard/BottomToolbar/index.d.ts

@@ -0,0 +1,4 @@
+export { BottomToolbar } from './BottomToolbar';
+export type { BottomToolbarProps } from './BottomToolbar';
+export { SectionDots } from './SectionDots';
+export type { SectionDotsProps } from './SectionDots';

package/lib/composites/dashboard/index.d.ts

@@ -0,0 +1 @@
+export * from './BottomToolbar';

package/lib/facade/data-display.d.ts

@@ -19,8 +19,6 @@ export { SparklineBg } from '../primitives/dashboard/MetricCard';
 export { BarsBg } from '../primitives/dashboard/MetricCard';
 export { DonutChart } from '../primitives/dashboard/MetricCard';
 export { ObjectArrow } from '../primitives/dashboard/MetricCard';
-export { useSlideOutReveal } from '../primitives/dashboard/MetricCard';
-export type { SlideOutRevealConfig, SlideOutRevealReturn } from '../primitives/dashboard/MetricCard/useSlideOutReveal';
 export { TimeFrame, HybridDatePicker } from '../primitives/dashboard/TimeFrame';
 export type { TimeFrameProps, HybridDatePickerProps } from '../primitives/dashboard/TimeFrame';
 export { resolvePreset, resolveEvent, smartDateFormat, formatDateRange as formatDateRangeInterpretation } from '@mt-gloss/utils/dateInterpretation';

package/lib/primitives/dashboard/DropAnchorCell/DropAnchorCell.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export type DropAnchorDensity = 'near' | 'adjacent' | 'far' | 'distant' | 'none';
+export interface DropAnchorCellProps extends React.HTMLAttributes<HTMLDivElement> {
+    density: DropAnchorDensity;
+    /** D-13 / DRAG-AN-02 — occupied cells never highlight. Pass false for occupied cells. */
+    canAccept: boolean;
+    /** Brief not-allowed pulse when user attempts drop on occupied. */
+    blocked?: boolean;
+    /** Stable cell id for test selectors + future instrumentation. */
+    ['data-cell-id']?: string;
+    children?: React.ReactNode;
+}
+/**
+ * DropAnchorCell — DRAG-AN-01/02/03 (Phase 23 D-13/D-14).
+ *
+ * Presentational cell wrapper that drives drop-anchor tint via `data-density`
+ * + `data-can-accept` attrs. Consumers (Plan 23-06) compute density bucket per
+ * cell relative to the cursor; this primitive owns the visual contract only.
+ *
+ * Visual contract (see drop-anchor-cell.scss):
+ * - data-density ∈ {near|adjacent|far|distant} drives ::after opacity per
+ *   D-14 array [0.80, 0.50, 0.30, 0.15].
+ * - data-can-accept="false" suppresses highlight unconditionally (D-13 —
+ *   occupied cells never light up).
+ * - data-blocked="true" + className modifier triggers brief not-allowed pulse.
+ *
+ * Respects prefers-reduced-motion.
+ */
+export declare function DropAnchorCell({ density, canAccept, blocked, className, children, ...rest }: DropAnchorCellProps): import("react/jsx-runtime").JSX.Element;

package/lib/primitives/dashboard/DropAnchorCell/index.d.ts

@@ -0,0 +1,2 @@
+export { DropAnchorCell } from './DropAnchorCell';
+export type { DropAnchorCellProps, DropAnchorDensity } from './DropAnchorCell';

package/lib/primitives/dashboard/EmptyCellPackAffordance/EmptyCellPackAffordance.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+/**
+ * Phase 23 — EMPTY-PACK-01 — `[×]` empty-cell pack affordance per D-19 / D-20.
+ *
+ * Renders a small top-right button on an empty cell that, when clicked, requests
+ * right-neighbor left-shift via `onPack()`. When `enabled=false` (all cells to
+ * the right are also empty), the affordance is fully hidden (returns `null`).
+ */
+export interface EmptyCellPackAffordanceProps {
+    /** D-19 — hide when all cells to the right are also empty. Consumer decides. */
+    enabled: boolean;
+    onPack: () => void;
+    ariaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function EmptyCellPackAffordance({ enabled, onPack, ariaLabel, className, style, }: EmptyCellPackAffordanceProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/primitives/dashboard/EmptyCellPackAffordance/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyCellPackAffordance } from './EmptyCellPackAffordance';
+export type { EmptyCellPackAffordanceProps } from './EmptyCellPackAffordance';

package/lib/primitives/dashboard/MetricCard/CardShell.d.ts

@@ -17,6 +17,6 @@ import { CardShellProps } from './types';
  * ```
  */
 export declare const CardShell: {
-    ({ contentSlot, children, colSpan, isStale, isRetrying, beta, disabled, style, accentRing, onGraph, onDetails, onCustomize, onRemove, onWhatsThis, onExpand, onShrink, onMove, onReplace, onNavigate, onRetry, onRefresh, enableQuickSettings, onUpdateTimeframe, instanceTimeframe, cardTitle, quickConfigSlot, onViewAsStack, onUnstack, isStackedGroup, onUpdateStackedTimeframes, instanceStackedTimeframes, isGraphActive, isTableActive, isGraphCard, canExpand, anchorX, extensionOverflow, cardRef: externalCardRef, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
+    ({ contentSlot, children, colSpan, isStale, isRetrying, beta, disabled, style, accentRing, onGraph, onDetails, onCustomize, onRemove, onWhatsThis, onExpand, onShrink, onMove, onReplace, onNavigate, onRetry, onRefresh, enableQuickSettings, onUpdateTimeframe, instanceTimeframe, cardTitle, quickConfigSlot, onViewAsStack, onUnstack, isStackedGroup, onUpdateStackedTimeframes, instanceStackedTimeframes, isGraphActive, isTableActive, isGraphCard, canExpand, anchorX, extensionOverflow, cardRef: externalCardRef, hovered, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/primitives/dashboard/MetricCard/__tests__/_testSupport/gridHoverListeners.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Test-only duplicate of
+ *   reptime-cloud/react-dashboard/app/components/MetricCards/gridHoverListeners.ts
+ *
+ * Phase 19.2 Plan 19.2-03 Task 3 — the production helper lives in the reptime
+ * consumer repo because the grid-level pointerover listener wiring is reptime-
+ * scoped (MetricCardGrid is not part of @mt-gloss/ui). For the NYQUIST-10
+ * invariant runner to mount + exercise the listener inside gloss-ui's jsdom
+ * test environment, we mirror the helper here.
+ *
+ * RULE: This file MUST stay byte-for-byte equivalent in behavior to the reptime
+ * source. When the reptime helper changes (debounce semantics, drag freeze,
+ * disabled filter), update this copy as well. The file exists ONLY to support
+ * the `hoveredCardId.invariant.test.tsx` harness — do NOT import it from any
+ * production gloss file.
+ *
+ * If gloss-ui ever ships a MetricCardGrid primitive of its own, promote the
+ * helper to a shared location and retire both copies.
+ */
+export declare const HOVER_IDLE_DEBOUNCE_MS = 100;
+export interface InstallGridHoverListenersOptions {
+    onHoveredCardIdChange: (nextId: string | null) => void;
+    draggedCardIdRef: {
+        current: string | null;
+    };
+    debounceMs?: number;
+    isDisabledCard?: (el: Element) => boolean;
+}
+export declare function installGridHoverListeners(root: HTMLElement, options: InstallGridHoverListenersOptions): () => void;

package/lib/primitives/dashboard/MetricCard/__tests__/nyquist-10.fixture.d.ts

@@ -0,0 +1,93 @@
+/**
+ * NYQUIST-10 — Phase 19.2 Cross-Card Hover-State Unification behavior matrix fixture.
+ *
+ * Parametrized behavior definitions that the NYQUIST-10 runner iterates over
+ * via `it.each(BEHAVIOR_MATRIX)`. Each row pins one contract-level invariant
+ * asserted by Phase 19.2 plans 19.2-01 / 19.2-02 / 19.2-03. The matrix acts as a
+ * high-level regression net: if a future wave regresses ANY of the 10 rows,
+ * the runner fails with a specific row label even if the underlying test
+ * file lives elsewhere.
+ *
+ * Orthogonal axes (per VALIDATION.md §Orthogonal Sampling Matrix):
+ *   - gridSize:     3 | 6 | 9 cards (leak-rate scaling)
+ *   - intervalMs:   8 | 16 | 32 ms (event interval vs frame boundary)
+ *   - eventCount:   10 | 20 | 40 (min signal / debug baseline / worst case)
+ *   - cardType:     standard | stackable | mixed (StackedGroupCard hover unit)
+ *   - dndActive:    boolean (dnd-kit drag suppression, RESEARCH Pitfall 4)
+ *   - reducedMotion: boolean (prefers-reduced-motion parity)
+ *
+ * Row-count pin: the runner asserts exactly 10 rows so that accidentally
+ * dropping or silently renaming a behavior fails fast.
+ *
+ * Invariant each row asserts (after 200ms settle — D-16):
+ *   1. ≤1 card has `[data-visible="true"]` on its ActionStrip
+ *   2. Every non-hovered card's `useEdgeHoverResize` state === 'idle'
+ *   3. `hoveredCardId === expectedFinalCardId || null`
+ *   4. `vi.getTimerCount() === 0`
+ *
+ * @see .planning/phases/19.2-cross-card-hover-state-unification/19.2-CONTEXT.md (D-16, D-17, D-18)
+ * @see .planning/phases/19.2-cross-card-hover-state-unification/19.2-VALIDATION.md §Orthogonal Sampling Matrix
+ * @see .planning/phases/19.2-cross-card-hover-state-unification/19.2-PATTERNS.md Analog 8 (nyquist-11-fixtures.ts)
+ */
+export interface NyquistHarness {
+    /** Root grid container element (for dispatchEvent). */
+    gridRoot: HTMLElement;
+    /** Ordered list of card root elements (each has data-instance-id). */
+    cards: HTMLElement[];
+    /**
+     * Returns current hoveredCardId value from the grid (reads from
+     * data-hovered-card-id attribute on root, or a test-only prop hook).
+     */
+    getHoveredCardId: () => string | null;
+    /**
+     * Returns the useEdgeHoverResize state for a given card id — reads
+     * data-resize-state attribute from slot root.
+     */
+    getEdgeHoverStateFor: (cardId: string) => string;
+    /** Cleanup harness-mounted DOM. */
+    unmount: () => void;
+}
+export interface BehaviorParams {
+    gridSize: 3 | 6 | 9;
+    intervalMs: 8 | 16 | 32;
+    eventCount: 10 | 20 | 40;
+    cardType: 'standard' | 'stackable' | 'mixed';
+    dndActive: boolean;
+    reducedMotion: boolean;
+}
+export interface BehaviorDef {
+    /** 1-indexed for human readability in test output. */
+    id: number;
+    /** Short, greppable label. */
+    label: string;
+    /** Orthogonal axis values for this row. */
+    params: BehaviorParams;
+    /**
+     * The contract invariant this row pins. Either an assert-lambda that the
+     * runner invokes inside `it.each`, or `null` when the row is documented as
+     * covered by a sibling test file (runner skips but keeps the row in the
+     * matrix count pin). Wave 0 ships with `null` assert bodies; Task 2 wires
+     * the invariant body via it.each + harness mount, NOT via these callbacks.
+     */
+    assert: ((harness: NyquistHarness) => Promise<void>) | null;
+    /**
+     * When present, the runner skips the row with the returned reason string
+     * instead of calling `assert`. Used to document rows whose contract is
+     * pinned by a dedicated sibling test file (cross-reference maintained in
+     * 19.2-VALIDATION.md).
+     */
+    skipFor?: () => string | undefined;
+}
+/**
+ * The 10 NYQUIST-10 behaviors. Each row's `assert` is `null` in Wave 0; the
+ * invariant body lives in hoveredCardId.invariant.test.tsx driven by
+ * `it.each(BEHAVIOR_MATRIX)`. Rows remain in the matrix so the row-count pin
+ * (10) catches silent drops or reorder.
+ */
+export declare const BEHAVIOR_MATRIX: BehaviorDef[];
+/**
+ * Row-count pin — NYQUIST-10 runner asserts exactly this number of rows.
+ * Changing the behavior set requires updating this constant and adding a
+ * line in 19.2-VALIDATION.md §Orthogonal Sampling Matrix.
+ */
+export declare const BEHAVIOR_ROW_COUNT = 10;

package/lib/primitives/dashboard/MetricCard/gridInteractionPhysics.d.ts

@@ -0,0 +1,29 @@
+/**
+ * gridInteractionPhysics — D-26 Phase 23 config tokens.
+ *
+ * STRICT SEPARATION from resizePhysics.ts (D-27): this module contains
+ * ONLY grid-interaction timings not already in resizePhysics.ts. Spring +
+ * hysteresis + blueprint constants continue to live in resizePhysics.ts
+ * and are imported from there by consumers. Forking resizePhysics.ts is
+ * AP-16 equivalent and forbidden.
+ *
+ * Keys sourced from 23-CONTEXT.md D-26 + 23-RESEARCH.md Pattern 13.
+ */
+export declare const DEFAULT_GRID_INTERACTION_PHYSICS: {
+    readonly staggerMs: 50;
+    readonly reverseStaggerMs: 30;
+    readonly envelopeEnterMs: 180;
+    readonly envelopeExitMs: 140;
+    readonly rubberBandRatio: 0.33;
+    readonly dragEdgeHoldMs: 400;
+    readonly spilloverArcDurationMs: 600;
+    readonly spilloverStaggerMs: 50;
+    readonly anchorProximityOpacities: readonly [0.8, 0.5, 0.3, 0.15];
+    readonly anchorFadeStaggerMs: 30;
+    readonly editStandbyMs: 4000;
+    readonly editFadeOutMs: 600;
+    readonly sectionDividerFadeInMs: 120;
+    readonly sectionDividerFadeOutMs: 80;
+    readonly sectionDividerStaggerMs: 40;
+};
+export type GridInteractionPhysicsConfig = typeof DEFAULT_GRID_INTERACTION_PHYSICS;

package/lib/primitives/dashboard/MetricCard/index.d.ts

@@ -8,17 +8,17 @@ export { StatusSlotChipMenu } from './StatusSlotChipMenu';
 export type { StatusSlotChipMenuProps, ChipMenuAction } from './StatusSlotChipMenu';
 export { EdgeHoverHandle } from './EdgeHoverHandle';
 export { GhostPreview } from './GhostPreview';
-export { useSlideOutReveal } from './useSlideOutReveal';
 export { useEdgeHoverResize } from './useEdgeHoverResize';
 export { DEFAULT_RESIZE_PHYSICS } from './resizePhysics';
 export type { ResizePhysicsConfig } from './resizePhysics';
 export { VelocityBuffer } from './velocityBuffer';
 export type { VelocitySample } from './velocityBuffer';
+export { DEFAULT_GRID_INTERACTION_PHYSICS } from './gridInteractionPhysics';
+export type { GridInteractionPhysicsConfig } from './gridInteractionPhysics';
 export * from './flipAndStage';
 export * from './types';
 export type { CardBackProps } from './CardBack';
 export type { StackedGroupCardProps, StackedValueEntry, SlotActionStripConfig, SlotToActionStripConfig, } from './StackedGroupCard';
-export type { SlideOutRevealConfig, SlideOutRevealReturn } from './useSlideOutReveal';
 export type { ResizeState, ResizeDirection, ResizeMode, ResizeCommit, UseEdgeHoverResizeArgs, UseEdgeHoverResizeReturn, } from './useEdgeHoverResize';
 export type { EdgeHoverHandleProps } from './EdgeHoverHandle';
 export type { GhostPreviewProps } from './GhostPreview';

package/lib/primitives/dashboard/MetricCard/types.d.ts

@@ -136,6 +136,21 @@ export interface CardShellProps {
     beta?: boolean;
     disabled?: boolean;
     style?: CSSProperties;
+    /**
+     * Optional controlled hover state (Phase 19.2 D-02 / D-03 / D-08).
+     *
+     * When provided, CardShell DOES NOT track hover internally. Grid-authoritative
+     * consumers (e.g. `MetricCardGrid` in reptime-cloud) derive hover from a
+     * single container-level `pointerover`/`pointerleave` listener and thread
+     * `hovered={id === hoveredCardId}` to each slot (D-15).
+     *
+     * When undefined (default; backward-compat), falls back to internal
+     * `useState` driven by `onMouseEnter`/`onMouseLeave`, with the legacy 180ms
+     * leave-delay REMOVED (D-08 — CSS animation handles the fade).
+     *
+     * @default undefined (uncontrolled)
+     */
+    hovered?: boolean;
     /**
      * When true, renders a 2px accent ring around the card shell using box-shadow
      * (NOT border, to avoid reflow). Used to indicate config mode is active (D-09).

package/lib/primitives/dashboard/MetricCard/useEdgeHoverResize.d.ts

@@ -38,20 +38,35 @@ export interface UseEdgeHoverResizeArgs {
      */
     maxColSpan?: 1 | 2 | 3;
     /**
-     * Polish Fix #7 (0.0.46 UAT) — optional slot-scoped container element.
-     * When provided, the hook installs a window-level pointermove listener
-     * during 'dwelling' and 'handle-visible' states. If the cursor's target
-     * is NOT within `containerRef.current`, the hook force-calls
-     * `leaveEdgeZone()` — self-heal that fires when a consumer's own
-     * pointerleave guard (e.g. MetricCardSlot's `closest('.edge-hover-sentinel')`)
-     * incorrectly matches a SIBLING card's sentinel during a rapid sweep,
-     * leaving this card stuck at 'handle-visible' while the pointer has
-     * already moved on. Drag/settling are exempt (pointer capture owns the
-     * gesture); the self-heal only resets pre-gesture hover state.
+     * @deprecated since Phase 19.2 — superseded by `forceIdle`; retained for
+     * consumer-side compat until Phase 19.2 cutover ships. The window-level
+     * pointermove self-heal ("Polish Fix #7") that used this ref has been
+     * removed (D-04 ¶2). New code should pass `forceIdle` instead.
+     *
+     * Historical note: When provided, the hook installed a window-level
+     * pointermove listener during 'dwelling' and 'handle-visible' states to
+     * detect the cursor leaving `containerRef.current`. This was fragile under
+     * cross-card sweeps — grid-driven `forceIdle` is the correct pattern.
      */
     containerRef?: React.RefObject<Element | null> | {
         current: Element | null;
     };
+    /**
+     * Phase 19.2 D-04 — grid-driven synchronous idle reset.
+     *
+     * When `true`, the hook synchronously clears pending dwell/touch-idle
+     * timers and transitions state to `'idle'`. Protects the drag grip:
+     * no-op during `'dragging'` or `'settling'` states (pointer-captured;
+     * spring owns settle; see D-05 + D-11 + debug/260419-hover-state-stuck-multi-card.md).
+     *
+     * Replaces the legacy "Polish Fix #7" window-pointermove self-heal
+     * (now deleted — grid-driven beats window-driven; D-04 ¶2).
+     *
+     * Prop-driven only. DO NOT add a ref-based imperative path (D-05).
+     *
+     * @default undefined (treated as false — hook runs normally)
+     */
+    forceIdle?: boolean;
 }
 export interface UseEdgeHoverResizeReturn {
     state: ResizeState;
@@ -113,4 +128,4 @@ export interface UseEdgeHoverResizeReturn {
  *  - Bug E handle pointerenter keeps zone alive on sentinel→handle crossover
  *  - Dwell timer cleanup on unmount
  */
-export declare function useEdgeHoverResize({ currentColSpan, stackable, onResize, onCancel, step, gap, tuning, dwellMs, enterMs, exitMs, maxColSpan, containerRef, }: UseEdgeHoverResizeArgs): UseEdgeHoverResizeReturn;
+export declare function useEdgeHoverResize({ currentColSpan, stackable, onResize, onCancel, step, gap, tuning, dwellMs, enterMs, exitMs, maxColSpan, containerRef, forceIdle, }: UseEdgeHoverResizeArgs): UseEdgeHoverResizeReturn;

package/lib/primitives/dashboard/ResizeEnvelope/ResizeEnvelope.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+export type ResizeEnvelopeState = 'hidden' | 'entering' | 'entered' | 'exiting';
+export interface ResizeEnvelopeProps {
+    state: ResizeEnvelopeState;
+    originX: number;
+    originY: number;
+    leftEdgeX: number;
+    rightEdgeX: number;
+    minBoundaryX: number;
+    /** Intermediate permeable snap positions between min and max; rendered as dotted lines. */
+    snapBoundariesX: number[];
+    topY: number;
+    bottomY: number;
+    /** Override D-07 enter duration (default: DEFAULT_GRID_INTERACTION_PHYSICS.envelopeEnterMs = 180ms). */
+    enterMs?: number;
+    /** Override D-07 exit duration (default: DEFAULT_GRID_INTERACTION_PHYSICS.envelopeExitMs = 140ms). */
+    exitMs?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Phase 23 — RESIZE-ENV-01 — D-05/D-06/D-07
+ *
+ * Pure presentational overlay drawn on pointerdown of a resize handle. Shows
+ * the full resize option space:
+ *   - Solid LEFT edge (card's fixed anchor)
+ *   - Solid RIGHT edge (max colSpan extent)
+ *   - Solid MIN-BOUNDARY interior line (the wall — impermeable)
+ *   - Dotted INTERMEDIATE snap lines (permeable snap points)
+ *
+ * Asymmetric D-07 timings:
+ *   - Enter 180ms: 120ms solid edges fade-in + 60ms dotted fade-in (offset by 120ms)
+ *   - Exit 140ms: 40ms dotted fade-out + 100ms solid collapse (offset by 40ms)
+ *
+ * Defaults pull from `DEFAULT_GRID_INTERACTION_PHYSICS` (CONFIG-01); never
+ * hardcode duration strings in consumers. Respects `prefers-reduced-motion`.
+ *
+ * Aria-hidden — purely decorative overlay; the underlying resize gesture
+ * carries the semantic meaning.
+ */
+export declare function ResizeEnvelope({ state, originX, originY, leftEdgeX, rightEdgeX, minBoundaryX, snapBoundariesX, topY, bottomY, enterMs, exitMs, className, style, }: ResizeEnvelopeProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/primitives/dashboard/ResizeEnvelope/index.d.ts

@@ -0,0 +1,2 @@
+export { ResizeEnvelope } from './ResizeEnvelope';
+export type { ResizeEnvelopeProps, ResizeEnvelopeState } from './ResizeEnvelope';

package/lib/primitives/dashboard/SectionDivider/SectionDivider.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export type SectionDividerState = 'hidden' | 'revealed' | 'emphasized';
+export interface SectionDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    state: SectionDividerState;
+    /** Left-to-right cascade position (0, 1, 2, ...) multiplied by staggerMs for animation-delay. */
+    staggerIndex?: number;
+    fadeInMs?: number;
+    fadeOutMs?: number;
+    staggerMs?: number;
+}
+/**
+ * SectionDivider — SECTION-DIV-01 (Phase 23 D-22).
+ *
+ * Dashed vertical divider revealed only during grid manipulation. Three-state
+ * machine (hidden|revealed|emphasized) drives opacity + color via CSS class
+ * modifiers. Each instance accepts a `staggerIndex` so consumers (Plan 23-06)
+ * can render N dividers with a left-to-right cascade — index threads through
+ * a CSS custom property as `staggerIndex × staggerMs` ms.
+ *
+ * Visual contract (see section-divider.scss):
+ * - state='hidden': opacity 0, no chrome
+ * - state='revealed': opacity 0.4, neutral border color, fade-in over fadeInMs
+ * - state='emphasized': opacity 0.85, accent color (current section), fade-in
+ *   over fadeInMs
+ *
+ * Defaults bind to DEFAULT_GRID_INTERACTION_PHYSICS (CONFIG-01).
+ * Respects prefers-reduced-motion.
+ */
+export declare function SectionDivider({ state, staggerIndex, fadeInMs, fadeOutMs, staggerMs, className, style, ...rest }: SectionDividerProps): import("react/jsx-runtime").JSX.Element;

package/lib/primitives/dashboard/SectionDivider/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionDivider } from './SectionDivider';
+export type { SectionDividerProps, SectionDividerState } from './SectionDivider';

package/lib/primitives/dashboard/SpilloverArc/SpilloverArc.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface ArcSegment {
+    id: string;
+    fromX: number;
+    fromY: number;
+    toX: number;
+    toY: number;
+}
+export interface SpilloverArcProps {
+    segments: ArcSegment[];
+    /** D-18 — full arc lifetime (default spilloverArcDurationMs = 600). */
+    durationMs?: number;
+    /** D-18 — per-segment stagger (default spilloverStaggerMs = 50). */
+    staggerMs?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * SpilloverArc — DRAG-SPILL-01 (Phase 23 D-17/D-18).
+ *
+ * Single `<svg>` overlay rendering N quadratic Bezier `<path>` arcs from a
+ * drop origin to each spilled card's final position. Each path fades over
+ * `durationMs` (default 600) with `staggerMs` (default 50) per-arc offset.
+ *
+ * Single-SVG strategy (vs. one SVG per segment) chosen for paint perf and to
+ * eliminate cross-arc clipping concerns. See 23-RESEARCH.md §Pattern 9.
+ *
+ * Respects prefers-reduced-motion.
+ */
+export declare function SpilloverArc({ segments, durationMs, staggerMs, className, style, }: SpilloverArcProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/primitives/dashboard/SpilloverArc/index.d.ts

@@ -0,0 +1,2 @@
+export { SpilloverArc } from './SpilloverArc';
+export type { SpilloverArcProps, ArcSegment } from './SpilloverArc';

package/lib/primitives/dashboard/index.d.ts

@@ -12,3 +12,8 @@ export * from './MetricCardGrid';
 export * from './TabbedDataView';
 export * from './MetricGroupContainer';
 export * from './DevTuningPanel';
+export * from './ResizeEnvelope';
+export * from './DropAnchorCell';
+export * from './SpilloverArc';
+export * from './SectionDivider';
+export * from './EmptyCellPackAffordance';

package/lib/primitives/overlays/ActionStrip/index.d.ts

@@ -1,7 +1,5 @@
 export { ActionStrip } from './ActionStrip';
 export type { PrimaryAction, OverflowAction, ActionStripProps, ActionStripContext, ActionStripMenuDirection, } from './types';
 export { subscribe, getActive, setActive, resetForTests, } from './overflowMenuRegistry';
-export { useSlideOutReveal } from './useSlideOutReveal';
-export type { SlideOutRevealConfig, SlideOutRevealReturn, SlideOutRevealStyle, } from './useSlideOutReveal';
 export { DEFAULT_OVERFLOW_IDS, DEFAULT_FOOTER_IDS, buildDefaultOverflow, } from './defaultActions';
 export type { DefaultHandlers } from './defaultActions';

package/lib/primitives/overlays/ActionStrip/types.d.ts

@@ -90,7 +90,11 @@ export interface ActionStripProps {
     primary: PrimaryAction[];
     /** Overflow entries (Settings, Remove, Replace, Refresh, What's this?). */
     overflow: OverflowAction[];
-    /** From `useSlideOutReveal` — true when the consumer card is hovered/focused. */
+    /**
+     * True when the consumer card is hovered/focused. Drives the CSS-owned
+     * slide-reveal animation via the root motion.div's `data-visible` attribute
+     * (Phase 19.2 D-07 / D-07a — see ActionStrip.scss @keyframes).
+     */
     visible: boolean;
     /** Sticky-on-click expansion state. */
     expanded: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "type": "module",
   "publishConfig": {
     "access": "restricted"