@mt-gloss/ui 0.1.149 → 0.1.151

package/lib/composites/dashboard/QuickConfigPanel/types.d.ts

@@ -1,17 +1,5 @@
-import { ReactNode } from 'react';
-/**
- * A single section of the QuickConfigPanel.
- * Consumers supply an opaque render function — the panel does not know what content renders.
- * D-02: generic shape; no reptime domain strings.
- */
-export interface QuickConfigSection {
-    /** Unique identifier for the section; used as React key */
-    id: string;
-    /** Human-readable section heading rendered in the panel chrome */
-    label: string;
-    /** Returns the ReactNode to mount inside this section */
-    render: () => ReactNode;
-}
+import { QuickConfigSection } from '../../../types/quickConfig';
+export type { QuickConfigSection } from '../../../types/quickConfig';
 /**
  * Props for QuickConfigPanel.
  * D-01: opaque — no reptime/entityType/metricInfo semantics.

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

@@ -3,6 +3,12 @@
  *
  * Constants consumed by both useEdgeHoverResize (spring commit) and the
  * DevTuningPanel (Plan 19-02) so the panel and the hook never drift.
+ *
+ * S5: the SPRING fields (stiffness/damping/mass) now derive from
+ * @mt-gloss/motion's RESIZE_COMMIT_SPRING (single source — shared with the
+ * SPRING_RESIZE_COMMIT `Transition` token; values unchanged: 500/22/1). The
+ * non-spring resize-interaction fields below stay local (resize domain, not
+ * motion vocabulary).
  */
 export declare const DEFAULT_RESIZE_PHYSICS: {
     readonly stiffness: 500;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { QuickConfigSection } from '../../../composites/dashboard/QuickConfigPanel/types';
+import { QuickConfigSection } from '../../../types/quickConfig';
 /** Data for a single card slot in the grid. */
 export interface GridCardData {
     id: string;
@@ -27,9 +27,27 @@ export interface MetricCardGridProps {
     renderCard: (card: GridCardData) => ReactNode;
     renderEmptySlot?: (index: number) => ReactNode;
     /**
-     * Sections passed through to QuickConfigPanel when config mode is active.
-     * Required for panel to render meaningful content during flip-and-stage.
+     * Sections passed through to the config panel when config mode is active.
+     * Required for the panel to render meaningful content during flip-and-stage.
      * D-07: panel renders adjacent to active card slot.
      */
     configSections?: QuickConfigSection[];
+    /**
+     * Render-prop for the config panel shown adjacent to the active card during
+     * flip-and-stage (D-07). Inverts the former hard dependency on the
+     * QuickConfigPanel composite (S5 d1) — the CONSUMER injects the composite,
+     * matching the existing `renderCard` / `renderEmptySlot` pattern:
+     *
+     *   renderConfigPanel={({ sections, onCommit, onCancel }) => (
+     *     <QuickConfigPanel sections={sections} onCommit={onCommit} onCancel={onCancel} />
+     *   )}
+     *
+     * When omitted, no config panel renders even if `configSections` are supplied.
+     * The grid still owns extrude-slot placement + the AnimatePresence wrapper.
+     */
+    renderConfigPanel?: (args: {
+        sections: QuickConfigSection[];
+        onCommit: () => void;
+        onCancel: () => void;
+    }) => ReactNode;
 }

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

@@ -21,14 +21,13 @@
  *
  * Structural precedent: libs/gloss-ui/src/lib/primitives/overlays/ActionStrip/motion.ts
  */
-/** MOTION-02 — Forward (digest) and reverse (undo) cascade physics. Asymmetric by design. */
-export declare const cascadePhysics: {
-    readonly forwardStaggerMs: 50;
-    readonly reverseStaggerMs: 30;
-    readonly springStiffness: 380;
-    readonly springDamping: 32;
-    readonly reverseVelocityMultiplier: 1.4;
-};
+/**
+ * MOTION-02 — Forward (digest) and reverse (undo) cascade physics. Asymmetric by
+ * design. Moved DOWN to @mt-gloss/motion (S5); re-exported here so existing
+ * consumers (`import { cascadePhysics } from '@mt-gloss/ui'`, gloss-ui internals,
+ * reptime Grid v2) keep resolving the same object with identical values.
+ */
+export { GRID_CASCADE_PHYSICS as cascadePhysics } from '@mt-gloss/motion';
 /** MOTION-03 — Swing-from-behind reveal (resize handle, [×] affordance, future hover-intent micro-affordances). */
 export declare const swingReveal: {
     readonly enterDurationMs: 220;

package/lib/types/quickConfig.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+/**
+ * A single section of a quick-config surface.
+ *
+ * Domain-free shared vocabulary (D-02: generic shape; no reptime domain strings).
+ * Consumers supply an opaque `render` function — the panel does not know what
+ * content renders.
+ *
+ * Lives at the tier-independent `lib/types` layer (S5 d2): it is shared by the
+ * `MetricCardGrid` primitive (which forwards `configSections`) and the
+ * `QuickConfigPanel` composite (which renders them). Hosting it here removes the
+ * former primitive→composite upward type import.
+ */
+export interface QuickConfigSection {
+    /** Unique identifier for the section; used as React key */
+    id: string;
+    /** Human-readable section heading rendered in the panel chrome */
+    label: string;
+    /** Returns the ReactNode to mount inside this section */
+    render: () => ReactNode;
+}

package/lib/utils/animations.d.ts

@@ -1,27 +1,6 @@
-/**
- * Animation utilities and presets for Gloss UI components
- */
-/**
- * Standard animation durations
- */
-export declare const durations: {
-    readonly instant: 0;
-    readonly fast: 100;
-    readonly normal: 200;
-    readonly slow: 300;
-    readonly slower: 400;
-};
+import { durations, easings } from '@mt-gloss/tokens';
+export { durations, easings };
 export type AnimationDuration = keyof typeof durations;
-/**
- * Standard easing functions
- */
-export declare const easings: {
-    readonly linear: "linear";
-    readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
-    readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
-    readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-};
 export type AnimationEasing = keyof typeof easings;
 /**
  * Animation preset configurations
@@ -43,18 +22,4 @@ export interface AnimationPreset {
  */
 export declare const presets: Record<string, AnimationPreset>;
 export type AnimationPresetName = keyof typeof presets;
-/**
- * Get CSS transition string from animation config
- */
-export declare function getTransitionStyle(properties: string[], duration?: number, easing?: string): string;
-/**
- * Interpolate between two values based on progress (0-1)
- */
-export declare function interpolate(from: number, to: number, progress: number): number;
-/**
- * Parse a CSS value like "8px" to a number
- */
-export declare function parseNumericValue(value: string): {
-    value: number;
-    unit: string;
-};
+export { getTransitionStyle, interpolate, parseNumericValue } from '@mt-gloss/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.149",
+  "version": "0.1.151",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -72,6 +72,7 @@
     "@emotion/styled": "^11.0.0",
     "date-fns": "^3.0.0 || ^4.0.0",
     "@mt-gloss/utils": ">=0.0.1",
+    "@mt-gloss/tokens": ">=0.0.1",
     "@mt-gloss/motion": ">=0.0.1",
     "@floating-ui/react": ">=0.27.0",
     "motion": ">=12.0.0",