naive-ui 2.40.0 → 2.40.2

package/es/modal/src/Modal.d.ts

@@ -1,5 +1,5 @@
-import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import { type CSSProperties, type PropType } from 'vue';
 export declare const modalProps: {
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -988,7 +988,7 @@ export declare const modalProps: {
     }>>>;
 };
 export type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -1974,11 +1974,11 @@ declare const _default: import("vue").DefineComponent<{
             closeSize: string;
         }, any>;
     }>>>;
-}, {
-    mergedClsPrefix: import("vue").Ref<string>;
+}>, {
+    mergedClsPrefix: import("vue").Ref<string, string>;
     namespace: import("vue").ComputedRef<string | undefined>;
-    isMounted: Readonly<import("vue").Ref<boolean>>;
-    containerRef: import("vue").Ref<HTMLElement | null>;
+    isMounted: Readonly<import("vue").Ref<boolean, boolean>>;
+    containerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     presetProps: import("vue").ComputedRef<any>;
     handleEsc: (e: KeyboardEvent) => void;
     handleAfterLeave: () => void;
@@ -1994,9 +1994,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color': string;
         '--n-text-color': string;
     }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -2982,8 +2982,8 @@ declare const _default: import("vue").DefineComponent<{
             closeSize: string;
         }, any>;
     }>>>;
