naive-ui 2.34.2 → 2.34.4

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">;
@@ -62,6 +62,7 @@ export declare const checkboxProps: {
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -91,6 +92,7 @@ export declare const checkboxProps: {
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -120,9 +122,10 @@ export declare const checkboxProps: {
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
 };
-export declare type CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
+export type CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
     size: PropType<"small" | "medium" | "large">;
     checked: {
@@ -184,6 +187,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -213,6 +217,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -242,6 +247,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
 }, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -383,6 +389,7 @@ declare const _default: import("vue").DefineComponent<{
             sizeMedium: string;
             sizeLarge: string;
             labelPadding: string;
+            labelFontWeight: string;
         };
         peers: any;
         peerOverrides: {
@@ -395,6 +402,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeyDown: (e: KeyboardEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-label-line-height': string;
+        '--n-label-font-weight': string;
         '--n-size': string;
         '--n-bezier': string;
         '--n-border-radius': string;
@@ -482,6 +490,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -511,6 +520,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         labelLineHeight: string;
@@ -540,6 +550,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
+        labelFontWeight: string;
     }, any>>>;
 }>>, {
     disabled: boolean | undefined;

package/es/checkbox/src/Checkbox.js

@@ -165,9 +165,10 @@ export default defineComponent({
         const rtlEnabledRef = useRtl('Checkbox', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { value: mergedSize } = mergedSizeRef;
-            const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, colorChecked, colorDisabled, colorTableHeader, colorTableHeaderModal, colorTableHeaderPopover, checkMarkColor, checkMarkColorDisabled, border, borderFocus, borderDisabled, borderChecked, boxShadowFocus, textColor, textColorDisabled, checkMarkColorDisabledChecked, colorDisabledChecked, borderDisabledChecked, labelPadding, labelLineHeight, [createKey('fontSize', mergedSize)]: fontSize, [createKey('size', mergedSize)]: size } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, colorChecked, colorDisabled, colorTableHeader, colorTableHeaderModal, colorTableHeaderPopover, checkMarkColor, checkMarkColorDisabled, border, borderFocus, borderDisabled, borderChecked, boxShadowFocus, textColor, textColorDisabled, checkMarkColorDisabledChecked, colorDisabledChecked, borderDisabledChecked, labelPadding, labelLineHeight, labelFontWeight, [createKey('fontSize', mergedSize)]: fontSize, [createKey('size', mergedSize)]: size } } = themeRef.value;
             return {
                 '--n-label-line-height': labelLineHeight,
+                '--n-label-font-weight': labelFontWeight,
                 '--n-size': size,
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-border-radius': borderRadius,

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>;
@@ -34,7 +33,7 @@ export declare const checkboxGroupProps: {
     }) => void>>;
     readonly onChange: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
 };
-export declare type CheckboxGroupProps = ExtractPublicPropTypes<typeof checkboxGroupProps>;
+export type CheckboxGroupProps = ExtractPublicPropTypes<typeof checkboxGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;

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

@@ -1,5 +1,5 @@
-export declare type OnUpdateChecked = (value: string & number & boolean, e: MouseEvent | KeyboardEvent) => void;
-export declare type OnUpdateCheckedImpl = (value: string | number | boolean, e: MouseEvent | KeyboardEvent) => void;
+export type OnUpdateChecked = (value: string & number & boolean, e: MouseEvent | KeyboardEvent) => void;
+export type OnUpdateCheckedImpl = (value: string | number | boolean, e: MouseEvent | KeyboardEvent) => void;
 export interface CheckboxInst {
     focus: () => void;
     blur: () => void;

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

@@ -138,6 +138,7 @@ c('.check-icon', `
  user-select: none;
  -webkit-user-select: none;
  padding: var(--n-label-padding);
+ font-weight: var(--n-label-font-weight);
  `, [c('&:empty', {
   display: 'none'
 })])]),

package/es/checkbox/styles/_common.d.ts

@@ -3,5 +3,6 @@ declare const _default: {
     sizeMedium: string;
     sizeLarge: string;
     labelPadding: string;
+    labelFontWeight: string;
 };
 export default _default;

package/es/checkbox/styles/_common.js

@@ -2,5 +2,6 @@ export default {
     sizeSmall: '14px',
     sizeMedium: '16px',
     sizeLarge: '18px',
-    labelPadding: '0 8px'
+    labelPadding: '0 8px',
+    labelFontWeight: '400'
 };

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

@@ -28,8 +28,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     sizeMedium: string;
     sizeLarge: string;
     labelPadding: string;
+    labelFontWeight: string;
 };
