apptify 0.2.0

package/dist/core/context.d.ts

@@ -0,0 +1,100 @@
+import { type Component, type InjectionKey, type PropType, type Ref } from 'vue';
+export type Motion = 'auto' | 'full' | 'reduced' | 'none';
+export type ComponentMotion = Motion | 'inherit';
+export type ThemeTokens = Record<string, string>;
+export interface AppleTheme {
+    scheme: 'light' | 'dark';
+    tokens: ThemeTokens;
+}
+export declare const builtInThemes: Record<string, AppleTheme>;
+export declare function resolveMotion(value?: ComponentMotion, global?: Motion, reduced?: boolean): Exclude<Motion, 'auto'>;
+export declare const motionProps: {
+    motion: {
+        type: PropType<ComponentMotion>;
+        default: string;
+    };
+};
+export declare function createMessageBus(): {
+    onMessage<T = unknown>(channel: string, listener: (payload: T) => unknown): () => void;
+    sendMessage<T = unknown>(channel: string, payload?: T): unknown[];
+    clear(): void;
+};
+export interface OverlayOptions {
+    kind?: 'dialog' | 'drawer' | 'sheet' | 'snackbar';
+    title?: string;
+    message?: string;
+    component?: Component;
+    props?: Record<string, unknown>;
+    onMessage?: (channel: string, payload: unknown) => unknown;
+    persistent?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    tone?: string;
+    duration?: number;
+}
+export interface OverlayEntry extends OverlayOptions {
+    id: string;
+    kind: NonNullable<OverlayOptions['kind']>;
+}
+export interface OverlayHandle<T = unknown> {
+    id: string;
+    close(value?: T): void;
+    update(patch: Partial<OverlayOptions>): void;
+    result: Promise<T | undefined>;
+}
+export declare function createOverlayService(): {
+    entries: import("vue").Reactive<OverlayEntry[]>;
+    open<T = unknown>(options: OverlayOptions): OverlayHandle<T>;
+    close: (id: string, value?: unknown) => void;
+    closeTop(value?: unknown): void;
+    clear(): void;
+};
+export interface AppleOptions {
+    theme?: string;
+    themes?: Record<string, AppleTheme>;
+    motion?: Motion;
+    persist?: boolean;
+    storageKey?: string;
+}
+export declare function createApple(options?: AppleOptions): {
+    theme: {
+        name: string;
+        themes: Record<string, AppleTheme>;
+        readonly resolved: string;
+        readonly current: {
+            scheme: "light" | "dark";
+            tokens: ThemeTokens;
+        };
+        set: (name: string) => void;
+        register: (name: string, tokens: ThemeTokens, scheme?: "light" | "dark") => void;
+    };
+    motion: {
+        mode: Motion;
+        reduced: boolean;
+        set: (mode: Motion) => void;
+    };
+    messages: {
+        onMessage<T = unknown>(channel: string, listener: (payload: T) => unknown): () => void;
+        sendMessage<T = unknown>(channel: string, payload?: T): unknown[];
+        clear(): void;
+    };
+    overlays: {
+        entries: import("vue").Reactive<OverlayEntry[]>;
+        open<T = unknown>(options: OverlayOptions): OverlayHandle<T>;
+        close: (id: string, value?: unknown) => void;
+        closeTop(value?: unknown): void;
+        clear(): void;
+    };
+    portalTarget: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    dialog: <T = unknown>(settings: Omit<OverlayOptions, "kind">) => OverlayHandle<T>;
+    notify: (message: string, settings?: Omit<OverlayOptions, "kind" | "message">) => OverlayHandle<unknown>;
+    sendMessage: <T = unknown>(channel: string, payload?: T) => unknown[];
+    onMessage: <T = unknown>(channel: string, listener: (payload: T) => unknown) => () => void;
+    attach(): void;
+    detach(): void;
+    dispose(): void;
+};
+export type AppleContext = ReturnType<typeof createApple>;
+export declare const appleKey: InjectionKey<AppleContext>;
+export declare function useApple(): AppleContext;
+export declare function themeStyle(context: AppleContext): Record<string, string>;

package/dist/core/motion.d.ts

@@ -0,0 +1,10 @@
+import { type ObjectDirective, type VNode } from 'vue';
+export declare function motionDuration(element: HTMLElement, fallback?: number): number;
+export declare const AppleRipple: ObjectDirective<HTMLElement, boolean>;
+export declare function ripple(node: VNode, enabled?: boolean): VNode;
+export declare const AppleEntrance: ObjectDirective<HTMLElement, unknown>;
+type SelectionValue = unknown | {
+    selector: string;
+};
+export declare const AppleSelection: ObjectDirective<HTMLElement, SelectionValue>;
+export {};