@mt-gloss/ui 0.1.59 → 0.1.61

package/internals.js

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

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

@@ -1,4 +1,4 @@
-import { MotionValue } from 'framer-motion';
+import { MotionValue } from 'motion/react';
 import * as React from 'react';
 /**
  * Per-card MotionValue pair carried alongside its cardId. Consumers (Plan 05

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

@@ -1,4 +1,4 @@
-import { MotionValue } from 'framer-motion';
+import { MotionValue } from 'motion/react';
 import * as React from 'react';
 export interface DragGhostProps {
     /** 'ok' = blue dashed (--gloss-valid-stroke/fill); 'rejected' = pink solid (--gloss-rejection-stroke/fill) */

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

@@ -20,6 +20,12 @@ export interface DropAnchorCellProps extends React.HTMLAttributes<HTMLDivElement
      *  Border PERSISTS during drag/resize (PKG-04 invariant); only affordance GLYPHS hide
      *  via useAffordanceVisibility(). The border IS the drop-target affordance. */
     state?: 'empty';
+    /** Quick 260503-dac — Cross-section resize reject (R-11). When true, primitive
+     *  renders sparse-dash red stroke (#BB2A39, dasharray 10/6) + pink fill
+     *  (#F0BAC1) via [data-rejection='true'] SCSS rule. Consumer sets this on the
+     *  cell whose target colSpan would cross a section divider during resize.
+     *  Mirrors the data-blocked undefined-when-false pattern (no DOM noise at idle). */
+    rejection?: boolean;
     children?: React.ReactNode;
 }
 /**
@@ -38,4 +44,4 @@ export interface DropAnchorCellProps extends React.HTMLAttributes<HTMLDivElement
  *
  * Respects prefers-reduced-motion.
  */
