naive-ui 2.34.3 → 2.34.4

package/es/badge/src/Badge.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const badgeProps: {
     readonly value: PropType<string | number>;

package/es/badge/src/Badge.js

@@ -29,7 +29,7 @@ export default defineComponent({
             return (props.show &&
                 (props.dot ||
                     (props.value !== undefined &&
-                        !(!props.showZero && props.value <= 0)) ||
+                        !(!props.showZero && Number(props.value) <= 0)) ||
                     !isSlotEmpty(slots.value)));
         });
         onMounted(() => {

package/es/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;

package/es/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/es/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>;

package/es/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;

package/es/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: {
@@ -2060,9 +2060,9 @@ 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;

package/es/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/es/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 {

package/es/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/es/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/es/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/es/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: {
@@ -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/es/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';

package/es/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;

package/es/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/es/carousel/src/Carousel.js

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

package/es/carousel/src/CarouselContext.js

@@ -1,7 +1,7 @@
 import { inject, provide } from 'vue';
 import { createInjectionKey, throwError } from '../../_utils';
 const carouselMethodsInjectionKey = createInjectionKey('n-carousel-methods');
-export const provideCarouselContext = (contextValue) => provide(carouselMethodsInjectionKey, contextValue);
+export const provideCarouselContext = (contextValue) => { provide(carouselMethodsInjectionKey, contextValue); };
 export const useCarouselContext = (location = 'unknown', component = 'component') => {
     const CarouselContext = inject(carouselMethodsInjectionKey);
     if (!CarouselContext) {

package/es/carousel/src/CarouselDots.js

@@ -103,7 +103,7 @@ export default defineComponent({
             return (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/es/carousel/src/CarouselItem.js

@@ -18,7 +18,9 @@ export default defineComponent({
         const isNextRef = computed(() => NCarousel.isNext(indexRef.value));
         const isActiveRef = computed(() => NCarousel.isActive(indexRef.value));
         const styleRef = computed(() => NCarousel.getSlideStyle(indexRef.value));
-        onMounted(() => NCarousel.addSlide(selfElRef.value));
+        onMounted(() => {
+            NCarousel.addSlide(selfElRef.value);
+        });
         onBeforeUnmount(() => {
             NCarousel.removeSlide(selfElRef.value);
         });
@@ -53,8 +55,7 @@ export default defineComponent({
         return (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/es/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/es/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/es/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;

package/es/cascader/src/Cascader.d.ts

@@ -1,6 +1,6 @@
-import { PropType, VNodeChild, HTMLAttributes } from 'vue';
-import { CheckStrategy } from 'treemate';
-import { FollowerPlacement } from 'vueuc';
+import { type PropType, type VNodeChild, type HTMLAttributes } from 'vue';
+import { type CheckStrategy } from 'treemate';
+import { type FollowerPlacement } from 'vueuc';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
@@ -96,8 +96,8 @@ export declare const cascaderProps: {
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
-    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -755,8 +755,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
-    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -1855,8 +1855,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
-    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -2422,12 +2422,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
+    readonly options: CascaderOption[];
     readonly show: boolean | undefined;
     readonly separator: string;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
-    readonly options: CascaderOption[];
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly labelField: string;

package/es/cascader/src/CascaderMenu.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { FollowerPlacement } from 'vueuc';
-import { CascaderSubmenuInstance, MenuModel, Value } from './interface';
+import { type PropType } from 'vue';
+import type { FollowerPlacement } from 'vueuc';
+import type { CascaderSubmenuInstance, MenuModel, Value } from './interface';
 declare const _default: import("vue").DefineComponent<{
     value: PropType<Value | null>;
     placement: {

package/es/cascader/src/CascaderOption.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TmNode } from './interface';
+import { type PropType } from 'vue';
+import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
         type: PropType<TmNode>;

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { TreeNode } from 'treemate';
+import { type PropType } from 'vue';
+import { type TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
-import { TmNode, Value, Filter } from './interface';
+import type { TmNode, Value, Filter } from './interface';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: PropType<Value | null>;

package/es/cascader/src/CascaderSubmenu.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TmNode } from './interface';
+import { type PropType } from 'vue';
+import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     depth: {
         type: NumberConstructor;

package/es/cascader/src/interface.d.ts

@@ -1,8 +1,8 @@
-import { CheckStrategy, TreeNode } from 'treemate';
+import type { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { Ref, Slots, VNodeChild } from 'vue';
+import type { Ref, Slots, VNodeChild } from 'vue';
 export type ValueAtom = string | number;
 export type Value = ValueAtom | ValueAtom[];
 export type Key = ValueAtom;

package/es/checkbox/src/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateChecked, CheckboxInst } from './interface';
 export declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;

package/es/checkbox/src/CheckboxGroup.d.ts

@@ -1,6 +1,5 @@
-import { PropType, Ref, ComputedRef } from 'vue';
-import { MaybeArray } from '../../_utils';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType, type Ref, type ComputedRef } from 'vue';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 export interface CheckboxGroupInjection {
     checkedCountRef: ComputedRef<number>;
     maxRef: Ref<number | undefined>;

package/es/code/src/Code.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Hljs } from '../../_mixins';
+import { type PropType } from 'vue';
+import { type Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const codeProps: {
     language: StringConstructor;

package/es/code/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import { type Theme } from '../../_mixins/use-theme';
 declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     fontSize: string;

package/es/collapse/src/Collapse.d.ts

@@ -1,7 +1,6 @@
-import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
-import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
+import { type PropType, type Ref, type ExtractPropTypes, type Slots } from 'vue';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
 export declare const collapseProps: {
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
@@ -39,6 +38,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -51,6 +51,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -63,6 +64,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 };
 export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
@@ -111,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -123,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -135,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -255,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
             arrowColor: string;
             arrowColorDisabled: string;
             itemMargin: string;
+            titlePadding: string;
         };
         peers: any;
         peerOverrides: {
@@ -267,6 +273,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-bezier': string;
         '--n-text-color': string;
         '--n-divider-color': string;
+        '--n-title-padding': string;
         '--n-title-font-size': string;
         '--n-title-text-color': string;
         '--n-title-text-color-disabled': string;
@@ -314,6 +321,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -326,6 +334,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -338,6 +347,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 }>>, {
     readonly displayDirective: "show" | "if";

package/es/collapse/src/Collapse.js

@@ -101,12 +101,13 @@ export default defineComponent({
         });
         const rtlEnabledRef = useRtl('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, itemMargin } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titlePadding, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, itemMargin } } = themeRef.value;
             return {
                 '--n-font-size': fontSize,
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-text-color': textColor,
                 '--n-divider-color': dividerColor,
+                '--n-title-padding': titlePadding,
                 '--n-title-font-size': titleFontSize,
                 '--n-title-text-color': titleTextColor,
                 '--n-title-text-color-disabled': titleTextColorDisabled,

package/es/collapse/src/CollapseItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const collapseItemProps: {
     readonly title: StringConstructor;

package/es/collapse/src/CollapseItemContent.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     displayDirective: {
         type: PropType<"show" | "if">;

package/es/collapse/src/styles/index.cssr.js

@@ -5,6 +5,7 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --n-bezier
 // --n-text-color
 // --n-divider-color
+// --n-title-padding
 // --n-title-font-size
 // --n-title-text-color
 // --n-title-font-weight
@@ -32,7 +33,7 @@ export default cB('collapse', 'width: 100%;', [cB('collapse-item', `
  align-items: center;
  transition: color .3s var(--n-bezier);
  position: relative;
- padding: 16px 0 0 0;
+ padding: var(--n-title-padding);
  color: var(--n-title-text-color);
  cursor: pointer;
  `, [cE('header-main', `

package/es/collapse/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
     titleFontSize: string;
     titleFontWeight: string;
@@ -11,6 +11,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     arrowColor: string;
     arrowColorDisabled: string;
     itemMargin: string;
+    titlePadding: string;
 };
 export type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;

package/es/collapse/styles/light.js

@@ -11,7 +11,8 @@ export const self = (vars) => {
         textColor: textColor2,
         arrowColor: textColor2,
         arrowColorDisabled: textColorDisabled,
-        itemMargin: '16px 0 0 0'
+        itemMargin: '16px 0 0 0',
+        titlePadding: '16px 0 0 0'
     };
 };
 const collapseLight = {

package/es/collapse-transition/src/CollapseTransition.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const collapseTransitionProps: {
     readonly show: {

package/es/collapse-transition/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
     bezier: string;
 };

package/es/color-picker/src/AlphaSlider.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RGBA } from 'seemly';
+import { type PropType } from 'vue';
+import { type RGBA } from 'seemly';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/es/color-picker/src/ColorInput.d.ts

@@ -1,5 +1,5 @@
-import { HSVA, HSLA, RGBA } from 'seemly';
-import { PropType } from 'vue';
+import { type HSVA, type HSLA, type RGBA } from 'seemly';
+import { type PropType } from 'vue';
 import type { ColorPickerMode } from './utils';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {

package/es/color-picker/src/ColorInputUnit.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;

package/es/color-picker/src/ColorPicker.d.ts

@@ -1,9 +1,9 @@
-import { PropType, VNode, Ref } from 'vue';
-import { RGBA, HSLA } from 'seemly';
-import { FollowerPlacement } from 'vueuc';
+import { type PropType, type VNode, type Ref } from 'vue';
+import { type RGBA, type HSLA } from 'seemly';
+import { type FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ColorPickerMode, ActionType } from './utils';
-import { OnUpdateValue, RenderLabel } from './interface';
+import type { OnUpdateValue, RenderLabel } from './interface';
 export declare const colorPickerProps: {
     readonly value: PropType<string | null>;
     readonly show: {

package/es/color-picker/src/ColorPicker.js

@@ -385,9 +385,9 @@ export default defineComponent({
                         h("div", { class: `${mergedClsPrefix}-color-picker-preview__sliders` },
                             h(HueSlider, { clsPrefix: mergedClsPrefix, hue: displayedHue, onUpdateHue: handleUpdateHue, onComplete: handleComplete }),
                             props.showAlpha ? (h(AlphaSlider, { clsPrefix: mergedClsPrefix, rgba: rgba, alpha: displayedAlphaRef.value, onUpdateAlpha: handleUpdateAlpha, onComplete: handleComplete })) : null),
-                        props.showPreview ? (h(ColorPreview, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && toHexString(rgbaRef.value), onUpdateColor: (color) => doUpdateValue(color, 'input') })) : null),
+                        props.showPreview ? (h(ColorPreview, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && toHexString(rgbaRef.value), onUpdateColor: (color) => { doUpdateValue(color, 'input'); } })) : null),
                     h(ColorInput, { clsPrefix: mergedClsPrefix, showAlpha: props.showAlpha, mode: displayedModeRef.value, modes: modes, onUpdateMode: handleUpdateDisplayedMode, value: mergedValueRef.value, valueArr: mergedValueArrRef.value, onUpdateValue: handleInputUpdateValue }),
-                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && (h(ColorPickerSwatches, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => doUpdateValue(color, 'input') }))),
+                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && (h(ColorPickerSwatches, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => { doUpdateValue(color, 'input'); } }))),
                 (actions === null || actions === void 0 ? void 0 : actions.length) ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` },
                     actions.includes('confirm') && (h(NButton, { size: "small", onClick: handleConfirm, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.confirm })),
                     actions.includes('clear') && (h(NButton, { size: "small", onClick: handleClear, disabled: !mergedValueRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.clear })))) : null,

package/es/color-picker/src/ColorPickerSwatches.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ColorPickerMode } from './utils';
+import { type PropType } from 'vue';
+import { type ColorPickerMode } from './utils';
 interface ParsedColor {
     value: string;
     mode: ColorPickerMode | null;

package/es/color-picker/src/ColorPickerSwatches.js

@@ -84,7 +84,7 @@ export default defineComponent({
     },
     render() {
         const { clsPrefix } = this;
-        return (h("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => (h("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => this.handleSwatchSelect(swatch), onKeydown: (e) => this.handleSwatchKeyDown(e, swatch) },
+        return (h("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => (h("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => { this.handleSwatchSelect(swatch); }, onKeydown: (e) => { this.handleSwatchKeyDown(e, swatch); } },
             h("div", { class: `${clsPrefix}-color-picker-swatch__fill`, style: { background: swatch.legalValue } }))))));
     }
 });