@omerdlw/base-framework 1.0.6 → 2.0.1

package/dist/modules/dock/motion.d.ts

@@ -1,171 +1,11 @@
-import { type Transition, type Variants } from "motion/react";
-export declare const DOCK_DURATIONS: Readonly<{
-    readonly MICRO: 0.18;
-    readonly FAST: 0.28;
-    readonly BASE: 0.36;
-    readonly ACTION_DISMISS: 0.32;
-    readonly EXPAND: 0.86;
-    readonly COLLAPSE: 0.52;
-    readonly HEADER: 0.32;
-    readonly MODERATE: 0.44;
-    readonly SLOW: 0.58;
-}>;
-export declare const DOCK_EASINGS: Readonly<{
-    readonly FLUID: readonly [0.25, 1, 0.5, 1];
-    readonly FLUID_RESIZE: readonly [0.25, 1, 0.5, 1];
-    readonly PROGRESSIVE_EXIT: readonly [0.5, 0, 1, 1];
-    readonly CINEMATIC: readonly [0.16, 1, 0.3, 1];
-    readonly EMPHASIZED: readonly [0.16, 1, 0.3, 1];
-    readonly SOFT: readonly [0.25, 1, 0.5, 1];
-    readonly SURFACE_WEIGHT: readonly [0.22, 1, 0.36, 1];
-    readonly EXIT: readonly [0.5, 0, 1, 1];
-    readonly SURFACE_ARRIVAL: readonly [0.34, 1.56, 0.64, 1];
-}>;
-export declare const DOCK_SURFACE_STACK_SCALE: Readonly<{
-    readonly REST: 1;
-    readonly OPEN_ANTICIPATION_COMPRESS: 0.94;
-    readonly CLOSE_ANTICIPATION_COMPRESS: 0.96;
-}>;
-export declare const dockHeaderSwapTransitions: Readonly<{
-    enter: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    exit: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-}>;
-export declare const dockControlSwapTransitions: Readonly<{
-    enter: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    exit: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-}>;
-export declare const dockTextSwapTransitions: Readonly<{
-    enter: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    exit: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-}>;
-export declare const DOCK_TIERS: Readonly<{
-    readonly MICRO: Readonly<{
-        distance: 4;
-        duration: 0.18;
-        ease: readonly [0.16, 1, 0.3, 1];
-        scaleDelta: 0.008;
-    }>;
-    readonly FAST: Readonly<{
-        distance: 9;
-        duration: 0.28;
-        ease: readonly [0.16, 1, 0.3, 1];
-        scaleDelta: 0.012;
-    }>;
-    readonly STANDARD: Readonly<{
-        distance: 18;
-        duration: 0.44;
-        ease: readonly [0.25, 1, 0.5, 1];
-        scaleDelta: 0.018;
-    }>;
-    readonly SURFACE: Readonly<{
-        distance: 28;
-        duration: 0.58;
-        ease: readonly [0.16, 1, 0.3, 1];
-        scaleDelta: 0.024;
-    }>;
-}>;
-export declare const DOCK_SPRINGS: Readonly<{
-    readonly PRESS: Readonly<{
-        type: "spring";
-        stiffness: 420;
-        damping: 34;
-        mass: 0.35;
-    }>;
-    readonly BADGE: Readonly<{
-        type: "spring";
-        stiffness: 360;
-        damping: 30;
-        mass: 0.45;
-    }>;
-    readonly DECK: Readonly<{
-        type: "spring";
-        stiffness: 210;
-        damping: 34;
-        mass: 1.2;
-    }>;
-    readonly PEEK: Readonly<{
-        type: "spring";
-        stiffness: 280;
-        damping: 32;
-        mass: 0.6;
-    }>;
-    readonly SCRUBBER_TOOLTIP: Readonly<{
-        damping: 28;
-        stiffness: 350;
-    }>;
-}>;
-export declare const DOCK_STAGGER_TIMINGS: Readonly<{
-    readonly EXPAND: 0.055;
-    readonly COLLAPSE: 0.02;
-    readonly PEEK: 0.016;
-    readonly STANDARD: 0.032;
-    readonly FAST: 0.02;
-    readonly CONTENT_REVEAL: 0.06;
-}>;
-export declare const DOCK_SURFACE_CHOREOGRAPHY_TIMINGS: Readonly<{
-    readonly SURFACE_ANTICIPATION_MS: 240;
-    readonly ANTICIPATION_LEAD_MS: 70;
-    readonly ACTION_DISMISS_MS: number;
-    readonly ACTION_DISMISS_OVERLAP_MS: 220;
-    readonly BODY_ENTER_MS: number;
-    readonly BODY_ENTER_DELAY_MS: 100;
-    readonly BODY_EXIT_MS: 760;
-    readonly BODY_COLLAPSE_SETTLE_MS: 100;
-    readonly HEADER_RESTORE_MS: 360;
-    readonly RESTORE_SETTLE_MS: 0;
-}>;
-export declare const DOCK_SURFACE_HEADER_RESTORE_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    delay: number;
-    ease: readonly [0.25, 1, 0.5, 1];
-}>;
-export declare const DOCK_TAP_SCALE = 0.97;
-export declare const DOCK_SURFACE_DRAG_CONSTRAINTS: Readonly<{
-    readonly top: 0;
-    readonly bottom: 0;
-}>;
-export declare const DOCK_SURFACE_DRAG_ELASTIC: Readonly<{
-    readonly top: 0.05;
-    readonly bottom: 0.5;
-}>;
-export declare const DOCK_SURFACE_DRAG_THRESHOLDS: Readonly<{
-    readonly DISMISS_OFFSET_Y: 65;
-    readonly DISMISS_VELOCITY_Y: 400;
-}>;
-export declare const DOCK_SURFACE_DRAG_INTERPOLATION: Readonly<{
-    readonly DRAG_RANGE: readonly [0, 180];
-    readonly OPACITY_RANGE: readonly [1, 0.75];
-    readonly SCALE_RANGE: readonly [1, 0.96];
-}>;
-export declare const DOCK_STACK_ELEVATION: Readonly<{
-    readonly REST: "0px 12px 32px 0px rgba(0,0,0,0.35), 0px 2px 8px 0px rgba(0,0,0,0.25)";
-    readonly ELEVATED: "0px 32px 80px 0px rgba(0,0,0,0.55), 0px 8px 24px 0px rgba(0,0,0,0.35)";
-}>;
+import { type Transition } from "motion/react";
+import { type DockMotion, type DockSurfaceTimings } from "./types";
+export declare function useDockMotion(): DockMotion;
+/**
+ * The app's surface phase timings. A dock state provider can run without the
+ * dock's theme (nothing is drawn then), and its phases advance immediately.
+ */
+export declare function useDockSurfaceTimings(): DockSurfaceTimings;
 export declare const DOCK_COMPOSITOR_STYLE: Readonly<{
     readonly willChange: "transform, opacity";
     readonly WebkitBackfaceVisibility: "hidden";
@@ -173,736 +13,55 @@ export declare const DOCK_COMPOSITOR_STYLE: Readonly<{
     readonly backfaceVisibility: "hidden";
     readonly transform: "translateZ(0)";
 }>;
-export declare const DOCK_STACK_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.52;
-    ease: readonly [0.25, 1, 0.5, 1];
-}>;
-export declare const DOCK_CARD_EXPAND_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.86;
-    ease: readonly [0.22, 1, 0.36, 1];
-}>;
-export declare const dockSurfaceBodyRole: Readonly<{
-    hidden: Readonly<{
-        opacity: 0;
-        transform: string;
-    }>;
-    visible: Readonly<{
-        opacity: 1;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-    exit: Readonly<{
-        opacity: 0;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-}>;
-export declare const DOCK_SURFACE_BODY_ENTER_TRANSITION: Readonly<{
-    delay: number;
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_BODY_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_ANTICIPATION_HIDE_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [0.22, 1, 0.36, 1];
-}>;
-export declare const DOCK_SURFACE_RESIZE_TRANSITION: Readonly<{
-    height: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    width: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_STACK_ARRIVAL_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.86;
-    ease: readonly [0.34, 1.56, 0.64, 1];
-}>;
-export declare function getDockSurfaceResizeTransition(distancePx: number): Readonly<{
-    height: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    width: Readonly<{
-        type: "tween";
-        duration: number;
-        ease: readonly [number, number, number, number];
-    }>;
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_BODY_STEP_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_ACTION_DISMISS_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.32;
-    ease: readonly [0.5, 0, 1, 1];
-}>;
-export declare const DOCK_HEADER_SWAP_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_CONTAINER_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_CONTAINER_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_ITEM_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_ITEM_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_ACTION_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_CONTROLS_ACTION_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_SURFACE_EXTENSIONS_ENTER_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.44;
-    ease: readonly [0.16, 1, 0.3, 1];
-}>;
-export declare const DOCK_SURFACE_EXTENSIONS_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.36;
-    ease: readonly [0.5, 0, 1, 1];
-}>;
-export declare const DOCK_CARD_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.52;
-    ease: readonly [0.25, 1, 0.5, 1];
-}>;
-export declare const DOCK_CARD_COLLAPSE_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.36;
-    ease: readonly [0.5, 0, 1, 1];
-}>;
-export declare const DOCK_PEEK_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.28;
-    ease: readonly [0.25, 1, 0.5, 1];
-}>;
-export declare const DOCK_CARD_SPRING: Readonly<{
-    type: "spring";
-    stiffness: 210;
-    damping: 34;
-    mass: 1.2;
-}>;
-export declare function getDockBackdropTransition({ expanded, isSurface, }?: {
-    expanded?: boolean;
-    isSurface?: boolean;
-}): Readonly<{
-    type: "tween";
-    duration: 0.52;
-    ease: readonly [0.25, 1, 0.5, 1];
-}> | Readonly<{
-    type: "tween";
-    duration: 0.86;
-    ease: readonly [0.22, 1, 0.36, 1];
-}>;
-export declare const DOCK_FADE_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.44;
-    ease: readonly [0.16, 1, 0.3, 1];
-}>;
-export declare const DOCK_TEXT_ENTER_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_TEXT_EXIT_TRANSITION: Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [number, number, number, number];
-}>;
-export declare const DOCK_ICON_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.28;
-    ease: readonly [0.25, 1, 0.5, 1];
-}>;
-export declare const DOCK_HUD_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.44;
-    ease: readonly [0.16, 1, 0.3, 1];
-}>;
-export declare const DOCK_STAGGER_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.44;
-    ease: readonly [0.16, 1, 0.3, 1];
-}>;
-export declare const dockPressRole: Readonly<{
-    variants: Readonly<{
-        idle: Readonly<{
-            transform: string;
-        }>;
-        hover: Readonly<{
-            transform: string;
-        }>;
-        tap: Readonly<{
-            transform: string;
-        }>;
-    }>;
+export declare const DOCK_UNSEEN_EXIT: Readonly<{
+    opacity: 0;
     transition: Readonly<{
-        type: "spring";
-        stiffness: number;
-        damping: number;
-        mass: number;
+        duration: 0;
     }>;
 }>;
-export declare const DOCK_BUTTON_TRANSITION: Readonly<{
-    type: "spring";
-    stiffness: number;
-    damping: number;
-    mass: number;
-}>;
-export declare const DOCK_BADGE_TRANSITION: Readonly<{
-    type: "spring";
-    stiffness: 360;
-    damping: 30;
-    mass: 0.45;
-}>;
-export declare const DOCK_SCRUBBER_TOOLTIP_TRANSITION: Readonly<{
-    type: "tween";
-    duration: 0.28;
-    ease: readonly [0.16, 1, 0.3, 1];
+export declare const DOCK_SURFACE_DRAG_CONSTRAINTS: Readonly<{
+    readonly top: 0;
+    readonly bottom: 0;
 }>;
-export declare const DOCK_SCRUBBER_TOOLTIP_SPRING: Readonly<{
-    damping: 28;
-    stiffness: 350;
+export declare const DOCK_SURFACE_DRAG_THRESHOLDS: Readonly<{
+    readonly DISMISS_OFFSET_Y: 65;
+    readonly DISMISS_VELOCITY_Y: 400;
 }>;
-export declare const DOCK_MEDIA_VOLUME_FILL_TRANSITION: string;
-export declare const DOCK_MEDIA_VOLUME_THUMB_POSITION_TRANSITION: string;
-export declare const DOCK_SKELETON_PULSE_CLASS = "animate-pulse motion-reduce:animate-none";
 export declare function toGpuTransform(y?: unknown, scale?: unknown, x?: unknown): string;
 export declare const dockSurfaceDragTransformTemplate: ({ y, scale, }: {
     y?: unknown;
     scale?: unknown;
 }) => string;
-export declare const dockActionVariants: Readonly<{
-    idle: Readonly<{
-        transform: string;
-    }>;
-    hover: Readonly<{
-        transform: string;
-    }>;
-    tap: Readonly<{
-        transform: string;
-    }>;
-}>;
-export declare const dockMediaVolumeThumbVariants: Readonly<{
-    idle: Readonly<{
-        scale: 1;
-    }>;
-    dragging: Readonly<{
-        scale: 1.18;
-    }>;
-}>;
-export declare const textCrossfadeVariants: Variants;
-export declare const dockHeaderSwapVariants: Readonly<{
-    hidden: Readonly<{
-        opacity: 0;
-        transform: string;
-    }>;
-    visible: Readonly<{
-        opacity: 1;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-    exit: Readonly<{
-        opacity: 0;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-}>;
-export declare const dockExtensionShelfVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: 0.44;
-            ease: readonly [0.16, 1, 0.3, 1];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: 0.36;
-            ease: readonly [0.5, 0, 1, 1];
-        }>;
-    };
-}>;
-export declare const dockHeaderRestoreVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            delay: number;
-            ease: readonly [0.25, 1, 0.5, 1];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockSurfaceControlsContainerVariants: Readonly<{
-    hidden: (targetY?: unknown) => {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    visible: (targetY?: unknown) => {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    exit: (targetY?: unknown) => {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockSurfaceControlsActionVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        scale: number;
-        width: number;
-        marginRight: number;
-    };
-    visible: {
-        opacity: number;
-        scale: number;
-        width: string;
-        marginRight: number;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        scale: number;
-        width: number;
-        marginRight: number;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockSurfaceControlsBackVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        scale: number;
-        width: number;
-        marginRight: number;
-    };
-    visible: {
-        opacity: number;
-        scale: number;
-        width: string;
-        marginRight: number;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        scale: number;
-        width: number;
-        marginRight: number;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockSurfaceControlsCloseVariants: Readonly<{
-    hidden: Readonly<{
-        opacity: 0;
-        transform: string;
-    }>;
-    visible: Readonly<{
-        opacity: 1;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-    exit: Readonly<{
-        opacity: 0;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-}>;
-export declare const dockCommandBarSwapVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: (customIndex?: unknown) => {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.36;
-            delay: number;
-            ease: readonly [0.25, 1, 0.5, 1];
-        };
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.28;
-            ease: readonly [0.5, 0, 1, 1];
-        };
-    };
-}>;
-export declare const dockActionDismissVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.28;
-            ease: readonly [0.25, 1, 0.5, 1];
-        };
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.32;
-            ease: readonly [0.5, 0, 1, 1];
-        };
-    };
-}>;
-export declare const dockListItemVariants: Readonly<{
-    hidden: Readonly<{
-        opacity: 0;
-        transform: string;
-    }>;
-    visible: (index?: unknown) => {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            delay: number;
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    exit: Readonly<{
-        opacity: 0;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    }>;
-}>;
-export declare const dockFadeVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockIconVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.28;
-            ease: readonly [0.25, 1, 0.5, 1];
-        };
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.28;
-            ease: readonly [0.5, 0, 1, 1];
-        };
-    };
-}>;
-export declare const dockBadgeVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-    };
-}>;
-export declare const dockBackdropVariants: Readonly<{
-    hidden: {
-        opacity: number;
-    };
-    visible: {
-        opacity: number;
-    };
-    exit: {
-        opacity: number;
-    };
-}>;
-export declare const dockBreadcrumbsVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: 0.86;
-            ease: readonly [0.22, 1, 0.36, 1];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: 0.52;
-            ease: readonly [0.25, 1, 0.5, 1];
-        }>;
-    };
-}>;
-export declare const dockHudVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: 0.44;
-            ease: readonly [0.16, 1, 0.3, 1];
-        }>;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: Readonly<{
-            type: "tween";
-            duration: number;
-            ease: readonly [number, number, number, number];
-        }>;
-    };
-}>;
-export declare const dockScrubberTooltipVariants: Readonly<{
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-    };
-}>;
-export declare function getDockDescriptionVariants(targetOpacity?: number): {
-    hidden: {
-        opacity: number;
-        transform: string;
-    };
-    visible: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.36;
-            ease: readonly [0.16, 1, 0.3, 1];
-        };
-    };
-    exit: {
-        opacity: number;
-        transform: string;
-        transition: {
-            duration: 0.28;
-            ease: readonly [0.5, 0, 1, 1];
-        };
-    };
-};
-export declare function getDockActionMotionProps({ disabled, reduceMotion, }?: {
+export declare function getDockBackdropTransition(motion: DockMotion, { expanded, isSurface, }?: {
+    expanded?: boolean;
+    isSurface?: boolean;
+}): Transition;
+export declare function getDockActionMotionProps(motion: DockMotion, { disabled, reduceMotion, }?: {
     disabled?: boolean;
     reduceMotion?: boolean;
 }): {
     initial: false;
     animate: string;
     whileTap: string | undefined;
-    variants: Readonly<{
-        idle: Readonly<{
-            transform: string;
-        }>;
-        hover: Readonly<{
-            transform: string;
-        }>;
-        tap: Readonly<{
-            transform: string;
-        }>;
-    }>;
-    transition: Readonly<{
-        type: "spring";
-        stiffness: number;
-        damping: number;
-        mass: number;
-    }>;
+    variants: import("motion-dom").Variants;
+    transition: Transition;
 };
-export declare function getDockMediaVolumeFillTransition({ isDragging, }?: {
+export declare function getDockMediaVolumeFillTransition(motion: DockMotion, { isDragging }?: {
     isDragging?: boolean;
 }): string;
-export declare function getDockMediaVolumeThumbAnimateProps({ isDragging, }?: {
+export declare function getDockMediaVolumeThumbAnimateProps(motion: DockMotion, { isDragging }?: {
     isDragging?: boolean;
-}): Readonly<{
-    scale: 1;
-}> | Readonly<{
-    scale: 1.18;
-}>;
-export declare function getDockMediaVolumeThumbPositionTransition({ isDragging, }?: {
+}): import("motion-dom").TargetAndTransition;
+export declare function getDockMediaVolumeThumbPositionTransition(motion: DockMotion, { isDragging }?: {
     isDragging?: boolean;
 }): string;
-export declare function getDockStackTransformTransition(surfacePhase: string | null | undefined, fallbackTransition: Transition): import("motion-dom").ValueAnimationTransition<any> | Readonly<{
-    type: "tween";
-    duration: number;
-    ease: readonly [0.22, 1, 0.36, 1];
-}> | Readonly<{
-    type: "tween";
-    duration: 0.86;
-    ease: readonly [0.34, 1.56, 0.64, 1];
-}>;
-export declare function getDockStackAnimateProps({ width, height, isBreadcrumbsVisible, isFullscreen, isSurfaceActive, surfacePhase, }: {
+export declare function getDockStackTransformTransition(motion: DockMotion, surfacePhase: string | null | undefined, fallbackTransition: Transition): Transition;
+export declare function getDockStackTransition(motion: DockMotion, { expanded, resizeDistance, surfacePhase, }?: {
+    expanded?: boolean;
+    resizeDistance?: number;
+    surfacePhase?: string | null;
+}): Transition;
+export declare function getDockStackAnimateProps(motion: DockMotion, { width, height, isBreadcrumbsVisible, isFullscreen, isSurfaceActive, surfacePhase, }: {
     width: number | string | null | undefined;
     height: number | string | null | undefined;
     isBreadcrumbsVisible?: boolean;
@@ -915,10 +74,10 @@ export declare function getDockStackAnimateProps({ width, height, isBreadcrumbsV
     height: number;
     transform: string;
     opacity: number;
-    boxShadow: "0px 12px 32px 0px rgba(0,0,0,0.35), 0px 2px 8px 0px rgba(0,0,0,0.25)" | "0px 32px 80px 0px rgba(0,0,0,0.55), 0px 8px 24px 0px rgba(0,0,0,0.35)";
+    boxShadow: string;
     pointerEvents: "none" | "auto";
 };
-export declare function getDockCardDelay({ expanded, isStackHovered, position, }?: {
+export declare function getDockCardDelay(motion: DockMotion, { expanded, isStackHovered, position, }?: {
     expanded?: boolean;
     isStackHovered?: boolean;
     position?: number;
@@ -928,7 +87,7 @@ export interface DockItemMotionValues {
     scale: number;
     y: number;
 }
-export declare function getDockItemAnimateValues({ motionValues, expanded, isStackHovered, isSurfaceActive, position, }?: {
+export declare function getDockItemAnimateValues(motion: DockMotion, { motionValues, expanded, isStackHovered, isSurfaceActive, position, }?: {
     motionValues?: DockItemMotionValues;
     expanded?: boolean;
     isStackHovered?: boolean;
@@ -941,46 +100,19 @@ export declare function getDockItemAnimateValues({ motionValues, expanded, isSta
     transform: string;
     opacity: number;
 };
-export declare function getDockItemTransition({ expanded, isStackHovered, position, delay, }?: {
+export declare function getDockItemTransition(motion: DockMotion, { expanded, isStackHovered, position, delay, }?: {
     expanded?: boolean;
     isStackHovered?: boolean;
     position?: number;
     delay?: number;
-}): {
-    delay: number;
-    type: "spring";
-    stiffness: 210;
-    damping: 34;
-    mass: 1.2;
-} | {
-    delay: number;
-    type: "tween";
-    duration: 0.52;
-    ease: readonly [0.25, 1, 0.5, 1];
-} | {
-    delay: number;
-    type: "tween";
-    duration: 0.28;
-    ease: readonly [0.25, 1, 0.5, 1];
-};
-export declare function getDockItemExitValues({ motionValues, position, }?: {
+}): Transition;
+export declare function getDockItemExitValues(motion: DockMotion, { motionValues, position, }?: {
     motionValues?: DockItemMotionValues;
     position?: number;
-}): {
-    opacity: number;
-    transform: string;
-    transition: {
-        type: "tween";
-        duration: 0.36;
-        ease: readonly [0.5, 0, 1, 1];
-    };
-};
-export declare function getDockCardContentAnimateProps({ expanded, position, isExtensionShelf, }?: {
+}): import("motion-dom").TargetAndTransition;
+export declare function getDockCardContentAnimateProps(motion: DockMotion, { expanded, position, isExtensionShelf, }?: {
     expanded?: boolean;
     position?: number;
     isExtensionShelf?: boolean;
-}): {
-    opacity: number;
-    transform: string;
-};
+}): import("motion-dom").TargetAndTransition;
 //# sourceMappingURL=motion.d.ts.map