-}>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+}>> & Readonly<{}>, {
+    type: "error" | "default" | "info" | "success" | "warning";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
@@ -2997,13 +2997,13 @@ declare const _default: import("vue").DefineComponent<{
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
-    trapFocus: boolean;
     blockScroll: boolean;
+    trapFocus: boolean;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
     maskClosable: boolean;
     closeOnEsc: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/modal/src/Modal.mjs

@@ -1,15 +1,15 @@
-import { Transition, computed, defineComponent, h, inject, provide, ref, toRef, withDirectives } from 'vue';
+import { getPreciseEventTarget } from 'seemly';
 import { zindexable } from 'vdirs';
-import { useClickPosition, useClicked, useIsMounted } from 'vooks';
+import { useClicked, useClickPosition, useIsMounted } from 'vooks';
+import { computed, defineComponent, h, inject, provide, ref, toRef, Transition, withDirectives } from 'vue';
 import { VLazyTeleport } from 'vueuc';
-import { getPreciseEventTarget } from 'seemly';
-import { dialogProviderInjectionKey } from "../../dialog/src/context.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, eventEffectNotPerformed, keep, useIsComposing, warnOnce } from "../../_utils/index.mjs";
+import { dialogProviderInjectionKey } from "../../dialog/src/context.mjs";
 import { modalLight } from "../styles/index.mjs";
-import { presetProps, presetPropsKeys } from "./presetProps.mjs";
 import NModalBodyWrapper from "./BodyWrapper.mjs";
 import { modalInjectionKey, modalProviderInjectionKey } from "./interface.mjs";
+import { presetProps, presetPropsKeys } from "./presetProps.mjs";
 import style from "./styles/index.cssr.mjs";
 export const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), {
   show: Boolean,

package/es/modal/src/ModalEnvironment.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-export declare const NModalEnvironment: import("vue").DefineComponent<{
+export declare const NModalEnvironment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -993,8 +993,8 @@ export declare const NModalEnvironment: import("vue").DefineComponent<{
             closeSize: string;
         }, any>;
     }>>>;
-}, {
-    show: import("vue").Ref<boolean>;
+}>, {
+    show: import("vue").Ref<boolean, boolean>;
     hide: () => void;
     handleUpdateShow: (value: boolean) => void;
     handleAfterLeave: () => void;
@@ -1003,7 +1003,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<{
     handlePositiveClick: () => void;
     handleMaskClick: (e: MouseEvent) => void;
     handleEsc: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -1997,8 +1997,8 @@ export declare const NModalEnvironment: import("vue").DefineComponent<{
             closeSize: string;
         }, any>;
     }>>>;
-}>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+}>> & Readonly<{}>, {
+    type: "error" | "default" | "info" | "success" | "warning";
     tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
     show: boolean;
@@ -2012,12 +2012,12 @@ export declare const NModalEnvironment: import("vue").DefineComponent<{
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
-    trapFocus: boolean;
     blockScroll: boolean;
+    trapFocus: boolean;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
     maskClosable: boolean;
     closeOnEsc: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/modal/src/ModalProvider.mjs

@@ -1,9 +1,9 @@
-import { Fragment, defineComponent, h, provide, reactive, ref } from 'vue';
 import { createId } from 'seemly';
-import { useClickPosition, useClicked } from 'vooks';
+import { useClicked, useClickPosition } from 'vooks';
+import { defineComponent, Fragment, h, provide, reactive, ref } from 'vue';
 import { omit } from "../../_utils/index.mjs";
-import { NModalEnvironment } from "./ModalEnvironment.mjs";
 import { modalApiInjectionKey, modalProviderInjectionKey, modalReactiveListInjectionKey } from "./context.mjs";
+import { NModalEnvironment } from "./ModalEnvironment.mjs";
 export const modalProviderProps = {
   to: [String, Object]
 };

package/es/modal/src/composables.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from 'vue';
 import type { ModalApiInjection, ModalReactive } from './ModalProvider';
+import { type Ref } from 'vue';
 export declare function useModal(): ModalApiInjection;
 export declare function useModalReactiveList(): Ref<readonly ModalReactive[]>;

package/es/modal/src/presetProps.d.ts

@@ -56,5 +56,5 @@ declare const presetProps: {
     footer: import("vue").PropType<() => import("vue").VNodeChild>;
     headerExtra: import("vue").PropType<() => import("vue").VNodeChild>;
 };
-declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "footer" | "title" | "cover" | "icon" | "role" | "action" | "loading" | "positiveText" | "negativeText" | "bordered" | "showIcon" | "onClose" | "closable" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "footerClass" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraClass" | "headerExtraStyle" | "segmented" | "headerExtra" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "tag" | "content" | "size" | "footer" | "title" | "cover" | "icon" | "role" | "onClose" | "action" | "loading" | "positiveText" | "negativeText" | "bordered" | "showIcon" | "contentClass" | "contentStyle" | "closable" | "headerClass" | "headerStyle" | "footerClass" | "footerStyle" | "iconPlacement" | "hoverable" | "embedded" | "headerExtraClass" | "headerExtraStyle" | "segmented" | "headerExtra" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/es/modal/src/presetProps.mjs

@@ -1,6 +1,6 @@
-import { dialogProps } from "../../dialog/src/dialogProps.mjs";
-import { cardBaseProps } from "../../card/src/Card.mjs";
 import { keysOf } from "../../_utils/index.mjs";
+import { cardBaseProps } from "../../card/src/Card.mjs";
+import { dialogProps } from "../../dialog/src/dialogProps.mjs";
 const presetProps = Object.assign(Object.assign({}, cardBaseProps), dialogProps);
 const presetPropsKeys = keysOf(presetProps);
 export { presetProps, presetPropsKeys };

package/es/modal/src/styles/index.cssr.mjs

@@ -1,6 +1,6 @@
-import { c, cB } from "../../../_utils/cssr/index.mjs";
 import { fadeInTransition } from "../../../_styles/transitions/fade-in.cssr.mjs";
 import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
+import { c, cB } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-bezier-ease-out
 // --n-box-shadow

package/es/modal/styles/dark.mjs

@@ -1,7 +1,7 @@
 import { scrollbarDark } from "../../_internal/scrollbar/styles/index.mjs";
-import { dialogDark } from "../../dialog/styles/index.mjs";
-import { cardDark } from "../../card/styles/index.mjs";
 import { commonDark } from "../../_styles/common/index.mjs";
+import { cardDark } from "../../card/styles/index.mjs";
+import { dialogDark } from "../../dialog/styles/index.mjs";
 import { self } from "./light.mjs";
 const modalDark = {
   name: 'Modal',

package/es/modal/styles/light.mjs

@@ -1,8 +1,8 @@
 import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
-import { dialogLight } from "../../dialog/styles/index.mjs";
-import { cardLight } from "../../card/styles/index.mjs";
-import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
+import { commonLight } from "../../_styles/common/index.mjs";
+import { cardLight } from "../../card/styles/index.mjs";
+import { dialogLight } from "../../dialog/styles/index.mjs";
 export function self(vars) {
   const {
     modalColor,

package/es/notification/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NNotificationProvider, notificationProviderProps } from './src/NotificationProvider';
-export type { NotificationProviderProps, NotificationProviderInst, NotificationApiInjection as NotificationApi, NotificationReactive, NotificationPlacement, NotificationType } from './src/NotificationProvider';
 export type { NotificationOptions } from './src/NotificationEnvironment';
+export { default as NNotificationProvider, notificationProviderProps } from './src/NotificationProvider';
+export type { NotificationApiInjection as NotificationApi, NotificationPlacement, NotificationProviderInst, NotificationProviderProps, NotificationReactive, NotificationType } from './src/NotificationProvider';
 export { useNotification } from './src/use-notification';

package/es/notification/src/Notification.d.ts

@@ -22,8 +22,8 @@ export declare const notificationProps: {
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
-export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "onMouseenter" | "onMouseleave" | "action" | "onClose" | "avatar" | "closable" | "keepAliveOnHover")[];
-export declare const Notification: import("vue").DefineComponent<{
+export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "onMouseenter" | "onMouseleave" | "onClose" | "action" | "avatar" | "closable" | "keepAliveOnHover")[];
+export declare const Notification: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -45,11 +45,11 @@ export declare const Notification: import("vue").DefineComponent<{
     readonly keepAliveOnHover: BooleanConstructor;
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
-}, {
-    mergedClsPrefix: import("vue").Ref<string>;
+}>, {
+    mergedClsPrefix: import("vue").Ref<string, string>;
     showAvatar: import("vue").ComputedRef<boolean | (() => VNodeChild)>;
     handleCloseClick(): void;
-    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-color': string;
         '--n-font-size': string;
@@ -83,9 +83,9 @@ export declare const Notification: import("vue").DefineComponent<{
         '--n-meta-font-size': string;
         '--n-description-font-size': string;
     }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -107,8 +107,8 @@ export declare const Notification: import("vue").DefineComponent<{
     readonly keepAliveOnHover: BooleanConstructor;
     readonly onMouseenter: PropType<(e: MouseEvent) => void>;
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
-}>>, {
-    readonly type: "default" | "error" | "info" | "success" | "warning";
+}>> & Readonly<{}>, {
+    readonly type: "error" | "default" | "info" | "success" | "warning";
     readonly closable: boolean;
     readonly keepAliveOnHover: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/notification/src/Notification.mjs

@@ -1,9 +1,9 @@
-import { computed, defineComponent, h, inject } from 'vue';
 import { getPadding } from 'seemly';
-import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../_internal/icons/index.mjs";
-import { createKey, keysOf, render } from "../../_utils/index.mjs";
+import { computed, defineComponent, h, inject } from 'vue';
 import { NBaseClose, NBaseIcon } from "../../_internal/index.mjs";
+import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useRtl, useThemeClass } from "../../_mixins/index.mjs";
+import { createKey, keysOf, render } from "../../_utils/index.mjs";
 import { notificationProviderInjectionKey } from "./context.mjs";
 const iconRenderMap = {
   info: () => h(InfoIcon, null),

package/es/notification/src/NotificationContainer.d.ts

@@ -1,6 +1,6 @@
-import { type PropType } from 'vue';
 import type { NotificationPlacement } from './NotificationProvider';
-export declare const NotificationContainer: import("vue").DefineComponent<{
+import { type PropType } from 'vue';
+export declare const NotificationContainer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
@@ -9,8 +9,8 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         required: true;
     };
-}, {
-    selfRef: import("vue").Ref<HTMLElement | null>;
+}>, {
+    selfRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     mergedTheme: import("vue").Ref<{
         common: import("../..").ThemeCommonVars;
         self: {
@@ -65,10 +65,64 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
                 } | undefined;
             } | undefined;
         };
+    }, {
+        common: import("../..").ThemeCommonVars;
+        self: {
+            borderRadius: string;
+            lineHeight: string;
+            fontSize: string;
+            headerFontWeight: string;
+            iconColor: string;
+            iconColorSuccess: string;
+            iconColorInfo: string;
+            iconColorWarning: string;
+            iconColorError: string;
+            color: string;
+            textColor: string;
+            closeIconColor: string;
+            closeIconColorHover: string;
+            closeIconColorPressed: string;
+            closeBorderRadius: string;
+            closeColorHover: string;
+            closeColorPressed: string;
+            headerTextColor: string;
+            descriptionTextColor: string;
+            actionTextColor: string;
+            boxShadow: string;
+            closeMargin: string;
+            closeSize: string;
+            closeIconSize: string;
+            width: string;
+            padding: string;
+            titleFontSize: string;
+            metaFontSize: string;
+            descriptionFontSize: string;
+        };
+        peers: {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        };
+        peerOverrides: {
+            Scrollbar?: {
+                peers?: {
+                    [x: string]: any;
+                } | undefined;
+            } | undefined;
+        };
     }>;
-    mergedClsPrefix: import("vue").Ref<string>;
-    transitioning: import("vue").Ref<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mergedClsPrefix: import("vue").Ref<string, string>;
+    transitioning: import("vue").Ref<number, number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     scrollable: {
         type: BooleanConstructor;
         required: true;
@@ -77,4 +131,4 @@ export declare const NotificationContainer: import("vue").DefineComponent<{
         type: PropType<NotificationPlacement>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/notification/src/NotificationEnvironment.d.ts

@@ -30,7 +30,7 @@ export declare const notificationEnvOptions: {
     readonly onMouseleave: PropType<(e: MouseEvent) => void>;
 };
 export type NotificationOptions = Partial<ExtractPropTypes<typeof notificationEnvOptions>>;
-export declare const NotificationEnvironment: import("vue").DefineComponent<{
+export declare const NotificationEnvironment: import("vue").DefineComponent<ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -64,8 +64,8 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
-}, {
-    show: import("vue").Ref<boolean>;
+}>, {
+    show: import("vue").Ref<boolean, boolean>;
     hide: () => void;
     handleClose: () => void;
     handleAfterLeave: () => void;
@@ -75,7 +75,7 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     handleBeforeEnter: (el: HTMLElement) => void;
     handleMouseenter: (e: MouseEvent) => void;
     handleMouseleave: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -109,8 +109,8 @@ export declare const NotificationEnvironment: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
-}>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+}>> & Readonly<{}>, {
+    type: "error" | "default" | "info" | "success" | "warning";
     closable: boolean;
     keepAliveOnHover: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/notification/src/NotificationEnvironment.mjs

@@ -1,4 +1,4 @@
-import { Transition, defineComponent, h, inject, nextTick, onMounted, ref } from 'vue';
+import { defineComponent, h, inject, nextTick, onMounted, ref, Transition } from 'vue';
 import { keep } from "../../_utils/index.mjs";
 import { notificationProviderInjectionKey } from "./context.mjs";
 import { Notification, notificationPropKeys, notificationProps } from "./Notification.mjs";

package/es/notification/src/NotificationProvider.d.ts

@@ -1,8 +1,8 @@
-import { type CSSProperties, type ExtractPropTypes, type PropType, type Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
+import type { NotificationOptions } from './NotificationEnvironment';
+import { type CSSProperties, type ExtractPropTypes, type PropType, type Ref } from 'vue';
 import { type ExtractPublicPropTypes, type Mutable } from '../../_utils';
 import { type NotificationTheme } from '../styles';
-import type { NotificationOptions } from './NotificationEnvironment';
 export type NotificationPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'bottom';
 export interface NotificationProviderInjection {
     props: ExtractPropTypes<typeof notificationProviderProps>;
@@ -184,7 +184,7 @@ export declare const notificationProviderProps: {
     }>>>;
 };
 export type NotificationProviderProps = ExtractPublicPropTypes<typeof notificationProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
@@ -330,28 +330,52 @@ declare const _default: import("vue").DefineComponent<{
             railColor: string;
         }, any>;
     }>>>;
-}, {
-    mergedClsPrefix: Ref<string>;
+}>, {
+    mergedClsPrefix: Ref<string, string>;
     notificationList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
         readonly hide: () => void;
         readonly deactivate: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        type?: "error" | "default" | "info" | "success" | "warning" | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
         meta?: string | (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         description?: string | (() => import("vue").VNodeChild) | undefined;
+        onAfterEnter?: (() => void) | undefined;
+        onLeave?: (() => void) | undefined;
+        onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         duration?: number | undefined;
+        onMouseenter?: ((e: MouseEvent) => void) | undefined;
+        onMouseleave?: ((e: MouseEvent) => void) | undefined;
+        onClose?: (() => Promise<boolean> | boolean | any) | undefined;
+        action?: string | (() => import("vue").VNodeChild) | undefined;
+        avatar?: (() => import("vue").VNodeChild) | undefined;
+        onHide?: (() => void) | undefined;
+        onAfterHide?: (() => void) | undefined;
+        onAfterShow?: (() => void) | undefined;
+    }[], NotificationReactive[] | {
+        readonly key: string;
+        readonly destroy: () => void;
+        readonly hide: () => void;
+        readonly deactivate: () => void;
+        type?: "error" | "default" | "info" | "success" | "warning" | undefined;
+        closable?: boolean | undefined;
+        keepAliveOnHover?: boolean | undefined;
+        meta?: string | (() => import("vue").VNodeChild) | undefined;
+        content?: string | (() => import("vue").VNodeChild) | undefined;
+        description?: string | (() => import("vue").VNodeChild) | undefined;
         onAfterEnter?: (() => void) | undefined;
         onLeave?: (() => void) | undefined;
         onAfterLeave?: (() => void) | undefined;
+        title?: string | (() => import("vue").VNodeChild) | undefined;
+        duration?: number | undefined;
         onMouseenter?: ((e: MouseEvent) => void) | undefined;
         onMouseleave?: ((e: MouseEvent) => void) | undefined;
-        action?: string | (() => import("vue").VNodeChild) | undefined;
         onClose?: (() => Promise<boolean> | boolean | any) | undefined;
+        action?: string | (() => import("vue").VNodeChild) | undefined;
         avatar?: (() => import("vue").VNodeChild) | undefined;
         onHide?: (() => void) | undefined;
         onAfterHide?: (() => void) | undefined;
@@ -367,7 +391,7 @@ declare const _default: import("vue").DefineComponent<{
     error: (options: Omit<NotificationOptions, "type">) => NotificationReactive;
     open: (options: NotificationOptions) => NotificationReactive;
     destroyAll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     containerClass: StringConstructor;
     containerStyle: PropType<string | CSSProperties>;
     to: PropType<string | HTMLElement>;
@@ -513,9 +537,9 @@ declare const _default: import("vue").DefineComponent<{
             railColor: string;
         }, any>;
     }>>>;
-}>>, {
+}>> & Readonly<{}>, {
     placement: NotificationPlacement;
     scrollable: boolean;
     keepAliveOnHover: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/notification/src/NotificationProvider.mjs

@@ -1,11 +1,11 @@
-import { Fragment, Teleport, defineComponent, h, provide, reactive, ref } from 'vue';
 import { createId } from 'seemly';
+import { defineComponent, Fragment, h, provide, reactive, ref, Teleport } from 'vue';
 import { useConfig, useTheme } from "../../_mixins/index.mjs";
 import { createInjectionKey, omit } from "../../_utils/index.mjs";
 import { notificationLight } from "../styles/index.mjs";
+import { notificationProviderInjectionKey } from "./context.mjs";
 import { NotificationContainer } from "./NotificationContainer.mjs";
 import { NotificationEnvironment } from "./NotificationEnvironment.mjs";
-import { notificationProviderInjectionKey } from "./context.mjs";
 import style from "./styles/index.cssr.mjs";
 export const notificationApiInjectionKey = createInjectionKey('n-notification-api');
 export const notificationProviderProps = Object.assign(Object.assign({}, useTheme.props), {

package/es/notification/styles/index.d.ts

@@ -1,4 +1,4 @@
 export { default as notificationDark } from './dark';
 export { default as notificationLight } from './light';
-export { notificationRtl } from './rtl';
 export type { NotificationTheme, NotificationThemeVars } from './light';
+export { notificationRtl } from './rtl';

package/es/notification/styles/light.mjs

@@ -1,6 +1,6 @@
 import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
-import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
+import { commonLight } from "../../_styles/common/index.mjs";
 import commonVars from "./_common.mjs";
 export function self(vars) {
   const {

package/es/number-animation/src/NumberAnimation.d.ts

@@ -1,5 +1,5 @@
-import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
 export declare const numberAnimationProps: {
     to: {
         type: NumberConstructor;
@@ -29,7 +29,7 @@ export type NumberAnimationProps = ExtractPublicPropTypes<typeof numberAnimation
 export interface NumberAnimationInst {
     play: () => void;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: {
         type: NumberConstructor;
         default: number;
@@ -53,14 +53,14 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onFinish: PropType<() => void>;
-}, {
+}>, {
     play: () => void;
     formattedValue: import("vue").ComputedRef<{
         integer: string;
         decimal: string;
         decimalSeparator: string | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: NumberConstructor;
         default: number;
@@ -84,12 +84,12 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     onFinish: PropType<() => void>;
-}>>, {
+}>> & Readonly<{}>, {
+    to: number;
     active: boolean;
     duration: number;
     from: number;
-    to: number;
     precision: number;
     showSeparator: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/number-animation/src/NumberAnimation.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, onMounted, ref, watchEffect } from 'vue';
 import { round } from 'lodash-es';
+import { computed, defineComponent, onMounted, ref, watchEffect } from 'vue';
 import { useLocale } from "../../_mixins/index.mjs";
 import { tween } from "./utils.mjs";
 export const numberAnimationProps = {