@mt-gloss/ui 0.0.16 → 0.0.18

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

@@ -16,5 +16,14 @@ export interface EdgeHoverHandleProps {
  *
  * Motion contract (AN-06): opacity transitions driven by edge-hover.scss
  * using enterMs=180ms (enter) / exitMs=120ms (exit via ghost-preview).
+ *
+ * Pointer capture (debug 260417-qt00z / D-02+D-03 root cause): the handle is
+ * only 10px wide. On pointerdown we call setPointerCapture(pointerId) so all
+ * subsequent pointermove/pointerup events route to this element even after
+ * the cursor leaves the handle's hit region. Without this, dragging rightward
+ * (the natural grow gesture) moves the pointer off the handle within the
+ * first few px — pointerup then fires on whatever is underneath, the handle's
+ * React onPointerUp never runs, and the state machine stays stuck at
+ * 'dragging' (so onResize is never called and the card never commits).
  */
 export declare const EdgeHoverHandle: import('react').ForwardRefExoticComponent<EdgeHoverHandleProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -26,8 +26,17 @@ export interface UseEdgeHoverResizeReturn {
         onPointerDown: (e: React.PointerEvent) => void;
         onPointerUp: (e: React.PointerEvent) => 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.16",
+  "version": "0.0.18",
   "type": "module",
   "publishConfig": {
     "access": "restricted"