@mt-gloss/ui 0.1.66 → 0.1.68

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, hovered, forceHide, isFlipped, onFlipChange, }: 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, forceHide, resizePhase, outgoingSnapshot, isFlipped, onFlipChange, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -20,6 +20,7 @@ export * from './types';
 export type { CardBackProps } from './CardBack';
 export type { StackedGroupCardProps, StackedValueEntry, SlotActionStripConfig, SlotToActionStripConfig, } from './StackedGroupCard';
 export type { ResizeState, ResizeDirection, ResizeMode, ResizeCommit, UseEdgeHoverResizeArgs, UseEdgeHoverResizeReturn, } from './useEdgeHoverResize';
+export type { ChoreographyPhase, UseResizeChoreographyReturn } from './useResizeChoreography';
 export type { EdgeHoverHandleProps } from './EdgeHoverHandle';
 export type { GhostPreviewProps } from './GhostPreview';
 export { SparklineBg } from './visualizations/SparklineBg';

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

@@ -265,4 +265,8 @@ export interface CardShellProps {
      * @default false
      */
     forceHide?: boolean;
+    /** Phase 11.2 — resize choreography phase. Drives data-resize-phase on front-face BaseBox for B-path overlay. */
+    resizePhase?: import('./useResizeChoreography').ChoreographyPhase;
+    /** Phase 11.2 — outgoing composition snapshot (B-path). Rendered above live content during 'outgoing'; fades out on 'incoming'. */
+    outgoingSnapshot?: React.ReactNode;
 }

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

@@ -36,6 +36,8 @@ export interface UseResizeChoreographyArgs {
     rowHeight: number;
     gap: number;
 }
+/** B-path: derived from edgeHover.state lifecycle. Drives B-overlay opacity (Plan 03a). */
+export type ChoreographyPhase = 'idle' | 'outgoing' | 'incoming' | 'settled';
 export interface UseResizeChoreographyReturn {
     trackingOutline: {
         cell: Cell;
@@ -52,6 +54,10 @@ export interface UseResizeChoreographyReturn {
         fireKey: number;
     } | null;
     shrinkFreedCells: Cell[];
+    /** B-path: derived from edgeHover.state lifecycle. Drives B-overlay opacity. */
+    phase: ChoreographyPhase;
+    /** A-path fallback: held value of colSpan, flushed at lifecycle exit (CONTEXT D-05). */
+    displayColSpan: 1 | 2 | 3;
 }
 export declare function useResizeChoreography(args: UseResizeChoreographyArgs): UseResizeChoreographyReturn;
 export {};

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

@@ -1,3 +1,4 @@
+import { MotionValue } from 'motion/react';
 import * as React from 'react';
 export interface TrackingOutlineProps {
     /** D-01 — gesture discriminator. drag stays 2px solid (D-15 #4 parity); resize gets 2.5px + dashed-retreated pattern support. */
@@ -17,6 +18,22 @@ export interface TrackingOutlineProps {
     /** DRAG-06 default 120ms cubic-bezier(0.4, 0, 0.2, 1) on transform. */
     transitionMs?: number;
     className?: string;
+    /**
+     * Phase 11.2 — continuous spring-driven width for resize gesture.
+     *
+     * When provided, renders as `motion.div` and binds `width` directly to the
+     * MotionValue (zero React re-renders per pointermove). Supersedes the
+     * discrete `colSpan`-derived static width so the outline stretches
+     * continuously with the cursor instead of snapping at column thresholds.
+     *
+     * Pass `useEdgeHoverResize().ghostProps.ghostWidth`.
+     * The CSS `transition` on transform is omitted when motionWidth is active —
+     * the spring on the MotionValue owns all animation.
+     *
+     * Drag-side callers (gesture='drag') must NOT pass this prop — they preserve
+     * D-15 #4 parity (static colSpan width + CSS transition).
+     */
+    motionWidth?: MotionValue<number>;
 }
 /**
  * Phase 11 D-01 — Shared tracking-outline base for drag + resize gestures.
@@ -55,4 +72,4 @@ export interface TrackingOutlineProps {
  *  - 2px (drag) or 2.5px (resize) border using `var(--gloss-g02-tracking-outline)`.
  *  - Rendered INSIDE the grid container, NOT inside `<DragOverlay>`.
  */
-export declare function TrackingOutline({ gesture, cell, colSpan, colWidth, gap, rowHeight, pattern, transitionMs, className, }: TrackingOutlineProps): React.JSX.Element;
+export declare function TrackingOutline({ gesture, cell, colSpan, colWidth, gap, rowHeight, pattern, transitionMs, className, motionWidth, }: TrackingOutlineProps): React.JSX.Element;

package/package.json

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