apptify 0.2.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +40 -239
  2. package/dist/apptify.css +1 -1
  3. package/dist/apptify.js +4153 -2177
  4. package/dist/components/button.d.ts +1 -1
  5. package/dist/components/content.d.ts +73 -362
  6. package/dist/components/date-picker.d.ts +10 -0
  7. package/dist/components/forms.d.ts +77 -18
  8. package/dist/components/foundation.d.ts +2061 -111
  9. package/dist/components/gallery-scrollbar.d.ts +46 -0
  10. package/dist/components/mobile-image-viewer.d.ts +166 -0
  11. package/dist/components/navibar.d.ts +80 -0
  12. package/dist/components/overlays.d.ts +127 -158
  13. package/dist/components/tabs.d.ts +117 -0
  14. package/dist/core/context.d.ts +573 -9
  15. package/dist/core/desktop-image-enter.d.ts +6 -0
  16. package/dist/core/desktop-image-return.d.ts +1 -0
  17. package/dist/core/device.d.ts +5 -0
  18. package/dist/core/image-gallery-motion.d.ts +2 -0
  19. package/dist/core/image-geometry.d.ts +28 -0
  20. package/dist/core/image-motion.d.ts +18 -0
  21. package/dist/core/layers.d.ts +2 -0
  22. package/dist/core/motion.d.ts +2 -0
  23. package/dist/core/popup-motion.d.ts +12 -0
  24. package/dist/core/popup-placement.d.ts +31 -0
  25. package/dist/core/preview-navigation.d.ts +5 -0
  26. package/dist/index.d.ts +1214 -339
  27. package/docs/COMPONENTS.md +18 -16
  28. package/docs/PLAYGROUND-TEMPLATE.md +51 -0
  29. package/docs/VALIDATION.md +25 -1
  30. package/package.json +35 -7
  31. package/templates/playground/README.md +21 -0
  32. package/templates/playground/gitignore +3 -0
  33. package/templates/playground/index.html +26 -0
  34. package/templates/playground/package.json +26 -0
  35. package/templates/playground/playground/App.vue +73 -0
  36. package/templates/playground/playground/ComponentDemo.vue +234 -0
  37. package/templates/playground/playground/catalog.ts +80 -0
  38. package/templates/playground/playground/components/ComponentIndex.vue +62 -0
  39. package/templates/playground/playground/components/PageFooter.vue +3 -0
  40. package/templates/playground/playground/components/UserMenu.vue +132 -0
  41. package/templates/playground/playground/components/not-found-paper-scene.vue +210 -0
  42. package/templates/playground/playground/components/not-found-paper-story.ts +149 -0
  43. package/templates/playground/playground/env.d.ts +1 -0
  44. package/templates/playground/playground/main.ts +8 -0
  45. package/templates/playground/playground/router/index.ts +24 -0
  46. package/templates/playground/playground/style.css +228 -0
  47. package/templates/playground/playground/views/[...all].vue +68 -0
  48. package/templates/playground/playground/views/components.vue +126 -0
  49. package/templates/playground/playground/views/index.vue +75 -0
  50. package/templates/playground/playground/views/settings.vue +98 -0
  51. package/templates/playground/public/images/SOURCES.md +21 -0
  52. package/templates/playground/public/images/airpods-max-orange.jpg +0 -0
  53. package/templates/playground/public/images/architecture.jpg +0 -0
  54. package/templates/playground/public/images/city.jpg +0 -0
  55. package/templates/playground/public/images/coast.jpg +0 -0
  56. package/templates/playground/public/images/desert.jpg +0 -0
  57. package/templates/playground/public/images/food.jpg +0 -0
  58. package/templates/playground/public/images/forest.jpg +0 -0
  59. package/templates/playground/public/images/lake.jpg +0 -0
  60. package/templates/playground/public/images/mountains.jpg +0 -0
  61. package/templates/playground/public/images/snow.jpg +0 -0
  62. package/templates/playground/public/images/sunset.jpg +0 -0
  63. package/templates/playground/public/images/waterfall.jpg +0 -0
  64. package/templates/playground/source-snapshot.json +111 -0
  65. package/templates/playground/tsconfig.json +24 -0
  66. package/templates/playground/vite.config.ts +9 -0
  67. package/tooling/create-playground.mjs +35 -0
  68. package/tooling/prepare-package.mjs +35 -0
  69. package/tooling/prepare-playground.mjs +103 -0
  70. package/tooling/test-create-apptify.mjs +76 -0
  71. package/tooling/test-playground-package.mjs +188 -0
  72. package/tooling/vite.d.ts +5 -0
  73. package/tooling/vite.js +10 -0