-export declare type CheckboxThemeVars = ReturnType<typeof self>;
+export type CheckboxThemeVars = ReturnType<typeof self>;
 declare const checkboxLight: Theme<'Checkbox', CheckboxThemeVars>;
 export default checkboxLight;
-export declare type CheckboxTheme = typeof checkboxLight;
+export type CheckboxTheme = typeof checkboxLight;

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;
@@ -64,7 +64,7 @@ export declare const codeProps: {
         lineNumberTextColor: string;
     }, any>>>;
 };
-export declare type CodeProps = ExtractPublicPropTypes<typeof codeProps>;
+export type CodeProps = ExtractPublicPropTypes<typeof codeProps>;
 declare const _default: import("vue").DefineComponent<{
     language: StringConstructor;
     code: {

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;
@@ -15,7 +15,7 @@ declare const self: (vars: ThemeCommonVars) => {
     'hue-6-2': string;
     lineNumberTextColor: string;
 };
-export declare type CodeThemeVars = ReturnType<typeof self>;
+export type CodeThemeVars = ReturnType<typeof self>;
 declare const codeLight: Theme<'Code', CodeThemeVars>;
 export default codeLight;
-export declare type CodeTheme = typeof codeLight;
+export type CodeTheme = typeof codeLight;

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,9 +64,10 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 };
-export declare type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
+export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
 export interface NCollapseInjection {
     props: ExtractPropTypes<typeof collapseProps>;
     expandedNamesRef: Ref<string | number | Array<string | number> | null>;
@@ -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;
@@ -6,7 +6,7 @@ export declare const collapseItemProps: {
     readonly disabled: BooleanConstructor;
     readonly displayDirective: PropType<"show" | "if">;
 };
-export declare type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;
+export type CollapseItemProps = ExtractPublicPropTypes<typeof collapseItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;

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/interface.d.ts

@@ -1,7 +1,7 @@
-export declare type OnUpdateExpandedNames = <T extends string[] & number[] & Array<string | number> & (string | number | null) & (string | null) & (number | null)>(value: T) => void;
-export declare type OnUpdateExpandedNamesImpl = <T extends string[] | number[] | Array<string | number> | (string | number | null) | (string | null) | (number | null)>(value: T) => void;
-export declare type OnItemHeaderClick = <T extends string & number & (string | number)>(info: HeaderClickInfo<T>) => void;
-export declare type OnItemHeaderClickImpl = <T extends string | number | (string | number)>(info: HeaderClickInfo<T>) => void;
+export type OnUpdateExpandedNames = <T extends string[] & number[] & Array<string | number> & (string | number | null) & (string | null) & (number | null)>(value: T) => void;
+export type OnUpdateExpandedNamesImpl = <T extends string[] | number[] | Array<string | number> | (string | number | null) | (string | null) | (number | null)>(value: T) => void;
+export type OnItemHeaderClick = <T extends string & number & (string | number)>(info: HeaderClickInfo<T>) => void;
+export type OnItemHeaderClickImpl = <T extends string | number | (string | number)>(info: HeaderClickInfo<T>) => void;
 export interface HeaderClickInfo<T> {
     name: T;
     expanded: boolean;

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,8 +11,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     arrowColor: string;
     arrowColorDisabled: string;
     itemMargin: string;
+    titlePadding: string;
 };
-export declare type CollapseThemeVars = ReturnType<typeof self>;
+export type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;
 export default collapseLight;
-export declare type CollapseTheme = typeof collapseLight;
+export type CollapseTheme = typeof collapseLight;

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: {
@@ -21,7 +21,7 @@ export declare const collapseTransitionProps: {
         bezier: string;
     }, any>>>;
 };
-export declare type CollapseTransitionProps = ExtractPublicPropTypes<typeof collapseTransitionProps>;
+export type CollapseTransitionProps = ExtractPublicPropTypes<typeof collapseTransitionProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly show: {
         readonly type: BooleanConstructor;

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

@@ -1,9 +1,9 @@
 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;
 };
-export declare type CollapseTransitionThemeVars = ReturnType<typeof self>;
+export type CollapseTransitionThemeVars = ReturnType<typeof self>;
 declare const collapseTransitionLight: Theme<'CollapseTransition', CollapseTransitionThemeVars>;
 export default collapseTransitionLight;
-export declare type CollapseTransitionTheme = typeof collapseTransitionLight;
+export type CollapseTransitionTheme = typeof collapseTransitionLight;

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: {
@@ -891,7 +891,7 @@ export declare const colorPickerProps: {
         }, any>;
     }>>>;
 };
-export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerProps>;
+export type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerProps>;
 declare const _default: import("vue").DefineComponent<{
     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 } }))))));
     }
 });

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref, Slots } from 'vue';
+import type { ComputedRef, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ColorPickerTheme } from '../styles';
 import type { RenderLabel } from './interface';

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

