@maple-design/ui-vue 1.1.0 → 1.1.1

package/types-generated/time/presentation/TimePanelContent.vue.d.ts

@@ -1,4 +1,5 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
+import { temporalText as t } from '../../locale/temporal-text';
 import { formatElevation } from '../../utils/components';
 import type { TimeValue } from '../time-value';
 import type { useTimePanel } from '../use-time-panel';
@@ -46,7 +47,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     n: (suffix?: string | undefined) => string;
     classes: (...names: (import("../../utils/components").NamespaceClass | [unknown, import("../../utils/components").NamespaceClass, import("../../utils/components").NamespaceClass?])[]) => import("../../utils/components").NamespaceClass[];
     formatElevation: typeof formatElevation;
-    t: (id: string) => any;
+    t: typeof t;
     pt: ((id: string) => string | undefined) | null;
     draft: import("vue").ShallowRef<TimeValue | undefined>;
     blocked: import("vue").ComputedRef<boolean>;
@@ -127,7 +128,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {
-    MpButton: import("../../utils/components").ComponentWithInstall<{
+    MpButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
             status: {
                 type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
@@ -390,130 +391,1120 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
             default?: ((props: {}) => any) | undefined;
         };
     }) & {
-        Group: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    };
+    MpPicker: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+            safeArea: BooleanConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: PropType<import("../..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            modelValue: {
+                type: PropType<(string | number)[]>;
+                default: undefined;
+            };
+            defaultValue: {
+                type: PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            columns: {
+                type: PropType<import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][]>;
+                default: () => never[];
+            };
+            title: StringConstructor;
+            fieldNames: {
+                type: PropType<import("../../utils/options").FieldNames>;
+                default: undefined;
+            };
+            toolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+            selectedValues: {
+                type: PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            cascade: BooleanConstructor;
+            optionHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            optionCount: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            columnsCount: (NumberConstructor | StringConstructor)[];
+            confirmButtonText: StringConstructor;
+            cancelButtonText: StringConstructor;
+            confirmButtonTextColor: StringConstructor;
+            cancelButtonTextColor: StringConstructor;
+            dynamic: BooleanConstructor;
+        }>> & Readonly<{
+            onCancel?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            onChange?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+            "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((open: boolean) => any) | undefined;
+            onConfirm?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+        }>, {
+            describeError: (value: unknown) => string | undefined;
+            mergedError: import("vue").ComputedRef<boolean>;
+            mergedOpen: import("vue").ComputedRef<boolean>;
+            controlId: string;
+            handleColumnKeydown: (event: KeyboardEvent, column: import("../../picker/Picker.vue").ScrollColumn) => void;
+            optionHeight: import("vue").ComputedRef<number>;
+            optionCount: import("vue").ComputedRef<number>;
+            scrollColumns: import("vue").Ref<{
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[], import("../../picker/Picker.vue").ScrollColumn[] | {
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[]>;
+            columnHeight: import("vue").ComputedRef<number>;
+            center: import("vue").ComputedRef<number>;
+            confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+            Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
+            toRaw: typeof import("vue").toRaw;
+            pt: ((id: string) => string | undefined) | null;
+            t: typeof t;
+            n: (suffix?: string | undefined) => string;
+            classes: (...names: (import("../../utils/components").NamespaceClass | [unknown, import("../../utils/components").NamespaceClass, import("../../utils/components").NamespaceClass?])[]) => import("../../utils/components").NamespaceClass[];
+            isOptionSelected: (option: import("../..").PickerColumnOption) => boolean;
+            isOptionDisabled: (option?: import("../..").PickerColumnOption | undefined) => boolean;
+            setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            getOptionKey: (key: "value" | "text" | "children") => string;
+            getValue: (option: import("../..").PickerColumnOption) => string | number;
+            handlePopupUpdateShow: (value: boolean) => void;
+            handlePopupOverlayClick: (event: MouseEvent) => void;
+            handlePopupKeyEscape: (event: KeyboardEvent) => void;
+            handleTouchstart: (event: TouchEvent, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTouchmove: (event: TouchEvent, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTouchend: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTransitionend: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn, event?: TransitionEvent | undefined) => void;
+            confirm: () => void;
+            cancel: () => void;
+            handleClick: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn, index: number) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            confirm: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
+            cancel: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
+            change: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
+            'update:open': (open: boolean) => true;
+            'update:modelValue': (value: (string | number)[]) => true;
+            open: () => true;
+            opened: () => true;
+            close: () => true;
+            closed: () => true;
+            'click-overlay': (event: MouseEvent) => true;
+            'key-escape': (event: KeyboardEvent) => true;
+        }, import("vue").PublicProps, {
+            optionHeight: string | number;
+            optionCount: string | number;
+            modelValue: (string | number)[];
+            defaultValue: (string | number)[];
+            disabled: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: import("../..").PopupContainer;
+            safeArea: boolean;
+            toolbar: boolean;
+            fieldNames: import("../../utils/options").FieldNames;
+            columns: import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][];
+            selectedValues: (string | number)[];
+            cascade: boolean;
+            dynamic: boolean;
+        }, true, {}, import("vue").SlotsType<import("../..").PickerSlots>, {
+            MIconCheck: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                install(app: import("vue").App<any>): void;
+            };
+            MpButton: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+                    status: {
+                        type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                        validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                    };
+                    variant: {
+                        type: PropType<"default" | "text" | "tonal" | "outline">;
+                        validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                    };
+                    size: {
+                        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                        validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                    };
+                    htmlType: {
+                        type: PropType<"button" | "reset" | "submit">;
+                        default: string;
+                        validator: (v: "button" | "reset" | "submit") => boolean;
+                    };
+                    component: {
+                        type: PropType<"a" | "button">;
+                        default: string;
+                        validator: (v: "a" | "button") => boolean;
+                    };
+                    round: BooleanConstructor;
+                    block: BooleanConstructor;
+                    loading: BooleanConstructor;
+                    loadingType: {
+                        type: PropType<import("../..").LoadingType>;
+                        default: string;
+                    };
+                    loadingMode: {
+                        type: PropType<"fill" | "default" | "line">;
+                        default: string;
+                        validator: (v: "fill" | "default" | "line") => boolean;
+                    };
+                    loadingSize: PropType<import("../..").LoadingSize>;
+                    loadingColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    ripple: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    focusable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofocus: BooleanConstructor;
+                    textColor: StringConstructor;
+                    color: StringConstructor;
+                    elevation: {
+                        type: PropType<number | boolean>;
+                        default: boolean;
+                    };
+                    stacked: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    elevation: number | boolean;
+                    disabled: boolean;
+                    loading: boolean;
+                    component: "a" | "button";
+                    ripple: boolean;
+                    loadingMode: "fill" | "default" | "line";
+                    autofocus: boolean;
+                    stacked: boolean;
+                    htmlType: "button" | "reset" | "submit";
+                    round: boolean;
+                    block: boolean;
+                    loadingType: import("../..").LoadingType;
+                    loadingColor: string;
+                    focusable: boolean;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<ExtractPropTypes<{
+                    status: {
+                        type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
+                        validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                    };
+                    variant: {
+                        type: PropType<"default" | "text" | "tonal" | "outline">;
+                        validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
+                    };
+                    size: {
+                        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+                        validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                    };
+                    htmlType: {
+                        type: PropType<"button" | "reset" | "submit">;
+                        default: string;
+                        validator: (v: "button" | "reset" | "submit") => boolean;
+                    };
+                    component: {
+                        type: PropType<"a" | "button">;
+                        default: string;
+                        validator: (v: "a" | "button") => boolean;
+                    };
+                    round: BooleanConstructor;
+                    block: BooleanConstructor;
+                    loading: BooleanConstructor;
+                    loadingType: {
+                        type: PropType<import("../..").LoadingType>;
+                        default: string;
+                    };
+                    loadingMode: {
+                        type: PropType<"fill" | "default" | "line">;
+                        default: string;
+                        validator: (v: "fill" | "default" | "line") => boolean;
+                    };
+                    loadingSize: PropType<import("../..").LoadingSize>;
+                    loadingColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    ripple: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    focusable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofocus: BooleanConstructor;
+                    textColor: StringConstructor;
+                    color: StringConstructor;
+                    elevation: {
+                        type: PropType<number | boolean>;
+                        default: boolean;
+                    };
+                    stacked: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    elevation: number | boolean;
+                    disabled: boolean;
+                    loading: boolean;
+                    component: "a" | "button";
+                    ripple: boolean;
+                    loadingMode: "fill" | "default" | "line";
+                    autofocus: boolean;
+                    stacked: boolean;
+                    htmlType: "button" | "reset" | "submit";
+                    round: boolean;
+                    block: boolean;
+                    loadingType: import("../..").LoadingType;
+                    loadingColor: string;
+                    focusable: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
                 status: {
                     type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                    default: string;
-                    validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                    validator: (v: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                };
+                variant: {
+                    type: PropType<"default" | "text" | "tonal" | "outline">;
+                    validator: (v: "default" | "text" | "tonal" | "outline") => boolean;
                 };
                 size: {
                     type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
-                    default: undefined;
-                    validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                    validator: (v: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
                 };
-                variant: {
-                    type: PropType<"default" | "text" | "tonal" | "outline">;
+                htmlType: {
+                    type: PropType<"button" | "reset" | "submit">;
                     default: string;
-                    validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
+                    validator: (v: "button" | "reset" | "submit") => boolean;
                 };
-                color: StringConstructor;
+                component: {
+                    type: PropType<"a" | "button">;
+                    default: string;
+                    validator: (v: "a" | "button") => boolean;
+                };
+                round: BooleanConstructor;
+                block: BooleanConstructor;
+                loading: BooleanConstructor;
+                loadingType: {
+                    type: PropType<import("../..").LoadingType>;
+                    default: string;
+                };
+                loadingMode: {
+                    type: PropType<"fill" | "default" | "line">;
+                    default: string;
+                    validator: (v: "fill" | "default" | "line") => boolean;
+                };
+                loadingSize: PropType<import("../..").LoadingSize>;
+                loadingColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                ripple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                focusable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: BooleanConstructor;
                 textColor: StringConstructor;
-                disabled: BooleanConstructor;
-                stacked: BooleanConstructor;
-                vertical: BooleanConstructor;
+                color: StringConstructor;
                 elevation: {
-                    type: (BooleanConstructor | NumberConstructor)[];
+                    type: PropType<number | boolean>;
                     default: boolean;
                 };
-            }>> & Readonly<{}>, {
-                buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
+                stacked: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
                 elevation: number | boolean;
                 disabled: boolean;
-                vertical: boolean;
-                variant: "default" | "text" | "tonal" | "outline";
+                loading: boolean;
+                component: "a" | "button";
+                ripple: boolean;
+                loadingMode: "fill" | "default" | "line";
+                autofocus: boolean;
                 stacked: boolean;
-            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<ExtractPropTypes<{
-                status: {
-                    type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                    default: string;
-                    validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                htmlType: "button" | "reset" | "submit";
+                round: boolean;
+                block: boolean;
+                loadingType: import("../..").LoadingType;
+                loadingColor: string;
+                focusable: boolean;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?: ((props: {}) => any) | undefined;
+                } & {
+                    default?: ((props: {}) => any) | undefined;
                 };
-                size: {
-                    type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+            }) & {
+                setPropsDefaults: (defaults: Record<string, any>) => void;
+            };
+            MpIcon: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+                    name: StringConstructor;
+                    size: (NumberConstructor | StringConstructor)[];
+                    color: StringConstructor;
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                    transition: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
+                    animationClass: StringConstructor;
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    transition: string | number;
+                    spin: boolean;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<ExtractPropTypes<{
+                    name: StringConstructor;
+                    size: (NumberConstructor | StringConstructor)[];
+                    color: StringConstructor;
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                    transition: {
+                        type: (NumberConstructor | StringConstructor)[];
+                        default: number;
+                    };
+                    animationClass: StringConstructor;
+                }>> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    transition: string | number;
+                    spin: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+                name: StringConstructor;
+                size: (NumberConstructor | StringConstructor)[];
+                color: StringConstructor;
+                rotate: NumberConstructor;
+                spin: BooleanConstructor;
+                transition: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
+                animationClass: StringConstructor;
+            }>> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                transition: string | number;
+                spin: boolean;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {}) => any) | undefined;
+                };
+            });
+            MpPopup: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+                    loading: BooleanConstructor;
+                    dir: {
+                        type: PropType<import("@maple-design/use-vue").ReadingDirection>;
+                    };
+                    beforeClose: PropType<import("../..").PopupBeforeClose>;
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placement: {
+                        type: PropType<import("../..").PopupPlacement>;
+                        default: string;
+                    };
+                    swipeToClose: BooleanConstructor;
+                    swipeThreshold: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    transition: StringConstructor;
+                    overlayAnimationName: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    overlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClass: StringConstructor;
+                    overlayStyle: ObjectConstructor;
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unstyled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    zIndex: NumberConstructor;
+                    safeAreaInsetBottom: BooleanConstructor;
+                    safeAreaInsetTop: BooleanConstructor;
+                    safeAreaInsetRight: BooleanConstructor;
+                    safeAreaInsetLeft: BooleanConstructor;
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    closeOnRouteChange: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: PropType<import("../..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                }>> & Readonly<{
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                    "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                    "onClose-error"?: ((error: unknown, reason: import("../..").PopupCloseReason) => any) | undefined;
+                }>, {
+                    close: (event?: Event | undefined) => Promise<boolean>;
+                    requestClose: (reason?: import("../..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                    pending: import("vue").ComputedRef<boolean>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:open": (value: boolean) => void;
+                    close: () => void;
+                    open: () => void;
+                    opened: () => void;
+                    closed: () => void;
+                    "swipe-close": (value: PointerEvent) => void;
+                    "close-error": (error: unknown, reason: import("../..").PopupCloseReason) => void;
+                    "click-overlay": (value: MouseEvent) => void;
+                    "key-escape": (value: KeyboardEvent) => void;
+                }, import("vue").PublicProps, {
+                    loading: boolean;
+                    open: boolean;
+                    overlay: boolean;
+                    defaultOpen: boolean;
+                    placement: import("../..").PopupPlacement;
+                    swipeToClose: boolean;
+                    swipeThreshold: number;
+                    overlayAnimationName: string;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unstyled: boolean;
+                    safeAreaInsetBottom: boolean;
+                    safeAreaInsetTop: boolean;
+                    safeAreaInsetRight: boolean;
+                    safeAreaInsetLeft: boolean;
+                    unmountOnClose: boolean;
+                    closeOnRouteChange: boolean;
+                    popupContainer: import("../..").PopupContainer;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<ExtractPropTypes<{
+                    loading: BooleanConstructor;
+                    dir: {
+                        type: PropType<import("@maple-design/use-vue").ReadingDirection>;
+                    };
+                    beforeClose: PropType<import("../..").PopupBeforeClose>;
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    placement: {
+                        type: PropType<import("../..").PopupPlacement>;
+                        default: string;
+                    };
+                    swipeToClose: BooleanConstructor;
+                    swipeThreshold: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    transition: StringConstructor;
+                    overlayAnimationName: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    overlay: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClass: StringConstructor;
+                    overlayStyle: ObjectConstructor;
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unstyled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    zIndex: NumberConstructor;
+                    safeAreaInsetBottom: BooleanConstructor;
+                    safeAreaInsetTop: BooleanConstructor;
+                    safeAreaInsetRight: BooleanConstructor;
+                    safeAreaInsetLeft: BooleanConstructor;
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    closeOnRouteChange: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: PropType<import("../..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                }>> & Readonly<{
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                    "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                    "onClose-error"?: ((error: unknown, reason: import("../..").PopupCloseReason) => any) | undefined;
+                }>, {
+                    close: (event?: Event | undefined) => Promise<boolean>;
+                    requestClose: (reason?: import("../..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                    pending: import("vue").ComputedRef<boolean>;
+                }, {}, {}, {}, {
+                    loading: boolean;
+                    open: boolean;
+                    overlay: boolean;
+                    defaultOpen: boolean;
+                    placement: import("../..").PopupPlacement;
+                    swipeToClose: boolean;
+                    swipeThreshold: number;
+                    overlayAnimationName: string;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unstyled: boolean;
+                    safeAreaInsetBottom: boolean;
+                    safeAreaInsetTop: boolean;
+                    safeAreaInsetRight: boolean;
+                    safeAreaInsetLeft: boolean;
+                    unmountOnClose: boolean;
+                    closeOnRouteChange: boolean;
+                    popupContainer: import("../..").PopupContainer;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
+                loading: BooleanConstructor;
+                dir: {
+                    type: PropType<import("@maple-design/use-vue").ReadingDirection>;
+                };
+                beforeClose: PropType<import("../..").PopupBeforeClose>;
+                open: {
+                    type: BooleanConstructor;
                     default: undefined;
-                    validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
                 };
-                variant: {
-                    type: PropType<"default" | "text" | "tonal" | "outline">;
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                placement: {
+                    type: PropType<import("../..").PopupPlacement>;
                     default: string;
-                    validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
                 };
-                color: StringConstructor;
-                textColor: StringConstructor;
-                disabled: BooleanConstructor;
-                stacked: BooleanConstructor;
-                vertical: BooleanConstructor;
-                elevation: {
-                    type: (BooleanConstructor | NumberConstructor)[];
+                swipeToClose: BooleanConstructor;
+                swipeThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                transition: StringConstructor;
+                overlayAnimationName: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                overlay: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClass: StringConstructor;
+                overlayStyle: ObjectConstructor;
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unstyled: {
+                    type: BooleanConstructor;
                     default: boolean;
                 };
-            }>> & Readonly<{}>, {
-                buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-            }, {}, {}, {}, {
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
-                elevation: number | boolean;
-                disabled: boolean;
-                vertical: boolean;
-                variant: "default" | "text" | "tonal" | "outline";
-                stacked: boolean;
-            }>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            status: {
-                type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                default: string;
-                validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
+                zIndex: NumberConstructor;
+                safeAreaInsetBottom: BooleanConstructor;
+                safeAreaInsetTop: BooleanConstructor;
+                safeAreaInsetRight: BooleanConstructor;
+                safeAreaInsetLeft: BooleanConstructor;
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnRouteChange: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: PropType<import("../..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+            }>> & Readonly<{
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onClick-overlay"?: ((value: MouseEvent) => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                "onSwipe-close"?: ((value: PointerEvent) => any) | undefined;
+                "onClose-error"?: ((error: unknown, reason: import("../..").PopupCloseReason) => any) | undefined;
+            }>, {
+                close: (event?: Event | undefined) => Promise<boolean>;
+                requestClose: (reason?: import("../..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                pending: import("vue").ComputedRef<boolean>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                "swipe-close": (value: PointerEvent) => void;
+                "close-error": (error: unknown, reason: import("../..").PopupCloseReason) => void;
+                "click-overlay": (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, string, {
+                loading: boolean;
+                open: boolean;
+                overlay: boolean;
+                defaultOpen: boolean;
+                placement: import("../..").PopupPlacement;
+                swipeToClose: boolean;
+                swipeThreshold: number;
+                overlayAnimationName: string;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unstyled: boolean;
+                safeAreaInsetBottom: boolean;
+                safeAreaInsetTop: boolean;
+                safeAreaInsetRight: boolean;
+                safeAreaInsetLeft: boolean;
+                unmountOnClose: boolean;
+                closeOnRouteChange: boolean;
+                popupContainer: import("../..").PopupContainer;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {
+                        close: (reason?: import("../..").PopupCloseReason, event?: Event | undefined) => Promise<boolean>;
+                        pending: boolean;
+                    }) => any) | undefined;
+                };
+            });
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ExtractPropTypes<{
+            safeArea: BooleanConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
             };
-            size: {
-                type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: PropType<import("../..").PopupContainer>;
                 default: undefined;
-                validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+                validator: ((value: unknown) => boolean) | undefined;
             };
-            variant: {
-                type: PropType<"default" | "text" | "tonal" | "outline">;
-                default: string;
-                validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
+            modelValue: {
+                type: PropType<(string | number)[]>;
+                default: undefined;
             };
-            color: StringConstructor;
-            textColor: StringConstructor;
-            disabled: BooleanConstructor;
-            stacked: BooleanConstructor;
-            vertical: BooleanConstructor;
-            elevation: {
-                type: (BooleanConstructor | NumberConstructor)[];
+            defaultValue: {
+                type: PropType<(string | number)[]>;
+                default: () => never[];
+            };
+            columns: {
+                type: PropType<import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][]>;
+                default: () => never[];
+            };
+            title: StringConstructor;
+            fieldNames: {
+                type: PropType<import("../../utils/options").FieldNames>;
+                default: undefined;
+            };
+            toolbar: {
+                type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            size: "xs" | "sm" | "md" | "lg" | "xl";
-            status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
-            elevation: number | boolean;
-            disabled: boolean;
-            vertical: boolean;
-            variant: "default" | "text" | "tonal" | "outline";
-            stacked: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default?: ((props: {}) => any) | undefined;
+            disabled: BooleanConstructor;
+            selectedValues: {
+                type: PropType<(string | number)[]>;
+                default: () => never[];
             };
-        });
-    }>;
-    MpPicker: import("vue").DefineComponent<ExtractPropTypes<{
+            cascade: BooleanConstructor;
+            optionHeight: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            optionCount: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            columnsCount: (NumberConstructor | StringConstructor)[];
+            confirmButtonText: StringConstructor;
+            cancelButtonText: StringConstructor;
+            confirmButtonTextColor: StringConstructor;
+            cancelButtonTextColor: StringConstructor;
+            dynamic: BooleanConstructor;
+        }>> & Readonly<{
+            onCancel?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            onChange?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+            "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((open: boolean) => any) | undefined;
+            onConfirm?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+        }>, {
+            describeError: (value: unknown) => string | undefined;
+            mergedError: import("vue").ComputedRef<boolean>;
+            mergedOpen: import("vue").ComputedRef<boolean>;
+            controlId: string;
+            handleColumnKeydown: (event: KeyboardEvent, column: import("../../picker/Picker.vue").ScrollColumn) => void;
+            optionHeight: import("vue").ComputedRef<number>;
+            optionCount: import("vue").ComputedRef<number>;
+            scrollColumns: import("vue").Ref<{
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[], import("../../picker/Picker.vue").ScrollColumn[] | {
+                id: number;
+                touching: boolean;
+                index: number;
+                prevY: number;
+                momentumPrevY: number;
+                momentumTime: number;
+                translate: number;
+                duration: number;
+                scrolling: boolean;
+                column: {
+                    [x: string]: any;
+                    [x: number]: any;
+                    [x: symbol]: any;
+                    text?: string | number | undefined;
+                    value?: string | number | undefined;
+                    disabled?: boolean | undefined;
+                    children?: any[] | undefined;
+                    className?: string | undefined;
+                    textClassName?: string | undefined;
+                }[];
+                scrollEl: HTMLElement | null;
+            }[]>;
+            columnHeight: import("vue").ComputedRef<number>;
+            center: import("vue").ComputedRef<number>;
+            confirmButtonDisabled: import("vue").ComputedRef<boolean>;
+            Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
+            toRaw: typeof import("vue").toRaw;
+            pt: ((id: string) => string | undefined) | null;
+            t: typeof t;
+            n: (suffix?: string | undefined) => string;
+            classes: (...names: (import("../../utils/components").NamespaceClass | [unknown, import("../../utils/components").NamespaceClass, import("../../utils/components").NamespaceClass?])[]) => import("../../utils/components").NamespaceClass[];
+            isOptionSelected: (option: import("../..").PickerColumnOption) => boolean;
+            isOptionDisabled: (option?: import("../..").PickerColumnOption | undefined) => boolean;
+            setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            getOptionKey: (key: "value" | "text" | "children") => string;
+            getValue: (option: import("../..").PickerColumnOption) => string | number;
+            handlePopupUpdateShow: (value: boolean) => void;
+            handlePopupOverlayClick: (event: MouseEvent) => void;
+            handlePopupKeyEscape: (event: KeyboardEvent) => void;
+            handleTouchstart: (event: TouchEvent, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTouchmove: (event: TouchEvent, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTouchend: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
+            handleTransitionend: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn, event?: TransitionEvent | undefined) => void;
+            confirm: () => void;
+            cancel: () => void;
+            handleClick: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn, index: number) => void;
+        }, {}, {}, {}, {
+            optionHeight: string | number;
+            optionCount: string | number;
+            modelValue: (string | number)[];
+            defaultValue: (string | number)[];
+            disabled: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: import("../..").PopupContainer;
+            safeArea: boolean;
+            toolbar: boolean;
+            fieldNames: import("../../utils/options").FieldNames;
+            columns: import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][];
+            selectedValues: (string | number)[];
+            cascade: boolean;
+            dynamic: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
         safeArea: BooleanConstructor;
         open: {
             type: BooleanConstructor;
@@ -545,7 +1536,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
             default: () => never[];
         };
         columns: {
-            type: PropType<import("../../picker").PickerColumnOption[] | import("../../picker").PickerColumnOption[][]>;
+            type: PropType<import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][]>;
             default: () => never[];
         };
         title: StringConstructor;
@@ -577,6 +1568,18 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         confirmButtonTextColor: StringConstructor;
         cancelButtonTextColor: StringConstructor;
         dynamic: BooleanConstructor;
+    }>> & Readonly<{
+        onCancel?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+        onChange?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
+        "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onConfirm?: ((values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
     }>, {
         describeError: (value: unknown) => string | undefined;
         mergedError: import("vue").ComputedRef<boolean>;
@@ -636,14 +1639,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         Transition: import("vue").FunctionalComponent<import("vue").TransitionProps, {}, any, {}>;
         toRaw: typeof import("vue").toRaw;
         pt: ((id: string) => string | undefined) | null;
-        t: (id: string) => any;
+        t: typeof t;
         n: (suffix?: string | undefined) => string;
         classes: (...names: (import("../../utils/components").NamespaceClass | [unknown, import("../../utils/components").NamespaceClass, import("../../utils/components").NamespaceClass?])[]) => import("../../utils/components").NamespaceClass[];
-        isOptionSelected: (option: import("../../picker").PickerColumnOption) => boolean;
-        isOptionDisabled: (option?: import("../../picker").PickerColumnOption | undefined) => boolean;
+        isOptionSelected: (option: import("../..").PickerColumnOption) => boolean;
+        isOptionDisabled: (option?: import("../..").PickerColumnOption | undefined) => boolean;
         setScrollEl: (el: Element | import("vue").ComponentPublicInstance | null, scrollColumn: import("../../picker/Picker.vue").ScrollColumn) => void;
         getOptionKey: (key: "value" | "text" | "children") => string;
-        getValue: (option: import("../../picker").PickerColumnOption) => string | number;
+        getValue: (option: import("../..").PickerColumnOption) => string | number;
         handlePopupUpdateShow: (value: boolean) => void;
         handlePopupOverlayClick: (event: MouseEvent) => void;
         handlePopupKeyEscape: (event: KeyboardEvent) => void;
@@ -655,9 +1658,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         cancel: () => void;
         handleClick: (scrollColumn: import("../../picker/Picker.vue").ScrollColumn, index: number) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        confirm: (values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => true;
-        cancel: (values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => true;
-        change: (values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => true;
+        confirm: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
+        cancel: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
+        change: (values: (string | number)[], indexes: number[], options: import("../..").PickerColumnOption[]) => true;
         'update:open': (open: boolean) => true;
         'update:modelValue': (value: (string | number)[]) => true;
         open: () => true;
@@ -666,83 +1669,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         closed: () => true;
         'click-overlay': (event: MouseEvent) => true;
         'key-escape': (event: KeyboardEvent) => true;
-    }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-        safeArea: BooleanConstructor;
-        open: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultOpen: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        overlayClosable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        escToClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        popupContainer: {
-            type: PropType<import("../..").PopupContainer>;
-            default: undefined;
-            validator: ((value: unknown) => boolean) | undefined;
-        };
-        modelValue: {
-            type: PropType<(string | number)[]>;
-            default: undefined;
-        };
-        defaultValue: {
-            type: PropType<(string | number)[]>;
-            default: () => never[];
-        };
-        columns: {
-            type: PropType<import("../../picker").PickerColumnOption[] | import("../../picker").PickerColumnOption[][]>;
-            default: () => never[];
-        };
-        title: StringConstructor;
-        fieldNames: {
-            type: PropType<import("../../utils/options").FieldNames>;
-            default: undefined;
-        };
-        toolbar: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: BooleanConstructor;
-        selectedValues: {
-            type: PropType<(string | number)[]>;
-            default: () => never[];
-        };
-        cascade: BooleanConstructor;
-        optionHeight: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        optionCount: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        columnsCount: (NumberConstructor | StringConstructor)[];
-        confirmButtonText: StringConstructor;
-        cancelButtonText: StringConstructor;
-        confirmButtonTextColor: StringConstructor;
-        cancelButtonTextColor: StringConstructor;
-        dynamic: BooleanConstructor;
-    }>> & Readonly<{
-        onCancel?: ((values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => any) | undefined;
-        onChange?: ((values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => any) | undefined;
-        onClose?: (() => any) | undefined;
-        onOpen?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
-        onClosed?: (() => any) | undefined;
-        "onClick-overlay"?: ((event: MouseEvent) => any) | undefined;
-        "onKey-escape"?: ((event: KeyboardEvent) => any) | undefined;
-        "onUpdate:open"?: ((open: boolean) => any) | undefined;
-        onConfirm?: ((values: (string | number)[], indexes: number[], options: import("../../picker").PickerColumnOption[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
-    }>, {
+    }, string, {
         optionHeight: string | number;
         optionCount: string | number;
         modelValue: (string | number)[];
@@ -756,11 +1683,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         safeArea: boolean;
         toolbar: boolean;
         fieldNames: import("../../utils/options").FieldNames;
-        columns: import("../../picker").PickerColumnOption[] | import("../../picker").PickerColumnOption[][];
+        columns: import("../..").PickerColumnOption[] | import("../..").PickerColumnOption[][];
         selectedValues: (string | number)[];
         cascade: boolean;
         dynamic: boolean;
-    }, import("vue").SlotsType<import("../../picker").PickerSlots>, {
+    }, {}, string, import("vue").SlotsType<import("../..").PickerSlots>, {
         MIconCheck: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
                 size?: string | number | undefined;
@@ -825,7 +1752,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
             install(app: import("vue").App<any>): void;
         };
-        MpButton: import("../../utils/components").ComponentWithInstall<{
+        MpButton: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
                 status: {
                     type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
@@ -1088,129 +2015,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 default?: ((props: {}) => any) | undefined;
             };
         }) & {
-            Group: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
-                    status: {
-                        type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                        default: string;
-                        validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
-                    };
-                    size: {
-                        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
-                        default: undefined;
-                        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
-                    };
-                    variant: {
-                        type: PropType<"default" | "text" | "tonal" | "outline">;
-                        default: string;
-                        validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
-                    };
-                    color: StringConstructor;
-                    textColor: StringConstructor;
-                    disabled: BooleanConstructor;
-                    stacked: BooleanConstructor;
-                    vertical: BooleanConstructor;
-                    elevation: {
-                        type: (BooleanConstructor | NumberConstructor)[];
-                        default: boolean;
-                    };
-                }>> & Readonly<{}>, {
-                    buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                    size: "xs" | "sm" | "md" | "lg" | "xl";
-                    status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
-                    elevation: number | boolean;
-                    disabled: boolean;
-                    vertical: boolean;
-                    variant: "default" | "text" | "tonal" | "outline";
-                    stacked: boolean;
-                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<ExtractPropTypes<{
-                    status: {
-                        type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                        default: string;
-                        validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
-                    };
-                    size: {
-                        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
-                        default: undefined;
-                        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
-                    };
-                    variant: {
-                        type: PropType<"default" | "text" | "tonal" | "outline">;
-                        default: string;
-                        validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
-                    };
-                    color: StringConstructor;
-                    textColor: StringConstructor;
-                    disabled: BooleanConstructor;
-                    stacked: BooleanConstructor;
-                    vertical: BooleanConstructor;
-                    elevation: {
-                        type: (BooleanConstructor | NumberConstructor)[];
-                        default: boolean;
-                    };
-                }>> & Readonly<{}>, {
-                    buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-                }, {}, {}, {}, {
-                    size: "xs" | "sm" | "md" | "lg" | "xl";
-                    status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
-                    elevation: number | boolean;
-                    disabled: boolean;
-                    vertical: boolean;
-                    variant: "default" | "text" | "tonal" | "outline";
-                    stacked: boolean;
-                }>;
-                __isFragment?: undefined;
-                __isTeleport?: undefined;
-                __isSuspense?: undefined;
-            } & import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
-                status: {
-                    type: PropType<"success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger">;
-                    default: string;
-                    validator: (value: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger") => boolean;
-                };
-                size: {
-                    type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
-                    default: undefined;
-                    validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
-                };
-                variant: {
-                    type: PropType<"default" | "text" | "tonal" | "outline">;
-                    default: string;
-                    validator: (value: "default" | "text" | "tonal" | "outline") => boolean;
-                };
-                color: StringConstructor;
-                textColor: StringConstructor;
-                disabled: BooleanConstructor;
-                stacked: BooleanConstructor;
-                vertical: BooleanConstructor;
-                elevation: {
-                    type: (BooleanConstructor | NumberConstructor)[];
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {
-                buttonGroupProvider: import("../../button/group-provide").ButtonGroupProvider;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                size: "xs" | "sm" | "md" | "lg" | "xl";
-                status: "success" | "default" | "primary" | "secondary" | "tertiary" | "info" | "warning" | "danger";
-                elevation: number | boolean;
-                disabled: boolean;
-                vertical: boolean;
-                variant: "default" | "text" | "tonal" | "outline";
-                stacked: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-                $slots: {
-                    default?: ((props: {}) => any) | undefined;
-                };
-            });
-        }>;
+            setPropsDefaults: (defaults: Record<string, any>) => void;
+        };
         MpIcon: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
                 name: StringConstructor;
@@ -1626,6 +2432,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 }) => any) | undefined;
             };
         });
-    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        setPropsDefaults: (defaults: Record<string, any>) => void;
+    };
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;