@@ -6,6 +6,11 @@ export interface AppleTheme {
6
6
  scheme: 'light' | 'dark';
7
7
  tokens: ThemeTokens;
8
8
  }
9
+ export interface AppleGlassSettings {
10
+ opacity: number;
11
+ blur: number;
12
+ }
13
+ export declare const defaultGlassSettings: Readonly<AppleGlassSettings>;
9
14
  export declare const builtInThemes: Record<string, AppleTheme>;
10
15
  export declare function resolveMotion(value?: ComponentMotion, global?: Motion, reduced?: boolean): Exclude<Motion, 'auto'>;
11
16
  export declare const motionProps: {
@@ -43,7 +48,265 @@ export interface OverlayHandle<T = unknown> {
43
48
  result: Promise<T | undefined>;
44
49
  }
45
50
  export declare function createOverlayService(): {
46
- entries: import("vue").Reactive<OverlayEntry[]>;
51
+ entries: Ref<{
52
+ id: string;
53
+ kind: NonNullable<OverlayOptions["kind"]>;
54
+ title?: string | undefined;
55
+ message?: string | undefined;
56
+ component?: import("vue").FunctionalComponent<any, {}, any, {}> | {
57
+ new (...args: any[]): any;
58
+ __isFragment?: never;
59
+ __isTeleport?: never;
60
+ __isSuspense?: never;
61
+ } | {
62
+ [x: string]: any;
63
+ setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
64
+ attrs: import("vue").Attrs;
65
+ slots: Readonly<{
66
+ [name: string]: import("vue").Slot<any> | undefined;
67
+ }>;
68
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
69
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
70
+ }) => any) | undefined;
71
+ name?: string | undefined;
72
+ template?: string | object | undefined;
73
+ render?: Function | undefined;
74
+ components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
75
+ directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
76
+ inheritAttrs?: boolean | undefined;
77
+ emits?: any;
78
+ slots?: {} | undefined;
79
+ expose?: string[] | undefined;
80
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
81
+ compilerOptions?: {
82
+ isCustomElement?: ((tag: string) => boolean) | undefined;
83
+ whitespace?: "preserve" | "condense" | undefined;
84
+ comments?: boolean | undefined;
85
+ delimiters?: [string, string] | undefined;
86
+ } | undefined;
87
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
88
+ __isFragment?: never | undefined;
89
+ __isTeleport?: never | undefined;
90
+ __isSuspense?: never | undefined;
91
+ __defaults?: {} | undefined;
92
+ compatConfig?: {
93
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
94
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
95
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
96
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
97
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
98
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
99
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
100
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
101
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
102
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
103
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
104
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
105
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
106
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
107
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
108
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
109
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
110
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
111
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
112
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
113
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
114
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
115
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
116
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
117
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
118
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
119
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
120
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
121
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
122
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
123
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
124
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
125
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
126
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
127
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
128
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
129
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
130
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
131
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
132
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
133
+ FILTERS?: boolean | "suppress-warning" | undefined;
134
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
135
+ MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
136
+ } | undefined;
137
+ data?: ((this: any, vm: any) => any) | undefined;
138
+ computed?: import("vue").ComputedOptions | undefined;
139
+ methods?: import("vue").MethodOptions | undefined;
140
+ watch?: {
141
+ [x: string]: (string | import("vue").WatchCallback | ({
142
+ handler: import("vue").WatchCallback | string;
143
+ } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
144
+ handler: import("vue").WatchCallback | string;
145
+ } & import("vue").WatchOptions<boolean>))[];
146
+ } | undefined;
147
+ provide?: import("vue").ComponentProvideOptions | undefined;
148
+ inject?: {} | string[] | undefined;
149
+ filters?: Record<string, Function> | undefined;
150
+ mixins?: any[] | undefined;
151
+ extends?: any;
152
+ beforeCreate?: (() => any) | undefined;
153
+ created?: (() => any) | undefined;
154
+ beforeMount?: (() => any) | undefined;
155
+ mounted?: (() => any) | undefined;
156
+ beforeUpdate?: (() => any) | undefined;
157
+ updated?: (() => any) | undefined;
158
+ activated?: (() => any) | undefined;
159
+ deactivated?: (() => any) | undefined;
160
+ beforeDestroy?: (() => any) | undefined;
161
+ beforeUnmount?: (() => any) | undefined;
162
+ destroyed?: (() => any) | undefined;
163
+ unmounted?: (() => any) | undefined;
164
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
165
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
166
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
167
+ delimiters?: [string, string] | undefined;
168
+ __differentiator?: string | number | symbol | undefined;
169
+ __isBuiltIn?: boolean | undefined;
170
+ __file?: string | undefined;
171
+ __name?: string | undefined;
172
+ } | undefined;
173
+ props?: Record<string, unknown> | undefined;
174
+ onMessage?: ((channel: string, payload: unknown) => unknown) | undefined;
175
+ persistent?: boolean | undefined;
176
+ confirmText?: string | undefined;
177
+ cancelText?: string | undefined;
178
+ tone?: string | undefined;
179
+ duration?: number | undefined;
180
+ }[], OverlayEntry[] | {
181
+ id: string;
182
+ kind: NonNullable<OverlayOptions["kind"]>;
183
+ title?: string | undefined;
184
+ message?: string | undefined;
185
+ component?: import("vue").FunctionalComponent<any, {}, any, {}> | {
186
+ new (...args: any[]): any;
187
+ __isFragment?: never;
188
+ __isTeleport?: never;
189
+ __isSuspense?: never;
190
+ } | {
191
+ [x: string]: any;
192
+ setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
193
+ attrs: import("vue").Attrs;
194
+ slots: Readonly<{
195
+ [name: string]: import("vue").Slot<any> | undefined;
196
+ }>;
197
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
198
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
199
+ }) => any) | undefined;
200
+ name?: string | undefined;
201
+ template?: string | object | undefined;
202
+ render?: Function | undefined;
203
+ components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
204
+ directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
205
+ inheritAttrs?: boolean | undefined;
206
+ emits?: any;
207
+ slots?: {} | undefined;
208
+ expose?: string[] | undefined;
209
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
210
+ compilerOptions?: {
211
+ isCustomElement?: ((tag: string) => boolean) | undefined;
212
+ whitespace?: "preserve" | "condense" | undefined;
213
+ comments?: boolean | undefined;
214
+ delimiters?: [string, string] | undefined;
215
+ } | undefined;
216
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
217
+ __isFragment?: never | undefined;
218
+ __isTeleport?: never | undefined;
219
+ __isSuspense?: never | undefined;
220
+ __defaults?: {} | undefined;
221
+ compatConfig?: {
222
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
223
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
224
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
225
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
226
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
227
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
228
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
229
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
230
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
231
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
232
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
233
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
234
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
235
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
236
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
237
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
238
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
239
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
240
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
241
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
242
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
243
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
244
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
245
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
246
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
247
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
248
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
249
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
250
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
251
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
252
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
253
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
254
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
255
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
256
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
257
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
258
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
259
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
260
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
261
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
262
+ FILTERS?: boolean | "suppress-warning" | undefined;
263
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
264
+ MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
265
+ } | undefined;
266
+ data?: ((this: any, vm: any) => any) | undefined;
267
+ computed?: import("vue").ComputedOptions | undefined;
268
+ methods?: import("vue").MethodOptions | undefined;
269
+ watch?: {
270
+ [x: string]: (string | import("vue").WatchCallback | ({
271
+ handler: import("vue").WatchCallback | string;
272
+ } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
273
+ handler: import("vue").WatchCallback | string;
274
+ } & import("vue").WatchOptions<boolean>))[];
275
+ } | undefined;
276
+ provide?: import("vue").ComponentProvideOptions | undefined;
277
+ inject?: {} | string[] | undefined;
278
+ filters?: Record<string, Function> | undefined;
279
+ mixins?: any[] | undefined;
280
+ extends?: any;
281
+ beforeCreate?: (() => any) | undefined;
282
+ created?: (() => any) | undefined;
283
+ beforeMount?: (() => any) | undefined;
284
+ mounted?: (() => any) | undefined;
285
+ beforeUpdate?: (() => any) | undefined;
286
+ updated?: (() => any) | undefined;
287
+ activated?: (() => any) | undefined;
288
+ deactivated?: (() => any) | undefined;
289
+ beforeDestroy?: (() => any) | undefined;
290
+ beforeUnmount?: (() => any) | undefined;
291
+ destroyed?: (() => any) | undefined;
292
+ unmounted?: (() => any) | undefined;
293
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
294
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
295
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
296
+ delimiters?: [string, string] | undefined;
297
+ __differentiator?: string | number | symbol | undefined;
298
+ __isBuiltIn?: boolean | undefined;
299
+ __file?: string | undefined;
300
+ __name?: string | undefined;
301
+ } | undefined;
302
+ props?: Record<string, unknown> | undefined;
303
+ onMessage?: ((channel: string, payload: unknown) => unknown) | undefined;
304
+ persistent?: boolean | undefined;
305
+ confirmText?: string | undefined;
306
+ cancelText?: string | undefined;
307
+ tone?: string | undefined;
308
+ duration?: number | undefined;
309
+ }[]>;
47
310
  open<T = unknown>(options: OverlayOptions): OverlayHandle<T>;
