@bitrix24/b24ui-nuxt/dist/runtime/components/Slideover.vue.d.ts

Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE

import type { VariantProps } from 'tailwind-variants';
import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
import type { ButtonProps, IconComponent } from '../types';
import type { EmitsToProps } from '../types/utils';
declare const slideover: import("tailwind-variants").TVReturnType<{
    overlayBlur: {
        auto: {
            overlay: string;
        };
        on: {
            overlay: string;
        };
        off: {
            overlay: string;
        };
    };
    side: {
        top: {
            content: string;
        };
        right: {
            content: string;
        };
        bottom: {
            content: string;
        };
        left: {
            content: string;
        };
    };
    transition: {
        true: {
            overlay: string;
        };
    };
    scrollbarThin: {
        true: {
            body: string;
        };
    };
}, {
    overlay: string;
    content: string;
    header: string;
    wrapper: string;
    body: string;
    footer: string;
    title: string;
    description: string;
    close: string;
    safeList: string;
}, undefined, {
    overlayBlur: {
        auto: {
            overlay: string;
        };
        on: {
            overlay: string;
        };
        off: {
            overlay: string;
        };
    };
    side: {
        top: {
            content: string;
        };
        right: {
            content: string;
        };
        bottom: {
            content: string;
        };
        left: {
            content: string;
        };
    };
    transition: {
        true: {
            overlay: string;
        };
    };
    scrollbarThin: {
        true: {
            body: string;
        };
    };
}, {
    overlay: string;
    content: string;
    header: string;
    wrapper: string;
    body: string;
    footer: string;
    title: string;
    description: string;
    close: string;
    safeList: string;
}, import("tailwind-variants").TVReturnType<{
    overlayBlur: {
        auto: {
            overlay: string;
        };
        on: {
            overlay: string;
        };
        off: {
            overlay: string;
        };
    };
    side: {
        top: {
            content: string;
        };
        right: {
            content: string;
        };
        bottom: {
            content: string;
        };
        left: {
            content: string;
        };
    };
    transition: {
        true: {
            overlay: string;
        };
    };
    scrollbarThin: {
        true: {
            body: string;
        };
    };
}, {
    overlay: string;
    content: string;
    header: string;
    wrapper: string;
    body: string;
    footer: string;
    title: string;
    description: string;
    close: string;
    safeList: string;
}, undefined, {
    overlayBlur: {
        auto: {
            overlay: string;
        };
        on: {
            overlay: string;
        };
        off: {
            overlay: string;
        };
    };
    side: {
        top: {
            content: string;
        };
        right: {
            content: string;
        };
        bottom: {
            content: string;
        };
        left: {
            content: string;
        };
    };
    transition: {
        true: {
            overlay: string;
        };
    };
    scrollbarThin: {
        true: {
            body: string;
        };
    };
}, {
    overlay: string;
    content: string;
    header: string;
    wrapper: string;
    body: string;
    footer: string;
    title: string;
    description: string;
    close: string;
    safeList: string;
}, import("tailwind-variants").TVReturnType<{
    overlayBlur: {
        auto: {
            overlay: string;
        };
        on: {
            overlay: string;
        };
        off: {
            overlay: string;
        };
    };
    side: {
        top: {
            content: string;
        };
        right: {
            content: string;
        };
        bottom: {
            content: string;
        };
        left: {
            content: string;
        };
    };
    transition: {
        true: {
            overlay: string;
        };
    };
    scrollbarThin: {
        true: {
            body: string;
        };
    };
}, {
    overlay: string;
    content: string;
    header: string;
    wrapper: string;
    body: string;
    footer: string;
    title: string;
    description: string;
    close: string;
    safeList: string;
}, undefined, unknown, unknown, undefined>>>;
type SlideoverVariants = VariantProps<typeof slideover>;
export interface SlideoverProps extends DialogRootProps {
    title?: string;
    description?: string;
    /**
     * The content of the slideover
     */
    content?: Omit<DialogContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<DialogContentEmits>>;
    /**
     * Render an overlay behind the slideover.
     * @defaultValue true
     */
    overlay?: boolean;
    /**
     * Render an overlay blur behind the slideover.
     * `auto` use `motion-safe`.
     * @defaultValue 'auto'
     */
    overlayBlur?: SlideoverVariants['overlayBlur'];
    /**
     * Animate the slideover when opening or closing.
     * @defaultValue true
     */
    transition?: boolean;
    /**
     * The side of the slideover.
     * @defaultValue 'right'
     */
    side?: SlideoverVariants['side'];
    /**
     * Render the slideover in a portal.
     * @defaultValue true
     */
    portal?: boolean;
    /**
     * Display a close button to dismiss the slideover.
     * `{ color: 'primary' }`{lang="ts"} for `left`, `right`
     * `{ color: 'link' }`{lang="ts"} for `top`, `bottom`
     * @defaultValue true
     */
    close?: boolean | Partial<ButtonProps>;
    /**
     * The icon displayed in the close button.
     * @defaultValue icons.close
     * @IconifyIcon
     */
    closeIcon?: IconComponent;
    /**
     * When `false`, the slideover will not close when clicking outside or pressing escape.
     * @defaultValue false
     */
    dismissible?: boolean;
    /**
     * @defaultValue true
     */
    scrollbarThin?: boolean;
    class?: any;
    b24ui?: Partial<typeof slideover.slots>;
}
export interface SlideoverEmits extends DialogRootEmits {
    'after:leave': [];
}
export interface SlideoverSlots {
    default(props: {
        open: boolean;
    }): any;
    content(props?: {}): any;
    header(props?: {}): any;
    title(props?: {}): any;
    description(props?: {}): any;
    close(props: {
        b24ui: ReturnType<typeof slideover>;
    }): any;
    body(props?: {}): any;
    footer(props?: {}): any;
}
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SlideoverProps>, {
    close: boolean;
    portal: boolean;
    overlay: boolean;
    transition: boolean;
    modal: boolean;
    dismissible: boolean;
    side: string;
    scrollbarThin: boolean;
    overlayBlur: string;
}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
    modal: boolean;
    close: boolean | Partial<ButtonProps>;
    portal: boolean;
    overlay: boolean;
    side: "right" | "left" | "top" | "bottom";
    overlayBlur: "off" | "auto" | "on";
    transition: boolean;
    scrollbarThin: boolean;
    dismissible: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<SlideoverSlots> & SlideoverSlots>;
export default _default;
type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
        default: D[K];
    }> : P[K];
};
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToOption<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
type __VLS_PrettifyLocal<T> = {
    [K in keyof T]: T[K];
} & {};