apptify 0.2.0 → 0.5.0

package/dist/components/overlays.d.ts

@@ -1,3 +1,4 @@
+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';
@@ -51,7 +52,7 @@ export declare const AppleDialog: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -78,7 +79,7 @@ export declare const AppleDialog: import("vue").DefineComponent<import("vue").Ex
     dismiss(reason?: CloseReason, value?: unknown): void;
     confirm(): void;
     cancel(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,7 +119,7 @@ export declare const AppleDialog: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -136,26 +137,26 @@ export declare const AppleDialog: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     message: string;
+    title: string;
     persistent: boolean;
     confirmText: string;
     cancelText: string;
     tone: string;
+    width: string | number;
+    placement: "bottom" | "left" | "right";
     loading: boolean;
     motion: Motion;
-    width: string | number;
     modelValue: boolean;
     ariaLabel: string;
     closeOnConfirm: boolean;
     showFooter: boolean;
     closable: boolean;
-    placement: "left" | "right" | "bottom";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleDrawer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -197,7 +198,7 @@ export declare const AppleDrawer: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -224,7 +225,7 @@ export declare const AppleDrawer: import("vue").DefineComponent<import("vue").Ex
     dismiss(reason?: CloseReason, value?: unknown): void;
     confirm(): void;
     cancel(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -264,7 +265,7 @@ export declare const AppleDrawer: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -282,26 +283,26 @@ export declare const AppleDrawer: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     message: string;
+    title: string;
     persistent: boolean;
     confirmText: string;
     cancelText: string;
     tone: string;
+    width: string | number;
+    placement: "bottom" | "left" | "right";
     loading: boolean;
     motion: Motion;
-    width: string | number;
     modelValue: boolean;
     ariaLabel: string;
     closeOnConfirm: boolean;
     showFooter: boolean;
     closable: boolean;
-    placement: "left" | "right" | "bottom";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleSheet: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -343,7 +344,7 @@ export declare const AppleSheet: import("vue").DefineComponent<import("vue").Ext
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -370,7 +371,7 @@ export declare const AppleSheet: import("vue").DefineComponent<import("vue").Ext
     dismiss(reason?: CloseReason, value?: unknown): void;
     confirm(): void;
     cancel(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -410,7 +411,7 @@ export declare const AppleSheet: import("vue").DefineComponent<import("vue").Ext
         default: boolean;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     placement: {
@@ -428,26 +429,26 @@ export declare const AppleSheet: import("vue").DefineComponent<import("vue").Ext
 }>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     message: string;
+    title: string;
     persistent: boolean;
     confirmText: string;
     cancelText: string;
     tone: string;
+    width: string | number;
+    placement: "bottom" | "left" | "right";
     loading: boolean;
     motion: Motion;
-    width: string | number;
     modelValue: boolean;
     ariaLabel: string;
     closeOnConfirm: boolean;
     showFooter: boolean;
     closable: boolean;
-    placement: "left" | "right" | "bottom";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleSnackbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -482,7 +483,9 @@ 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;
@@ -533,9 +536,9 @@ export declare const AppleSnackbar: import("vue").DefineComponent<import("vue").
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     message: string;
-    tone: "danger" | "success" | "warning" | "error" | "default" | "info";
+    title: string;
+    tone: "error" | "danger" | "success" | "warning" | "default" | "info";
     duration: number;
     motion: Motion;
     modelValue: boolean;
@@ -575,7 +578,7 @@ export declare const ApplePopover: import("vue").DefineComponent<import("vue").E
         default: string;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     openOnHover: BooleanConstructor;
@@ -593,23 +596,25 @@ export declare const ApplePopover: import("vue").DefineComponent<import("vue").E
     };
 }>, {}, {
     internalOpen: boolean;
-    left: number;
-    top: number;
     depth: number;
     isTop: boolean;
     disposeLayer: (() => void) | null;
     disposePosition: (() => void) | null;
     hoverTimer: ReturnType<typeof setTimeout> | null;
     positioned: boolean;
+    positioner: PopupPositioner | null;
+    positionPanel: HTMLElement | null;
+    interruptedPopup: number | undefined;
 }, {
     opened(): boolean;
 }, {
     setOpen(open: boolean): void;
     hover(open: boolean): void;
+    preparePosition(panel: HTMLElement): void;
     position(): void;
     syncLayer(): Promise<void>;
     afterClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "open" | "after-close")[], "close" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "update:modelValue" | "after-close")[], "close" | "open" | "update:modelValue" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: undefined;