-export declare function DropAnchorCell({ density, canAccept, blocked, proximityOpacity, state, className, children, ...rest }: DropAnchorCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropAnchorCell({ density, canAccept, blocked, proximityOpacity, state, rejection, className, children, ...rest }: DropAnchorCellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -23,13 +23,13 @@ import * as React from 'react';
  * Without it, clicking a glyph would pack/add AND open the catalog
  * simultaneously.
  *
- * PKG-04 hide-during-drag is NOT implemented in this primitive — it is
- * deferred to Phase 12 (Track D — AFF-01) via the `useAffordanceVisibility()`
- * hook seam declared in `../hooks/useAffordanceVisibility.ts`. Phase 13 ships
- * the seam with a `{ affordancesVisible: true }` stub; Phase 12 fills the
- * gridChannels-driven implementation. Until then, glyphs remain visible
- * during drag/resize — Phase 13's UAT scenarios for hide-during-drag verify
- * the seam exists but cannot exercise the gate behaviour.
+ * PKG-04 hide-during-drag IS implemented via `useAffordanceVisibility()`
+ * (single-source gate; migrated 2026-05-03 quick/260503-aff). The hook
+ * subscribes to `GestureStateProvider` and applies a 200ms idle dwell-delay
+ * before re-emergence per A-01-affordance-dwell-reemergence.svg. Both the
+ * `+` and `×` SwingReveal wrappers AND-gate `visible` on `affordancesVisible`
+ * — the consumer-side `enabled` for `×` continues to express the D-19
+ * predicate independently.
  *
  * @see .planning/phases/13-track-g-add-remove-collapse/13-CONTEXT.md §D-04, §D-06, §D-10, §D-18
  */

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

@@ -49,5 +49,18 @@ export interface EdgeHoverHandleProps {
  * 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).
+ *
+ * Cross-card gesture suppression (260503-aff): during ANY drag/resize, the
+ * resize handles on NON-source cards must hide so they don't compete with
+ * the in-flight gesture's chrome. Achieved by AND-gating ONLY the
+ * `'handle-visible'` branch on `useAffordanceVisibility().affordancesVisible`.
+ * The `'dragging'` and `'settling'` branches stay un-gated to preserve the
+ * SOURCE card's pointer-capture invariant — the source card's own handle MUST
+ * remain visible (and pointer-capture-eligible) throughout its own gesture,
+ * regardless of `affordancesVisible`. Non-source cards sit at
+ * `'handle-visible'` or earlier, so when `affordancesVisible=false` (during
+ * any global gesture + 200ms idle dwell), they hide. After the global
+ * gesture settles back to idle and the dwell elapses, all handles re-emerge
+ * together with the rest of the affordance chrome.
  */
 export declare const EdgeHoverHandle: import('react').ForwardRefExoticComponent<EdgeHoverHandleProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import { MotionValue } from 'framer-motion';
+import { MotionValue } from 'motion/react';
 export interface GhostPreviewProps {
     /** Whether the ghost overlay is currently visible (active during drag/settling). */
     visible: boolean;

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

@@ -1,4 +1,4 @@
-import { MotionValue } from 'framer-motion';
+import { MotionValue } from 'motion/react';
 import { ResizePhysicsConfig } from './resizePhysics';
 export type ResizeState = 'idle' | 'dwelling' | 'handle-visible' | 'dragging' | 'settling' | 'cancelled';
 export type ResizeDirection = 'grow' | 'shrink';

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

@@ -20,7 +20,9 @@
  *
  * Requirement mapping:
  *   GEV-02 — paletteHex / paletteVars / STROKE_DASHED / STROKE_SOLID /
- *            STROKE_SPARSE_DASH / STROKE_OUTLINE / PaletteToken
+ *            STROKE_SPARSE_DASH / STROKE_OUTLINE /
+ *            STROKE_DASHED_DASHARRAY / STROKE_SPARSE_DASH_DASHARRAY /
+ *            PaletteToken
  *
  * Structural precedent: ./gridMotionPrimitives.ts §colorTokens (lines 79-87).
  */
@@ -58,5 +60,13 @@ export declare const STROKE_SOLID: "solid";
 export declare const STROKE_SPARSE_DASH: "sparse-dash";
 /** D-09 — Tracking-outline 2px no-fill pattern. */
 export declare const STROKE_OUTLINE: "2px no-fill";
+/** Quick 260503-dac — D-04 eligibility dashed pattern dasharray (matches spec
+ *  D-04 §Specification — eligibility border #6F87D2, 1.5px, dasharray 6 4). */
+export declare const STROKE_DASHED_DASHARRAY: "6 4";
+/** Quick 260503-dac — R-11 rejection sparse-dash dasharray (matches spec
+ *  R-11 §B — rejection stroke #BB2A39, 3px, dasharray 10 6). Distinct from
+ *  the eligibility 6/4 pattern so users can perceive the reject state without
+ *  relying on hue alone (colorblind-safe redundancy). */
+export declare const STROKE_SPARSE_DASH_DASHARRAY: "10 6";
 /** GEV-02 — Derived from paletteHex via typeof; symmetric with paletteVars. */
 export type PaletteToken = keyof typeof paletteHex;

package/lib/primitives/dashboard/hooks/useAffordanceVisibility.d.ts

@@ -1,28 +1,5 @@
-/**
- * useAffordanceVisibility — Phase 13 D-10 / D-18 contract section 3.
- *
- * Returns the visibility flag for empty-cell affordance glyphs (+ and ×) during
- * drag/resize gestures (PKG-04 hide-on-active rule).
- *
- * **Phase 13 ships a stub** that returns `{ affordancesVisible: true }` unconditionally.
- * **Phase 12 fills the real implementation** when its affordance state machine ships
- * (Track D — AFF-01). The contract Phase 12 must honor:
- *
- * - Read gridChannels lifecycle state for the `chrome` channel.
- * - Return `{ affordancesVisible: true }` when LifecycleState ∈ ['idle', 'arming']
- *   (matches `gridChannels.chrome.applicableStates`).
- * - Return `{ affordancesVisible: false }` when LifecycleState === 'active' or 'settling'
- *   (matches `gridChannels.hideOnActive.applicableStates`).
- *
- * The DropAnchorCell `state='empty'` dashed border is NOT gated by this hook —
- * the border persists during drag/resize because it IS the drop-target affordance
- * (D-07 critical invariant).
- *
- * @see .planning/phases/13-track-g-add-remove-collapse/13-CONTEXT.md §D-10, §D-18
- * @see .planning/phases/09-track-a-gev-foundation/HANDOFF.json#contracts.channels (chrome, hideOnActive)
- */
 export interface UseAffordanceVisibilityReturn {
-    /** true when affordance glyphs (+ and ×) should render; false during drag/resize. */
+    /** true when affordance glyphs should render; false during gesture + 200ms idle dwell. */
     affordancesVisible: boolean;
 }
 export declare function useAffordanceVisibility(): UseAffordanceVisibilityReturn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "type": "module",
   "publishConfig": {
     "access": "restricted"
@@ -63,7 +63,7 @@
     "@mt-gloss/utils": ">=0.0.1",
     "@mt-gloss/motion": ">=0.0.1",
     "@floating-ui/react": ">=0.27.0",
-    "framer-motion": ">=12.0.0",
+    "motion": ">=12.0.0",
     "zod": "^4.0.0"
   },
   "peerDependenciesMeta": {
@@ -106,7 +106,7 @@
     "@floating-ui/react": {
       "optional": true
     },
-    "framer-motion": {
+    "motion": {
       "optional": true
     },
     "zod": {