import * as styles from "@wizleap-inc/wiz-ui-styles/bases/date-range-picker.css";
import { PropType } from "vue";
import { DateState, DateStatus } from "../../calendar/types";
import { DateRange, DateRangePickerSelectBoxOption } from "./types";
declare const _sfc_main: import("vue").DefineComponent<{
    value: {
        type: PropType<DateRange>;
        required: true;
    };
    expand: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    selectBoxOptions: {
        type: PropType<DateRangePickerSelectBoxOption[]>;
        required: false;
    };
    selectBoxValue: {
        type: StringConstructor;
        required: false;
    };
    /**
     * カレンダー（Popup）の開閉状態を指定します。
     */
    isOpen: {
        type: BooleanConstructor;
        required: true;
    };
    /**
     * `isHover=true`の時、キャンセルアイコンを緑色にします。
     */
    isHover: {
        type: BooleanConstructor;
        required: true;
    };
    isDirectionFixed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
}, {
    __sfc: boolean;
    props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
        value: DateRange;
        isOpen: boolean;
        disabled: boolean;
        expand: boolean;
        isHover: boolean;
        isDirectionFixed: boolean;
    } & {
        selectBoxOptions?: DateRangePickerSelectBoxOption[] | undefined;
        selectBoxValue?: string | undefined;
    }>>>;
    emit: {
        (e: "input", value: DateRange): void;
        (e: "updateSelectBoxValue", value: string): void;
        (e: "updateIsOpen", value: boolean): void;
        (e: "updateIsHover", value: boolean): void;
    };
    isSelectBoxOpen: import("vue").Ref<boolean>;
    selectBoxContainerRef: import("vue").Ref<HTMLElement | undefined>;
    rightCalendarDate: import("vue").Ref<{
        toString: () => string;
        toDateString: () => string;
        toTimeString: () => string;
        toLocaleString: {
            (): string;
            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
        };
        toLocaleDateString: {
            (): string;
            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
        };
        toLocaleTimeString: {
            (): string;
            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
        };
        valueOf: () => number;
        getTime: () => number;
        getFullYear: () => number;
        getUTCFullYear: () => number;
        getMonth: () => number;
        getUTCMonth: () => number;
        getDate: () => number;
        getUTCDate: () => number;
        getDay: () => number;
        getUTCDay: () => number;
        getHours: () => number;
        getUTCHours: () => number;
        getMinutes: () => number;
        getUTCMinutes: () => number;
        getSeconds: () => number;
        getUTCSeconds: () => number;
        getMilliseconds: () => number;
        getUTCMilliseconds: () => number;
        getTimezoneOffset: () => number;
        setTime: (time: number) => number;
        setMilliseconds: (ms: number) => number;
        setUTCMilliseconds: (ms: number) => number;
        setSeconds: (sec: number, ms?: number | undefined) => number;
        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
        setDate: (date: number) => number;
        setUTCDate: (date: number) => number;
        setMonth: (month: number, date?: number | undefined) => number;
        setUTCMonth: (month: number, date?: number | undefined) => number;
        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
        toUTCString: () => string;
        toISOString: () => string;
        toJSON: (key?: any) => string;
        [Symbol.toPrimitive]: {
            (hint: "default"): string;
            (hint: "string"): string;
            (hint: "number"): number;
            (hint: string): string | number;
        };
    }>;
    leftCalendarDate: import("vue").ComputedRef<Date>;
    setIsOpen: (value: boolean) => void;
    setIsHover: (value: boolean) => void;
    onClickCancel: () => void;
    moveToNextMonth: (e: KeyboardEvent | MouseEvent) => void;
    moveToPrevMonth: (e: KeyboardEvent | MouseEvent) => void;
    selectedDates: import("vue").ComputedRef<DateStatus[]>;
    handleDayClick: (date: Date) => void;
    toggleSelectBoxOpen: () => void;
    selectedOption: import("vue").ComputedRef<DateRangePickerSelectBoxOption | undefined>;
    handleSelectBoxOptionClick: (value: string) => void;
    form: {
        isError: Readonly<import("vue").Ref<boolean>>;
        setIsError: (value: boolean) => void;
    } | undefined;
    isError: import("vue").ComputedRef<boolean>;
    borderState: import("vue").ComputedRef<"default" | "active" | "error">;
    ARIA_LABELS: {
        readonly PASSWORD_VISIBLE_TOGGLE: "パスワードの表示切り替え";
        readonly YEAR_SELECTOR_PREV: "前の年へ";
        readonly YEAR_SELECTOR_NEXT: "次の年へ";
        readonly MONTH_SELECTOR_PREV: "前の月へ";
        readonly MONTH_SELECTOR_NEXT: "次の月へ";
        readonly TIME_PICKER_CANCEL: "時間の選択を解除";
        readonly DATE_PICKER_INPUT: "日付を選択";
        readonly DATE_PICKER_CANCEL: "日付の選択を解除";
        readonly RANGE_DATE_PICKER_INPUT: "日付の範囲を選択";
        readonly RANGE_DATE_PICKER_SELECT_BOX_INPUT: "日付の種類を選択";
        readonly DIALOG: {
            readonly CLOSE: "ダイアログを閉じる";
        };
        readonly MENU: "メニュー";
        readonly SEARCH_SELECTOR: {
            readonly UNSELECT: "選択を解除する";
            readonly EXPAND: "開閉する";
        };
        readonly SNACKBAR: {
            readonly CLOSE: "通知を閉じる";
        };
        readonly CHAT_CARD: {
            readonly EXPAND: "チャット画面を開閉する";
        };
        readonly CHAT_FORM: {
            readonly SEND: "送信する";
        };
        readonly RANGE_DATE_PICKER_CANCEL: "日付の範囲の選択を解除";
        readonly PAGINATION: "ページネーション";
        readonly PAGINATION_PREV: "前のページへ";
        readonly PAGINATION_NEXT: "次のページへ";
        readonly INFORMATION_PANEL: {
            readonly CLOSE: "パネルを閉じる";
        };
        readonly FULL_MODAL_VIEW: {
            readonly CLOSE: "モーダルを閉じる";
        };
    };
    styles: typeof styles;
    inputBorderStyle: Record<"default" | "active" | "error", string>;
    formatDateToYYMMDD: (_date: Date) => string;
    WizCalendar: import("vue").DefineComponent<{
        currentMonth: {
            type: PropType<Date>;
            required: false;
            default: Date;
        };
        activeDates: {
            type: PropType<DateStatus[]>;
            required: false;
            default: () => never[];
        };
        filledWeeks: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        disabledDate: {
            type: PropType<(date: Date) => boolean>;
            required: false;
            default: () => false;
        };
    }, {
        __sfc: boolean;
        emits: {
            (e: "click", value: Date): void;
            (e: "clickOnSelectedDate", value: Date): void;
        };
        props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
            disabledDate: (date: Date) => boolean;
            currentMonth: Date;
            activeDates: DateStatus[];
            filledWeeks: boolean;
        } & {}>>>;
        calendars: import("vue").ComputedRef<string[][]>;
        isCurrentMonth: (row: number, col: number) => boolean;
        getDateState: import("vue").ComputedRef<(row: number, col: number) => DateState | "outOfCurrentMonth" | "disabledDate" | "inCurrentMonth">;
        updateSelectedDate: (row: number, col: number, day: string) => void;
        WEEK_LIST_JP: string[];
        calendarCellStyle: string;
        calendarItemCommonStyle: string;
        calendarItemStyle: Record<"primary" | "disabledDate" | "dayOfWeek" | "secondary" | "inCurrentMonth" | "outOfCurrentMonth", string>;
        calendarStyle: string;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "clickOnSelectedDate")[], string, Readonly<import("vue").ExtractPropTypes<{
        currentMonth: {
            type: PropType<Date>;
            required: false;
            default: Date;
        };
        activeDates: {
            type: PropType<DateStatus[]>;
            required: false;
            default: () => never[];
        };
        filledWeeks: {
            type: BooleanConstructor;
            required: false;
            default: boolean;
        };
        disabledDate: {
            type: PropType<(date: Date) => boolean>;
            required: false;
            default: () => false;
        };
    }>>, {
        disabledDate: (date: Date) => boolean;
        currentMonth: Date;
        activeDates: DateStatus[];
        filledWeeks: boolean;
    }>;
    WizCard: import("vue").DefineComponent<{
        p: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
        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;
        };
        backgroundColor: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
            required: false;
            default: string;
        };
        shadow: {
            type: BooleanConstructor;
            required: false;
        };
        border: {
            type: BooleanConstructor;
            required: false;
        };
        align: {
            type: PropType<"stretch" | "center" | "end" | "start">;
            required: false;
            default: string;
        };
        fit: {
            type: BooleanConstructor;
            required: false;
        };
        maxWidth: {
            type: StringConstructor;
            required: false;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
    }, {
        __sfc: boolean;
        cardStyle: string;
        cardFitStyle: string;
        cardBodyStyle: string;
        cardShadowStyle: string;
        cardBorderStyle: string;
        cardHeaderStyle: 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>;
        backgroundStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>; /**
         * `isHover=true`の時、キャンセルアイコンを緑色にします。
         */
        WizVStack: 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: {
                    /**
                     * `isHover=true`の時、キャンセルアイコンを緑色にします。
                     */
                    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: {
                    /**
                     * `isHover=true`の時、キャンセルアイコンを緑色にします。
                     */
                    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;
        }>;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        p: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
        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;
        };
        backgroundColor: {
            type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
            required: false;
            default: string;
        };
        shadow: {
            type: BooleanConstructor;
            required: false;
        };
        border: {
            type: BooleanConstructor;
            required: false;
        };
        align: {
            type: PropType<"stretch" | "center" | "end" | "start">;
            required: false;
            default: string;
        };
        fit: {
            type: BooleanConstructor;
            required: false;
        };
        maxWidth: {
            type: StringConstructor;
            required: false;
        };
        gap: {
            type: PropType<"at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max">;
            required: false;
            default: string;
        };
    }>>, {
        backgroundColor: import("@wizleap-inc/wiz-ui-constants").ColorKeys;
        border: boolean;
        gap: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
        align: "stretch" | "center" | "end" | "start";
        p: "at" | "no" | "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "max";
        shadow: boolean;
        fit: boolean;
    }>;
    WizICalendar: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    WizICancel: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    WizIChevronLeft: 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<{}>>, {}>;
    WizIcon: import("vue").DefineComponent<{
        icon: {
            type: PropType<import('../../../../components').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<import('../../../../components').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";
    }>;
    WizIExpandLess: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    WizIExpandMore: import("vue").DefineComponent<{}, {
        __sfc: boolean;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
    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; /**
             * `isHover=true`の時、キャンセルアイコンを緑色にします。
             */
        };
        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; /**
             * `isHover=true`の時、キャンセルアイコンを緑色にします。
             */
        };
        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;
    }>;
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "updateIsOpen" | "updateIsHover" | "updateSelectBoxValue")[], string, Readonly<import("vue").ExtractPropTypes<{
    value: {
        type: PropType<DateRange>;
        required: true;
    };
    expand: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    disabled: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    selectBoxOptions: {
        type: PropType<DateRangePickerSelectBoxOption[]>;
        required: false;
    };
    selectBoxValue: {
        type: StringConstructor;
        required: false;
    };
    /**
     * カレンダー（Popup）の開閉状態を指定します。
     */
    isOpen: {
        type: BooleanConstructor;
        required: true;
    };
    /**
     * `isHover=true`の時、キャンセルアイコンを緑色にします。
     */
    isHover: {
        type: BooleanConstructor;
        required: true;
    };
    isDirectionFixed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
}>>, {
    disabled: boolean;
    expand: boolean;
    isDirectionFixed: boolean;
}>;
export default _sfc_main;