@@ -632,7 +637,7 @@ export declare const ApplePopover: import("vue").DefineComponent<import("vue").E
         default: string;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     openOnHover: BooleanConstructor;
@@ -651,18 +656,18 @@ export declare const ApplePopover: import("vue").DefineComponent<import("vue").E
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     "onAfter-close"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
+    width: string | number;
+    placement: "top" | "bottom" | "left" | "right";
     label: string;
     disabled: boolean;
     motion: Motion;
-    width: string | number;
     role: string;
     modelValue: boolean;
-    placement: "left" | "right" | "bottom" | "top";
     openOnHover: boolean;
-    align: "center" | "end" | "start";
+    align: "start" | "center" | "end";
     trapFocus: boolean;
     panelClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -695,9 +700,9 @@ export declare const AppleTooltip: import("vue").DefineComponent<import("vue").E
         default: Motion;
     };
 }>> & Readonly<{}>, {
+    placement: "top" | "bottom" | "left" | "right";
     disabled: boolean;
     motion: Motion;
-    placement: "left" | "right" | "bottom" | "top";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const AppleMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -713,7 +718,7 @@ export declare const AppleMenu: import("vue").DefineComponent<import("vue").Extr
         default: () => never[];
     };
     selected: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     disabled: BooleanConstructor;
@@ -741,7 +746,7 @@ export declare const AppleMenu: import("vue").DefineComponent<import("vue").Extr
         default: () => never[];
     };
     selected: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     disabled: BooleanConstructor;
