apptify 0.6.1 → 0.7.0

package/dist/components/mobile-image-viewer.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { MotionDriver } from '../core/motion-driver';
 import { type PhotoGeometry, type PhotoPoint, type PhotoSize } from '../core/image-geometry';
 import type { AppleViewerImage } from './overlays';
 type Phase = 'preparing' | 'opening' | 'open' | 'settling' | 'closing';
@@ -36,9 +37,14 @@ interface PhotoLayer {
     persistent: () => boolean;
     arrows?: (event: KeyboardEvent) => void;
 }
+interface Pose {
+    scale: number;
+    pan: PhotoPoint;
+}
 interface Flight {
     base: PhotoSize;
     pose: Keyframe;
+    rotation?: number;
 }
 export declare function createMobileImageViewer(registerLayer: (layer: PhotoLayer) => () => void): import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
@@ -56,7 +62,9 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
         type: PropType<import("..").ComponentMotion>;
         default: string;
     };
-}>, {}, {
+}>, {
+    isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
+}, {
     present: boolean;
     current: number;
     phase: Phase;
@@ -66,18 +74,21 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
     viewportOrigin: PhotoPoint;
     sizes: Record<number, PhotoSize>;
     failures: Record<number, boolean>;
+    rotations: Record<number, number>;
     scale: number;
     pan: PhotoPoint;
     drag: PhotoPoint;
     swipe: number;
+    dragKind: "pan" | "dismiss";
     paging: {
         from: number;
         direction: number;
     } | null;
-    zooming: boolean;
-    flight: Flight | null;
+    flights: Record<number, Flight>;
+    poses: Record<number, Pose>;
     background: number;
     chrome: number;
+    driver: MotionDriver | null;
     pointers: import("vue").Raw<Map<number, PhotoPoint>>;
     gesture: Gesture | null;
     pendingTap: {
@@ -87,8 +98,6 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
     } | null;
     tapTimer: number | null;
     masked: Mask | null;
-    animations: import("vue").Raw<Animation[]>;
-    epoch: number;
     suppressClickUntil: number;
     disposeLayer: (() => void) | null;
     resizeObserver: ResizeObserver | null;
@@ -97,18 +106,23 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
     resolvedMotion(): string;
     pictures(): AppleViewerImage[];
     loaded(): boolean;
+    flight(): Flight | null;
     fitted(): PhotoSize;
     dragScale(): number;
     backdropOpacity(): number;
 }, {
+    fitImage(index: number): PhotoSize;
     clearTap(): void;
     tap(point: PhotoPoint): void;
+    refreshPhase(): void;
     cancelAnimations(): void;
-    animate(entries: Array<{
-        element: HTMLElement;
-        from: Keyframe;
-        to: Keyframe;
-    }>, duration: number, curve?: string): Promise<boolean>;
+    pose(index?: number): Pose;
+    frame(index?: number): HTMLElement | null | undefined;
+    paintedPhoto(): {
+        geometry: PhotoGeometry;
+        rotation: number;
+    };
+    interactive(requireLoaded?: boolean): boolean;
     measure(): void;
     openViewer(): Promise<void>;
     inspectImages(): Promise<void>;
@@ -116,11 +130,15 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
     imageFailed(index: number, event: Event): void;
     restoreThumbnail(): void;
     maskThumbnail(reveal?: boolean): HTMLImageElement | null;
-    normalGeometry(): PhotoGeometry;
-    fly(from: PhotoGeometry, to: PhotoGeometry, opening: boolean): Promise<boolean>;
+    normalGeometry(index?: number): PhotoGeometry;
+    fly(from: PhotoGeometry, to: PhotoGeometry, opening: boolean, rotation?: number, presence?: {
+        background: number;
+        chrome: number;
+    }, preserveCrop?: boolean): Promise<boolean>;
     enter(): Promise<void>;
     close(): void;
     closeViewer(emit: boolean): Promise<void>;
+    finishClose(): Promise<void>;
     select(index: number, velocity?: number): Promise<void>;
     slideOffset(index: number): number;
     atPageEdge(offset: number): boolean;
@@ -131,7 +149,12 @@ export declare function createMobileImageViewer(registerLayer: (layer: PhotoLaye
     pointerMove(event: PointerEvent): void;
     pointerUp(event: PointerEvent, cancelled?: boolean): void;
     settlePose(): Promise<void>;
+    movePose(index: number, from: number[], target: number[], frequency?: number): Promise<void>;
+    zoomTarget(): number[];
     toggleZoom(point: PhotoPoint): Promise<void>;
+    stepZoom(direction: number): void;
+    zoomTo(scale: number, point: PhotoPoint, frequency?: number): Promise<void>;
+    rotate(direction: number): Promise<void>;
     zoom(event: WheelEvent): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close")[], "change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;

package/dist/components/navibar.d.ts

@@ -96,8 +96,8 @@ export declare const AppleNavibar: import("vue").DefineComponent<import("vue").E
     onToggle?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    fixed: boolean;
     label: string;
+    fixed: boolean;
     motion: import("..").ComponentMotion;
     items: AppleItem[];
     brand: string;
@@ -227,8 +227,8 @@ export declare const navigationComponents: {
         onToggle?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
-        fixed: boolean;
         label: string;
+        fixed: boolean;
         motion: import("..").ComponentMotion;
         items: AppleItem[];
         brand: string;

package/dist/components/overlays.d.ts

@@ -1,6 +1,5 @@
 import { type PopupPositioner } from '../core/popup-placement';
 import { type Component, type PropType } from 'vue';
-import { type PanzoomObject } from '@panzoom/panzoom';
 import { type OverlayEntry } from '../core/context';
 type Motion = 'inherit' | 'auto' | 'full' | 'reduced' | 'none';
 type CloseReason = 'escape' | 'backdrop' | 'cancel' | 'confirm' | 'close';
@@ -486,9 +485,7 @@ export declare const AppleSnackbar: import("vue").DefineComponent<import("vue").
         type: PropType<Motion>;
         default: Motion;
     };
-}>, {
-    isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
-}, {
+}>, {}, {
     timer: ReturnType<typeof setTimeout> | null;
     remaining: number;
     started: number;
@@ -500,7 +497,7 @@ export declare const AppleSnackbar: import("vue").DefineComponent<import("vue").
     pause(): void;
     resume(): void;
     close(reason?: string): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "after-close" | "action")[], "close" | "update:modelValue" | "after-close" | "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "action" | "update:modelValue" | "after-close")[], "close" | "action" | "update:modelValue" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -540,13 +537,13 @@ export declare const AppleSnackbar: import("vue").DefineComponent<import("vue").
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     message: string;
+    action: string;
     title: string;
     tone: "error" | "danger" | "success" | "warning" | "default" | "info";
     duration: number;
     motion: Motion;
     modelValue: boolean;
     closable: boolean;
-    action: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleOverlayHost: import("vue").DefineComponent<{}, {}, {
     present: Array<{
@@ -662,9 +659,9 @@ export declare const ApplePopover: import("vue").DefineComponent<import("vue").E
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
+    label: string;
     width: string | number;
     placement: "top" | "bottom" | "left" | "right";
-    label: string;
     disabled: boolean;
     motion: Motion;
     role: string;
@@ -850,53 +847,9 @@ export declare const InternalImageViewer: import("vue").DefineComponent<import("
         default: Motion;
     };
     origin: PropType<(index: number, reveal?: boolean) => HTMLImageElement | null>;
-}>, {}, {
-    disposeLayer: (() => void) | null;
-    depth: number;
-    isTop: boolean;
-    current: number;
-    panzoom: PanzoomObject | null;
-    loaded: boolean;
-    failed: boolean;
-    rotation: number;
-    pageDirection: number;
-    pageWidth: number;
-    enterController: AbortController | null;
-    entering: Promise<void> | null;
-    returning: Promise<void> | null;
-    returnController: AbortController | null;
-    releaseNavigation: (() => void) | null;
-    preloaded: import("vue").Raw<Set<string>>;
-    pointerStart: {
-        x: number;
-        y: number;
-    } | null;
-    mobile: boolean;
-    viewportQuery: MediaQueryList | null;
-}, {
+}>, {}, {}, {
     resolvedMotion(): string;
-    safeIndex(): number;
-    currentImage(): AppleViewerImage | undefined;
-}, {
-    syncViewport(): void;
-    resetImage(): void;
-    imageLoaded(event?: Event): void;
-    catchZoom(): void;
-    zoomOptions(): {
-        animate: boolean;
-        duration: 300;
-        easing: string;
-    };
-    finishEntry(): void;
-    stepZoom(direction: number): void;
-    toggleZoom(event: MouseEvent): void;
-    navigate(direction: number): void;
-    syncLayer(): Promise<void>;
-    afterClose(): void;
-    close(): void;
-    zoom(event: WheelEvent): void;
-    change(previous: number, index: number, direction?: number): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close")[], "change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close")[], "change" | "close" | "error" | "update:modelValue" | "update:index" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
     images: {
         type: PropType<Array<string | AppleViewerImage>>;
@@ -1401,9 +1354,7 @@ export declare const overlayComponents: {
             type: PropType<Motion>;
             default: Motion;
         };
-    }>, {
-        isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
-    }, {
+    }>, {}, {
         timer: ReturnType<typeof setTimeout> | null;
         remaining: number;
         started: number;
@@ -1415,7 +1366,7 @@ export declare const overlayComponents: {
         pause(): void;
         resume(): void;
         close(reason?: string): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "after-close" | "action")[], "close" | "update:modelValue" | "after-close" | "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "action" | "update:modelValue" | "after-close")[], "close" | "action" | "update:modelValue" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
             default: boolean;
@@ -1455,13 +1406,13 @@ export declare const overlayComponents: {
         onAction?: ((...args: any[]) => any) | undefined;
     }>, {
         message: string;
+        action: string;
         title: string;
         tone: "error" | "danger" | "success" | "warning" | "default" | "info";
         duration: number;
         motion: Motion;
         modelValue: boolean;
         closable: boolean;
-        action: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleOverlayHost: import("vue").DefineComponent<{}, {}, {
         present: Array<{
@@ -1577,9 +1528,9 @@ export declare const overlayComponents: {
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
     }>, {
+        label: string;
         width: string | number;
         placement: "top" | "bottom" | "left" | "right";
-        label: string;
         disabled: boolean;
         motion: Motion;
         role: string;

package/dist/components/scrollbar.d.ts

@@ -0,0 +1,88 @@
+import { type PropType } from 'vue';
+import { type ScrollBarAxis } from '../core/scrollbar';
+export declare const AppleScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+        default: string;
+    };
+    axis: {
+        type: PropType<ScrollBarAxis>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "interaction"[], "interaction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    target: {
+        type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+        default: string;
+    };
+    axis: {
+        type: PropType<ScrollBarAxis>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    controls: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onInteraction?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    target: string | HTMLElement | (() => HTMLElement | undefined);
+    axis: ScrollBarAxis;
+    controls: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const scrollBarComponents: {
+    AppleScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        target: {
+            type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+            default: string;
+        };
+        axis: {
+            type: PropType<ScrollBarAxis>;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "interaction"[], "interaction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        target: {
+            type: PropType<string | HTMLElement | (() => HTMLElement | undefined)>;
+            default: string;
+        };
+        axis: {
+            type: PropType<ScrollBarAxis>;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onInteraction?: ((...args: any[]) => any) | undefined;
+    }>, {
+        label: string;
+        target: string | HTMLElement | (() => HTMLElement | undefined);
+        axis: ScrollBarAxis;
+        controls: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/dist/components/speed-dial.d.ts

@@ -0,0 +1,157 @@
+import { type Component, type PropType, type VNodeChild } from 'vue';
+export declare const AppleSpeedDial: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    backTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    threshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    target: string;
+    threshold: number;
+    backTop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AppleSpeedDialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: PropType<Component>;
+    disabled: BooleanConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "outline" | "danger">;
+        default: string;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    icon: PropType<Component>;
+    disabled: BooleanConstructor;
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"primary" | "secondary" | "outline" | "danger">;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "secondary" | "danger" | "primary" | "outline";
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const speedDialComponents: {
+    AppleSpeedDial: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        backTop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        target: {
+            type: StringConstructor;
+            default: string;
+        };
+        threshold: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        backTop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        target: {
+            type: StringConstructor;
+            default: string;
+        };
+        threshold: {
+            type: NumberConstructor;
+            default: number;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+        target: string;
+        threshold: number;
+        backTop: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    AppleSpeedDialItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        icon: PropType<Component>;
+        disabled: BooleanConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
+            default: string;
+        };
+    }>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            required: true;
+        };
+        icon: PropType<Component>;
+        disabled: BooleanConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"primary" | "secondary" | "outline" | "danger">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        variant: "secondary" | "danger" | "primary" | "outline";
+        visible: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/dist/core/context.d.ts

@@ -660,7 +660,18 @@ export declare function createApple(options?: AppleOptions): import("vue").Raw<{
         clear(): void;
     };
     portalTarget: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    speedDial: import("vue").Raw<{
+        entries: import("vue").ShallowRef<import("./speed-dial").SpeedDialEntry[], import("./speed-dial").SpeedDialEntry[]>;
+        host: Ref<string | undefined, string | undefined>;
+        hostDepth: Ref<number, number>;
+        mobile: Ref<boolean, boolean>;
+        open: Ref<boolean, boolean>;
+        activeDirectory: Ref<string | undefined, string | undefined>;
+        register(entry: import("./speed-dial").SpeedDialEntry): void;
+        unregister(id: string): void;
+    }>;
     isTouchDevice: Readonly<Ref<boolean, boolean>>;
+    isVerticalScreen: Readonly<Ref<boolean, boolean>>;
     dialog: <T = unknown>(settings: Omit<OverlayOptions, "kind">) => OverlayHandle<T>;
     notify: (message: string, settings?: Omit<OverlayOptions, "kind" | "message">) => OverlayHandle<unknown>;
     sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];

package/dist/core/device.d.ts

@@ -2,4 +2,6 @@ export declare const touchDeviceQuery = "(any-pointer: coarse)";
 export declare const detectTouchDevice: () => boolean;
 /** Shared across apps, components and teleported overlays. */
 export declare const isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+export declare const isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
+export declare function syncVerticalScreen(): void;
 export declare function syncTouchDevice(): void;

package/dist/core/image-gallery-motion.d.ts

@@ -1,2 +1,3 @@
 export declare function stopGalleryScroll(box: HTMLElement): void;
-export declare function scrollGallery(box: HTMLElement, left: number, animated: boolean, complete: () => void, adjacent?: boolean): void;
+export declare function wheelGallery(box: HTMLElement, delta: number, animated: boolean): void;
+export declare function scrollGallery(box: HTMLElement, left: number, animated: boolean, complete: () => void, adjacent?: boolean, snapOverride?: string): void;

package/dist/core/image-motion.d.ts

@@ -14,5 +14,5 @@ export declare function photoPageTiming(distance: number, velocity: number, _wid
     easing: string;
 };
 export declare function photoFlightSize(from: PhotoGeometry, to: PhotoGeometry): PhotoSize;
-export declare function photoFlightFrame(rect: PhotoGeometry, base: PhotoSize): Keyframe;
+export declare function photoFlightFrame(rect: PhotoGeometry, base: PhotoSize, preserveCrop?: boolean): Keyframe;
 export declare function readPhotoGeometry(frame: HTMLElement, photo: HTMLElement, panel: DOMRect): PhotoGeometry;

package/dist/core/layers.d.ts

@@ -1,2 +1,3 @@
 export declare const overlayZIndex: (depth: number) => number;
 export declare const imageReturnZIndex: (depth: number) => number;
+export declare const scrollBarZIndex: (inherited: number) => number;

package/dist/core/motion-driver.d.ts

@@ -0,0 +1,40 @@
+export interface MotionSample {
+    value: number[];
+    velocity: number[];
+    target: number[];
+}
+export declare function sampleSpring(value: number, velocity: number, target: number, seconds: number, frequency: number): {
+    value: number;
+    velocity: number;
+};
+/** Each channel owns its lifetime. Retargeting preserves position and velocity. */
+export declare class MotionDriver {
+    private changed;
+    private springs;
+    private tracks;
+    private owners;
+    private frame;
+    constructor(changed?: () => void);
+    has(key: string): boolean;
+    get active(): boolean;
+    prepare(key: string): () => boolean;
+    velocityX(key: string, element: HTMLElement): number;
+    sample(key: string): MotionSample | undefined;
+    shift(key: string, offset: number[]): void;
+    to(key: string, from: number[], target: number[], update: (value: number[]) => void, options?: {
+        frequency?: number;
+        epsilon?: number[];
+        immediate?: boolean;
+        velocity?: number[];
+        bounds?: Array<[number, number] | null>;
+    }): Promise<boolean>;
+    animate(key: string, entries: Array<{
+        element: HTMLElement;
+        from: Keyframe;
+        to: Keyframe;
+    }>, duration: number, easing: string): Promise<boolean>;
+    cancel(key?: string): void;
+    finish(): void;
+    private advance;
+    private schedule;
+}

package/dist/core/motion.d.ts

@@ -9,4 +9,4 @@ type SelectionValue = unknown | {
     selector: string;
 };
 export declare const AppleSelection: ObjectDirective<HTMLElement, SelectionValue>;
-export {};
+export { scrollToWithMotion, cancelMotionScroll, type MotionScroll } from './scroll-motion';

package/dist/core/ripple.d.ts

@@ -0,0 +1,16 @@
+/*! Ripple animation adapted from Vuetify. Copyright (c) 2016-now Vuetify, LLC. MIT license; see THIRD_PARTY_LICENSES.txt. */
+import type { DirectiveBinding } from 'vue';
+export type RippleElement = HTMLElement & {
+    _ripple?: {
+        enabled: boolean;
+        touched: boolean;
+        showTimer?: number;
+        showTimerCommit: (() => void) | null;
+    };
+};
+export declare const Ripple: {
+    mounted(el: RippleElement, binding: Pick<DirectiveBinding<{
+        keys: string[];
+    }>, "value" | "modifiers">): void;
+    unmounted(el: RippleElement): void;
+};

package/dist/core/scroll-motion.d.ts

@@ -0,0 +1,6 @@
+export interface MotionScroll {
+    finished: Promise<void>;
+    cancel: () => void;
+}
+export declare function cancelMotionScroll(target: HTMLElement | Window): void;
+export declare function scrollToWithMotion(target: HTMLElement | Window, destination: number | (() => number), animated?: boolean): MotionScroll;