@dcodegroup-au/dsg-vue/dist/main.d.ts

Front-end Vue/Tailwind DSG for UntitledUI.

/**
 * --------------------------------------------------------------------------
 *  Export: Vue Components
 * --------------------------------------------------------------------------
 */
export declare const DsgIcon: import('vue').DefineComponent<import('./main').DsgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export declare const DsgMiscIcon: import('vue').DefineComponent<import('./main').DsgMiscIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgMiscIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export declare const DsgCreditCardIcon: import('vue').DefineComponent<import('./main').DsgCreditCardIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./main').DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export declare const DsgAlert: {
    info(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
    error(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
    warning(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
    success(title?: string, message?: string, options?: import('./main').DsgAlertOptions): void;
};
export declare const DsgAvatar: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgAvatarProps> & Readonly<{
        "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
        "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
        "onAfter-change-status"?: ((status: boolean) => any) | undefined;
    }>, {
        setUserActiveStatus: (activeStatus: boolean) => void;
        toggleFocus: (focus: boolean) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "avatar-clicked": (clickEvent: Event) => any;
        "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
        "after-change-status": (status: boolean) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        avatarLink: HTMLAnchorElement;
        avatarImageWrapperEl: HTMLDivElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('./main').DsgAvatarProps> & Readonly<{
        "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
        "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
        "onAfter-change-status"?: ((status: boolean) => any) | undefined;
    }>, {
        setUserActiveStatus: (activeStatus: boolean) => void;
        toggleFocus: (focus: boolean) => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgAvatarProps> & Readonly<{
    "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
    "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
    "onAfter-change-status"?: ((status: boolean) => any) | undefined;
}>, {
    setUserActiveStatus: (activeStatus: boolean) => void;
    toggleFocus: (focus: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    "avatar-clicked": (clickEvent: Event) => any;
    "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
    "after-change-status": (status: boolean) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-avatar--background'?(_: {}): any;
        'dsg-avatar--status'?(_: {}): any;
        'dsg-avatar--title'?(_: {}): any;
        'dsg-avatar--subtext'?(_: {}): any;
    };
});
export declare const DsgBadge: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgBadgeProps> & Readonly<{
        "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
        "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
        "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
        "onAfter-destroy"?: (() => any) | undefined;
        "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
    }>, {
        hideOrDestroy: (clickEvent?: Event) => void;
        clickEvent: (clickEvent?: Event) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "before-hide": (el: HTMLDivElement) => any;
        "after-hide": (el: HTMLDivElement) => any;
        "before-destroy": (el: HTMLDivElement) => any;
        "after-destroy": () => any;
        "on-click": (el: HTMLDivElement) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        dsgBadge: HTMLDivElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('./main').DsgBadgeProps> & Readonly<{
        "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
        "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
        "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
        "onAfter-destroy"?: (() => any) | undefined;
        "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
    }>, {
        hideOrDestroy: (clickEvent?: Event) => void;
        clickEvent: (clickEvent?: Event) => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgBadgeProps> & Readonly<{
    "onBefore-hide"?: ((el: HTMLDivElement) => any) | undefined;
    "onAfter-hide"?: ((el: HTMLDivElement) => any) | undefined;
    "onBefore-destroy"?: ((el: HTMLDivElement) => any) | undefined;
    "onAfter-destroy"?: (() => any) | undefined;
    "onOn-click"?: ((el: HTMLDivElement) => any) | undefined;
}>, {
    hideOrDestroy: (clickEvent?: Event) => void;
    clickEvent: (clickEvent?: Event) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    "before-hide": (el: HTMLDivElement) => any;
    "after-hide": (el: HTMLDivElement) => any;
    "before-destroy": (el: HTMLDivElement) => any;
    "after-destroy": () => any;
    "on-click": (el: HTMLDivElement) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-badge--before'?(_: {}): any;
        'dsg-badge--after'?(_: {}): any;
    };
});
export declare const DsgButton: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgButtonProps> & Readonly<{
        "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
    }>, {
        focusButton: (focus: boolean) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "button-clicked": (clickEvent: Event) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        dsgButtonEl: HTMLButtonElement;
    }, HTMLButtonElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('./main').DsgButtonProps> & Readonly<{
        "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
    }>, {
        focusButton: (focus: boolean) => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgButtonProps> & Readonly<{
    "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
}>, {
    focusButton: (focus: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    "button-clicked": (clickEvent: Event) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-button--icon-before'?(_: {}): any;
        'dsg-button--icon-after'?(_: {}): any;
    };
});
export declare const DsgCheckbox: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: import('./main').DsgCheckboxModelType;
    } & import('./main').DsgCheckboxProps> & Readonly<{
        "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
    }>, {
        set: (value: boolean) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
    } & {
        "before-checked": (oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any;
        "after-checked": (newValue: import('./main').DsgCheckboxModelType) => any;
        "update:model-value": (newValue: import('./main').DsgCheckboxModelType) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        checkboxWrapper: HTMLLabelElement;
        inputCheckbox: HTMLInputElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: import('./main').DsgCheckboxModelType;
    } & import('./main').DsgCheckboxProps> & Readonly<{
        "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
        "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
    }>, {
        set: (value: boolean) => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
    modelValue?: import('./main').DsgCheckboxModelType;
} & import('./main').DsgCheckboxProps> & Readonly<{
    "onBefore-checked"?: ((oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
    "onAfter-checked"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
    "onUpdate:model-value"?: ((newValue: import('./main').DsgCheckboxModelType) => any) | undefined;
    "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
}>, {
    set: (value: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
} & {
    "before-checked": (oldValue: import('./main').DsgCheckboxModelType, newValue: import('./main').DsgCheckboxModelType) => any;
    "after-checked": (newValue: import('./main').DsgCheckboxModelType) => any;
    "update:model-value": (newValue: import('./main').DsgCheckboxModelType) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-checkbox--label'?(_: {}): any;
        'dsg-checkbox--subtext'?(_: {}): any;
    };
});
export declare const DsgCheckboxGroup: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: import('./main').DsgCheckboxModelType;
    } & import('./main').DsgCheckboxGroupProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: import('./main').DsgCheckboxModelType;
    } & import('./main').DsgCheckboxGroupProps> & Readonly<{
        "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
    }>, {}, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
    modelValue?: import('./main').DsgCheckboxModelType;
} & import('./main').DsgCheckboxGroupProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: import('./main').DsgCheckboxModelType) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: import('./main').DsgCheckboxModelType) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: Partial<Record<`dsg-checkbox-group--panel-title--${string}`, (_: {
        data: import('./main').DsgCheckboxGroupOption;
    }) => any>> & Partial<Record<`dsg-checkbox-group--panel-subtext--${string}`, (_: {}) => any>> & {
        'dsg-checkbox-group--header'?(_: {}): any;
    };
});
export declare const DsgDropdown: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgDropdownProps> & Readonly<{}>, {
        handleTriggerClick: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        dsgDropdown: HTMLDivElement;
        floatingVueDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            theme: {
                type: StringConstructor;
                default: any;
            };
            referenceNode: {
                type: import('vue').PropType<() => Element>;
                default: any;
            };
            shown: {
                type: BooleanConstructor;
                default: boolean;
            };
            showGroup: {
                type: StringConstructor;
                default: any;
            };
            ariaId: {
                default: any;
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            positioningDisabled: {
                type: BooleanConstructor;
                default: any;
            };
            placement: {
                type: import('vue').PropType<import('floating-vue').Placement>;
                default: any;
            };
            delay: {
                type: import('vue').PropType<string | number | {
                    show: number;
                    hide: number;
                }>;
                default: any;
            };
            distance: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            skidding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            triggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
                default: any;
            };
            showTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            hideTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            popperTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
                default: any;
            };
            popperShowTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            popperHideTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            container: {
                type: any[];
                default: any;
            };
            boundary: {
                type: any[];
                default: any;
            };
            strategy: {
                type: import('vue').PropType<"absolute" | "fixed">;
                default: any;
            };
            autoHide: {
                type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
                default: any;
            };
            handleResize: {
                type: BooleanConstructor;
                default: any;
            };
            instantMove: {
                type: BooleanConstructor;
                default: any;
            };
            eagerMount: {
                type: BooleanConstructor;
                default: any;
            };
            popperClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: any;
            };
            computeTransformOrigin: {
                type: BooleanConstructor;
                default: any;
            };
            autoMinSize: {
                type: BooleanConstructor;
                default: any;
            };
            autoSize: {
                type: import('vue').PropType<boolean | "min" | "max">;
                default: any;
            };
            autoMaxSize: {
                type: BooleanConstructor;
                default: any;
            };
            autoBoundaryMaxSize: {
                type: BooleanConstructor;
                default: any;
            };
            preventOverflow: {
                type: BooleanConstructor;
                default: any;
            };
            overflowPadding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            arrowPadding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            arrowOverflow: {
                type: BooleanConstructor;
                default: any;
            };
            flip: {
                type: BooleanConstructor;
                default: any;
            };
            shift: {
                type: BooleanConstructor;
                default: any;
            };
            shiftCrossAxis: {
                type: BooleanConstructor;
                default: any;
            };
            noAutoFocus: {
                type: BooleanConstructor;
                default: any;
            };
            disposeTimeout: {
                type: NumberConstructor;
                default: any;
            };
        }>> & {
            onResize?: () => any;
            onShow?: () => any;
            onHide?: () => any;
            "onUpdate:shown"?: (shown: boolean) => any;
            "onApply-show"?: () => any;
            "onApply-hide"?: () => any;
            "onClose-group"?: () => any;
            "onClose-directive"?: () => any;
            "onAuto-hide"?: () => any;
        }, unknown, unknown, {
            finalTheme(): string;
        }, {
            getTargetNodes(): unknown[];
        }, {
            computed: {
                themeClass(): string[];
            };
        } | {
            methods: {
                show(...args: any[]): any;
                hide(...args: any[]): any;
                dispose(...args: any[]): any;
                onResize(...args: any[]): any;
            };
        }, import('vue').ComponentOptionsMixin, {
            show: () => true;
            hide: () => true;
            'update:shown': (shown: boolean) => true;
            'apply-show': () => true;
            'apply-hide': () => true;
            'close-group': () => true;
            'close-directive': () => true;
            'auto-hide': () => true;
            resize: () => true;
        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
            placement: import('floating-vue').Placement;
            strategy: "absolute" | "fixed";
            disabled: boolean;
            positioningDisabled: boolean;
            delay: string | number | {
                show: number;
                hide: number;
            };
            distance: string | number;
            skidding: string | number;
            triggers: import('floating-vue').TriggerEvent[];
            showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            popperTriggers: import('floating-vue').TriggerEvent[];
            popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            container: any;
            boundary: any;
            autoHide: boolean | ((event: Event) => boolean);
            handleResize: boolean;
            instantMove: boolean;
            eagerMount: boolean;
            popperClass: string | unknown[] | Record<string, any>;
            computeTransformOrigin: boolean;
            autoMinSize: boolean;
            autoSize: boolean | "min" | "max";
            autoMaxSize: boolean;
            autoBoundaryMaxSize: boolean;
            preventOverflow: boolean;
            overflowPadding: string | number;
            arrowPadding: string | number;
            arrowOverflow: boolean;
            flip: boolean;
            shift: boolean;
            shiftCrossAxis: boolean;
            noAutoFocus: boolean;
            disposeTimeout: number;
            shown: boolean;
            theme: string;
            referenceNode: () => Element;
            showGroup: string;
            ariaId: any;
        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {
                themeClass(): string[];
            };
            M: import('vue').MethodOptions;
            Defaults: {};
        } & {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        } & {
            P: {};
            B: {};
            D: {};
            C: import('vue').ComputedOptions;
            M: {
                show(...args: any[]): any;
                hide(...args: any[]): any;
                dispose(...args: any[]): any;
                onResize(...args: any[]): any;
            };
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            theme: {
                type: StringConstructor;
                default: any;
            };
            referenceNode: {
                type: import('vue').PropType<() => Element>;
                default: any;
            };
            shown: {
                type: BooleanConstructor;
                default: boolean;
            };
            showGroup: {
                type: StringConstructor;
                default: any;
            };
            ariaId: {
                default: any;
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            positioningDisabled: {
                type: BooleanConstructor;
                default: any;
            };
            placement: {
                type: import('vue').PropType<import('floating-vue').Placement>;
                default: any;
            };
            delay: {
                type: import('vue').PropType<string | number | {
                    show: number;
                    hide: number;
                }>;
                default: any;
            };
            distance: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            skidding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            triggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
                default: any;
            };
            showTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            hideTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            popperTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[]>;
                default: any;
            };
            popperShowTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            popperHideTriggers: {
                type: import('vue').PropType<import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[])>;
                default: any;
            };
            container: {
                type: any[];
                default: any;
            };
            boundary: {
                type: any[];
                default: any;
            };
            strategy: {
                type: import('vue').PropType<"absolute" | "fixed">;
                default: any;
            };
            autoHide: {
                type: import('vue').PropType<boolean | ((event: Event) => boolean)>;
                default: any;
            };
            handleResize: {
                type: BooleanConstructor;
                default: any;
            };
            instantMove: {
                type: BooleanConstructor;
                default: any;
            };
            eagerMount: {
                type: BooleanConstructor;
                default: any;
            };
            popperClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: any;
            };
            computeTransformOrigin: {
                type: BooleanConstructor;
                default: any;
            };
            autoMinSize: {
                type: BooleanConstructor;
                default: any;
            };
            autoSize: {
                type: import('vue').PropType<boolean | "min" | "max">;
                default: any;
            };
            autoMaxSize: {
                type: BooleanConstructor;
                default: any;
            };
            autoBoundaryMaxSize: {
                type: BooleanConstructor;
                default: any;
            };
            preventOverflow: {
                type: BooleanConstructor;
                default: any;
            };
            overflowPadding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            arrowPadding: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            arrowOverflow: {
                type: BooleanConstructor;
                default: any;
            };
            flip: {
                type: BooleanConstructor;
                default: any;
            };
            shift: {
                type: BooleanConstructor;
                default: any;
            };
            shiftCrossAxis: {
                type: BooleanConstructor;
                default: any;
            };
            noAutoFocus: {
                type: BooleanConstructor;
                default: any;
            };
            disposeTimeout: {
                type: NumberConstructor;
                default: any;
            };
        }>> & {
            onResize?: () => any;
            onShow?: () => any;
            onHide?: () => any;
            "onUpdate:shown"?: (shown: boolean) => any;
            "onApply-show"?: () => any;
            "onApply-hide"?: () => any;
            "onClose-group"?: () => any;
            "onClose-directive"?: () => any;
            "onAuto-hide"?: () => any;
        }, {}, {}, {
            themeClass(): string[];
        } & import('vue').ComputedOptions & {
            finalTheme(): string;
        }, import('vue').MethodOptions & {
            show(...args: any[]): any;
            hide(...args: any[]): any;
            dispose(...args: any[]): any;
            onResize(...args: any[]): any;
        } & {
            getTargetNodes(): unknown[];
        }, {
            placement: import('floating-vue').Placement;
            strategy: "absolute" | "fixed";
            disabled: boolean;
            positioningDisabled: boolean;
            delay: string | number | {
                show: number;
                hide: number;
            };
            distance: string | number;
            skidding: string | number;
            triggers: import('floating-vue').TriggerEvent[];
            showTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            hideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            popperTriggers: import('floating-vue').TriggerEvent[];
            popperShowTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            popperHideTriggers: import('floating-vue').TriggerEvent[] | ((triggers: import('floating-vue').TriggerEvent[]) => import('floating-vue').TriggerEvent[]);
            container: any;
            boundary: any;
            autoHide: boolean | ((event: Event) => boolean);
            handleResize: boolean;
            instantMove: boolean;
            eagerMount: boolean;
            popperClass: string | unknown[] | Record<string, any>;
            computeTransformOrigin: boolean;
            autoMinSize: boolean;
            autoSize: boolean | "min" | "max";
            autoMaxSize: boolean;
            autoBoundaryMaxSize: boolean;
            preventOverflow: boolean;
            overflowPadding: string | number;
            arrowPadding: string | number;
            arrowOverflow: boolean;
            flip: boolean;
            shift: boolean;
            shiftCrossAxis: boolean;
            noAutoFocus: boolean;
            disposeTimeout: number;
            shown: boolean;
            theme: string;
            referenceNode: () => Element;
            showGroup: string;
            ariaId: any;
        }> | null;
        dsgDropdownAvatarTriggerEl: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly profileUri?: string | undefined;
                readonly fullName?: string | undefined;
                readonly size?: import('./main').DsgAvatarSize | undefined;
                readonly theme?: import('./main').DsgAvatarTheme | undefined;
                readonly isOnline?: boolean | undefined;
                readonly uri?: string | undefined | undefined;
                readonly classes?: string | undefined;
                readonly companyLogoUri?: string | undefined | undefined;
                readonly preventDefault?: boolean | undefined;
                readonly title?: string | undefined;
                readonly subText?: string | undefined;
                readonly noFocus?: boolean | undefined;
                readonly "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
                readonly "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
                readonly "onAfter-change-status"?: ((status: boolean) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                avatarLink: HTMLAnchorElement;
                avatarImageWrapperEl: HTMLDivElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "avatar-clicked", clickEvent: Event) => void) & ((event: "before-change-status", oldStatus: boolean, newStatus: boolean) => void) & ((event: "after-change-status", status: boolean) => void);
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('./main').DsgAvatarProps> & Readonly<{
                "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
                "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
                "onAfter-change-status"?: ((status: boolean) => any) | undefined;
            }>, {
                setUserActiveStatus: (activeStatus: boolean) => void;
                toggleFocus: (focus: boolean) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                "avatar-clicked": (clickEvent: Event) => any;
                "before-change-status": (oldStatus: boolean, newStatus: boolean) => any;
                "after-change-status": (status: boolean) => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<import('./main').DsgAvatarProps> & Readonly<{
            "onAvatar-clicked"?: ((clickEvent: Event) => any) | undefined;
            "onBefore-change-status"?: ((oldStatus: boolean, newStatus: boolean) => any) | undefined;
            "onAfter-change-status"?: ((status: boolean) => any) | undefined;
        }>, "setUserActiveStatus" | "toggleFocus"> & import('vue').ShallowUnwrapRef<{
            setUserActiveStatus: (activeStatus: boolean) => void;
            toggleFocus: (focus: boolean) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                'dsg-avatar--background'?(_: {}): any;
                'dsg-avatar--status'?(_: {}): any;
                'dsg-avatar--title'?(_: {}): any;
                'dsg-avatar--subtext'?(_: {}): any;
            };
        }) | null;
        dsgDropdownButtonTriggerEl: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly label?: string | undefined;
                readonly type?: import('./main').DsgButtonType | undefined;
                readonly theme?: import('./main').DsgButtonTheme | undefined;
                readonly size?: import('./main').DsgButtonSize | undefined;
                readonly disabled?: boolean | undefined;
                readonly iconBefore?: string | null | undefined;
                readonly iconAfter?: string | null | undefined;
                readonly classes?: string | undefined;
                readonly width?: import('./main').DsgButtonWidth | undefined;
                readonly uri?: string | null | undefined;
                readonly targetUri?: import('./main').DsgButtonTargetUri | undefined;
                readonly preventDefault?: boolean | undefined;
                readonly "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            } & {
                dsgButtonEl: HTMLButtonElement;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: "button-clicked", clickEvent: Event) => void;
            $el: HTMLButtonElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('./main').DsgButtonProps> & Readonly<{
                "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
            }>, {
                focusButton: (focus: boolean) => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                "button-clicked": (clickEvent: Event) => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                beforeCreate?: (() => void) | (() => void)[];
                created?: (() => void) | (() => void)[];
                beforeMount?: (() => void) | (() => void)[];
                mounted?: (() => void) | (() => void)[];
                beforeUpdate?: (() => void) | (() => void)[];
                updated?: (() => void) | (() => void)[];
                activated?: (() => void) | (() => void)[];
                deactivated?: (() => void) | (() => void)[];
                beforeDestroy?: (() => void) | (() => void)[];
                beforeUnmount?: (() => void) | (() => void)[];
                destroyed?: (() => void) | (() => void)[];
                unmounted?: (() => void) | (() => void)[];
                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<import('./main').DsgButtonProps> & Readonly<{
            "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
        }>, "focusButton"> & import('vue').ShallowUnwrapRef<{
            focusButton: (focus: boolean) => void;
        }> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                'dsg-button--icon-before'?(_: {}): any;
                'dsg-button--icon-after'?(_: {}): any;
            };
        }) | null;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('./main').DsgDropdownProps> & Readonly<{}>, {
        handleTriggerClick: () => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgDropdownProps> & Readonly<{}>, {
    handleTriggerClick: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-dropdown--trigger'?(_: {}): any;
        'dsg-dropdown-menu--header'?(_: {}): any;
        'dsg-dropdown-menu-content'?(_: {}): any;
    };
});
export declare const DsgInput: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
        modelValue?: any;
    } & import('./main').DsgInputProps> & Readonly<{
        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
    }>, {
        focus: (isFocused?: boolean) => void;
        validate: () => void;
        callbackValidation: (callback: Function) => void;
        setErrors: (errors: string[]) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        [x: string]: any;
    } & {
        [x: string]: any;
    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        themeInputWrapper: HTMLDivElement;
        creditCardIcon: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('./main').DsgCreditCardIconProps> & Readonly<{}>, {}, {}, {}, {}, {}> | null;
        themeInputEl: HTMLTextAreaElement;
        dsgInputTooltipWrapper: HTMLSpanElement;
        dsgInputClearButtonWrapper: HTMLButtonElement;
    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{
        modelValue?: any;
    } & import('./main').DsgInputProps> & Readonly<{
        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
    }>, {
        focus: (isFocused?: boolean) => void;
        validate: () => void;
        callbackValidation: (callback: Function) => void;
        setErrors: (errors: string[]) => void;
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
    modelValue?: any;
} & import('./main').DsgInputProps> & Readonly<{
    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
}>, {
    focus: (isFocused?: boolean) => void;
    validate: () => void;
    callbackValidation: (callback: Function) => void;
    setErrors: (errors: string[]) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    [x: string]: any;
} & {
    [x: string]: any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        'dsg-input--tooltip-content'?(_: {}): any;
    };
});
export declare const DsgInputSelect: import('vue').DefineComponent<{
    modelValue?: any;
    single?: any;
} & import('./main').DsgInputSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: any) => any;
    "update:single": (value: any) => any;
} & {
    select: (value: any, id: string | number) => any;
    "update:model-value": (value: any) => any;
    "update:modelValue": (value: any) => any;
    tag: (label: any, id: string | number) => any;
    "search-change": (queryTerm: string) => any;
    open: (id: string | number) => any;
    close: (value: any, id: string | number) => any;
    remove: (value: any, id: string | number) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: any;
    single?: any;
} & import('./main').DsgInputSelectProps> & Readonly<{
    onSelect?: ((value: any, id: string | number) => any) | undefined;
    "onUpdate:model-value"?: ((value: any) => any) | undefined;
    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
    onTag?: ((label: any, id: string | number) => any) | undefined;
    "onUpdate:single"?: ((value: any) => any) | undefined;
    "onSearch-change"?: ((queryTerm: string) => any) | undefined;
    onOpen?: ((id: string | number) => any) | undefined;
    onClose?: ((value: any, id: string | number) => any) | undefined;
    onRemove?: ((value: any, id: string | number) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    multiselectEl: import('vue-multiselect').default | null;
}, HTMLDivElement>;
export declare const DsgInputDropdo