@evance/evance-ui 1.0.7 → 1.0.8

package/dist/types/EvOverlay.d.ts

@@ -0,0 +1,1027 @@
+import { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { EffectScope } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { Ref } from 'vue';
+import { StyleValue } from 'vue';
+import { TransitionProps } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare class Activator {
+    props: ActivatorProps;
+    isActive: Ref<boolean>;
+    isTopOfStack: Ref<boolean>;
+    readonly activatorEl: Ref<HTMLElement>;
+    readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;
+    readonly activatorRef: Ref<any>;
+    readonly availableEvents: ActivatorEvents;
+    readonly component: ComponentInternalInstance;
+    readonly contentEvents: ComputedRef<Partial<ContentEvents>>;
+    readonly delayClose: () => Promise<boolean>;
+    readonly delayOpen: () => Promise<boolean>;
+    readonly openOnClick: ComputedRef<boolean>;
+    readonly openOnFocus: ComputedRef<boolean>;
+    readonly veilEvents: ComputedRef<Partial<VeilEvents>>;
+    isHovered: boolean;
+    isFocused: boolean;
+    firstEnter: boolean;
+    private watcher?;
+    private scope?;
+    constructor(props: ActivatorProps, isActive: Ref<boolean>, isTopOfStack: Ref<boolean>);
+    /**
+     * ## Create Activator Events
+     * Returns a computed set of partially available events.
+     * @private
+     */
+    private createActivatorEvents;
+    /**
+     * ## Create Content Events
+     * @private
+     */
+    private createContentEvents;
+    /**
+     * ## Create Delay Functions
+     * @private
+     */
+    private createDelayFunctions;
+    /**
+     * ## Create Veil Events
+     * @private
+     */
+    private createVeilEvents;
+    /**
+     *
+     * @param selector
+     * @private
+     */
+    getActivatorEl(selector?: ActivatorSelector | undefined): HTMLElement;
+    /**
+     * ## Get Available Events
+     */
+    getAvailableEvents(): ActivatorEvents;
+    /**
+     * ## Is Close on Content Click?
+     * Should we close overlays when the content of the overlay is clicked.
+     * For example, when a menu item is clicked.
+     */
+    isCloseOnContentClick(): boolean;
+    /**
+     * ## Is Open On Click?
+     */
+    isOpenOnClick(): boolean;
+    /**
+     * ## Is Open on Hover?
+     */
+    isOpenOnHover(): boolean;
+    /**
+     * ## Is Open on Focus?
+     */
+    isOpenOnFocus(): boolean;
+    /**
+     * ## On Blur
+     * @param e
+     */
+    onBlur(e: FocusEvent): void;
+    /**
+     * ## On Click
+     * @param e
+     */
+    onClick(e: MouseEvent): void;
+    /**
+     * ## On Focus
+     * @param e
+     */
+    onFocus(e: FocusEvent): void;
+    /**
+     * ## On Mouse Enter (Hover)
+     * @param e
+     */
+    onMouseenter(e: UIMouseEvent): void;
+    /**
+     * ## On Mouse Leave
+     * @param e
+     */
+    onMouseleave(e: MouseEvent): void;
+    /**
+     * ## Set Activator Element
+     * @param activator
+     */
+    setActivatorEl(activator?: HTMLElement): HTMLElement;
+    /**
+     * ## Watch Activator Prop
+     * @private
+     */
+    private watchActivatorProp;
+    /**
+     * ## Watch for changes in `activatorEl`
+     * @private
+     */
+    private watchActivatorEl;
+    /**
+     * ## Watch for changes in `isTopOfStack`.
+     * @private
+     */
+    private watchIsTopOfStack;
+}
+
+declare interface ActivatorEvents {
+    onBlur?: (e: FocusEvent) => void;
+    onClick?: (e: MouseEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onMouseenter?: (e: MouseEvent) => void;
+    onMouseleave?: (e: MouseEvent) => void;
+}
+
+export declare interface ActivatorProps extends DelayOpenCloseProps {
+    activator?: ActivatorSelector;
+    activatorProps: Record<string, any>;
+    openOnClick: boolean | undefined;
+    openOnHover: boolean;
+    openOnFocus: boolean | undefined;
+    closeOnContentClick: boolean;
+}
+
+declare type ActivatorSelector = "parent" | string | Element | ComponentPublicInstance;
+
+declare type AnchorSelector = VerticalSide | HorizontalSide | `${VerticalSide}${SelectorSeparator}${EdgeAlignment}` | `${HorizontalSide}${SelectorSeparator}${EdgeAlignment}` | "auto" | `auto${SelectorSeparator}${EdgeAlignment | "auto"}` | "center" | `center${SelectorSeparator}center`;
+
+/**
+ * # Block Scroll Strategy
+ * @param data
+ * @param props
+ */
+declare function blockScrollStrategy(data: ScrollStrategyData, props: ScrollStrategyProps): void;
+
+/**
+ * # Close Scroll Strategy
+ * @param data
+ */
+declare function closeScrollStrategy(data: ScrollStrategyData): void;
+
+/**
+ * # Connected Position Strategy
+ *
+ * Connected to a certain element
+ */
+declare function connectedPositionStrategy(data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<StyleProp>): {
+    updatePosition: () => {
+        zoneRect: Rect;
+        contentRect: Rect;
+    };
+};
+
+declare interface ContentEvents {
+    onMouseenter?: () => void;
+    onMouseleave?: () => void;
+    onFocusin?: () => void;
+    onFocusout?: () => void;
+    onClick?: () => void;
+}
+
+/**
+ * # Coordinates
+ * Two-dimensional coordinates (x,y).
+ */
+declare interface Coordinates {
+    x: number;
+    y: number;
+}
+
+declare interface DelayOpenCloseProps {
+    closeDelay?: number | string;
+    openDelay?: number | string;
+}
+
+/**
+ * # Dimensions
+ */
+declare interface Dimensions {
+    width: number;
+    height: number;
+}
+
+declare type EdgeAlignment = "start" | "end" | "center";
+
+export declare const EvOverlay: __VLS_WithTemplateSlots<DefineComponent<    {
+class: PropType<any>;
+style: {
+type: PropType<StyleValue>;
+default: any;
+};
+transition: {
+type: PropType<EvTransitionProp>;
+default: boolean;
+};
+scrollStrategy: {
+type: PropType<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition">;
+default: string;
+validator: (val: any) => boolean;
+};
+positionStrategy: {
+type: PropType<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+updatePosition: (e: Event) => void;
+})>;
+default: string;
+validator: (value: any) => boolean;
+};
+position: {
+type: PropType<AnchorSelector>;
+default: string;
+};
+origin: {
+type: PropType<AnchorSelector | "overlap">;
+default: string;
+};
+offset: PropType<string | number | number[]>;
+height: (StringConstructor | NumberConstructor)[];
+maxHeight: (StringConstructor | NumberConstructor)[];
+maxWidth: (StringConstructor | NumberConstructor)[];
+minHeight: (StringConstructor | NumberConstructor)[];
+minWidth: (StringConstructor | NumberConstructor)[];
+width: (StringConstructor | NumberConstructor)[];
+closeDelay: (StringConstructor | NumberConstructor)[];
+openDelay: (StringConstructor | NumberConstructor)[];
+activator: PropType<string | Element | ComponentPublicInstance>;
+activatorProps: {
+type: PropType<Record<string, any>>;
+default: () => {};
+};
+openOnClick: {
+type: BooleanConstructor;
+default: any;
+};
+openOnHover: BooleanConstructor;
+openOnFocus: {
+type: BooleanConstructor;
+default: any;
+};
+closeOnContentClick: BooleanConstructor;
+absolute: BooleanConstructor;
+attach: PropType<TeleportTarget>;
+closeOnBack: {
+type: BooleanConstructor;
+default: boolean;
+};
+contained: BooleanConstructor;
+contentClass: any;
+contentProps: any;
+disabled: BooleanConstructor;
+modelValue: PropType<boolean | Ref<boolean>>;
+persistent: BooleanConstructor;
+veil: {
+type: BooleanConstructor;
+default: boolean;
+};
+zIndex: {
+type: (StringConstructor | NumberConstructor)[];
+default: number;
+};
+disableGlobalStack: BooleanConstructor;
+}, {
+activatorEl: Ref<HTMLElement>;
+contentEl: Ref<HTMLElement>;
+isTopGlobal: Readonly<Ref<boolean>>;
+isTopLocal: ComputedRef<boolean>;
+updatePosition: Ref<(e: Event) => void>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (...args: any[]) => void;
+"click:outside": (...args: any[]) => void;
+afterLeave: (...args: any[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+class: PropType<any>;
+style: {
+type: PropType<StyleValue>;
+default: any;
+};
+transition: {
+type: PropType<EvTransitionProp>;
+default: boolean;
+};
+scrollStrategy: {
+type: PropType<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition">;
+default: string;
+validator: (val: any) => boolean;
+};
+positionStrategy: {
+type: PropType<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+updatePosition: (e: Event) => void;
+})>;
+default: string;
+validator: (value: any) => boolean;
+};
+position: {
+type: PropType<AnchorSelector>;
+default: string;
+};
+origin: {
+type: PropType<AnchorSelector | "overlap">;
+default: string;
+};
+offset: PropType<string | number | number[]>;
+height: (StringConstructor | NumberConstructor)[];
+maxHeight: (StringConstructor | NumberConstructor)[];
+maxWidth: (StringConstructor | NumberConstructor)[];
+minHeight: (StringConstructor | NumberConstructor)[];
+minWidth: (StringConstructor | NumberConstructor)[];
+width: (StringConstructor | NumberConstructor)[];
+closeDelay: (StringConstructor | NumberConstructor)[];
+openDelay: (StringConstructor | NumberConstructor)[];
+activator: PropType<string | Element | ComponentPublicInstance>;
+activatorProps: {
+type: PropType<Record<string, any>>;
+default: () => {};
+};
+openOnClick: {
+type: BooleanConstructor;
+default: any;
+};
+openOnHover: BooleanConstructor;
+openOnFocus: {
+type: BooleanConstructor;
+default: any;
+};
+closeOnContentClick: BooleanConstructor;
+absolute: BooleanConstructor;
+attach: PropType<TeleportTarget>;
+closeOnBack: {
+type: BooleanConstructor;
+default: boolean;
+};
+contained: BooleanConstructor;
+contentClass: any;
+contentProps: any;
+disabled: BooleanConstructor;
+modelValue: PropType<boolean | Ref<boolean>>;
+persistent: BooleanConstructor;
+veil: {
+type: BooleanConstructor;
+default: boolean;
+};
+zIndex: {
+type: (StringConstructor | NumberConstructor)[];
+default: number;
+};
+disableGlobalStack: BooleanConstructor;
+}>> & {
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onAfterLeave?: (...args: any[]) => any;
+"onClick:outside"?: (...args: any[]) => any;
+}, {
+disabled: boolean;
+style: StyleValue;
+position: AnchorSelector;
+absolute: boolean;
+transition: boolean;
+zIndex: string | number;
+contentProps: any;
+activatorProps: {};
+openOnClick: boolean;
+openOnHover: boolean;
+openOnFocus: boolean;
+closeOnContentClick: boolean;
+positionStrategy: "static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+updatePosition: (e: Event) => void;
+});
+origin: AnchorSelector | "overlap";
+scrollStrategy: "none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition";
+closeOnBack: boolean;
+contained: boolean;
+contentClass: any;
+persistent: boolean;
+veil: boolean;
+disableGlobalStack: boolean;
+}, {}>, Readonly<{
+    activator(props: {
+        isActive: boolean;
+        props: any;
+    }): any;
+    default(): never;
+}>>;
+
+declare type EvTransitionProp = string | boolean | (TransitionProps & {
+    component?: Component;
+});
+
+declare type HorizontalSide = "left" | "right";
+
+export declare const makeActivatorProps: <Defaults extends {
+    closeDelay?: unknown;
+    openDelay?: unknown;
+    activator?: unknown;
+    activatorProps?: unknown;
+    openOnClick?: unknown;
+    openOnHover?: unknown;
+    openOnFocus?: unknown;
+    closeOnContentClick?: unknown;
+} = {}>(defaults?: Defaults) => {
+    closeDelay: unknown extends Defaults["closeDelay"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"]>;
+        default: unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"];
+    };
+    openDelay: unknown extends Defaults["openDelay"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["openDelay"] ? string | number : NonNullable<string | number> | Defaults["openDelay"]>;
+        default: unknown extends Defaults["openDelay"] ? string | number : NonNullable<string | number> | Defaults["openDelay"];
+    };
+    activator: unknown extends Defaults["activator"] ? PropType<ActivatorSelector> : {
+        type: PropType<unknown extends Defaults["activator"] ? ActivatorSelector : Defaults["activator"] | NonNullable<ActivatorSelector>>;
+        default: unknown extends Defaults["activator"] ? ActivatorSelector : Defaults["activator"] | NonNullable<ActivatorSelector>;
+    };
+    activatorProps: unknown extends Defaults["activatorProps"] ? {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    } : Omit<{
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["activatorProps"] ? {} : {} | Defaults["activatorProps"]>;
+        default: unknown extends Defaults["activatorProps"] ? {} : {} | Defaults["activatorProps"];
+    };
+    openOnClick: unknown extends Defaults["openOnClick"] ? {
+        type: BooleanConstructor;
+        default: any;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: any;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"]>;
+        default: unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"];
+    };
+    openOnHover: unknown extends Defaults["openOnHover"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]>;
+        default: unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"];
+    };
+    openOnFocus: unknown extends Defaults["openOnFocus"] ? {
+        type: BooleanConstructor;
+        default: any;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: any;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"]>;
+        default: unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"];
+    };
+    closeOnContentClick: unknown extends Defaults["closeOnContentClick"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"]>;
+        default: unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"];
+    };
+};
+
+/**
+ * # Make EvOverlay Props
+ */
+export declare const makeEvOverlayProps: <Defaults extends {
+    class?: unknown;
+    style?: unknown;
+    transition?: unknown;
+    scrollStrategy?: unknown;
+    positionStrategy?: unknown;
+    position?: unknown;
+    origin?: unknown;
+    offset?: unknown;
+    height?: unknown;
+    maxHeight?: unknown;
+    maxWidth?: unknown;
+    minHeight?: unknown;
+    minWidth?: unknown;
+    width?: unknown;
+    closeDelay?: unknown;
+    openDelay?: unknown;
+    activator?: unknown;
+    activatorProps?: unknown;
+    openOnClick?: unknown;
+    openOnHover?: unknown;
+    openOnFocus?: unknown;
+    closeOnContentClick?: unknown;
+    absolute?: unknown;
+    attach?: unknown;
+    closeOnBack?: unknown;
+    contained?: unknown;
+    contentClass?: unknown;
+    contentProps?: unknown;
+    disabled?: unknown;
+    modelValue?: unknown;
+    persistent?: unknown;
+    veil?: unknown;
+    zIndex?: unknown;
+} = {}>(defaults?: Defaults) => {
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
+        default: unknown extends Defaults["class"] ? any : any;
+    };
+    style: unknown extends Defaults["style"] ? {
+        type: PropType<StyleValue>;
+        default: any;
+    } : Omit<{
+        type: PropType<StyleValue>;
+        default: any;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["style"] ? StyleValue : NonNullable<StyleValue> | Defaults["style"]>;
+        default: unknown extends Defaults["style"] ? StyleValue : NonNullable<StyleValue> | Defaults["style"];
+    };
+    transition: unknown extends Defaults["transition"] ? {
+        type: PropType<EvTransitionProp>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<EvTransitionProp>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["transition"] ? boolean : boolean | Defaults["transition"]>;
+        default: unknown extends Defaults["transition"] ? boolean : boolean | Defaults["transition"];
+    };
+    scrollStrategy: unknown extends Defaults["scrollStrategy"] ? {
+        type: PropType<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    } : Omit<{
+        type: PropType<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["scrollStrategy"] ? "none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition" : NonNullable<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition"> | Defaults["scrollStrategy"]>;
+        default: unknown extends Defaults["scrollStrategy"] ? "none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition" : NonNullable<"none" | "close" | "block" | ((data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void) | "reposition"> | Defaults["scrollStrategy"];
+    };
+    positionStrategy: unknown extends Defaults["positionStrategy"] ? {
+        type: PropType<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        })>;
+        default: string;
+        validator: (value: any) => boolean;
+    } : Omit<{
+        type: PropType<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        })>;
+        default: string;
+        validator: (value: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["positionStrategy"] ? "static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        }) : NonNullable<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        })> | Defaults["positionStrategy"]>;
+        default: unknown extends Defaults["positionStrategy"] ? "static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        }) : NonNullable<"static" | "connected" | ((data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updatePosition: (e: Event) => void;
+        })> | Defaults["positionStrategy"];
+    };
+    position: unknown extends Defaults["position"] ? {
+        type: PropType<AnchorSelector>;
+        default: string;
+    } : Omit<{
+        type: PropType<AnchorSelector>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["position"] ? AnchorSelector : NonNullable<AnchorSelector> | Defaults["position"]>;
+        default: unknown extends Defaults["position"] ? AnchorSelector : NonNullable<AnchorSelector> | Defaults["position"];
+    };
+    origin: unknown extends Defaults["origin"] ? {
+        type: PropType<AnchorSelector | "overlap">;
+        default: string;
+    } : Omit<{
+        type: PropType<AnchorSelector | "overlap">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["origin"] ? AnchorSelector | "overlap" : NonNullable<AnchorSelector | "overlap"> | Defaults["origin"]>;
+        default: unknown extends Defaults["origin"] ? AnchorSelector | "overlap" : NonNullable<AnchorSelector | "overlap"> | Defaults["origin"];
+    };
+    offset: unknown extends Defaults["offset"] ? PropType<string | number | number[]> : {
+        type: PropType<unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"]>;
+        default: unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"];
+    };
+    height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]>;
+        default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
+    };
+    maxHeight: unknown extends Defaults["maxHeight"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"]>;
+        default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
+    };
+    maxWidth: unknown extends Defaults["maxWidth"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"]>;
+        default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
+    };
+    minHeight: unknown extends Defaults["minHeight"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"]>;
+        default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
+    };
+    minWidth: unknown extends Defaults["minWidth"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]>;
+        default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
+    };
+    width: unknown extends Defaults["width"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
+        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
+    };
+    closeDelay: unknown extends Defaults["closeDelay"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"]>;
+        default: unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"];
+    };
+    openDelay: unknown extends Defaults["openDelay"] ? (StringConstructor | NumberConstructor)[] : {
+        type: PropType<unknown extends Defaults["openDelay"] ? string | number : NonNullable<string | number> | Defaults["openDelay"]>;
+        default: unknown extends Defaults["openDelay"] ? string | number : NonNullable<string | number> | Defaults["openDelay"];
+    };
+    activator: unknown extends Defaults["activator"] ? PropType<string | Element | ComponentPublicInstance> : {
+        type: PropType<unknown extends Defaults["activator"] ? string | Element | ComponentPublicInstance : NonNullable<string | Element | ComponentPublicInstance> | Defaults["activator"]>;
+        default: unknown extends Defaults["activator"] ? string | Element | ComponentPublicInstance : NonNullable<string | Element | ComponentPublicInstance> | Defaults["activator"];
+    };
+    activatorProps: unknown extends Defaults["activatorProps"] ? {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    } : Omit<{
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["activatorProps"] ? {} : {} | Defaults["activatorProps"]>;
+        default: unknown extends Defaults["activatorProps"] ? {} : {} | Defaults["activatorProps"];
+    };
+    openOnClick: unknown extends Defaults["openOnClick"] ? {
+        type: BooleanConstructor;
+        default: any;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: any;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"]>;
+        default: unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"];
+    };
+    openOnHover: unknown extends Defaults["openOnHover"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]>;
+        default: unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"];
+    };
+    openOnFocus: unknown extends Defaults["openOnFocus"] ? {
+        type: BooleanConstructor;
+        default: any;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: any;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"]>;
+        default: unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"];
+    };
+    closeOnContentClick: unknown extends Defaults["closeOnContentClick"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"]>;
+        default: unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"];
+    };
+    absolute: unknown extends Defaults["absolute"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["absolute"] ? boolean : boolean | Defaults["absolute"]>;
+        default: unknown extends Defaults["absolute"] ? boolean : boolean | Defaults["absolute"];
+    };
+    attach: unknown extends Defaults["attach"] ? PropType<TeleportTarget> : {
+        type: PropType<unknown extends Defaults["attach"] ? TeleportTarget : Defaults["attach"] | NonNullable<TeleportTarget>>;
+        default: unknown extends Defaults["attach"] ? TeleportTarget : Defaults["attach"] | NonNullable<TeleportTarget>;
+    };
+    closeOnBack: unknown extends Defaults["closeOnBack"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["closeOnBack"] ? boolean : boolean | Defaults["closeOnBack"]>;
+        default: unknown extends Defaults["closeOnBack"] ? boolean : boolean | Defaults["closeOnBack"];
+    };
+    contained: unknown extends Defaults["contained"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>;
+        default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"];
+    };
+    contentClass: unknown extends Defaults["contentClass"] ? any : (Omit<any, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["contentClass"] ? any : any>;
+        default: unknown extends Defaults["contentClass"] ? any : any;
+    }) | {
+        type: PropType<unknown extends Defaults["contentClass"] ? any : any>;
+        default: unknown extends Defaults["contentClass"] ? any : any;
+    };
+    contentProps: unknown extends Defaults["contentProps"] ? any : (Omit<any, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["contentProps"] ? any : any>;
+        default: unknown extends Defaults["contentProps"] ? any : any;
+    }) | {
+        type: PropType<unknown extends Defaults["contentProps"] ? any : any>;
+        default: unknown extends Defaults["contentProps"] ? any : any;
+    };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    modelValue: unknown extends Defaults["modelValue"] ? PropType<ModelValueProp> : {
+        type: PropType<unknown extends Defaults["modelValue"] ? ModelValueProp : Defaults["modelValue"] | NonNullable<ModelValueProp>>;
+        default: unknown extends Defaults["modelValue"] ? ModelValueProp : Defaults["modelValue"] | NonNullable<ModelValueProp>;
+    };
+    persistent: unknown extends Defaults["persistent"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"]>;
+        default: unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"];
+    };
+    veil: unknown extends Defaults["veil"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["veil"] ? boolean : boolean | Defaults["veil"]>;
+        default: unknown extends Defaults["veil"] ? boolean : boolean | Defaults["veil"];
+    };
+    zIndex: unknown extends Defaults["zIndex"] ? {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    } : Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["zIndex"] ? string | number : NonNullable<string | number> | Defaults["zIndex"]>;
+        default: unknown extends Defaults["zIndex"] ? string | number : NonNullable<string | number> | Defaults["zIndex"];
+    };
+};
+
+/**
+ * # Make Position Strategy Props
+ */
+export declare const makePositionStrategyProps: <Defaults extends {
+    positionStrategy?: unknown;
+    position?: unknown;
+    origin?: unknown;
+    offset?: unknown;
+} = {}>(defaults?: Defaults) => {
+    positionStrategy: unknown extends Defaults["positionStrategy"] ? {
+        type: PropType<"static" | "connected" | PositionStrategyFn>;
+        default: string;
+        validator: (value: any) => boolean;
+    } : Omit<{
+        type: PropType<"static" | "connected" | PositionStrategyFn>;
+        default: string;
+        validator: (value: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["positionStrategy"] ? "static" | "connected" | PositionStrategyFn : NonNullable<"static" | "connected" | PositionStrategyFn> | Defaults["positionStrategy"]>;
+        default: unknown extends Defaults["positionStrategy"] ? "static" | "connected" | PositionStrategyFn : NonNullable<"static" | "connected" | PositionStrategyFn> | Defaults["positionStrategy"];
+    };
+    position: unknown extends Defaults["position"] ? {
+        type: PropType<AnchorSelector>;
+        default: string;
+    } : Omit<{
+        type: PropType<AnchorSelector>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["position"] ? AnchorSelector : NonNullable<AnchorSelector> | Defaults["position"]>;
+        default: unknown extends Defaults["position"] ? AnchorSelector : NonNullable<AnchorSelector> | Defaults["position"];
+    };
+    origin: unknown extends Defaults["origin"] ? {
+        type: PropType<AnchorSelector | "overlap">;
+        default: string;
+    } : Omit<{
+        type: PropType<AnchorSelector | "overlap">;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["origin"] ? AnchorSelector | "overlap" : NonNullable<AnchorSelector | "overlap"> | Defaults["origin"]>;
+        default: unknown extends Defaults["origin"] ? AnchorSelector | "overlap" : NonNullable<AnchorSelector | "overlap"> | Defaults["origin"];
+    };
+    offset: unknown extends Defaults["offset"] ? PropType<string | number | number[]> : {
+        type: PropType<unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"]>;
+        default: unknown extends Defaults["offset"] ? string | number | number[] : NonNullable<string | number | number[]> | Defaults["offset"];
+    };
+};
+
+/**
+ * # Make Scroll Strategy Props
+ */
+export declare const makeScrollStrategyProps: <Defaults extends {
+    scrollStrategy?: unknown;
+} = {}>(defaults?: Defaults) => {
+    scrollStrategy: unknown extends Defaults["scrollStrategy"] ? {
+        type: PropType<"none" | "close" | "block" | ScrollStrategyFn | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    } : Omit<{
+        type: PropType<"none" | "close" | "block" | ScrollStrategyFn | "reposition">;
+        default: string;
+        validator: (val: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["scrollStrategy"] ? "none" | "close" | "block" | ScrollStrategyFn | "reposition" : NonNullable<"none" | "close" | "block" | ScrollStrategyFn | "reposition"> | Defaults["scrollStrategy"]>;
+        default: unknown extends Defaults["scrollStrategy"] ? "none" | "close" | "block" | ScrollStrategyFn | "reposition" : NonNullable<"none" | "close" | "block" | ScrollStrategyFn | "reposition"> | Defaults["scrollStrategy"];
+    };
+};
+
+/**
+ * # Margins
+ * Essentially the same as Position, but is intended to describe areas outside the box
+ * (same as CSS `margin`).
+ */
+declare type Margins = Position;
+
+declare type ModelValueProp = boolean | Ref<boolean>;
+
+/**
+ * # Position
+ * Representative of an element's position attributes describing the bounding area of a box.
+ */
+declare interface Position {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+
+declare const positionStrategies: {
+    static: typeof staticPositionStrategy;
+    connected: typeof connectedPositionStrategy;
+};
+
+export declare interface PositionStrategyData {
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    isRtl: Ref<boolean>;
+}
+
+declare type PositionStrategyFn = (data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+    updatePosition: (e: Event) => void;
+};
+
+export declare interface PositionStrategyProps {
+    positionStrategy: keyof typeof positionStrategies | PositionStrategyFn;
+    position: AnchorSelector;
+    origin: AnchorSelector | "overlap";
+    offset?: number | string | number[];
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
+}
+
+/**
+ * # Rect
+ *
+ * Describes a bounding rectangle a bit like DOMRect, but not readonly.
+ */
+declare class Rect implements Coordinates, Dimensions, Position {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    constructor(x: number, y: number, width: number, height: number);
+    get top(): number;
+    get bottom(): number;
+    get left(): number;
+    get right(): number;
+    /**
+     * ## Add Offset
+     * @param offset
+     */
+    addOffset(offset: Coordinates): Rect;
+    /**
+     * ## From Element
+     * @param el
+     * @param beforeTransforms
+     */
+    static fromElement(el: HTMLElement, beforeTransforms?: boolean): Rect;
+    /**
+     * ## From Rect
+     * Kind of replicates DOMRect.fromRect()
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/fromRect_static
+     * @param rect
+     */
+    static fromRect(rect: DOMRect | Rect | RectProps): Rect;
+    /**
+     * ## Get Overflow
+     * Returns the overflow margins based on a second Rect.
+     * @param b
+     */
+    getOverflow(b: Rect): Margins;
+}
+
+declare interface RectProps extends Coordinates, Dimensions {
+}
+
+/**
+ * # Reposition Scroll Strategy
+ * @param data
+ * @param props
+ * @param scope
+ */
+declare function repositionScrollStrategy(data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope): void;
+
+declare const scrollStrategies: {
+    none: any;
+    close: typeof closeScrollStrategy;
+    block: typeof blockScrollStrategy;
+    reposition: typeof repositionScrollStrategy;
+};
+
+export declare interface ScrollStrategyData {
+    containerEl: Ref<HTMLElement | undefined>;
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    updatePosition: Ref<((e: Event) => void) | undefined>;
+}
+
+declare type ScrollStrategyFn = (data: ScrollStrategyData, props: ScrollStrategyProps, scope: EffectScope) => void;
+
+export declare interface ScrollStrategyProps {
+    scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
+    contained: boolean | undefined;
+}
+
+declare type SelectorSeparator = " " | "-";
+
+/**
+ * # Static Position Strategy
+ *
+ * Specific viewport position, usually centered.
+ */
+declare function staticPositionStrategy(data: PositionStrategyData, props: PositionStrategyProps, contentStyles: Ref<StyleProp>): void;
+
+declare type StyleProp = Record<string, string>;
+
+declare type TeleportTarget = boolean | string | Element;
+
+/**
+ * # UI Mouse Event
+ * `sourceCapabilities` is in labs according to MDN. So it is subject to change.
+ * It is also not included in TypeScript's MouseEvent, so this is a little bit
+ * of a hack to avoid issues with the build.
+ */
+declare interface UIMouseEvent extends MouseEvent {
+    sourceCapabilities?: {
+        firesTouchEvents: boolean;
+    };
+}
+
+/**
+ * # Use Activator
+ *
+ * @param props
+ * @param isActive
+ * @param isTopOfStack
+ */
+export declare function useActivator(props: ActivatorProps, isActive: Ref<boolean>, isTopOfStack: Ref<boolean>): Activator;
+
+/**
+ * # Use Position Strategies
+ */
+export declare function usePositionStrategies(props: PositionStrategyProps, data: PositionStrategyData): {
+    contentStyles: Ref<{}>;
+    updatePosition: Ref<(e: Event) => void>;
+};
+
+/**
+ * # Use Scroll Strategies
+ * @param props
+ * @param data
+ */
+export declare function useScrollStrategies(props: ScrollStrategyProps, data: ScrollStrategyData): void;
+
+declare interface VeilEvents {
+    onMouseenter?: () => void;
+    onMouseleave?: () => void;
+}
+
+/**
+ * # Anchors
+ *
+ */
+declare type VerticalSide = "top" | "bottom";
+
+export { }
+
+
+export declare namespace toDisplayStateKey {
+    var cache: Map<string, string>;
+}
+
+
+export declare namespace toDisplayRuleKebab {
+    var cache: Map<string, string>;
+}
+
+
+export declare namespace getNextId {
+    var reset: () => void;
+}
+
+
+export declare namespace spaceSeparatedValues {
+    var cache: Map<string, string[]>;
+}
+
+
+export declare namespace toKebabCase {
+    var cache: Map<string, string>;
+}
+
+
+export declare namespace toCamelCase {
+    var cache: Map<string, string>;
+}
+