@mobileaction/action-kit 1.40.3 → 1.40.4-beta.0

package/dist/src/components/date-picker-2/index.vue.d.ts

@@ -21,8 +21,8 @@ declare function __VLS_template(): {
         datepickerInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
             onCleared?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
             onOpen?: (...args: any[]) => any;
             "onUpdate:model-value"?: (...args: any[]) => any;
             "onUpdate:model-timezone-value"?: (...args: any[]) => any;
@@ -56,8 +56,8 @@ declare function __VLS_template(): {
         }, {} & (Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
             onFocus?: (...args: any[]) => any;
             onBlur?: (...args: any[]) => any;
-            onClosed?: (...args: any[]) => any;
             onCleared?: (...args: any[]) => any;
+            onClosed?: (...args: any[]) => any;
             onOpen?: (...args: any[]) => any;
             "onUpdate:model-value"?: (...args: any[]) => any;
             "onUpdate:model-timezone-value"?: (...args: any[]) => any;
@@ -99,10 +99,10 @@ declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps,
     change: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     "update:value": (...args: any[]) => void;
+    cleared: (...args: any[]) => void;
     opened: (...args: any[]) => void;
     closed: (...args: any[]) => void;
     openChange: (...args: any[]) => void;
-    cleared: (...args: any[]) => void;
     rangeStart: (...args: any[]) => void;
     rangeEnd: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<MaDatePickerProps> & Readonly<{
@@ -110,10 +110,10 @@ declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps,
     onChange?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     "onUpdate:value"?: (...args: any[]) => any;
+    onCleared?: (...args: any[]) => any;
     onOpened?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     onOpenChange?: (...args: any[]) => any;
-    onCleared?: (...args: any[]) => any;
     onRangeStart?: (...args: any[]) => any;
     onRangeEnd?: (...args: any[]) => any;
 }>, {

package/dist/src/components/modal/index.vue.d.ts

@@ -13,8 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Ma
     visible: boolean;
     width: number;
     maskClosable: boolean;
+    bodyTitle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     title?(_: {}): any;
+    "body-title"?(_: {}): any;
     content?(_: {}): any;
     default?(_: {}): any;
     footer?(_: {}): any;

package/dist/src/components/modal/stories/constants.d.ts

@@ -1,7 +1,9 @@
 import type { Meta, StoryFn } from '@storybook/vue3';
 import MaModal from '../index';
+import '../assets/with-tab.scss';
 export declare const baseConfig: Meta<typeof MaModal>;
 export declare const functionsBaseConfig: any;
 export declare const Template: StoryFn;
 export declare const CustomTemplate: StoryFn;
+export declare const WithTabTemplate: StoryFn;
 export declare const FunctionsTemplate: StoryFn;

package/dist/src/components/modal/stories/default.stories.d.ts

@@ -4,6 +4,8 @@ declare const meta: Meta<typeof MaModal>;
 export default meta;
 type Story = StoryObj<typeof MaModal>;
 export declare const Default: Story;
+export declare const Custom: Story;
+export declare const WithTab: Story;
 export declare const Success: Story;
 export declare const Confirm: Story;
 export declare const Error: Story;

package/dist/src/components/modal/types.d.ts

@@ -10,6 +10,7 @@ export interface MaModalProps extends Omit<ModalProps, 'okButtonProps' | 'cancel
     visible?: boolean;
     type?: MaModalPropType;
     title?: string;
+    bodyTitle?: string;
     content?: string | VNode;
     confirmLoading?: boolean;
     closable?: boolean;

package/dist/src/components/popconfirm/index.vue.d.ts

@@ -20,14 +20,14 @@ export interface MaPopconfirmProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MaPopconfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (...args: any[]) => void;
-    confirm: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     visibleChange: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<MaPopconfirmProps> & Readonly<{
     onCancel?: (...args: any[]) => any;
-    onConfirm?: (...args: any[]) => any;
     "onUpdate:visible"?: (...args: any[]) => any;
     onVisibleChange?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
 }>, {
     icon: string;
     placement: PopconfirmPlacement;

package/dist/src/components/popconfirm/stories/constants.d.ts

@@ -4,14 +4,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
     MaPopconfirm: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
             onCancel?: (...args: any[]) => any;
-            onConfirm?: (...args: any[]) => any;
             "onUpdate:visible"?: (...args: any[]) => any;
             onVisibleChange?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             cancel: (...args: any[]) => void;
-            confirm: (...args: any[]) => void;
             "update:visible": (...args: any[]) => void;
             visibleChange: (...args: any[]) => void;
+            confirm: (...args: any[]) => void;
         }, import("vue").PublicProps, {
             icon: string;
             placement: import("@/components/popconfirm/types").PopconfirmPlacement;
@@ -30,9 +30,9 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
             Defaults: {};
         }, Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
             onCancel?: (...args: any[]) => any;
-            onConfirm?: (...args: any[]) => any;
             "onUpdate:visible"?: (...args: any[]) => any;
             onVisibleChange?: (...args: any[]) => any;
+            onConfirm?: (...args: any[]) => any;
         }>, {}, {}, {}, {}, {
             icon: string;
             placement: import("@/components/popconfirm/types").PopconfirmPlacement;
@@ -48,14 +48,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
         onCancel?: (...args: any[]) => any;
-        onConfirm?: (...args: any[]) => any;
         "onUpdate:visible"?: (...args: any[]) => any;
         onVisibleChange?: (...args: any[]) => any;
+        onConfirm?: (...args: any[]) => any;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         cancel: (...args: any[]) => void;
-        confirm: (...args: any[]) => void;
         "update:visible": (...args: any[]) => void;
         visibleChange: (...args: any[]) => void;
+        confirm: (...args: any[]) => void;
     }, string, {
         icon: string;
         placement: import("@/components/popconfirm/types").PopconfirmPlacement;

package/dist/src/components/popover-2/index.vue.d.ts

@@ -10,6 +10,7 @@ export interface MaPopover2Props {
     showArrow?: boolean;
     noPadding?: boolean;
     popupContainer?: HTMLElement | null | string;
+    noAutoFocus?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -34,10 +35,11 @@ declare const __VLS_component: import("vue").DefineComponent<MaPopover2Props, {}
     overlayClassName: string;
     visible: boolean | undefined;
     showArrow: boolean;
-    noPadding: boolean;
     autoHide: boolean;
     isMobile: boolean;
+    noPadding: boolean;
     popupContainer: HTMLElement | null | string;
+    noAutoFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/src/components/popover-2/stories/constants.d.ts

@@ -15,10 +15,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
             overlayClassName: string;
             visible: boolean | undefined;
             showArrow: boolean;
-            noPadding: boolean;
             autoHide: boolean;
             isMobile: boolean;
+            noPadding: boolean;
             popupContainer: HTMLElement | null | string;
+            noAutoFocus: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -36,10 +37,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
             overlayClassName: string;
             visible: boolean | undefined;
             showArrow: boolean;
-            noPadding: boolean;
             autoHide: boolean;
             isMobile: boolean;
+            noPadding: boolean;
             popupContainer: HTMLElement | null | string;
+            noAutoFocus: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -57,10 +59,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         overlayClassName: string;
         visible: boolean | undefined;
         showArrow: boolean;
-        noPadding: boolean;
         autoHide: boolean;
         isMobile: boolean;
+        noPadding: boolean;
         popupContainer: HTMLElement | null | string;
+        noAutoFocus: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/dist/src/components/select-2/components/selectOption.vue.d.ts

@@ -0,0 +1,33 @@
+import { MaSelectOptionProps } from '../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Customized label area
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Customized label area
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<MaSelectOptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selected: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<MaSelectOptionProps> & Readonly<{
+    onSelected?: (...args: any[]) => any;
+}>, {
+    checkboxPosition: import("../types").MaSelectOptionCheckboxPosition;
+    multiSelectionInput: import("../types").MaSelectMultiSelectionInput;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/select-2/components/selectOptionGroup.vue.d.ts

@@ -0,0 +1,19 @@
+import { MaSelectGroupProps } from '../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<MaSelectGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaSelectGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/select-2/composables/use-keyboard-navigation.d.ts

@@ -0,0 +1,8 @@
+import { Ref, ComputedRef } from 'vue';
+import { MaSelectOption } from '../types';
+import { DynamicScroller } from 'vue-virtual-scroller';
+export declare function useArrowNavigation(isOpen: Ref<boolean>, optionList: ComputedRef<MaSelectOption[]>, dynamicScrollerRef: Ref<InstanceType<typeof DynamicScroller> | null>, select: (i: number) => void, isDisabled: ComputedRef<boolean>): {
+    getOptionClass: (index: number) => {
+        'ma-select-option--highlighted': boolean;
+    };
+};

package/dist/src/components/select-2/composables/use-options-registry.d.ts

@@ -0,0 +1,7 @@
+import { MaSelectOptionValue } from '../types';
+export declare const useOptionsRegistry: () => {
+    optionsMap: import("vue").Ref<Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>, Map<string, string> | (Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>)>;
+    registerOption: (value: MaSelectOptionValue, label: string) => void;
+    unregisterOption: (value: MaSelectOptionValue) => void;
+    getOptionLabel: (value: MaSelectOptionValue) => string;
+};

package/dist/src/components/select-2/index.vue.d.ts

@@ -0,0 +1,328 @@
+import { MaSelectProps, MaSelectValue, MaSelectOption as MaSelectOptionType } from './types';
+import { DynamicScroller } from 'vue-virtual-scroller';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Slot for the prefix icon for the select component
+         */
+        'prefix-icon'(): unknown;
+        /**
+         * The input area for the select component.
+         */
+        input(): unknown;
+        /**
+         * Suffix icon slot for the select component.
+         */
+        'suffix-icon'(): unknown;
+        /**
+         * The hint area slot for the bottom of the select input.
+         */
+        hint(): unknown;
+        /**
+         * Customize dropdown content, virtual scroll does not work with this mode
+         */
+        default(): unknown;
+        /**
+         * Slot for each option in the dropdown
+         */
+        option(option: MaSelectOptionType): unknown;
+        /**
+         * Customize dropdown header area
+         */
+        header(): unknown;
+        /**
+         * Customize dropdown footer area
+         */
+        footer(): unknown;
+    }> & {
+        /**
+         * Slot for the prefix icon for the select component
+         */
+        'prefix-icon'(): unknown;
+        /**
+         * The input area for the select component.
+         */
+        input(): unknown;
+        /**
+         * Suffix icon slot for the select component.
+         */
+        'suffix-icon'(): unknown;
+        /**
+         * The hint area slot for the bottom of the select input.
+         */
+        hint(): unknown;
+        /**
+         * Customize dropdown content, virtual scroll does not work with this mode
+         */
+        default(): unknown;
+        /**
+         * Slot for each option in the dropdown
+         */
+        option(option: MaSelectOptionType): unknown;
+        /**
+         * Customize dropdown header area
+         */
+        header(): unknown;
+        /**
+         * Customize dropdown footer area
+         */
+        footer(): unknown;
+    };
+    refs: {
+        selectInput: HTMLButtonElement;
+        overlay: HTMLDivElement;
+        searchInput: {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: import("@/index").MaInputSize;
+                type: import("@/index").MaInputType;
+            }> & Omit<{
+                readonly allowClear?: boolean;
+                readonly type?: import("@/index").MaInputType;
+                readonly size?: import("@/index").MaInputSize;
+                readonly title?: string;
+                readonly hintText?: string;
+                readonly hasError?: boolean;
+                readonly placeholder?: string;
+                readonly disabled?: boolean;
+                readonly addonBefore?: string;
+                readonly addonAfter?: string;
+                readonly avatarUrl?: string;
+                readonly value?: string;
+                readonly amountCurrency?: import("@/index").MaInputCurrency;
+                readonly hint?: string;
+                readonly prefixIcon?: string;
+                readonly suffixIcon?: string;
+                readonly inputClass?: string;
+                readonly onChange?: (...args: any[]) => any;
+                readonly onFocus?: (...args: any[]) => any;
+                readonly onFocusout?: (...args: any[]) => any;
+                readonly "onCurrency-change"?: (...args: any[]) => any;
+                readonly "onUpdate:value"?: (...args: any[]) => any;
+                readonly "onUpdate:amountCurrency"?: (...args: any[]) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "type">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any>;
+            }>;
+            $root: import("vue").ComponentPublicInstance | null;
+            $parent: import("vue").ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "focusout", ...args: any[]) => void) & ((event: "currency-change", ...args: any[]) => void) & ((event: "update:value", ...args: any[]) => void) & ((event: "update:amountCurrency", ...args: any[]) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.vue").MaInputProps> & Readonly<{
+                onChange?: (...args: any[]) => any;
+                onFocus?: (...args: any[]) => any;
+                onFocusout?: (...args: any[]) => any;
+                "onCurrency-change"?: (...args: any[]) => any;
+                "onUpdate:value"?: (...args: any[]) => any;
+                "onUpdate:amountCurrency"?: (...args: any[]) => any;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                change: (...args: any[]) => void;
+                focus: (...args: any[]) => void;
+                focusout: (...args: any[]) => void;
+                "currency-change": (...args: any[]) => void;
+                "update:value": (...args: any[]) => void;
+                "update:amountCurrency": (...args: any[]) => void;
+            }, string, {
+                size: import("@/index").MaInputSize;
+                type: import("@/index").MaInputType;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+        } & Readonly<{
+            size: import("@/index").MaInputSize;
+            type: import("@/index").MaInputType;
+        }> & Omit<Readonly<import("../input/index.vue").MaInputProps> & Readonly<{
+            onChange?: (...args: any[]) => any;
+            onFocus?: (...args: any[]) => any;
+            onFocusout?: (...args: any[]) => any;
+            "onCurrency-change"?: (...args: any[]) => any;
+            "onUpdate:value"?: (...args: any[]) => any;
+            "onUpdate:amountCurrency"?: (...args: any[]) => any;
+        }>, "focus" | ("size" | "type")> & import("vue").ShallowUnwrapRef<{
+            focus: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>> & Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
+                title?(_: {}): any;
+                hint?(_: {}): any;
+            };
+        };
+        dynamicScrollerRef: DynamicScroller;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<MaSelectProps, {
+    setSearchValue: (value?: string) => string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    dropdownVisibleChange: (...args: any[]) => void;
+    searchValueChange: (...args: any[]) => void;
+    cleared: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<MaSelectProps> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:value"?: (...args: any[]) => any;
+    onDropdownVisibleChange?: (...args: any[]) => any;
+    onSearchValueChange?: (...args: any[]) => any;
+    onCleared?: (...args: any[]) => any;
+}>, {
+    size: import("./types").MaSelectSize;
+    disabled: boolean;
+    loading: boolean;
+    value: MaSelectValue;
+    options: MaSelectOptionType[];
+    dropdownMatchSelectWidth: boolean;
+    showSearch: boolean;
+    allowClear: boolean;
+    listHeight: number;
+    multiple: boolean;
+    compact: boolean;
+    searchPlaceholder: string;
+    dropdownProps: import("../popover-2/index.vue").MaPopover2Props;
+    checkboxPosition: import("./types").MaSelectOptionCheckboxPosition;
+    multiSelectionInput: import("./types").MaSelectMultiSelectionInput;
+    hideCheckIcon: boolean;
+    hideSuffix: boolean;
+    disableKeywordActions: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    selectInput: HTMLButtonElement;
+    overlay: HTMLDivElement;
+    searchInput: {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: import("@/index").MaInputSize;
+            type: import("@/index").MaInputType;
+        }> & Omit<{
+            readonly allowClear?: boolean;
+            readonly type?: import("@/index").MaInputType;
+            readonly size?: import("@/index").MaInputSize;
+            readonly title?: string;
+            readonly hintText?: string;
+            readonly hasError?: boolean;
+            readonly placeholder?: string;
+            readonly disabled?: boolean;
+            readonly addonBefore?: string;
+            readonly addonAfter?: string;
+            readonly avatarUrl?: string;
+            readonly value?: string;
+            readonly amountCurrency?: import("@/index").MaInputCurrency;
+            readonly hint?: string;
+            readonly prefixIcon?: string;
+            readonly suffixIcon?: string;
+            readonly inputClass?: string;
+            readonly onChange?: (...args: any[]) => any;
+            readonly onFocus?: (...args: any[]) => any;
+            readonly onFocusout?: (...args: any[]) => any;
+            readonly "onCurrency-change"?: (...args: any[]) => any;
+            readonly "onUpdate:value"?: (...args: any[]) => any;
+            readonly "onUpdate:amountCurrency"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "type">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "focusout", ...args: any[]) => void) & ((event: "currency-change", ...args: any[]) => void) & ((event: "update:value", ...args: any[]) => void) & ((event: "update:amountCurrency", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.vue").MaInputProps> & Readonly<{
+            onChange?: (...args: any[]) => any;
+            onFocus?: (...args: any[]) => any;
+            onFocusout?: (...args: any[]) => any;
+            "onCurrency-change"?: (...args: any[]) => any;
+            "onUpdate:value"?: (...args: any[]) => any;
+            "onUpdate:amountCurrency"?: (...args: any[]) => any;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            change: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
+            focusout: (...args: any[]) => void;
+            "currency-change": (...args: any[]) => void;
+            "update:value": (...args: any[]) => void;
+            "update:amountCurrency": (...args: any[]) => void;
+        }, string, {
+            size: import("@/index").MaInputSize;
+            type: import("@/index").MaInputType;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        size: import("@/index").MaInputSize;
+        type: import("@/index").MaInputType;
+    }> & Omit<Readonly<import("../input/index.vue").MaInputProps> & Readonly<{
+        onChange?: (...args: any[]) => any;
+        onFocus?: (...args: any[]) => any;
+        onFocusout?: (...args: any[]) => any;
+        "onCurrency-change"?: (...args: any[]) => any;
+        "onUpdate:value"?: (...args: any[]) => any;
+        "onUpdate:amountCurrency"?: (...args: any[]) => any;
+    }>, "focus" | ("size" | "type")> & import("vue").ShallowUnwrapRef<{
+        focus: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>> & Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
+            title?(_: {}): any;
+            hint?(_: {}): any;
+        };
+    };
+    dynamicScrollerRef: DynamicScroller;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/select-2/select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/select-2/stories/borderless.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import { MaSelect2 as MaSelect } from '@/index';
+declare const meta: Meta<typeof MaSelect>;
+export default meta;
+type Story = StoryObj<typeof MaSelect>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const ErrorState: Story;

package/dist/src/components/select-2/stories/constants.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import { MaSelect2 as MaSelect } from '@/index';
+export declare const baseConfig: Meta<typeof MaSelect>;
+export declare const Template: StoryFn;
+export declare const TemplateDropdownRender: StoryFn;
+export declare const TemplateOptionSlot: StoryFn;
+export declare const TemplateAppIcon: StoryFn;
+export declare const TemplateBadge: StoryFn;
+export declare const TemplateIcon: StoryFn;
+export declare const TemplateHeaderFooter: StoryFn;
+export declare const TemplateCustomInput: StoryFn;
+export declare const TemplateCompact: StoryFn;

package/dist/src/components/select-2/stories/inline.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import { MaSelect2 as MaSelect } from '@/index';
+declare const meta: Meta<typeof MaSelect>;
+export default meta;
+type Story = StoryObj<typeof MaSelect>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const ErrorState: Story;