naive-ui 2.34.2 → 2.34.4

package/lib/badge/src/Badge.js

@@ -17,7 +17,7 @@ exports.badgeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, show: {
         type: Boolean,
         default: true
-    }, showZero: Boolean, processing: Boolean, color: String });
+    }, showZero: Boolean, processing: Boolean, color: String, offset: Array });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Badge',
     props: exports.badgeProps,
@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
             return (props.show &&
                 (props.dot ||
                     (props.value !== undefined &&
-                        !(!props.showZero && props.value <= 0)) ||
+                        !(!props.showZero && Number(props.value) <= 0)) ||
                     !(0, _utils_1.isSlotEmpty)(slots.value)));
         });
         (0, vue_1.onMounted)(() => {
@@ -68,6 +68,17 @@ exports.default = (0, vue_1.defineComponent)({
                 return hash;
             }), cssVarsRef, props)
             : undefined;
+        const offsetStyleRef = (0, vue_1.computed)(() => {
+            const { offset } = props;
+            if (!offset)
+                return undefined;
+            const [x, y] = offset;
+            const reslovedOffsetX = typeof x === 'number' ? `${x}px` : x;
+            const reslovedOffsetY = typeof y === 'number' ? `${y}px` : y;
+            return {
+                transform: `translate(calc(${(rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? '50%' : '-50%'} + ${reslovedOffsetX}), ${reslovedOffsetY})`
+            };
+        });
         return {
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
@@ -77,7 +88,8 @@ exports.default = (0, vue_1.defineComponent)({
             handleAfterLeave,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            offsetStyle: offsetStyleRef
         };
     },
     render() {
@@ -96,7 +108,7 @@ exports.default = (0, vue_1.defineComponent)({
             ], style: this.cssVars },
             children,
             (0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", onAfterEnter: this.handleAfterEnter, onAfterLeave: this.handleAfterLeave }, {
-                default: () => this.showBadge ? ((0, vue_1.h)("sup", { class: `${mergedClsPrefix}-badge-sup`, title: (0, _utils_1.getTitleAttribute)(this.value) },
+                default: () => this.showBadge ? ((0, vue_1.h)("sup", { class: `${mergedClsPrefix}-badge-sup`, title: (0, _utils_1.getTitleAttribute)(this.value), style: this.offsetStyle },
                     (0, _utils_1.resolveSlot)($slots.value, () => [
                         !this.dot ? ((0, vue_1.h)(_internal_1.NBaseSlotMachine, { clsPrefix: mergedClsPrefix, appeared: this.appeared, max: this.max, value: this.value })) : null
                     ]),

package/lib/badge/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins';
+import type { Theme } from '../../_mixins';
 declare const self: (vars: ThemeCommonVars) => {
     color: string;
     colorInfo: string;
@@ -9,7 +9,7 @@ declare const self: (vars: ThemeCommonVars) => {
     fontSize: string;
     fontFamily: string;
 };
-export declare type BadgeThemeVars = ReturnType<typeof self>;
+export type BadgeThemeVars = ReturnType<typeof self>;
 declare const badgeLight: Theme<'Badge', BadgeThemeVars>;
 export default badgeLight;
-export declare type BadgeTheme = typeof badgeLight;
+export type BadgeTheme = typeof badgeLight;

package/lib/badge/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const badgeRtl: RtlItem;

package/lib/breadcrumb/src/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export interface BreadcrumbInjection {
     separatorRef: Ref<string>;
     mergedClsPrefixRef: Ref<string>;
@@ -50,7 +50,7 @@ export declare const breadcrumbProps: {
         fontWeightActive: string;
     }, any>>>;
 };
-export declare type BreadcrumbProps = ExtractPublicPropTypes<typeof breadcrumbProps>;
+export type BreadcrumbProps = ExtractPublicPropTypes<typeof breadcrumbProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly separator: {
         readonly type: StringConstructor;

package/lib/breadcrumb/src/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, PropType } from 'vue';
+import { type ExtractPropTypes, type PropType } from 'vue';
 export declare const breadcrumbItemProps: {
     readonly separator: StringConstructor;
     readonly href: StringConstructor;
@@ -8,7 +8,7 @@ export declare const breadcrumbItemProps: {
     };
     readonly onClick: PropType<(e: MouseEvent) => void>;
 };
-export declare type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadcrumbItemProps>>;
+export type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadcrumbItemProps>>;
 declare const _default: import("vue").DefineComponent<{
     readonly separator: StringConstructor;
     readonly href: StringConstructor;

package/lib/breadcrumb/styles/light.d.ts

@@ -13,7 +13,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     separatorColor: string;
     fontWeightActive: string;
 };
-export declare type BreadcrumbThemeVars = ReturnType<typeof self>;
+export type BreadcrumbThemeVars = ReturnType<typeof self>;
 declare const breadcrumbLight: Theme<'Breadcrumb', BreadcrumbThemeVars>;
 export default breadcrumbLight;
-export declare type BreadcrumbTheme = typeof breadcrumbLight;
+export type BreadcrumbTheme = typeof breadcrumbLight;

package/lib/button/src/Button.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ButtonHTMLAttributes, ExtractPropTypes, VNodeChild } from 'vue';
+import { type PropType, type ButtonHTMLAttributes, type ExtractPropTypes, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Type, Size } from './interface';
 export declare const buttonProps: {
@@ -664,7 +664,7 @@ export declare const buttonProps: {
         rippleDuration: string;
     }, any>>>;
 };
-export declare type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
+export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
 declare const Button: import("vue").DefineComponent<{
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
@@ -2060,16 +2060,16 @@ declare const Button: import("vue").DefineComponent<{
     readonly bordered: boolean;
     readonly tertiary: boolean;
     readonly ghost: boolean;
+    readonly keyboard: boolean;
     readonly secondary: boolean;
     readonly quaternary: boolean;
-    readonly keyboard: boolean;
     readonly iconPlacement: "left" | "right";
     readonly attrType: "button" | "reset" | "submit";
     readonly nativeFocusBehavior: boolean;
 }>;
-declare type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
-declare type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
-declare type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;
+type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
+type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
+type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;
 export default Button;
 export declare const XButton: new () => {
     $props: MergedProps;

package/lib/button/src/interface.d.ts

@@ -1,2 +1,2 @@
-export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
-export declare type Type = 'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error';
+export type Size = 'tiny' | 'small' | 'medium' | 'large';
+export type Type = 'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error';

package/lib/button/styles/light.d.ts

@@ -204,7 +204,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     iconSizeLarge: string;
     rippleDuration: string;
 };
-export declare type ButtonThemeVars = ReturnType<typeof self>;
+export type ButtonThemeVars = ReturnType<typeof self>;
 declare const buttonLight: Theme<'Button', ButtonThemeVars>;
 export default buttonLight;
-export declare type ButtonTheme = typeof buttonLight;
+export type ButtonTheme = typeof buttonLight;

package/lib/button/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { RtlItem } from '../../config-provider/src/internal-interface';
+import { type RtlItem } from '../../config-provider/src/internal-interface';
 export declare const buttonRtl: RtlItem;

package/lib/button-group/src/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { Size } from '../../button/src/interface';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export interface ButtonGroupInjection {
@@ -11,7 +11,7 @@ export declare const buttonGroupProps: {
     };
     readonly vertical: BooleanConstructor;
 };
-export declare type ButtonGroupProps = ExtractPublicPropTypes<typeof buttonGroupProps>;
+export type ButtonGroupProps = ExtractPublicPropTypes<typeof buttonGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly size: {
         readonly type: PropType<Size | undefined>;

package/lib/button-group/src/styles/index.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import { type CNode } from 'css-render';
 export declare const zero = "0!important";
 export declare const n1 = "-1px!important";
 declare const _default: CNode;

package/lib/button-group/src/styles/rtl.cssr.d.ts

@@ -1,3 +1,3 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 declare const _default: CNode;
 export default _default;

package/lib/button-group/styles/light.d.ts

@@ -3,4 +3,4 @@ export interface ButtonGroupThemeVars {
 }
 declare const buttonGroupLight: Theme<'ButtonGroup', ButtonGroupThemeVars>;
 export default buttonGroupLight;
-export declare type ButtonGroupTheme = typeof buttonGroupLight;
+export type ButtonGroupTheme = typeof buttonGroupLight;

package/lib/button-group/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { RtlItem } from '../../config-provider/src/internal-interface';
+import { type RtlItem } from '../../config-provider/src/internal-interface';
 export declare const buttonGroupRtl: RtlItem;

package/lib/calendar/src/Calendar.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
 export declare const calendarProps: {
@@ -693,7 +693,7 @@ export declare const calendarProps: {
         }, any>;
     }>>>;
 };
-export declare type CalendarProps = ExtractPublicPropTypes<typeof calendarProps>;
+export type CalendarProps = ExtractPublicPropTypes<typeof calendarProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
@@ -1413,7 +1413,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     dateLocale: import("vue").Ref<import("../../locales/date/enUS").NDateLocale>;

package/lib/calendar/src/interface.d.ts

@@ -1,10 +1,10 @@
-export declare type OnUpdateValue = (value: number, time: DateItem) => void;
+export type OnUpdateValue = (value: number, time: DateItem) => void;
 export interface DateItem {
     year: number;
     month: number;
     date: number;
 }
-export declare type OnPanelChange = (info: {
+export type OnPanelChange = (info: {
     year: number;
     month: number;
 }) => void;

package/lib/calendar/styles/light.d.ts

@@ -21,7 +21,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     barColor: string;
     titleFontSize: string;
 };
-export declare type CalendarThemeVars = ReturnType<typeof self>;
+export type CalendarThemeVars = ReturnType<typeof self>;
 declare const calendarLight: import("../../_mixins").Theme<"Calendar", {
     borderRadius: string;
     borderColor: string;
@@ -250,4 +250,4 @@ declare const calendarLight: import("../../_mixins").Theme<"Calendar", {
     }, any>;
 }>;
 export default calendarLight;
-export declare type CalendarTheme = typeof calendarLight;
+export type CalendarTheme = typeof calendarLight;

package/lib/card/src/Card.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 export interface CardSegmented {
     content?: boolean | 'soft';
@@ -24,15 +24,16 @@ export declare const cardBaseProps: {
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
-    readonly closable: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    readonly closable: BooleanConstructor;
     readonly hoverable: BooleanConstructor;
     readonly role: StringConstructor;
     readonly onClose: PropType<MaybeArray<() => void>>;
+    readonly tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
 };
-export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented")[];
+export declare const cardBasePropKeys: ("tag" | "size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented")[];
 export declare const cardProps: {
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
@@ -52,13 +53,14 @@ export declare const cardProps: {
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
-    closable: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    closable: BooleanConstructor;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     onClose: PropType<MaybeArray<() => void>>;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     theme: PropType<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
@@ -171,7 +173,7 @@ export declare const cardProps: {
         closeSize: string;
     }, any>>>;
 };
-export declare type CardProps = ExtractPublicPropTypes<typeof cardProps>;
+export type CardProps = ExtractPublicPropTypes<typeof cardProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
@@ -191,13 +193,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
-    closable: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    closable: BooleanConstructor;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     onClose: PropType<MaybeArray<() => void>>;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     theme: PropType<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
@@ -513,13 +516,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
-    closable: {
-        readonly type: BooleanConstructor;
-        readonly default: boolean;
-    };
+    closable: BooleanConstructor;
     hoverable: BooleanConstructor;
     role: StringConstructor;
     onClose: PropType<MaybeArray<() => void>>;
+    tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "div";
+    };
     theme: PropType<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
@@ -632,6 +636,7 @@ declare const _default: import("vue").DefineComponent<{
         closeSize: string;
     }, any>>>;
 }>>, {
+    tag: keyof HTMLElementTagNameMap;
     size: "small" | "medium" | "large" | "huge";
     bordered: boolean;
     closable: boolean;

package/lib/card/src/Card.js

@@ -31,13 +31,14 @@ exports.cardBaseProps = {
         type: Boolean,
         default: true
     },
-    closable: {
-        type: Boolean,
-        default: false
-    },
+    closable: Boolean,
     hoverable: Boolean,
     role: String,
-    onClose: [Function, Array]
+    onClose: [Function, Array],
+    tag: {
+        type: String,
+        default: 'div'
+    }
 };
 exports.cardBasePropKeys = (0, _utils_1.keysOf)(exports.cardBaseProps);
 exports.cardProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.cardBaseProps);
@@ -106,9 +107,9 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { segmented, bordered, hoverable, mergedClsPrefix, rtlEnabled, onRender, embedded, $slots } = this;
+        const { segmented, bordered, hoverable, mergedClsPrefix, rtlEnabled, onRender, embedded, tag: Component, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
-        return ((0, vue_1.h)("div", { class: [
+        return ((0, vue_1.h)(Component, { class: [
                 `${mergedClsPrefix}-card`,
                 this.themeClass,
                 embedded && `${mergedClsPrefix}-card--embedded`,

package/lib/card/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins';
+import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     lineHeight: string;
     color: string;
@@ -37,7 +37,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeIconSize: string;
     closeSize: string;
 };
-export declare type CardThemeVars = ReturnType<typeof self>;
+export type CardThemeVars = ReturnType<typeof self>;
 declare const cardLight: Theme<'Card', CardThemeVars>;
 export default cardLight;
-export declare type CardTheme = typeof cardLight;
+export type CardTheme = typeof cardLight;

package/lib/card/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { RtlItem } from '../../config-provider/src/internal-interface';
+import { type RtlItem } from '../../config-provider/src/internal-interface';
 export declare const cardRtl: RtlItem;

package/lib/carousel/src/Carousel.d.ts

@@ -2,7 +2,7 @@ import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ArrowScopedSlotProps, DotScopedSlotProps, Size } from './interface';
 declare const transitionProperties: readonly ["transitionDuration", "transitionTimingFunction"];
-declare type TransitionStyle = Partial<Pick<CSSProperties, typeof transitionProperties[number]>>;
+type TransitionStyle = Partial<Pick<CSSProperties, typeof transitionProperties[number]>>;
 export declare const carouselProps: {
     defaultIndex: {
         type: NumberConstructor;
@@ -96,7 +96,7 @@ export declare const carouselProps: {
         arrowColor: string;
     }, any>>>;
 };
-export declare type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
+export type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
 declare const _default: import("vue").DefineComponent<{
     defaultIndex: {
         type: NumberConstructor;

package/lib/carousel/src/Carousel.js

@@ -670,8 +670,8 @@ exports.default = (0, vue_1.defineComponent)({
                 fixTranslate();
             }
         }, { immediate: true });
-        (0, vue_1.watch)([duplicatedableRef, displaySlidesPerViewRef], () => void (0, vue_1.nextTick)(() => toRealIndex(realIndexRef.value)));
-        (0, vue_1.watch)(slideTranlatesRef, () => sequenceLayoutRef.value && fixTranslate(), {
+        (0, vue_1.watch)([duplicatedableRef, displaySlidesPerViewRef], () => void (0, vue_1.nextTick)(() => { toRealIndex(realIndexRef.value); }));
+        (0, vue_1.watch)(slideTranlatesRef, () => { sequenceLayoutRef.value && fixTranslate(); }, {
             deep: true
         });
         (0, vue_1.watch)(sequenceLayoutRef, (value) => {

package/lib/carousel/src/CarouselContext.js

@@ -4,7 +4,7 @@ exports.useCarouselContext = exports.provideCarouselContext = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('n-carousel-methods');
-const provideCarouselContext = (contextValue) => (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue);
+const provideCarouselContext = (contextValue) => { (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue); };
 exports.provideCarouselContext = provideCarouselContext;
 const useCarouselContext = (location = 'unknown', component = 'component') => {
     const CarouselContext = (0, vue_1.inject)(carouselMethodsInjectionKey);

package/lib/carousel/src/CarouselDots.d.ts

@@ -19,7 +19,7 @@ declare const carouselDotsProps: {
     };
     keyboard: BooleanConstructor;
 };
-export declare type CarouselDotsProps = ExtractPublicPropTypes<typeof carouselDotsProps>;
+export type CarouselDotsProps = ExtractPublicPropTypes<typeof carouselDotsProps>;
 declare const _default: import("vue").DefineComponent<{
     total: {
         type: NumberConstructor;

package/lib/carousel/src/CarouselDots.js

@@ -105,7 +105,7 @@ exports.default = (0, vue_1.defineComponent)({
             return ((0, vue_1.h)("div", { "aria-selected": selected, ref: (el) => dotEls.push(el), role: "button", tabindex: "0", class: [
                     `${mergedClsPrefix}-carousel__dot`,
                     selected && `${mergedClsPrefix}-carousel__dot--active`
-                ], key: i, onClick: () => this.handleClick(i), onMouseenter: () => this.handleMouseenter(i), onKeydown: (e) => this.handleKeydown(e, i) }));
+                ], key: i, onClick: () => { this.handleClick(i); }, onMouseenter: () => { this.handleMouseenter(i); }, onKeydown: (e) => { this.handleKeydown(e, i); } }));
         })));
     }
 });

package/lib/carousel/src/CarouselItem.js

@@ -22,7 +22,9 @@ exports.default = (0, vue_1.defineComponent)({
         const isNextRef = (0, vue_1.computed)(() => NCarousel.isNext(indexRef.value));
         const isActiveRef = (0, vue_1.computed)(() => NCarousel.isActive(indexRef.value));
         const styleRef = (0, vue_1.computed)(() => NCarousel.getSlideStyle(indexRef.value));
-        (0, vue_1.onMounted)(() => NCarousel.addSlide(selfElRef.value));
+        (0, vue_1.onMounted)(() => {
+            NCarousel.addSlide(selfElRef.value);
+        });
         (0, vue_1.onBeforeUnmount)(() => {
             NCarousel.removeSlide(selfElRef.value);
         });
@@ -57,8 +59,7 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { ref: "selfElRef", class: className, role: "option", tabindex: "-1", "data-index": index, "aria-hidden": !isActive, style: style, 
             // We use ts-ignore for vue-tsc, since it seems to patch native event
             // for vue components
-            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
-            // @ts-ignore
+            // @ts-expect-error vue's tsx has type for capture events
             onClickCapture: this.handleClick }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
             isPrev,
             isNext,

package/lib/carousel/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { CarouselContextValue } from './CarouselContext';
+import type { CarouselContextValue } from './CarouselContext';
 export interface CarouselInst {
     getCurrentIndex: () => number;
     to: (index: number) => void;

package/lib/carousel/src/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../interface';
+import type { Size } from '../interface';
 export * from './duplicatedLogic';
 export * from './event';
 export declare function calculateSize(element: HTMLElement, innerOnly?: boolean): Size;

package/lib/carousel/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins';
+import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     dotSize: string;
     dotColor: string;
@@ -9,7 +9,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     dotLineWidthActive: string;
     arrowColor: string;
 };
-export declare type CarouselThemeVars = ReturnType<typeof self>;
+export type CarouselThemeVars = ReturnType<typeof self>;
 declare const carouselLight: Theme<'Carousel', CarouselThemeVars>;
 export default carouselLight;
-export declare type CarouselTheme = typeof carouselLight;
+export type CarouselTheme = typeof carouselLight;