@mt-gloss/ui 0.1.14 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,6 +5,10 @@ import * as React from 'react';
5
5
  * Renders a small top-right button on an empty cell that, when clicked, requests
6
6
  * right-neighbor left-shift via `onPack()`. When `enabled=false` (all cells to
7
7
  * the right are also empty), the affordance is fully hidden (returns `null`).
8
+ *
9
+ * stopPropagation() on the button prevents the click from bubbling to the parent
10
+ * DropAnchorCell's onClick (which opens the MetricCatalog). Without it, clicking
11
+ * "×" would pack AND open the catalog simultaneously.
8
12
  */
9
13
  export interface EmptyCellPackAffordanceProps {
10
14
  /** D-19 — hide when all cells to the right are also empty. Consumer decides. */
@@ -17,6 +17,6 @@ import { CardShellProps } from './types';
17
17
  * ```
18
18
  */
19
19
  export declare const CardShell: {
20
- ({ 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;
20
+ ({ 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, }: CardShellProps): import("react/jsx-runtime").JSX.Element;
21
21
  displayName: string;
22
22
  };
@@ -218,4 +218,13 @@ export interface CardShellProps {
218
218
  */
219
219
  extensionOverflow?: import('../../overlays/ActionStrip').OverflowAction[];
220
220
  cardRef?: RefObject<HTMLDivElement | null>;
221
+ /**
222
+ * Quick 260422-e7e — When true, forces the action strip (gutter) to be hidden
223
+ * using its normal exit animation. Used by the grid to hide the strip the moment
224
+ * a resize gesture starts, without requiring hover state changes.
225
+ *
226
+ * Does not affect card data, content, or security boundaries — purely visual.
227
+ * @default false
228
+ */
229
+ forceHide?: boolean;
221
230
  }
@@ -24,8 +24,14 @@ export interface UseEdgeHoverResizeArgs {
24
24
  gap?: number;
25
25
  /** D-03 panel override; falls back to DEFAULT_RESIZE_PHYSICS. */
26
26
  tuning?: Partial<ResizePhysicsConfig>;
27
- /** Hover dwell time before handle appears. Default: 120ms */
27
+ /** Hover dwell time before handle appears. Default: 60ms */
28
28
  dwellMs?: number;
29
+ /**
30
+ * Grace period (ms) after pointer leaves the edge zone before collapsing to idle.
31
+ * Prevents the handle from disappearing on brief mouse-off during natural mouse
32
+ * movement (e.g. crossing the sentinel/handle gap). Default: 150ms.
33
+ */
34
+ graceExitMs?: number;
29
35
  /** AN-06 enter motion duration exposed for consumer CSS. Default: 180ms */
30
36
  enterMs?: number;
31
37
  /** AN-06 exit motion duration exposed for consumer CSS. Default: 120ms */
@@ -135,4 +141,4 @@ export interface UseEdgeHoverResizeReturn {
135
141
  * - Bug E handle pointerenter keeps zone alive on sentinel→handle crossover
136
142
  * - Dwell timer cleanup on unmount
137
143
  */
138
- export declare function useEdgeHoverResize({ currentColSpan, stackable, onResize, onCancel, step, gap, tuning, dwellMs, enterMs, exitMs, maxColSpan, containerRef, forceIdle, }: UseEdgeHoverResizeArgs): UseEdgeHoverResizeReturn;
144
+ export declare function useEdgeHoverResize({ currentColSpan, stackable, onResize, onCancel, step, gap, tuning, dwellMs, graceExitMs, enterMs, exitMs, maxColSpan, containerRef, forceIdle, }: UseEdgeHoverResizeArgs): UseEdgeHoverResizeReturn;
@@ -7,6 +7,14 @@ export interface SectionDividerProps extends React.HTMLAttributes<HTMLDivElement
7
7
  fadeInMs?: number;
8
8
  fadeOutMs?: number;
9
9
  staggerMs?: number;
10
+ /**
11
+ * Quick 260422-e7e — visual style variant.
12
+ * 'dashed' (default) — 1px repeating-gradient dashed line (Phase 23 original).
13
+ * 'seam-bleed' — 20px wide gradient wash centered on the section boundary.
14
+ * Used during drag/resize to show section seams without overlaying card content.
15
+ * @default 'dashed'
16
+ */
17
+ variant?: 'dashed' | 'seam-bleed';
10
18
  }
11
19
  /**
12
20
  * SectionDivider — SECTION-DIV-01 (Phase 23 D-22).
@@ -26,4 +34,4 @@ export interface SectionDividerProps extends React.HTMLAttributes<HTMLDivElement
26
34
  * Defaults bind to DEFAULT_GRID_INTERACTION_PHYSICS (CONFIG-01).
27
35
  * Respects prefers-reduced-motion.
28
36
  */
29
- export declare function SectionDivider({ state, staggerIndex, fadeInMs, fadeOutMs, staggerMs, className, style, ...rest }: SectionDividerProps): import("react/jsx-runtime").JSX.Element;
37
+ export declare function SectionDivider({ state, staggerIndex, fadeInMs, fadeOutMs, staggerMs, variant, className, style, ...rest }: SectionDividerProps): import("react/jsx-runtime").JSX.Element;
@@ -35,7 +35,7 @@ export declare const swingReveal: {
35
35
  readonly exitDurationMs: 140;
36
36
  readonly enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)";
37
37
  readonly exitEasing: "cubic-bezier(0.4, 0, 1, 1)";
38
- readonly translateOffsetPx: 4;
38
+ readonly translateOffsetPx: 8;
39
39
  };
40
40
  /** MOTION-05 — Rejection kinesthetic: ghost shiver on invalid drop. */
41
41
  export declare const rejectionFeedback: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mt-gloss/ui",
3
- "version": "0.1.14",
3
+ "version": "0.1.16",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "restricted"