48
311
  close: (id: string, value?: unknown) => void;
49
312
  closeTop(value?: unknown): void;
@@ -53,13 +316,14 @@ export interface AppleOptions {
53
316
  theme?: string;
54
317
  themes?: Record<string, AppleTheme>;
55
318
  motion?: Motion;
319
+ glass?: Partial<AppleGlassSettings>;
56
320
  persist?: boolean;
57
321
  storageKey?: string;
58
322
  }
59
- export declare function createApple(options?: AppleOptions): {
60
- theme: {
323
+ export declare function createApple(options?: AppleOptions): import("vue").Raw<{
324
+ theme: Ref<{
61
325
  name: string;
62
- themes: Record<string, AppleTheme>;
326
+ readonly themes: Record<string, AppleTheme>;
63
327
  readonly resolved: string;
64
328
  readonly current: {
65
329
  scheme: "light" | "dark";
@@ -67,25 +331,325 @@ export declare function createApple(options?: AppleOptions): {
67
331
  };
68
332
  set: (name: string) => void;
69
333
  register: (name: string, tokens: ThemeTokens, scheme?: "light" | "dark") => void;
70
- };
71
- motion: {
334
+ }, {
335
+ name: string;
336
+ readonly themes: Record<string, AppleTheme>;
337
+ readonly resolved: string;
338
+ readonly current: AppleTheme;
339
+ set(name: string): void;
340
+ register(name: string, tokens: ThemeTokens, scheme?: "light" | "dark"): void;
341
+ } | {
342
+ name: string;
343
+ readonly themes: Record<string, AppleTheme>;
344
+ readonly resolved: string;
345
+ readonly current: {
346
+ scheme: "light" | "dark";
347
+ tokens: ThemeTokens;
348
+ };
349
+ set: (name: string) => void;
350
+ register: (name: string, tokens: ThemeTokens, scheme?: "light" | "dark") => void;
351
+ }>;
352
+ motion: Ref<{
72
353
  mode: Motion;
73
354
  reduced: boolean;
74
355
  set: (mode: Motion) => void;
75
- };
356
+ }, {
357
+ mode: Motion;
358
+ reduced: boolean;
359
+ set(mode: Motion): void;
360
+ } | {
361
+ mode: Motion;
362
+ reduced: boolean;
363
+ set: (mode: Motion) => void;
364
+ }>;
365
+ glass: Ref<{
366
+ set: (value: Partial<AppleGlassSettings>) => void;
367
+ reset: () => void;
368
+ opacity: number;
369
+ blur: number;
370
+ }, {
371
+ set(value: Partial<AppleGlassSettings>): void;
372
+ reset(): void;
373
+ opacity: number;
374
+ blur: number;
375
+ } | {
376
+ set: (value: Partial<AppleGlassSettings>) => void;
377
+ reset: () => void;
378
+ opacity: number;
379
+ blur: number;
380
+ }>;
76
381
  messages: {
77
382
  onMessage<T = unknown>(channel: string, listener: (payload: T) => unknown): () => void;
78
383
  sendMessage<T = unknown>(channel: string, payload?: T): unknown[];
79
384
  clear(): void;
80
385
  };
81
386
  overlays: {
82
- entries: import("vue").Reactive<OverlayEntry[]>;
387
+ entries: Ref<{
388
+ id: string;
389
+ kind: NonNullable<OverlayOptions["kind"]>;
390
+ title?: string | undefined;
391
+ message?: string | undefined;
392
+ component?: import("vue").FunctionalComponent<any, {}, any, {}> | {
393
+ new (...args: any[]): any;
394
+ __isFragment?: never;
395
+ __isTeleport?: never;
396
+ __isSuspense?: never;
397
+ } | {
398
+ [x: string]: any;
399
+ setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
400
+ attrs: import("vue").Attrs;
401
+ slots: Readonly<{
402
+ [name: string]: import("vue").Slot<any> | undefined;
403
+ }>;
404
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
405
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
406
+ }) => any) | undefined;
407
+ name?: string | undefined;
408
+ template?: string | object | undefined;
409
+ render?: Function | undefined;
410
+ components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
411
+ directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
412
+ inheritAttrs?: boolean | undefined;
413
+ emits?: any;
414
+ slots?: {} | undefined;
415
+ expose?: string[] | undefined;
416
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
417
+ compilerOptions?: {
418
+ isCustomElement?: ((tag: string) => boolean) | undefined;
419
+ whitespace?: "preserve" | "condense" | undefined;
420
+ comments?: boolean | undefined;
421
+ delimiters?: [string, string] | undefined;
422
+ } | undefined;
423
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
424
+ __isFragment?: never | undefined;
425
+ __isTeleport?: never | undefined;
426
+ __isSuspense?: never | undefined;
427
+ __defaults?: {} | undefined;
428
+ compatConfig?: {
429
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
430
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
431
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
432
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
433
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
434
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
435
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
436
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
437
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
438
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
439
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
440
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
441
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
442
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
443
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
444
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
445
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
446
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
447
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
448
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
449
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
450
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
451
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
452
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
453
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
454
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
455
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
456
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
457
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
458
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
459
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
460
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
461
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
462
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
463
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
464
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
465
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
466
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
467
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
468
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
469
+ FILTERS?: boolean | "suppress-warning" | undefined;
470
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
471
+ MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
472
+ } | undefined;
473
+ data?: ((this: any, vm: any) => any) | undefined;
474
+ computed?: import("vue").ComputedOptions | undefined;
475
+ methods?: import("vue").MethodOptions | undefined;
476
+ watch?: {
477
+ [x: string]: (string | import("vue").WatchCallback | ({
478
+ handler: import("vue").WatchCallback | string;
479
+ } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
480
+ handler: import("vue").WatchCallback | string;
481
+ } & import("vue").WatchOptions<boolean>))[];
482
+ } | undefined;
483
+ provide?: import("vue").ComponentProvideOptions | undefined;
484
+ inject?: {} | string[] | undefined;
485
+ filters?: Record<string, Function> | undefined;
486
+ mixins?: any[] | undefined;
487
+ extends?: any;
488
+ beforeCreate?: (() => any) | undefined;
489
+ created?: (() => any) | undefined;
490
+ beforeMount?: (() => any) | undefined;
491
+ mounted?: (() => any) | undefined;
492
+ beforeUpdate?: (() => any) | undefined;
493
+ updated?: (() => any) | undefined;
494
+ activated?: (() => any) | undefined;
495
+ deactivated?: (() => any) | undefined;
496
+ beforeDestroy?: (() => any) | undefined;
497
+ beforeUnmount?: (() => any) | undefined;
498
+ destroyed?: (() => any) | undefined;
499
+ unmounted?: (() => any) | undefined;
500
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
501
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
502
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
503
+ delimiters?: [string, string] | undefined;
504
+ __differentiator?: string | number | symbol | undefined;
505
+ __isBuiltIn?: boolean | undefined;
506
+ __file?: string | undefined;
507
+ __name?: string | undefined;
508
+ } | undefined;
509
+ props?: Record<string, unknown> | undefined;
510
+ onMessage?: ((channel: string, payload: unknown) => unknown) | undefined;
511
+ persistent?: boolean | undefined;
512
+ confirmText?: string | undefined;
513
+ cancelText?: string | undefined;
514
+ tone?: string | undefined;
515
+ duration?: number | undefined;
516
+ }[], OverlayEntry[] | {
517
+ id: string;
518
+ kind: NonNullable<OverlayOptions["kind"]>;
519
+ title?: string | undefined;
520
+ message?: string | undefined;
521
+ component?: import("vue").FunctionalComponent<any, {}, any, {}> | {
522
+ new (...args: any[]): any;
523
+ __isFragment?: never;
524
+ __isTeleport?: never;
525
+ __isSuspense?: never;
526
+ } | {
527
+ [x: string]: any;
528
+ setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
529
+ attrs: import("vue").Attrs;
530
+ slots: Readonly<{
531
+ [name: string]: import("vue").Slot<any> | undefined;
532
+ }>;
533
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
534
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
535
+ }) => any) | undefined;
536
+ name?: string | undefined;
537
+ template?: string | object | undefined;
538
+ render?: Function | undefined;
539
+ components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
540
+ directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
541
+ inheritAttrs?: boolean | undefined;
542
+ emits?: any;
543
+ slots?: {} | undefined;
544
+ expose?: string[] | undefined;
545
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
546
+ compilerOptions?: {
547
+ isCustomElement?: ((tag: string) => boolean) | undefined;
548
+ whitespace?: "preserve" | "condense" | undefined;
549
+ comments?: boolean | undefined;
550
+ delimiters?: [string, string] | undefined;
551
+ } | undefined;
552
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
553
+ __isFragment?: never | undefined;
554
+ __isTeleport?: never | undefined;
555
+ __isSuspense?: never | undefined;
556
+ __defaults?: {} | undefined;
557
+ compatConfig?: {
558
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
559
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
560
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
561
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
562
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
563
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
564
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
565
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
566
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
567
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
568
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
569
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
570
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
571
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
572
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
573
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
574
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
575
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
576
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
577
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
578
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
579
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
580
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
581
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
582
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
583
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
584
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
585
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
586
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
587
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
588
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
589
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
590
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
591
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
592
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
593
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
594
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
595
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
596
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
597
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
598
+ FILTERS?: boolean | "suppress-warning" | undefined;
599
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
600
+ MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
601
+ } | undefined;
602
+ data?: ((this: any, vm: any) => any) | undefined;
603
+ computed?: import("vue").ComputedOptions | undefined;
604
+ methods?: import("vue").MethodOptions | undefined;
605
+ watch?: {
606
+ [x: string]: (string | import("vue").WatchCallback | ({
607
+ handler: import("vue").WatchCallback | string;
608
+ } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
609
+ handler: import("vue").WatchCallback | string;
610
+ } & import("vue").WatchOptions<boolean>))[];
611
+ } | undefined;
612
+ provide?: import("vue").ComponentProvideOptions | undefined;
613
+ inject?: {} | string[] | undefined;
614
+ filters?: Record<string, Function> | undefined;
615
+ mixins?: any[] | undefined;
616
+ extends?: any;
617
+ beforeCreate?: (() => any) | undefined;
618
+ created?: (() => any) | undefined;
619
+ beforeMount?: (() => any) | undefined;
620
+ mounted?: (() => any) | undefined;
621
+ beforeUpdate?: (() => any) | undefined;
622
+ updated?: (() => any) | undefined;
623
+ activated?: (() => any) | undefined;
624
+ deactivated?: (() => any) | undefined;
625
+ beforeDestroy?: (() => any) | undefined;
626
+ beforeUnmount?: (() => any) | undefined;
627
+ destroyed?: (() => any) | undefined;
628
+ unmounted?: (() => any) | undefined;
629
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
630
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
631
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
632
+ delimiters?: [string, string] | undefined;
633
+ __differentiator?: string | number | symbol | undefined;
634
+ __isBuiltIn?: boolean | undefined;
635
+ __file?: string | undefined;
636
+ __name?: string | undefined;
637
+ } | undefined;
638
+ props?: Record<string, unknown> | undefined;
639
+ onMessage?: ((channel: string, payload: unknown) => unknown) | undefined;
640
+ persistent?: boolean | undefined;
641
+ confirmText?: string | undefined;
642
+ cancelText?: string | undefined;
643
+ tone?: string | undefined;
644
+ duration?: number | undefined;
645
+ }[]>;
83
646
  open<T = unknown>(options: OverlayOptions): OverlayHandle<T>;
