import { PropType } from "vue";
import { TIcon } from '../../../../components/icons';
import { SearchInputOption } from "./types";
declare const _sfc_main: import("vue").DefineComponent<{
    options: {
        type: PropType<SearchInputOption[]>;
        required: true;
    };
    values: {
        type: PropType<number[]>;
        required: true;
    };
    name: {
        type: StringConstructor;
        required: true;
    };
    placeholder: {
        type: StringConstructor;
        required: false;
    };
    disabled: {
        type: BooleanConstructor;
        required: false;
    };
    expand: {
        type: BooleanConstructor;
        required: false;
    };
    inputWidth: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    popupWidth: {
        type: StringConstructor;
        required: false;
    };
    openPopup: {
        type: BooleanConstructor;
        required: true;
    };
    isDirectionFixed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    icon: {
        type: PropType<TIcon>;
        required: false;
        default: import("vue").DefineComponent<{}, {
            __sfc: boolean;
        }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    };
}, {
    __sfc: boolean;
    props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
        name: string;
        values: number[];
        icon: TIcon;
        disabled: boolean;
        expand: boolean;
        isDirectionFixed: boolean;
        options: SearchInputOption[];
        inputWidth: string;
        openPopup: boolean;
    } & {
        placeholder?: string | undefined;
        popupWidth?: string | undefined;
    }>>>;
    emit: {
        (e: "input", value: number[]): void;
        (e: "click"): void;
        (e: "toggle", value: boolean): void;
    };
    checkValues: import("vue").WritableComputedRef<number[]>;
    inputValues: (value: number[]) => void;
    searchValue: import("vue").Ref<string>;
    filteredOptions: import("vue").Ref<{
        label: string;
        value: number;
        tag?: {
            label: string;
        } | undefined;
        children: any[];
    }[]>;
    selectedItem: import("vue").Ref<number[]>;
    activeItem: import("vue").Ref<number | null | undefined>;
    activeItemIndex: import("vue").Ref<number | null>;
    hasFocus: import("vue").Ref<boolean>;
    isBorder: import("vue").Ref<boolean>;
    state: import("vue").ComputedRef<"default" | "active">;
    computedInputWidth: import("vue").ComputedRef<string>;
    computedPopupWidth: import("vue").ComputedRef<string | undefined>;
    computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
    onMouseover: (value: number) => void;
    filterOptions: (match: (label: string) => boolean) => (options: SearchInputOption[]) => SearchInputOption[];
    searchBy: (keyword: string) => (str: string) => boolean;
    THEME: {
        readonly color: {
            gradient: string;
            transparent: string;
            green: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            blue: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            red: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            yellow: {
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
            };
            gray: {
                "200": string;
                "300": string;
                "400": string;
                "500": string;
                "600": string;
                "700": string;
                "800": string;
                "900": string;
            };
            white: {
                "500": string;
                "800": string;
            };
        };
        readonly spacing: {
            readonly no: "0";
            readonly xs2: "0.25rem";
            readonly xs: "0.5rem";
            readonly sm: "0.75rem";
            readonly md: "1rem";
            readonly lg: "1.25rem";
            readonly xl: "1.5rem";
            readonly xl2: "2rem";
            readonly xl3: "2.5rem";
            readonly xl4: "3rem";
            readonly max: "9999px";
            readonly at: "auto";
        };
        readonly fontSize: {
            readonly xs3: "0.5rem";
            readonly xs2: "0.625rem";
            readonly xs: "0.75rem";
            readonly sm: "0.875rem";
            readonly md: "1rem";
            readonly lg: "1.125rem";
            readonly xl: "1.25rem";
            readonly xl2: "1.5rem";
            readonly xl3: "1.75rem";
            readonly xl4: "2rem";
            readonly xl5: "2.25rem";
            readonly xl6: "2.5rem";
        };
        readonly fontWeight: {
            readonly thin: 100;
            readonly extralight: 200;
            readonly light: 300;
            readonly normal: 400;
            readonly medium: 500;
            readonly semibold: 600;
            readonly bold: 700;
        };
        readonly breakpoint: {
            readonly sm: "576px";
            readonly md: "768px";
            readonly lg: "992px";
            readonly xl: "1200px";
        };
        readonly shadow: {
            none: string;
            sm: string;
            md: string;
        };
        readonly zIndex: {
            readonly base: "0";
            readonly floating: "1000";
            readonly dialog: "2000";
            readonly popover: "3000";
            readonly overlay: "4000";
        };
        readonly share: {
            HEADER_HEIGHT: string;
        };
    };
    searchBlockBorderRadiusStyle: string;
    searchBlockBorderStyle: string;
    searchBlockStyle: string;
    searchCheckboxBlockCheckedStyle: string;
    searchCheckboxIconStyle: string;
    searchCheckboxInputStyle: string;
    searchCheckboxLabelCheckedStyle: string;
    searchCheckboxLabelStyle: string;
    searchDropdownCheckboxItemStyle: string;
    searchDropdownItemStyle: string;
    searchDropdownLabelStyle: string;
    searchDropdownSelectingItemStyle: string;
    searchInputDisabledStyle: string;
    searchInputIconStyle: string;
    searchInputStyle: string;
    searchStyle: string;
    inputBorderStyle: Record<"default" | "active" | "error", string>;
    WizDivider: import("vue").DefineComponent<{
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
            required: false;
            default: string;
        };
        variant: {
            type: PropType<"dashed" | "dotted" | "solid">;
            required: false;
            default: string;
        };
        direction: {
            type: PropType<"horizontal" | "vertical">;
            required: false;
            default: string;
        };
    }, {
        __sfc: boolean;
        dividerStyle: Record<"dashed" | "dotted" | "solid", string>;
        dividerDirectionStyle: Record<"horizontal" | "vertical", string>;
        borderColorStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
            required: false;
            default: string;
        };
        variant: {
            type: PropType<"dashed" | "dotted" | "solid">;
            required: false;
            default: string;
        };
        direction: {
            type: PropType<"horizontal" | "vertical">;
            required: false;
            default: string;
        };
    }>>, {
        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
        direction: "horizontal" | "vertical";
        variant: "dashed" | "dotted" | "solid";
    }>;
    WizHStack: import("vue").DefineComponent<{
        align: {
            type: PropType<"stretch" | "center" | "end" | "start">;
            required: false;
        };
        justify: {
            type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
            required: false;
        };
        wrap: {
            type: BooleanConstructor;
            required: false;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        gx: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        gy: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        p: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pt: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pr: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pb: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pl: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        px: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        py: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        m: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mt: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mr: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mb: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        ml: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mx: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        my: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        width: {
            type: StringConstructor;
            required: false;
        };
        height: {
            type: StringConstructor;
            required: false;
        };
        overflow: {
            type: StringConstructor;
            required: false;
        };
        reverse: {
            type: BooleanConstructor;
            required: false;
        };
        position: {
            type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
            required: false;
        };
    }, {
        __sfc: boolean;
        WizStack: import("vue").DefineComponent<{
            direction: {
                type: PropType<"horizontal" | "vertical">;
                required: false;
                default: string;
            };
            align: {
                type: PropType<"stretch" | "center" | "end" | "start">;
                required: false;
                default: string;
            };
            justify: {
                type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
                required: false;
                default: string;
            };
            wrap: {
                type: BooleanConstructor;
                required: false;
                default: boolean;
            };
            gap: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            gx: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            gy: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            p: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pt: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pr: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pb: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pl: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            px: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            py: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            m: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mt: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mr: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mb: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            ml: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mx: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            my: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            width: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            height: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            overflow: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            reverse: {
                type: BooleanConstructor;
                required: false;
            };
            position: {
                type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
                required: false;
            };
        }, {
            __sfc: boolean;
            props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
                reverse: boolean;
                width: string;
                direction: "horizontal" | "vertical";
                height: string;
                overflow: string;
                wrap: boolean;
                justify: "center" | "end" | "start" | "between" | "around" | "evenly";
                align: "stretch" | "center" | "end" | "start";
            } & {
                position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
                gap?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                gx?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                gy?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                p?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                pt?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                pr?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                pb?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                pl?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                px?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                py?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                m?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                mt?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                mr?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                mb?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                ml?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                mx?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
                my?: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max" | undefined;
            }>>>;
            computedDirection: import("vue").ComputedRef<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse">;
            stackStyle: string;
            stackDirectionStyle: Record<"horizontal" | "vertical" | "horizontalReverse" | "verticalReverse", string>;
            stackJustifyStyle: Record<"center" | "end" | "start" | "between" | "around" | "evenly", string>;
            stackAlignStyle: Record<"stretch" | "center" | "end" | "start", string>;
            stackWrapStyle: string;
            stackPositionStyle: Record<"fixed" | "absolute" | "relative" | "static" | "sticky", string>;
            gapStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            gapXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            gapYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginTopStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginRightStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginBottomStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            marginLeftStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingXStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingYStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingTopStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingRightStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingBottomStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
            paddingLeftStyle: Record<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max", string>;
        }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
            direction: {
                type: PropType<"horizontal" | "vertical">;
                required: false;
                default: string;
            };
            align: {
                type: PropType<"stretch" | "center" | "end" | "start">;
                required: false;
                default: string;
            };
            justify: {
                type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
                required: false;
                default: string;
            };
            wrap: {
                type: BooleanConstructor;
                required: false;
                default: boolean;
            };
            gap: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            gx: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            gy: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            p: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pt: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pr: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pb: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            pl: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            px: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            py: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            m: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mt: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mr: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mb: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            ml: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            mx: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            my: {
                type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
                required: false;
            };
            width: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            height: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            overflow: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            reverse: {
                type: BooleanConstructor;
                required: false;
            };
            position: {
                type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
                required: false;
            };
        }>>, {
            reverse: boolean;
            width: string;
            direction: "horizontal" | "vertical";
            height: string;
            overflow: string;
            wrap: boolean;
            justify: "center" | "end" | "start" | "between" | "around" | "evenly";
            align: "stretch" | "center" | "end" | "start";
        }>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        align: {
            type: PropType<"stretch" | "center" | "end" | "start">;
            required: false;
        };
        justify: {
            type: PropType<"center" | "end" | "start" | "between" | "around" | "evenly">;
            required: false;
        };
        wrap: {
            type: BooleanConstructor;
            required: false;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        gx: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        gy: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        p: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pt: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pr: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pb: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        pl: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        px: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        py: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        m: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mt: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mr: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mb: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        ml: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        mx: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        my: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
        };
        width: {
            type: StringConstructor;
            required: false;
        };
        height: {
            type: StringConstructor;
            required: false;
        };
        overflow: {
            type: StringConstructor;
            required: false;
        };
        reverse: {
            type: BooleanConstructor;
            required: false;
        };
        position: {
            type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
            required: false;
        };
    }>>, {
        reverse: boolean;
        wrap: boolean;
    }>;
    WizIcon: import("vue").DefineComponent<{
        icon: {
            type: PropType<TIcon>;
            required: true;
        };
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
            required: false;
            default: string;
        };
        size: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
    }, {
        __sfc: boolean;
        iconStyle: string;
        iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
        iconDefaultStyle: string;
        fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
        fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        icon: {
            type: PropType<TIcon>;
            required: true;
        };
        color: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
            required: false;
            default: string;
        };
        size: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
    }>>, {
        color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
        size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
    }>;
    WizPopup: import("vue").DefineComponent<{
        isOpen: {
            type: BooleanConstructor;
            required: true;
        };
        closeOnBlur: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        layer: {
            type: PropType<"overlay" | "base" | "floating" | "popover">;
            required: false;
            default: string;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
        direction: {
            type: PropType<"tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb">;
            required: false;
            default: string;
        };
        shadow: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        animation: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isDirectionFixed: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
    }, {
        __sfc: boolean;
        props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
            isOpen: boolean;
            direction: "tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb";
            animation: boolean;
            gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
            isDirectionFixed: boolean;
            closeOnBlur: boolean;
            layer: "overlay" | "base" | "floating" | "popover";
            shadow: boolean;
        } & {}>>>;
        emit: {
            (event: "onClose", isOpen: boolean): void;
            (event: "onTurn", direction: "tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb"): void;
            (event: "mouseLeave", e: MouseEvent): void;
        };
        isActuallyOpen: import("vue").Ref<boolean>;
        popupRef: import("vue").Ref<HTMLElement | undefined>;
        popupSize: {
            width: number;
            height: number;
        };
        injected: {
            initialPxInfo: {
                top: number;
                left: number;
                right: number;
                bottom: number;
                width: number;
                height: number;
            };
            bodyPxInfo: {
                readonly top: number;
                readonly left: number;
                readonly right: number;
                readonly bottom: number;
                readonly width: number;
                readonly height: number;
            };
            updateBodyPxInfo: () => void;
            containerRef: import("vue").Ref<HTMLElement | undefined>;
        };
        bodyPxInfo: {
            readonly top: number;
            readonly left: number;
            readonly right: number;
            readonly bottom: number;
            readonly width: number;
            readonly height: number;
        };
        updateBodyPxInfo: () => void;
        containerRef: import("vue").Ref<HTMLElement | undefined>;
        togglePopup: () => boolean | undefined;
        existsFixedOrStickyParent: (el: HTMLElement | null) => HTMLElement | null;
        removeScrollHandler: null;
        onChangeIsOpen: (newValue: boolean) => void;
        observer: ResizeObserver;
        popupRect: import("vue").ComputedRef<{
            width: number;
            height: number;
            left: number;
            top: number;
            right: number;
            bottom: number;
        }>;
        spaceBetweenPopupAndWindow: import("vue").ComputedRef<{
            top: number;
            right: number;
            bottom: number;
            left: number;
        }>;
        isDirectionChar: (char: string) => char is "t" | "c" | "b" | "l" | "r";
        directionToTuple: (direction: "tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb") => ["t" | "c" | "b" | "l" | "r", "t" | "c" | "b" | "l" | "r"];
        convertDirection: (char: "t" | "c" | "b" | "l" | "r") => "c" | "b" | "t" | "r" | "l";
        computedDirection: import("vue").ComputedRef<"tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb">;
        isFixed: import("vue").ComputedRef<boolean>;
        inset: import("vue").ComputedRef<string>;
        popupTranslate: import("vue").ComputedRef<string>;
        mouseLeave: (e: MouseEvent) => void;
        popupFixedStyle: string;
        popupHiddenStyle: string;
        popupShadowStyle: string;
        popupStyle: string;
        zIndexStyle: Record<"overlay" | "base" | "floating" | "dialog" | "popover", string>;
        MountingPortal: import("vue").VueConstructor<{
            append: string | boolean;
            bail: boolean;
            mountTo: string;
            disabled: boolean;
            name: string;
            order: number;
            slim: boolean;
            slotProps: any;
            tag: string;
            to: string;
            multiple: boolean;
            targetSlim: boolean;
            targetSlotProps: any;
            targetTag: string;
            transition: import("portal-vue/types/lib/types").PropWithComponent;
        } & import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>> & {
            portalTarget: any;
        }>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("onClose" | "onTurn" | "mouseLeave")[], string, Readonly<import("vue").ExtractPropTypes<{
        isOpen: {
            type: BooleanConstructor;
            required: true;
        };
        closeOnBlur: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        layer: {
            type: PropType<"overlay" | "base" | "floating" | "popover">;
            required: false;
            default: string;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
        direction: {
            type: PropType<"tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb">;
            required: false;
            default: string;
        };
        shadow: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        animation: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        isDirectionFixed: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
    }>>, {
        direction: "tc" | "bc" | "lc" | "rc" | "tl" | "tr" | "bl" | "br" | "rt" | "rb" | "lt" | "lb";
        animation: boolean;
        gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
        isDirectionFixed: boolean;
        closeOnBlur: boolean;
        layer: "overlay" | "base" | "floating" | "popover";
        shadow: boolean;
    }>;
    WizPopupContainer: import("vue").DefineComponent<{
        expand: {
            type: BooleanConstructor;
            required: false;
        };
    }, {
        __sfc: boolean;
        popupContainerRef: import("vue").Ref<HTMLElement | undefined>;
        provider: {
            initialPxInfo: {
                top: number;
                left: number;
                right: number;
                bottom: number;
                width: number;
                height: number;
            };
            bodyPxInfo: {
                readonly top: number;
                readonly left: number;
                readonly right: number;
                readonly bottom: number;
                readonly width: number;
                readonly height: number;
            };
            updateBodyPxInfo: () => void;
            containerRef: import("vue").Ref<HTMLElement | undefined>;
        };
        popupContainerStyle: Record<"default" | "expanded", string>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        expand: {
            type: BooleanConstructor;
            required: false;
        };
    }>>, {
        expand: boolean;
    }>;
    WizSearchPopup: any;
    WizTag: import("vue").DefineComponent<{
        label: {
            type: StringConstructor;
            required: true;
        };
        icon: {
            type: PropType<TIcon>;
            required: false;
        };
        variant: {
            type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
            required: false;
            default: string;
        };
        fontSize: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
        fontWeight: {
            type: PropType<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold">;
            required: false;
            default: string;
        };
        round: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        width: {
            type: StringConstructor;
            required: false;
        };
    }, {
        __sfc: boolean;
        THEME: {
            readonly color: {
                gradient: string;
                transparent: string;
                green: {
                    "300": string;
                    "400": string;
                    "500": string;
                    "600": string;
                    "700": string;
                    "800": string;
                };
                blue: {
                    "300": string;
                    "400": string;
                    "500": string;
                    "600": string;
                    "700": string;
                    "800": string;
                };
                red: {
                    "300": string;
                    "400": string;
                    "500": string;
                    "600": string;
                    "700": string;
                    "800": string;
                };
                yellow: {
                    "300": string;
                    "400": string;
                    "500": string;
                    "600": string;
                    "700": string;
                    "800": string;
                };
                gray: {
                    "200": string;
                    "300": string;
                    "400": string;
                    "500": string;
                    "600": string;
                    "700": string;
                    "800": string;
                    "900": string;
                };
                white: {
                    "500": string;
                    "800": string;
                };
            };
            readonly spacing: {
                readonly no: "0";
                readonly xs2: "0.25rem";
                readonly xs: "0.5rem";
                readonly sm: "0.75rem";
                readonly md: "1rem";
                readonly lg: "1.25rem";
                readonly xl: "1.5rem";
                readonly xl2: "2rem";
                readonly xl3: "2.5rem";
                readonly xl4: "3rem";
                readonly max: "9999px";
                readonly at: "auto";
            };
            readonly fontSize: {
                readonly xs3: "0.5rem";
                readonly xs2: "0.625rem";
                readonly xs: "0.75rem";
                readonly sm: "0.875rem";
                readonly md: "1rem";
                readonly lg: "1.125rem";
                readonly xl: "1.25rem";
                readonly xl2: "1.5rem";
                readonly xl3: "1.75rem";
                readonly xl4: "2rem";
                readonly xl5: "2.25rem";
                readonly xl6: "2.5rem";
            };
            readonly fontWeight: {
                readonly thin: 100;
                readonly extralight: 200;
                readonly light: 300;
                readonly normal: 400;
                readonly medium: 500;
                readonly semibold: 600;
                readonly bold: 700;
            };
            readonly breakpoint: {
                readonly sm: "576px";
                readonly md: "768px";
                readonly lg: "992px";
                readonly xl: "1200px";
            };
            readonly shadow: {
                none: string;
                sm: string;
                md: string;
            };
            readonly zIndex: {
                readonly base: "0";
                readonly floating: "1000";
                readonly dialog: "2000";
                readonly popover: "3000";
                readonly overlay: "4000";
            };
            readonly share: {
                HEADER_HEIGHT: string;
            };
        };
        tagColorStyle: Record<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill", string>;
        tagIconColorStyle: Record<string, import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
        tagStyle: string;
        fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
        fontWeightStyle: Record<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold", string>;
        WizIcon: import("vue").DefineComponent<{
            icon: {
                type: PropType<TIcon>;
                required: true;
            };
            color: {
                type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
                required: false;
                default: string;
            };
            size: {
                type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
                required: false;
                default: string;
            };
        }, {
            __sfc: boolean;
            iconStyle: string;
            iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
            iconDefaultStyle: string;
            fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
            fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
        }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
            icon: {
                type: PropType<TIcon>;
                required: true;
            };
            color: {
                type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
                required: false;
                default: string;
            };
            size: {
                type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
                required: false;
                default: string;
            };
        }>>, {
            color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
            size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
        }>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        label: {
            type: StringConstructor;
            required: true;
        };
        icon: {
            type: PropType<TIcon>;
            required: false;
        };
        variant: {
            type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
            required: false;
            default: string;
        };
        fontSize: {
            type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
            required: false;
            default: string;
        };
        fontWeight: {
            type: PropType<"bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold">;
            required: false;
            default: string;
        };
        round: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        width: {
            type: StringConstructor;
            required: false;
        };
    }>>, {
        fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
        fontWeight: "bold" | "normal" | "medium" | "thin" | "light" | "extralight" | "semibold";
        round: boolean;
        variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
    }>;
    WizICheck: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    WizIChevronRight: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("toggle" | "click" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
    options: {
        type: PropType<SearchInputOption[]>;
        required: true;
    };
    values: {
        type: PropType<number[]>;
        required: true;
    };
    name: {
        type: StringConstructor;
        required: true;
    };
    placeholder: {
        type: StringConstructor;
        required: false;
    };
    disabled: {
        type: BooleanConstructor;
        required: false;
    };
    expand: {
        type: BooleanConstructor;
        required: false;
    };
    inputWidth: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    popupWidth: {
        type: StringConstructor;
        required: false;
    };
    openPopup: {
        type: BooleanConstructor;
        required: true;
    };
    isDirectionFixed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    icon: {
        type: PropType<TIcon>;
        required: false;
        default: import("vue").DefineComponent<{}, {
            __sfc: boolean;
        }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    };
}>>, {
    icon: TIcon;
    disabled: boolean;
    expand: boolean;
    isDirectionFixed: boolean;
    inputWidth: string;
}>;
export default _sfc_main;