@teammodlr/ui-kit 2.3.23 → 3.0.0-beta.4

package/lib/components/avatar/Avatar.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: import("vue").DefineComponent<{
     classes: import("vue").ComputedRef<(string | string[] | {
         [x: string]: boolean;
     })[]>;
-    imageExists: import("vue").Ref<boolean>;
+    showFallback: import("vue").ComputedRef<boolean>;
     imageClass: string;
-    handleImageLoadError: (e: Event) => void;
+    handleImageStatusChange: (status: "idle" | "loading" | "loaded" | "error") => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (e: Event) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/badge/style/Badge.css.d.ts

@@ -1,4 +1,4 @@
 export declare const base: string;
 export declare const text: string;
-export declare const variant: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
-export declare const secondary: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
+export declare const variant: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
+export declare const secondary: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;

package/lib/components/button/Button.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onClick: {
-        type: PropType<(e: MouseEvent) => void>;
+        type: PropType<((e: MouseEvent) => void) | Array<(e: MouseEvent) => void>>;
         default: () => void;
     };
 }, {
@@ -67,6 +67,9 @@ declare const _default: import("vue").DefineComponent<{
     hasIconLeft: import("vue").ComputedRef<boolean>;
     hasIconRight: import("vue").ComputedRef<boolean>;
     handleClick: (e: MouseEvent) => void;
+    buttonType: import("vue").ComputedRef<string | undefined>;
+    isDisabled: import("vue").ComputedRef<boolean>;
+    isLoading: import("vue").ComputedRef<boolean>;
     waveTimerId: import("vue").Ref<number | null>;
     iconLeft: string;
     iconRight: string;
@@ -120,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     onClick: {
-        type: PropType<(e: MouseEvent) => void>;
+        type: PropType<((e: MouseEvent) => void) | Array<(e: MouseEvent) => void>>;
         default: () => void;
     };
 }>>, {
@@ -131,11 +134,11 @@ declare const _default: import("vue").DefineComponent<{
     icon: boolean;
     disabled: boolean;
     rounded: boolean;
-    onClick: (e: MouseEvent) => void;
+    onClick: ((e: MouseEvent) => void) | ((e: MouseEvent) => void)[];
+    loading: boolean;
     variant: Variant;
     secondary: boolean;
     to: string | Record<string, any>;
-    loading: boolean;
     href: string;
 }, {}>;
 export default _default;

package/lib/components/button/style/Button.css.d.ts

@@ -8,9 +8,9 @@ export declare const vars: {
     color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const base: string;
-export declare const variant: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
-export declare const secondary: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
-export declare const link: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
+export declare const variant: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
+export declare const secondary: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
+export declare const link: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
 export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
 export declare const border: string;
 export declare const borderState: string;

package/lib/components/cardcontextmenu/CardContextMenu.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Placement } from '@popperjs/core';
+import type { Placement, VirtualElement } from '@popperjs/core';
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     open: {
@@ -45,21 +45,18 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
     };
 }, {
-    wrapper: import("vue").Ref<null>;
-    referenceRef: import("vue").Ref<null>;
-    popper: import("vue").Ref<HTMLElement | null | undefined>;
-    transferTo: import("vue").Ref<string>;
+    referenceRef: import("vue").Ref<HTMLElement | null>;
+    reference: import("vue").ComputedRef<HTMLElement | VirtualElement | null>;
     isOpen: import("vue").Ref<boolean>;
     isNested: boolean;
-    placement: import("vue").Ref<Placement>;
+    handleOpenChange: (value: boolean) => void;
     menuClasses: import("vue").ComputedRef<string[]>;
     computedWrapperClasses: import("vue").ComputedRef<(string | {
         'm-dropdown--open': boolean;
         'm-dropdown--nested': boolean;
     })[]>;
-    computedReferenceClasses: import("vue").ComputedRef<void>;
+    computedReferenceClasses: import("vue").ComputedRef<undefined>;
     transitionName: import("vue").ComputedRef<string>;
-    toggleDropdown: () => void;
     zIndex: import("vue").Ref<number>;
     scale: {
         enterActive: string;

package/lib/components/cardcontextmenu/CardContextMenuItem.vue.d.ts

@@ -35,13 +35,22 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    wrapper: import("vue").Ref<null>;
+    wrapper: import("vue").Ref<HTMLElement | null>;
+    itemComponent: import("vue").ComputedRef<any>;
+    componentProps: import("vue").ComputedRef<{
+        as?: undefined;
+        href?: undefined;
+    } | {
+        as: string;
+        href: string;
+    }>;
+    isSubmenuTrigger: boolean;
     hasIconLeft: import("vue").ComputedRef<boolean>;
     hasIconRight: import("vue").ComputedRef<boolean>;
     handleSelect: () => void;
     computedWrapperClasses: import("vue").ComputedRef<string[]>;
     style: typeof style;
-    computedType: import("vue").ComputedRef<"a" | "li">;
+    computedType: import("vue").ComputedRef<"a" | "div">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/components/cardcontextmenu/CardContextMenuTriggerProvider.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/cardcontextmenu/style/Dropdown.css.d.ts

@@ -1,9 +1,10 @@
 export declare const menu: string;
 export declare const menuItems: string;
 export declare const menuItem: string;
-export declare const variant: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
+export declare const variant: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
 export declare const menuItemTextContainer: string;
 export declare const menuItemText: string;
 export declare const menuItemIcon: string;
+export declare const menuItemIconRight: string;
 export declare const menuSeperator: string;
 export declare const heading: string;

package/lib/components/cardcontextmenu/symbol.d.ts

@@ -4,3 +4,4 @@ export interface CardContextMenuState {
     isOpen: boolean;
 }
 export declare const CARDCONTEXTMENU_STATE: InjectionKey<CardContextMenuState>;
+export declare const CARDCONTEXTMENU_TRIGGER_STATE: InjectionKey<boolean>;

package/lib/components/checkbox/Checkbox.vue.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type AcceptableValue } from 'reka-ui';
 import type { Size } from '../../types/props';
 import * as style from './style';
 declare const _default: import("vue").DefineComponent<{
@@ -25,7 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {};
+    value: {
+        type: PropType<any>;
+        default: undefined;
+    };
     modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
@@ -42,12 +46,15 @@ declare const _default: import("vue").DefineComponent<{
     reset: () => void;
     validate: (value: any) => boolean;
     setError: (value: string) => void;
-    onChange: (event: Event) => void;
+    onChange: (value: unknown) => void;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
     disabled: import("vue").ComputedRef<any>;
     name: import("vue").Ref<string | undefined>;
     checkboxRef: import("vue").Ref<HTMLElement | null>;
+    checkboxValue: import("vue").ComputedRef<AcceptableValue | undefined>;
     inputError: import("vue").ComputedRef<any>;
-    toggle: import("vue").WritableComputedRef<string | number | boolean | object | any[] | undefined>;
+    toggle: import("vue").WritableComputedRef<string | number | boolean | object>;
     style: typeof style;
     classes: import("vue").ComputedRef<(string | string[] | {
         [x: string]: any;
@@ -81,7 +88,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {};
+    value: {
+        type: PropType<any>;
+        default: undefined;
+    };
     modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
@@ -97,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     size: Size;
     disabled: boolean;
     readonly: boolean;
+    value: any;
     required: boolean;
     loading: boolean;
     checked: boolean;

package/lib/components/collapse/CollapseItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { CSSProperties, ExtractPublicPropTypes, PropType } from 'vue';
 export declare const collapseItemProps: {
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
@@ -32,7 +32,8 @@ declare const _default: import("vue").DefineComponent<{
     collapsed: import("vue").ComputedRef<boolean>;
     mergedDisplayDirective: import("vue").ComputedRef<"show" | "if">;
     arrowPlacement: import("vue").ComputedRef<"left" | "right">;
-    handleClick(e: MouseEvent): void;
+    handleOpenChange(open: boolean): void;
+    computedHeaderMainStyles: import("vue").ComputedRef<CSSProperties | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;

package/lib/components/colorpicker/ColorPicker.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from "vue";
 import * as style from './style';
-import type { Placement } from "@popperjs/core";
+import { type Placement } from '../../composables/usePopper';
 declare const _default: import("vue").DefineComponent<{
     color: {
         type: StringConstructor;
@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     placement: {
         type: PropType<Placement>;
         default: string;
+        validator: (value: Placement) => boolean;
     };
     zIndex: {
         type: NumberConstructor;
@@ -31,8 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isOpen: import("vue").Ref<boolean>;
-    popper: import("vue").Ref<HTMLElement | null | undefined>;
-    transferTo: import("vue").Ref<string>;
+    popper: import("vue").Ref<HTMLElement | undefined>;
     wrapper: import("vue").Ref<HTMLElement | undefined>;
     referenceRef: import("vue").Ref<HTMLElement | undefined>;
     updateFromRGB: () => void;
@@ -61,14 +61,12 @@ declare const _default: import("vue").DefineComponent<{
     style: typeof style;
     mainColor: import("vue").ComputedRef<import("./utils").Color>;
     zIndex: import("vue").Ref<number>;
+    resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
+    resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
+    transfer: import("vue").Ref<boolean>;
     canPickColor: import("vue").ComputedRef<boolean>;
     openEyeDropper: () => void;
-    scale: {
-        enterActive: string;
-        leaveActive: string;
-        enterFrom: string;
-        leaveTo: string;
-    };
+    handleOpenChange: (value: boolean) => void;
     onSliderChangeComplete: () => void;
     hexInputUser: import("vue").Ref<string>;
     toggleInherit: () => void;
@@ -93,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     placement: {
         type: PropType<Placement>;
         default: string;
+        validator: (value: Placement) => boolean;
     };
     zIndex: {
         type: NumberConstructor;

package/lib/components/confirm/Confirm.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly focusTrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }, {
     modal: import("vue").Ref<any>;
     actionButton: import("vue").Ref<any>;
@@ -48,9 +52,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly focusTrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }>>, {
     readonly loading: boolean;
     readonly closable: boolean;
+    readonly focusTrap: boolean;
     readonly okVariant: import("../../types/props").Variant;
     readonly focusAction: boolean;
 }, {}>;

package/lib/components/confirm/props.d.ts

@@ -22,5 +22,9 @@ export declare const confirmProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly focusTrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 };
 export type ConfirmProps = ExtractPropTypes<typeof confirmProps>;

package/lib/components/dialog/Dialog.vue.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type PropType, type Ref } from 'vue';
+import { type CSSProperties, type ComponentPublicInstance, type PropType, type Ref } from 'vue';
 import type { ComputedRef } from 'vue';
 import * as style from './style';
 declare const _default: import("vue").DefineComponent<{
@@ -35,8 +35,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     wrapper: Ref<HTMLElement | null>;
-    dialog: Ref<HTMLElement | null>;
+    dialog: import("vue").ShallowRef<HTMLElement | ComponentPublicInstance | null>;
     handle: Ref<HTMLElement | null>;
+    closeButton: Ref<HTMLElement | null>;
     zIndex: Ref<number>;
     fade: {
         enterActive: string;
@@ -62,10 +63,16 @@ declare const _default: import("vue").DefineComponent<{
     wrapperClasses: ComputedRef<{
         [x: string]: boolean;
     }>;
+    wrapperStyle: ComputedRef<CSSProperties>;
     close: () => void;
+    handleAfterLeave: () => void;
+    handleEscapeKeyDown: (event: KeyboardEvent) => void;
     onEnter: () => void;
-    open: ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "onClose" | "onOpen")[], "open" | "update:open" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    handleOpenChange: (value: boolean) => void;
+    handleOpenAutoFocus: (event: Event) => void;
+    handleFocusOutside: (event: Event) => void;
+    isOpen: ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:open" | "close" | "onClose" | "onOpen")[], "open" | "update:open" | "close" | "onClose" | "onOpen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: PropType<string | Ref<string>>;
         default: string;
@@ -99,6 +106,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnOpen?: ((...args: any[]) => any) | undefined;
@@ -108,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
     title: string | Ref<string>;
     modal: boolean;
     onClose: Function;
-    draggable: boolean;
     focusTrap: boolean;
+    draggable: boolean;
 }, {}>;
 export default _default;

package/lib/components/dialogprovider/DialogProvider.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         open?: boolean;
         draggable?: boolean;
         modal?: boolean;
+        focusTrap?: boolean;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/dialogprovider/types.d.ts

@@ -11,6 +11,7 @@ export interface DialogOptions {
     open?: boolean;
     draggable?: boolean;
     modal?: boolean;
+    focusTrap?: boolean;
 }
 export interface DialogReactive {
     key: string;

package/lib/components/dropdown/Dropdown.vue.d.ts

@@ -59,6 +59,8 @@ declare const _default: import("vue").DefineComponent<{
     computedReferenceClasses: import("vue").ComputedRef<void>;
     transitionName: import("vue").ComputedRef<string>;
     toggleDropdown: () => void;
+    isContextMenu: import("vue").ComputedRef<boolean>;
+    isSubmenu: import("vue").ComputedRef<boolean>;
     zIndex: import("vue").Ref<number>;
     scale: {
         enterActive: string;
@@ -122,9 +124,9 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     label: null;
     onSelect: (labels: any) => void;
-    modal: boolean;
     placement: "center" | "end" | "start";
     transfer: boolean;
+    modal: boolean;
     trigger: "click" | "hover";
     contextMenu: boolean;
     transitionName: string;

package/lib/components/dropdown/DropdownItem.vue.d.ts

@@ -35,10 +35,20 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    wrapper: import("vue").Ref<null>;
+    wrapper: import("vue").Ref<HTMLElement | null>;
+    itemComponent: import("vue").ComputedRef<any>;
+    isSubmenuTrigger: boolean;
     hasIconLeft: import("vue").ComputedRef<boolean>;
     hasIconRight: import("vue").ComputedRef<boolean>;
     computedWrapperClasses: import("vue").ComputedRef<string[]>;
+    componentProps: import("vue").ComputedRef<{
+        as?: undefined;
+        href?: undefined;
+    } | {
+        as: string;
+        href: string;
+    }>;
+    handleSelect: () => void;
     style: typeof style;
     computedType: import("vue").ComputedRef<"a" | "div">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/dropdown/DropdownSeperator.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
     computedClasses: import("vue").ComputedRef<string[]>;
+    separatorComponent: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/dropdown/DropdownTriggerProvider.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/dropdown/style/Dropdown.css.d.ts

@@ -1,9 +1,10 @@
 export declare const menu: string;
 export declare const menuItems: string;
 export declare const menuItem: string;
-export declare const variant: Record<"default" | "dark" | "primary" | "error" | "tertiary" | "success" | "warning", string>;
+export declare const variant: Record<"default" | "dark" | "primary" | "tertiary" | "success" | "warning" | "error", string>;
 export declare const menuItemTextContainer: string;
 export declare const menuItemText: string;
 export declare const menuItemIcon: string;
+export declare const menuItemIconRight: string;
 export declare const menuSeperator: string;
 export declare const heading: string;

package/lib/components/dropdown/symbol.d.ts

@@ -1,6 +1,8 @@
 import type { InjectionKey } from 'vue';
 export interface DropdownState {
+    contextMenu: boolean;
     handleSelect: (labels: string[]) => void;
     isOpen: boolean;
 }
 export declare const DROPDOWN_STATE: InjectionKey<DropdownState>;
+export declare const DROPDOWN_TRIGGER_STATE: InjectionKey<boolean>;

package/lib/components/image/Image.vue.d.ts

@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onError?: ((e: Event) => any) | undefined;
 }, {
+    alt: string;
     scrSet: string;
     fit: string;
-    alt: string;
 }, {}>;
 export default _default;

package/lib/components/messageprovider/Message.vue.d.ts

@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     variant: Variant;
     timeout: number;
-    showClose: boolean;
     onClose: Function;
+    showClose: boolean;
 }, {}>;
 export default _default;

package/lib/components/messageprovider/MessageProvider.vue.d.ts

@@ -1,9 +1,6 @@
-import type { MessageType, MessageReactive, MessageApiInjection, ContentType, MessagePlacement } from './types';
+import 'vue-sonner/style.css';
+import type { MessageCloseButtonPosition, MessagePlacement } from './types';
 import type { PropType } from 'vue';
-interface PrivateMessageRef extends MessageReactive {
-    key: string;
-    hide: () => void;
-}
 declare const _default: import("vue").DefineComponent<{
     placement: {
         type: PropType<MessagePlacement>;
@@ -13,26 +10,17 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeButtonPosition: {
+        type: PropType<MessageCloseButtonPosition>;
+        default: string;
+    };
 }, {
-    messageRefs: import("vue").Ref<Record<string, PrivateMessageRef>>;
-    messageList: import("vue").Ref<{
-        key: string;
-        content: ContentType;
-        timeout?: number;
-        closable?: boolean;
-        type: MessageType;
-        onClose?: () => void;
-        destroy: () => void;
-    }[]>;
-    onInternalAfterLeave: (key: string) => void;
-    classes: import("vue").ComputedRef<(string | any[])[]>;
-    modalScale: {
-        enterActive: string;
-        leaveActive: string;
-        enterFrom: string;
-        leaveTo: string;
-    };
-} & MessageApiInjection, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    sonnerPosition: import("vue").ComputedRef<("top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center") | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placement: {
         type: PropType<MessagePlacement>;
         default: string;
@@ -41,8 +29,18 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeButtonPosition: {
+        type: PropType<MessageCloseButtonPosition>;
+        default: string;
+    };
 }>>, {
+    max: number;
     placement: MessagePlacement;
+    closeButtonPosition: MessageCloseButtonPosition;
     timeout: number;
 }, {}>;
 export default _default;

package/lib/components/messageprovider/style/Message.css.d.ts

@@ -9,4 +9,4 @@ export declare const base: string;
 export declare const placement: Record<"top" | "top-left" | "top-right", string>;
 export declare const icon: string;
 export declare const message: string;
-export declare const variant: Record<"default" | "error" | "success" | "warning" | "loading" | "info", string>;
+export declare const variant: Record<"default" | "success" | "warning" | "error" | "loading" | "info", string>;

package/lib/components/messageprovider/types.d.ts

@@ -2,18 +2,23 @@ import type { VNodeChild } from 'vue';
 export type ContentType = string;
 export type MessageType = 'info' | 'success' | 'warning' | 'error' | 'default' | 'loading';
 export type MessagePlacement = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+export type MessageCloseButtonPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export type MessageRenderMessage = (props: any) => VNodeChild;
 export interface MessageOptions {
     type?: MessageType;
     render?: MessageRenderMessage;
     timeout?: number;
     closable?: boolean;
+    closeButton?: boolean;
+    richColors?: boolean;
     onClose?: () => void;
 }
 export interface MessageReactive {
     content: ContentType;
     timeout?: number;
     closable?: boolean;
+    closeButton?: boolean;
+    richColors?: boolean;
     type: MessageType;
     onClose?: () => void;
     destroy: () => void;