@nullpixel/ui/dist/runtime/composables/useOverlay.d.ts

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.

import type { Component } from 'vue';
import type { ComponentProps } from 'vue-component-type-helpers';
export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
    defaultOpen?: boolean;
    props?: OverlayAttrs;
    destroyOnClose?: boolean;
};
type ManagedOverlayOptionsPrivate<T extends Component> = {
    component?: T;
    id: symbol;
    isMounted: boolean;
    modelValue: boolean;
    resolvePromise?: (value: unknown) => void;
};
export type Overlay = OverlayOptions<Component> & ManagedOverlayOptionsPrivate<Component>;
interface OverlayInstance<T> {
    open: (props?: ComponentProps<T>) => Promise<any>;
    close: (value?: any) => void;
    patch: (props: Partial<ComponentProps<T>>) => void;
}
declare function _useOverlay(): {
    overlays: import("vue").ShallowReactive<Overlay[]>;
    open: <T extends Component>(id: symbol, props?: ComponentProps<T>) => Promise<any>;
    close: (id: symbol, value?: any) => void;
    create: <T extends Component>(component: T, _options?: OverlayOptions<ComponentProps<T>>) => OverlayInstance<T>;
    patch: <T extends Component>(id: symbol, props: Partial<ComponentProps<T>>) => void;
    unMount: (id: symbol) => void;
};
export declare const useOverlay: typeof _useOverlay;
export {};