84
647
  close: (id: string, value?: unknown) => void;
85
648
  closeTop(value?: unknown): void;
86
649
  clear(): void;
87
650
  };
88
651
  portalTarget: Ref<HTMLElement | undefined, HTMLElement | undefined>;
652
+ isTouchDevice: Readonly<Ref<boolean, boolean>>;
89
653
  dialog: <T = unknown>(settings: Omit<OverlayOptions, "kind">) => OverlayHandle<T>;
90
654
  notify: (message: string, settings?: Omit<OverlayOptions, "kind" | "message">) => OverlayHandle<unknown>;
91
655
  sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
@@ -93,7 +657,7 @@ export declare function createApple(options?: AppleOptions): {
93
657
  attach(): void;
94
658
  detach(): void;
95
659
  dispose(): void;
96
- };
660
+ }>;
97
661
  export type AppleContext = ReturnType<typeof createApple>;
98
662
  export declare const appleKey: InjectionKey<AppleContext>;
99
663
  export declare function useApple(): AppleContext;
@@ -0,0 +1,6 @@
1
+ import { type PhotoGeometry } from './image-geometry';
2
+ export declare const interruptedPhotoEnter: WeakMap<HTMLElement, {
3
+ geometry: PhotoGeometry;
4
+ background: string;
5
+ }>;
6
+ export declare function enterDesktopPhoto(panel: HTMLElement, thumbnail: HTMLImageElement | null, motion: string, signal: AbortSignal): Promise<void>;
@@ -0,0 +1 @@
1
+ export declare function returnDesktopPhoto(panel: HTMLElement, thumbnail: HTMLImageElement | null, motion: string, signal: AbortSignal): Promise<void>;
@@ -0,0 +1,5 @@
1
+ export declare const touchDeviceQuery = "(any-pointer: coarse)";
2
+ export declare const detectTouchDevice: () => boolean;
3
+ /** Shared across apps, components and teleported overlays. */
4
+ export declare const isTouchDevice: Readonly<import("vue").Ref<boolean, boolean>>;
5
+ export declare function syncTouchDevice(): void;
@@ -0,0 +1,2 @@
1
+ export declare function stopGalleryScroll(box: HTMLElement): void;
2
+ export declare function scrollGallery(box: HTMLElement, left: number, animated: boolean, complete: () => void, adjacent?: boolean): void;