@@ -1,6 +1,6 @@
-import { VNodeChild } from 'vue';
-export declare type OnUpdateValue = (value: string & null) => void;
-export declare type OnConfirm = OnUpdateValue;
-export declare type OnUpdateValueImpl = (value: string | null) => void;
-export declare type OnConfirmImpl = OnUpdateValueImpl;
-export declare type RenderLabel = (value: string | null) => VNodeChild;
+import type { VNodeChild } from 'vue';
+export type OnUpdateValue = (value: string & null) => void;
+export type OnConfirm = OnUpdateValue;
+export type OnUpdateValueImpl = (value: string | null) => void;
+export type OnConfirmImpl = OnUpdateValueImpl;
+export type RenderLabel = (value: string | null) => VNodeChild;

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

@@ -1,5 +1,5 @@
-export declare type ColorPickerMode = 'rgb' | 'hsl' | 'hsv' | 'hex';
-export declare type ActionType = 'confirm' | 'clear';
+export type ColorPickerMode = 'rgb' | 'hsl' | 'hsv' | 'hex';
+export type ActionType = 'confirm' | 'clear';
 export declare function deriveDefaultValue(modes: ColorPickerMode[], showAlpha: boolean): string;
 export declare function getModeFromValue(color: string | null): ColorPickerMode | null;
 export declare function floor(color: number[]): number[];

package/es/color-picker/styles/light.d.ts

@@ -14,7 +14,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     fontSizeLarge: string;
     dividerColor: string;
 };
-export declare type ColorPickerThemeVars = ReturnType<typeof self>;
+export type ColorPickerThemeVars = ReturnType<typeof self>;
 declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPicker", {
     panelFontSize: string;
     boxShadow: string;
@@ -297,4 +297,4 @@ declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPi
     }, any>;
 }>;
 export default colorPickerLight;
-export declare type ColorPickerTheme = typeof colorPickerLight;
+export type ColorPickerTheme = typeof colorPickerLight;

package/es/composables/use-theme-vars.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { type ComputedRef } from 'vue';
 import type { ThemeCommonVars } from '../_styles/common';
 import type { CustomThemeCommonVars } from '../config-provider';
 export declare function useThemeVars(): ComputedRef<ThemeCommonVars & CustomThemeCommonVars>;