@mt-gloss/ui 0.0.17 → 0.0.19

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

@@ -3,6 +3,14 @@ export interface EdgeHoverHandleProps {
     state: ResizeState;
     onPointerDown: (e: React.PointerEvent) => void;
     onPointerUp: (e: React.PointerEvent) => void;
+    /**
+     * Bug E (260417-drag-resize-5th-attempt) — handle's own pointerenter/leave
+     * keeps the edge-hover zone alive when pointer crosses from sentinel to
+     * handle (they're siblings, so sentinel.pointerleave would otherwise collapse
+     * state to idle, hiding the handle mid-gesture).
+     */
+    onPointerEnter?: () => void;
+    onPointerLeave?: (e: React.PointerEvent) => void;
     /** Which card edge the handle is positioned on. Default: 'right' */
     edge?: 'right' | 'left';
     ariaLabel?: string;

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

@@ -16,6 +16,15 @@ export interface StackedGroupCardProps {
     onPinTimeframe?: (timeframe: string) => void;
     /** When true, value cells blur and sparkline animates to flat during data refresh. */
     isStale?: boolean;
+    /**
+     * Phase 10 NY-05 width-drives-capacity matrix (quick-260417-2na §3):
+     *   1col → 1 cell, 2col → 3 cells, 3col → 5 cells
+     * When provided, overrides the ResizeObserver-measured capacity from
+     * `useSlotCapacity`. Visible cells are always clamped to available data
+     * (cells.length) so 3col stacks with 3 timeframes still render 3 cells.
+     * Default: undefined (fall back to measured capacity; backward compatible).
+     */
+    colSpan?: 1 | 2 | 3;
 }
 /**
  * StackedGroupCard -- Renders 3 mini metric values horizontally within a 2-col card.
@@ -38,6 +47,6 @@ export interface StackedGroupCardProps {
  * ```
  */
 export declare const StackedGroupCard: {
-    ({ title, prefix, suffix, values, timeframes, sparklineData, accentColor, pinnedTimeframe, onPinTimeframe, isStale, }: StackedGroupCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, prefix, suffix, values, timeframes, sparklineData, accentColor, pinnedTimeframe, onPinTimeframe, isStale, colSpan, }: StackedGroupCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -25,9 +25,20 @@ export interface UseEdgeHoverResizeReturn {
     handleProps: {
         onPointerDown: (e: React.PointerEvent) => void;
         onPointerUp: (e: React.PointerEvent) => void;
+        onPointerEnter: () => void;
+        onPointerLeave: () => void;
     };
+    /**
+     * quick-260417-2na §2a — Live preview during drag.
+     * While `state === 'dragging'`, reflects the colSpan the user would commit
+     * if they released the pointer at the current position. Resets to
+     * `currentColSpan` on transition out of 'dragging'. Always clamped to 1..3.
+     */
+    previewColSpan: 1 | 2 | 3;
     ghostProps: {
         visible: boolean;
+        /** Same value as `previewColSpan`; exposed here for `<GhostPreview targetColSpan>` plumbing. */
+        targetColSpan: 1 | 2 | 3;
         enterMs: number;
         exitMs: number;
     };

package/package.json

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