apptify 0.6.1 → 0.7.0

package/dist/components/AppleCard.vue.d.ts

@@ -64,7 +64,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{}>, {
     shadow: "none" | "static" | "normal" | "focused";
     motion: import("..").ComponentMotion;
-    zoom: "none" | "big" | "small";
+    zoom: "none" | "small" | "big";
     imageAlt: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/content.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type VNodeChild } from 'vue';
 import { Virtualizer, type VirtualizerOptions } from '@tanstack/virtual-core';
+import { type MotionScroll } from '../core/motion';
 export { AppleTabs, AppleTabBar } from './tabs';
 export type AppleValue = string | number;
 export interface AppleItem {
@@ -356,8 +357,8 @@ export declare const AppleTable: import("vue").DefineComponent<import("vue").Ext
     "onRow-click"?: ((...args: any[]) => any) | undefined;
     "onColumn-resize"?: ((...args: any[]) => any) | undefined;
 }>, {
-    height: number;
     label: string;
+    height: number;
     disabled: boolean;
     loading: boolean;
     motion: Motion;
@@ -394,15 +395,31 @@ export declare const AppleTree: import("vue").DefineComponent<import("vue").Extr
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mobileDirectory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     motion: {
         type: PropType<Motion>;
         default: string;
     };
-}>, {}, {
+}>, {
+    directoryTarget: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    inMobileDirectory: import("vue").ComputedRef<boolean>;
+    closeDirectory: () => void;
+}, {
+    search: string;
+    searchCollapsed: AppleValue[];
     internalExpanded: AppleValue[];
     internalValue: AppleValue | undefined;
     focusValue: AppleValue | undefined;
 }, {
+    query(): string;
+    filteredItems(): AppleTreeItem[];
     expandedValues(): AppleValue[];
     selectedValue(): AppleValue | undefined;
     visibleItems(): {
@@ -434,6 +451,14 @@ export declare const AppleTree: import("vue").DefineComponent<import("vue").Extr
         type: StringConstructor;
         default: string;
     };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mobileDirectory: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     motion: {
         type: PropType<Motion>;
         default: string;
@@ -449,6 +474,8 @@ export declare const AppleTree: import("vue").DefineComponent<import("vue").Extr
     modelValue: AppleValue;
     expanded: AppleValue[];
     items: AppleTreeItem[];
+    searchable: boolean;
+    mobileDirectory: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -854,7 +881,7 @@ export declare const AppleSkeleton: import("vue").DefineComponent<import("vue").
     };
 }>> & Readonly<{}>, {
     label: string;
-    variant: "text" | "table" | "image" | "avatar" | "card" | "list";
+    variant: "table" | "text" | "image" | "avatar" | "card" | "list";
     motion: Motion;
     rows: number;
     columns: number;
@@ -1058,7 +1085,7 @@ export declare const ApplePullRefresh: import("vue").DefineComponent<import("vue
 export declare const AppleInfiniteScroll: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     finished: BooleanConstructor;
@@ -1087,7 +1114,7 @@ export declare const AppleInfiniteScroll: import("vue").DefineComponent<import("
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "retry")[], "load" | "retry", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     error: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     finished: BooleanConstructor;
@@ -1112,8 +1139,8 @@ export declare const AppleInfiniteScroll: import("vue").DefineComponent<import("
     disabled: boolean;
     loading: boolean;
     motion: Motion;
-    distance: number;
     finished: boolean;
+    distance: number;
     finishedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleBackTop: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1143,14 +1170,13 @@ export declare const AppleBackTop: import("vue").DefineComponent<import("vue").E
 }, {
     visible: boolean;
     scrollTarget: HTMLElement | Window | undefined;
-    scrollFrame: number;
+    scrollRun: MotionScroll | undefined;
 }, {
     motionMode(): "full" | "reduced" | "none";
 }, {
     bindTarget(): void;
     scrollPosition(): number;
     onScroll(): void;
-    interruptScroll(event: Event): void;
     cancelScroll(): void;
     go(event: Event): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1178,8 +1204,8 @@ export declare const AppleBackTop: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    fixed: boolean;
     label: string;
+    fixed: boolean;
     disabled: boolean;
     motion: Motion;
     target: string;
@@ -1206,7 +1232,12 @@ export declare const AppleFloatingGroup: import("vue").DefineComponent<import("v
         type: PropType<Motion>;
         default: string;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    previewActive: import("vue").Ref<boolean, boolean>;
+}, {}, {
+    motionMode(): "full" | "reduced" | "none";
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     backTop: {
         type: BooleanConstructor;
         default: boolean;
@@ -1724,8 +1755,8 @@ export declare const contentComponents: {
         "onRow-click"?: ((...args: any[]) => any) | undefined;
         "onColumn-resize"?: ((...args: any[]) => any) | undefined;
     }>, {
-        height: number;
         label: string;
+        height: number;
         disabled: boolean;
         loading: boolean;
         motion: Motion;
@@ -1762,15 +1793,31 @@ export declare const contentComponents: {
             type: StringConstructor;
             default: string;
         };
+        searchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mobileDirectory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         motion: {
             type: PropType<Motion>;
             default: string;
         };
-    }>, {}, {
+    }>, {
+        directoryTarget: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        inMobileDirectory: import("vue").ComputedRef<boolean>;
+        closeDirectory: () => void;
+    }, {
+        search: string;
+        searchCollapsed: AppleValue[];
         internalExpanded: AppleValue[];
         internalValue: AppleValue | undefined;
         focusValue: AppleValue | undefined;
     }, {
+        query(): string;
+        filteredItems(): AppleTreeItem[];
         expandedValues(): AppleValue[];
         selectedValue(): AppleValue | undefined;
         visibleItems(): {
@@ -1802,6 +1849,14 @@ export declare const contentComponents: {
             type: StringConstructor;
             default: string;
         };
+        searchable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mobileDirectory: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         motion: {
             type: PropType<Motion>;
             default: string;
@@ -1817,6 +1872,8 @@ export declare const contentComponents: {
         modelValue: AppleValue;
         expanded: AppleValue[];
         items: AppleTreeItem[];
+        searchable: boolean;
+        mobileDirectory: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -2222,7 +2279,7 @@ export declare const contentComponents: {
         };
     }>> & Readonly<{}>, {
         label: string;
-        variant: "text" | "table" | "image" | "avatar" | "card" | "list";
+        variant: "table" | "text" | "image" | "avatar" | "card" | "list";
         motion: Motion;
         rows: number;
         columns: number;
@@ -2426,7 +2483,7 @@ export declare const contentComponents: {
     AppleInfiniteScroll: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         loading: BooleanConstructor;
         error: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         finished: BooleanConstructor;
@@ -2455,7 +2512,7 @@ export declare const contentComponents: {
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "retry")[], "load" | "retry", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         loading: BooleanConstructor;
         error: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         finished: BooleanConstructor;
@@ -2480,8 +2537,8 @@ export declare const contentComponents: {
         disabled: boolean;
         loading: boolean;
         motion: Motion;
-        distance: number;
         finished: boolean;
+        distance: number;
         finishedText: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleBackTop: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2511,14 +2568,13 @@ export declare const contentComponents: {
     }, {
         visible: boolean;
         scrollTarget: HTMLElement | Window | undefined;
-        scrollFrame: number;
+        scrollRun: MotionScroll | undefined;
     }, {
         motionMode(): "full" | "reduced" | "none";
     }, {
         bindTarget(): void;
         scrollPosition(): number;
         onScroll(): void;
-        interruptScroll(event: Event): void;
         cancelScroll(): void;
         go(event: Event): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2546,8 +2602,8 @@ export declare const contentComponents: {
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
     }>, {
-        fixed: boolean;
         label: string;
+        fixed: boolean;
         disabled: boolean;
         motion: Motion;
         target: string;
@@ -2574,7 +2630,12 @@ export declare const contentComponents: {
             type: PropType<Motion>;
             default: string;
         };
-    }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        previewRoot: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        previewActive: import("vue").Ref<boolean, boolean>;
+    }, {}, {
+        motionMode(): "full" | "reduced" | "none";
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         backTop: {
             type: BooleanConstructor;
             default: boolean;

package/dist/components/forms.d.ts

@@ -1067,8 +1067,8 @@ export declare const AppleUpload: import("vue").DefineComponent<import("vue").Ex
 }>, {
     error: string;
     label: string;
-    disabled: boolean;
     capture: "user" | "environment";
+    disabled: boolean;
     loading: boolean;
     motion: "auto" | "full" | "reduced" | "none" | "inherit";
     modelValue: File[];
@@ -2676,8 +2676,8 @@ export declare const formComponents: {
     }>, {
         error: string;
         label: string;
-        disabled: boolean;
         capture: "user" | "environment";
+        disabled: boolean;
         loading: boolean;
         motion: "auto" | "full" | "reduced" | "none" | "inherit";
         modelValue: File[];

package/dist/components/foundation.d.ts

@@ -349,7 +349,18 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             clear(): void;
         };
         portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        speedDial: import("vue").Raw<{
+            entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+            host: import("vue").Ref<string | undefined, string | undefined>;
+            hostDepth: import("vue").Ref<number, number>;
+            mobile: import("vue").Ref<boolean, boolean>;
+            open: import("vue").Ref<boolean, boolean>;
+            activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+            register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+            unregister(id: string): void;
+        }>;
         isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+        isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
         dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
         notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
         sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -696,7 +707,18 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             clear(): void;
         };
         portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        speedDial: import("vue").Raw<{
+            entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+            host: import("vue").Ref<string | undefined, string | undefined>;
+            hostDepth: import("vue").Ref<number, number>;
+            mobile: import("vue").Ref<boolean, boolean>;
+            open: import("vue").Ref<boolean, boolean>;
+            activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+            register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+            unregister(id: string): void;
+        }>;
         isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+        isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
         dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
         notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
         sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -705,6 +727,7 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
         detach(): void;
         dispose(): void;
     }>>;
+    disposeScrollBars: (() => void) | null;
 }, {
     inheritedTheme(): string | undefined;
     inheritedMotion(): Motion | undefined;
@@ -1051,7 +1074,18 @@ export declare const AppleProvider: import("vue").DefineComponent<import("vue").
             clear(): void;
         };
         portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        speedDial: import("vue").Raw<{
+            entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+            host: import("vue").Ref<string | undefined, string | undefined>;
+            hostDepth: import("vue").Ref<number, number>;
+            mobile: import("vue").Ref<boolean, boolean>;
+            open: import("vue").Ref<boolean, boolean>;
+            activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+            register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+            unregister(id: string): void;
+        }>;
         isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+        isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
         dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
         notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
         sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -1082,6 +1116,14 @@ export declare const AppleImage: import("vue").DefineComponent<import("vue").Ext
         type: StringConstructor;
         default: string;
     };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
     galleryLayout: {
         type: PropType<"compact" | "tiled" | "tiled-wrap">;
         default: string;
@@ -1109,15 +1151,19 @@ export declare const AppleImage: import("vue").DefineComponent<import("vue").Ext
     };
 }>, {
     uid: string;
+    isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
 }, {
     open: boolean;
     previewing: boolean;
     failed: boolean;
     loaded: boolean;
     previewIndex: number;
-    mobile: boolean;
-    viewportQuery: MediaQueryList | null;
     thumbnails: import("vue").Raw<Map<number, HTMLImageElement>>;
+    autoplayTimer: ReturnType<typeof setTimeout> | null;
+    hovered: boolean;
+    focused: boolean;
+    pageHidden: boolean;
+    arrowCenter: number | null;
     galleryLoaded: Record<number, boolean>;
     galleryFailed: Record<number, boolean>;
     gallerySizes: Record<string, PhotoSize>;
@@ -1138,16 +1184,21 @@ export declare const AppleImage: import("vue").DefineComponent<import("vue").Ext
     images(): AppleViewerImage[];
     grouped(): boolean;
     layout(): "compact" | "tiled" | "tiled-wrap";
+    canAutoplay(): boolean;
 }, {
+    stopAutoplay(): void;
+    restartAutoplay(): void;
+    syncVisibility(): void;
+    measureArrows(): void;
+    stepImage(direction: number): void;
     normalizeIndex(value: number): number;
     observeGallery(): void;
     cancelGalleryScroll(): void;
     interruptGalleryScroll(): void;
     galleryWheel(event: WheelEvent): void;
-    syncViewport(): void;
     afterPreview(): void;
     origin(index: number, reveal?: boolean): HTMLImageElement | null;
-    showImage(index: number): void;
+    showImage(index: number, snap?: string): void;
     scrolled(): void;
     galleryPointerDown(event: PointerEvent): void;
     galleryPointerMove(event: PointerEvent): void;
@@ -1177,6 +1228,14 @@ export declare const AppleImage: import("vue").DefineComponent<import("vue").Ext
         type: StringConstructor;
         default: string;
     };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
     galleryLayout: {
         type: PropType<"compact" | "tiled" | "tiled-wrap">;
         default: string;
@@ -1214,6 +1273,8 @@ export declare const AppleImage: import("vue").DefineComponent<import("vue").Ext
     squared: boolean;
     preview: boolean;
     gallery: AppleImageItem | (string | AppleImageItem)[];
+    autoplay: boolean;
+    interval: number;
     galleryLayout: "compact" | "tiled" | "tiled-wrap";
     galleryShape: "square" | "natural";
     aspectRatio: string | number;
@@ -1675,7 +1736,18 @@ export declare const foundationComponents: {
                 clear(): void;
             };
             portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            speedDial: import("vue").Raw<{
+                entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+                host: import("vue").Ref<string | undefined, string | undefined>;
+                hostDepth: import("vue").Ref<number, number>;
+                mobile: import("vue").Ref<boolean, boolean>;
+                open: import("vue").Ref<boolean, boolean>;
+                activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+                register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+                unregister(id: string): void;
+            }>;
             isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+            isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
             dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
             notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
             sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -2022,7 +2094,18 @@ export declare const foundationComponents: {
                 clear(): void;
             };
             portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            speedDial: import("vue").Raw<{
+                entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+                host: import("vue").Ref<string | undefined, string | undefined>;
+                hostDepth: import("vue").Ref<number, number>;
+                mobile: import("vue").Ref<boolean, boolean>;
+                open: import("vue").Ref<boolean, boolean>;
+                activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+                register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+                unregister(id: string): void;
+            }>;
             isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+            isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
             dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
             notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
             sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -2031,6 +2114,7 @@ export declare const foundationComponents: {
             detach(): void;
             dispose(): void;
         }>>;
+        disposeScrollBars: (() => void) | null;
     }, {
         inheritedTheme(): string | undefined;
         inheritedMotion(): Motion | undefined;
@@ -2377,7 +2461,18 @@ export declare const foundationComponents: {
                 clear(): void;
             };
             portalTarget: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            speedDial: import("vue").Raw<{
+                entries: import("vue").ShallowRef<import("../core/speed-dial").SpeedDialEntry[], import("../core/speed-dial").SpeedDialEntry[]>;
+                host: import("vue").Ref<string | undefined, string | undefined>;
+                hostDepth: import("vue").Ref<number, number>;
+                mobile: import("vue").Ref<boolean, boolean>;
+                open: import("vue").Ref<boolean, boolean>;
+                activeDirectory: import("vue").Ref<string | undefined, string | undefined>;
+                register(entry: import("../core/speed-dial").SpeedDialEntry): void;
+                unregister(id: string): void;
+            }>;
             isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
+            isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
             dialog: <T = unknown>(settings: Omit<import("..").OverlayOptions, "kind">) => import("..").OverlayHandle<T>;
             notify: (message: string, settings?: Omit<import("..").OverlayOptions, "kind" | "message">) => import("..").OverlayHandle<unknown>;
             sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -2512,7 +2607,7 @@ export declare const foundationComponents: {
         }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             shadow: "none" | "static" | "normal" | "focused";
             motion: import("..").ComponentMotion;
-            zoom: "none" | "big" | "small";
+            zoom: "none" | "small" | "big";
             imageAlt: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2549,7 +2644,7 @@ export declare const foundationComponents: {
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             shadow: "none" | "static" | "normal" | "focused";
             motion: import("..").ComponentMotion;
-            zoom: "none" | "big" | "small";
+            zoom: "none" | "small" | "big";
             imageAlt: string;
         }>;
         __isFragment?: never;
@@ -2583,7 +2678,7 @@ export declare const foundationComponents: {
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         shadow: "none" | "static" | "normal" | "focused";
         motion: import("..").ComponentMotion;
-        zoom: "none" | "big" | "small";
+        zoom: "none" | "small" | "big";
         imageAlt: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -2613,6 +2708,14 @@ export declare const foundationComponents: {
             type: StringConstructor;
             default: string;
         };
+        autoplay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interval: {
+            type: NumberConstructor;
+            default: number;
+        };
         galleryLayout: {
             type: PropType<"compact" | "tiled" | "tiled-wrap">;
             default: string;
@@ -2640,15 +2743,19 @@ export declare const foundationComponents: {
         };
     }>, {
         uid: string;
+        isVerticalScreen: Readonly<import("vue").Ref<boolean, boolean>>;
     }, {
         open: boolean;
         previewing: boolean;
         failed: boolean;
         loaded: boolean;
         previewIndex: number;
-        mobile: boolean;
-        viewportQuery: MediaQueryList | null;
         thumbnails: import("vue").Raw<Map<number, HTMLImageElement>>;
+        autoplayTimer: ReturnType<typeof setTimeout> | null;
+        hovered: boolean;
+        focused: boolean;
+        pageHidden: boolean;
+        arrowCenter: number | null;
         galleryLoaded: Record<number, boolean>;
         galleryFailed: Record<number, boolean>;
         gallerySizes: Record<string, PhotoSize>;
@@ -2669,16 +2776,21 @@ export declare const foundationComponents: {
         images(): AppleViewerImage[];
         grouped(): boolean;
         layout(): "compact" | "tiled" | "tiled-wrap";
+        canAutoplay(): boolean;
     }, {
+        stopAutoplay(): void;
+        restartAutoplay(): void;
+        syncVisibility(): void;
+        measureArrows(): void;
+        stepImage(direction: number): void;
         normalizeIndex(value: number): number;
         observeGallery(): void;
         cancelGalleryScroll(): void;
         interruptGalleryScroll(): void;
         galleryWheel(event: WheelEvent): void;
-        syncViewport(): void;
         afterPreview(): void;
         origin(index: number, reveal?: boolean): HTMLImageElement | null;
-        showImage(index: number): void;
+        showImage(index: number, snap?: string): void;
         scrolled(): void;
         galleryPointerDown(event: PointerEvent): void;
         galleryPointerMove(event: PointerEvent): void;
@@ -2708,6 +2820,14 @@ export declare const foundationComponents: {
             type: StringConstructor;
             default: string;
         };
+        autoplay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interval: {
+            type: NumberConstructor;
+            default: number;
+        };
         galleryLayout: {
             type: PropType<"compact" | "tiled" | "tiled-wrap">;
             default: string;
@@ -2745,6 +2865,8 @@ export declare const foundationComponents: {
         squared: boolean;
         preview: boolean;
         gallery: AppleImageItem | (string | AppleImageItem)[];
+        autoplay: boolean;
+        interval: number;
         galleryLayout: "compact" | "tiled" | "tiled-wrap";
         galleryShape: "square" | "natural";
         aspectRatio: string | number;