@@ -782,7 +787,10 @@ export declare const AppleActionSheet: import("vue").DefineComponent<import("vue
         type: PropType<Motion>;
         default: Motion;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "update:modelValue")[], "close" | "select" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {
+    select(item: AppleMenuItem): void;
+    close(value?: unknown): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "update:modelValue")[], "close" | "select" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
     title: {
         type: StringConstructor;
@@ -809,8 +817,8 @@ export declare const AppleActionSheet: import("vue").DefineComponent<import("vue
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     message: string;
+    title: string;
     cancelText: string;
     motion: Motion;
     modelValue: boolean;
@@ -820,8 +828,10 @@ export interface AppleViewerImage {
     src: string;
     alt?: string;
     title?: string;
+    width?: number;
+    height?: number;
 }
-export declare const AppleImageViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const InternalImageViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
     images: {
         type: PropType<Array<string | AppleViewerImage>>;
@@ -836,6 +846,7 @@ export declare const AppleImageViewer: import("vue").DefineComponent<import("vue
         type: PropType<Motion>;
         default: Motion;
     };
+    origin: PropType<(index: number, reveal?: boolean) => HTMLImageElement | null>;
 }>, {}, {
     disposeLayer: (() => void) | null;
     depth: number;
@@ -845,24 +856,44 @@ export declare const AppleImageViewer: import("vue").DefineComponent<import("vue
     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(): 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): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "after-close" | "update:index")[], "change" | "close" | "error" | "update:modelValue" | "after-close" | "update:index", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    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<{
     modelValue: BooleanConstructor;
     images: {
         type: PropType<Array<string | AppleViewerImage>>;
@@ -877,19 +908,20 @@ export declare const AppleImageViewer: import("vue").DefineComponent<import("vue
         type: PropType<Motion>;
         default: Motion;
     };
+    origin: PropType<(index: number, reveal?: boolean) => HTMLImageElement | null>;
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onAfter-close"?: ((...args: any[]) => any) | undefined;
     "onUpdate:index"?: ((...args: any[]) => any) | undefined;
+    "onAfter-close"?: ((...args: any[]) => any) | undefined;
 }>, {
     motion: Motion;
     modelValue: boolean;
     loop: boolean;
-    images: (string | AppleViewerImage)[];
     index: number;
+    images: (string | AppleViewerImage)[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const overlayComponents: {
     AppleDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -932,7 +964,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -959,7 +991,7 @@ export declare const overlayComponents: {
         dismiss(reason?: CloseReason, value?: unknown): void;
         confirm(): void;
         cancel(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
             default: boolean;
@@ -999,7 +1031,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -1017,26 +1049,26 @@ export declare const overlayComponents: {
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-        onConfirm?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         message: string;
+        title: string;
         persistent: boolean;
         confirmText: string;
         cancelText: string;
         tone: string;
+        width: string | number;
+        placement: "bottom" | "left" | "right";
         loading: boolean;
         motion: Motion;
-        width: string | number;
         modelValue: boolean;
         ariaLabel: string;
         closeOnConfirm: boolean;
         showFooter: boolean;
         closable: boolean;
-        placement: "left" | "right" | "bottom";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleDrawer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -1078,7 +1110,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -1105,7 +1137,7 @@ export declare const overlayComponents: {
         dismiss(reason?: CloseReason, value?: unknown): void;
         confirm(): void;
         cancel(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
             default: boolean;
@@ -1145,7 +1177,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -1163,26 +1195,26 @@ export declare const overlayComponents: {
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-        onConfirm?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         message: string;
+        title: string;
         persistent: boolean;
         confirmText: string;
         cancelText: string;
         tone: string;
+        width: string | number;
+        placement: "bottom" | "left" | "right";
         loading: boolean;
         motion: Motion;
-        width: string | number;
         modelValue: boolean;
         ariaLabel: string;
         closeOnConfirm: boolean;
         showFooter: boolean;
         closable: boolean;
-        placement: "left" | "right" | "bottom";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleSheet: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -1224,7 +1256,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -1251,7 +1283,7 @@ export declare const overlayComponents: {
         dismiss(reason?: CloseReason, value?: unknown): void;
         confirm(): void;
         cancel(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close")[], "cancel" | "close" | "confirm" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm")[], "cancel" | "close" | "open" | "update:modelValue" | "after-close" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
             default: boolean;
@@ -1291,7 +1323,7 @@ export declare const overlayComponents: {
             default: boolean;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         placement: {
@@ -1309,26 +1341,26 @@ export declare const overlayComponents: {
     }>> & Readonly<{
         onCancel?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
-        onConfirm?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onConfirm?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         message: string;
+        title: string;
         persistent: boolean;
         confirmText: string;
         cancelText: string;
         tone: string;
+        width: string | number;
+        placement: "bottom" | "left" | "right";
         loading: boolean;
         motion: Motion;
-        width: string | number;
         modelValue: boolean;
         ariaLabel: string;
         closeOnConfirm: boolean;
         showFooter: boolean;
         closable: boolean;
-        placement: "left" | "right" | "bottom";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleSnackbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -1363,7 +1395,9 @@ 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;
@@ -1414,9 +1448,9 @@ export declare const overlayComponents: {
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
         onAction?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         message: string;
-        tone: "danger" | "success" | "warning" | "error" | "default" | "info";
+        title: string;
+        tone: "error" | "danger" | "success" | "warning" | "default" | "info";
         duration: number;
         motion: Motion;
         modelValue: boolean;
@@ -1456,7 +1490,7 @@ export declare const overlayComponents: {
             default: string;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         openOnHover: BooleanConstructor;
@@ -1474,23 +1508,25 @@ export declare const overlayComponents: {
         };
     }>, {}, {
         internalOpen: boolean;
-        left: number;
-        top: number;
         depth: number;
         isTop: boolean;
         disposeLayer: (() => void) | null;
         disposePosition: (() => void) | null;
         hoverTimer: ReturnType<typeof setTimeout> | null;
         positioned: boolean;
+        positioner: PopupPositioner | null;
+        positionPanel: HTMLElement | null;
+        interruptedPopup: number | undefined;
     }, {
         opened(): boolean;
     }, {
         setOpen(open: boolean): void;
         hover(open: boolean): void;
+        preparePosition(panel: HTMLElement): void;
         position(): void;
         syncLayer(): Promise<void>;
         afterClose(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "open" | "after-close")[], "close" | "update:modelValue" | "open" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "update:modelValue" | "after-close")[], "close" | "open" | "update:modelValue" | "after-close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: BooleanConstructor;
             default: undefined;
@@ -1513,7 +1549,7 @@ export declare const overlayComponents: {
             default: string;
         };
         width: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
         openOnHover: BooleanConstructor;
@@ -1532,18 +1568,18 @@ export declare const overlayComponents: {
     }>> & Readonly<{
         onClose?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onOpen?: ((...args: any[]) => any) | undefined;
         "onAfter-close"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
     }>, {
+        width: string | number;
+        placement: "top" | "bottom" | "left" | "right";
         label: string;
         disabled: boolean;
         motion: Motion;
-        width: string | number;
         role: string;
         modelValue: boolean;
-        placement: "left" | "right" | "bottom" | "top";
         openOnHover: boolean;
-        align: "center" | "end" | "start";
+        align: "start" | "center" | "end";
         trapFocus: boolean;
         panelClass: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1576,9 +1612,9 @@ export declare const overlayComponents: {
             default: Motion;
         };
     }>> & Readonly<{}>, {
+        placement: "top" | "bottom" | "left" | "right";
         disabled: boolean;
         motion: Motion;
-        placement: "left" | "right" | "bottom" | "top";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     AppleMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
@@ -1594,7 +1630,7 @@ export declare const overlayComponents: {
             default: () => never[];
         };
         selected: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
         disabled: BooleanConstructor;
@@ -1622,7 +1658,7 @@ export declare const overlayComponents: {
             default: () => never[];
         };
         selected: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
         disabled: BooleanConstructor;
@@ -1663,7 +1699,10 @@ export declare const overlayComponents: {
             type: PropType<Motion>;
             default: Motion;
         };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "update:modelValue")[], "close" | "select" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {
+        select(item: AppleMenuItem): void;
+        close(value?: unknown): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "update:modelValue")[], "close" | "select" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: BooleanConstructor;
         title: {
             type: StringConstructor;
@@ -1690,82 +1729,12 @@ export declare const overlayComponents: {
         onSelect?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         message: string;
+        title: string;
         cancelText: string;
         motion: Motion;
         modelValue: boolean;
         items: AppleMenuItem[];
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    AppleImageViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        modelValue: BooleanConstructor;
-        images: {
-            type: PropType<Array<string | AppleViewerImage>>;
-            default: () => never[];
-        };
-        index: {
-            type: NumberConstructor;
-            default: number;
-        };
-        loop: BooleanConstructor;
-        motion: {
-            type: PropType<Motion>;
-            default: Motion;
-        };
-    }>, {}, {
-        disposeLayer: (() => void) | null;
-        depth: number;
-        isTop: boolean;
-        current: number;
-        panzoom: PanzoomObject | null;
-        loaded: boolean;
-        failed: boolean;
-        rotation: number;
-        pointerStart: {
-            x: number;
-            y: number;
-        } | null;
-    }, {
-        safeIndex(): number;
-        currentImage(): AppleViewerImage | undefined;
-    }, {
-        resetImage(): void;
-        imageLoaded(): void;
-        stepZoom(direction: number): void;
-        navigate(direction: number): void;
-        syncLayer(): Promise<void>;
-        afterClose(): void;
-        close(): void;
-        zoom(event: WheelEvent): void;
-        change(_previous: number, index: number): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "error" | "update:modelValue" | "after-close" | "update:index")[], "change" | "close" | "error" | "update:modelValue" | "after-close" | "update:index", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: BooleanConstructor;
-        images: {
-            type: PropType<Array<string | AppleViewerImage>>;
-            default: () => never[];
-        };
-        index: {
-            type: NumberConstructor;
-            default: number;
-        };
-        loop: BooleanConstructor;
-        motion: {
-            type: PropType<Motion>;
-            default: Motion;
-        };
-    }>> & Readonly<{
-        onChange?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onAfter-close"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:index"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        motion: Motion;
-        modelValue: boolean;
-        loop: boolean;
-        images: (string | AppleViewerImage)[];
-        index: number;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 export {};