naive-ui 2.24.0 → 2.24.4

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

@@ -138,28 +138,23 @@ declare const _default: import("vue").DefineComponent<{
         '--n-hue-6': string;
         '--n-hue-6-2': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    language?: unknown;
-    code?: unknown;
-    trim?: unknown;
-    hljs?: unknown;
-    uri?: unknown;
-    inline?: unknown;
-    wordWrap?: unknown;
-    internalFontSize?: unknown;
-    internalNoHighlight?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    inline: boolean;
-    trim: boolean;
-    wordWrap: boolean;
-    code: string;
-    uri: boolean;
-    internalNoHighlight: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Code", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    language: StringConstructor;
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    trim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hljs: PropType<Hljs>;
+    uri: BooleanConstructor;
+    inline: BooleanConstructor;
+    wordWrap: BooleanConstructor;
+    internalFontSize: NumberConstructor;
+    internalNoHighlight: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -172,8 +167,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -186,8 +181,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -200,13 +195,10 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    hljs?: Hljs | undefined;
-    language?: string | undefined;
-    internalFontSize?: number | undefined;
-}>, {
-    inline: boolean;
+    }, any>>>;
+}>>, {
     trim: boolean;
+    inline: boolean;
     wordWrap: boolean;
     code: string;
     uri: boolean;

package/lib/code/src/styles/index.cssr.js

@@ -24,7 +24,10 @@ const cssr_1 = require("../../../_utils/cssr"); // vars:
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [(0, cssr_1.cM)('word-wrap', [(0, cssr_1.c)('pre', 'white-space: pre-wrap;')]), (0, cssr_1.c)('pre', `
+ `, [(0, cssr_1.cM)('word-wrap', [(0, cssr_1.c)('pre', `
+ white-space: pre-wrap;
+ word-break: break-all;
+ `)]), (0, cssr_1.c)('pre', `
  margin: 0;
  font-family: inherit;
  `), (0, cssr_1.c)('[class^=hljs]', `

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

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, Ref, ExtractPropTypes, Slots } from 'vue';
+import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
@@ -64,7 +64,7 @@ export interface NCollapseInjection {
     slots: Slots;
     toggleItem: (collapse: boolean, name: string | number, event: MouseEvent) => void;
 }
-export declare const collapseInjectionKey: InjectionKey<NCollapseInjection>;
+export declare const collapseInjectionKey: import("vue").InjectionKey<NCollapseInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
@@ -248,26 +248,33 @@ declare const _default: import("vue").DefineComponent<{
         '--n-title-font-weight': string;
         '--n-arrow-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly defaultExpandedNames?: unknown;
-    readonly expandedNames?: unknown;
-    readonly arrowPlacement?: unknown;
-    readonly accordion?: unknown;
-    readonly displayDirective?: unknown;
-    readonly onItemHeaderClick?: unknown;
-    readonly 'onUpdate:expandedNames'?: unknown;
-    readonly onUpdateExpandedNames?: unknown;
-    readonly onExpandedNamesChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    displayDirective: "show" | "if";
-    defaultExpandedNames: string | number | (string | number)[] | null;
-    arrowPlacement: "left" | "right";
-    accordion: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Collapse", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly defaultExpandedNames: {
+        readonly type: PropType<string | number | (string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly expandedNames: PropType<string | number | (string | number)[] | null>;
+    readonly arrowPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "left";
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly displayDirective: {
+        readonly type: PropType<"show" | "if">;
+        readonly default: "if";
+    };
+    readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
+    readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly onExpandedNamesChange: {
+        readonly type: PropType<MaybeArray<OnUpdateExpandedNames> | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -275,8 +282,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -284,8 +291,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -293,13 +300,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any>> | undefined;
-    expandedNames?: string | number | (string | number)[] | null | undefined;
-    onItemHeaderClick?: MaybeArray<OnItemHeaderClick> | undefined;
-    "onUpdate:expandedNames"?: MaybeArray<OnUpdateExpandedNames> | undefined;
-    onUpdateExpandedNames?: MaybeArray<OnUpdateExpandedNames> | undefined;
-    onExpandedNamesChange?: MaybeArray<OnUpdateExpandedNames> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     displayDirective: "show" | "if";
     defaultExpandedNames: string | number | (string | number)[] | null;
     arrowPlacement: "left" | "right";

package/lib/collapse/src/Collapse.js

@@ -34,7 +34,7 @@ const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
         },
         default: undefined
     } });
-exports.collapseInjectionKey = Symbol('collapse');
+exports.collapseInjectionKey = (0, _utils_1.createInjectionKey)('n-collapse');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Collapse',
     props: collapseProps,

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

@@ -20,13 +20,9 @@ declare const _default: import("vue").DefineComponent<{
     mergedDisplayDirective: import("vue").ComputedRef<"show" | "if">;
     arrowPlacement: import("vue").ComputedRef<"left" | "right">;
     handleClick(e: MouseEvent): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly title?: unknown;
-    readonly name?: unknown;
-    readonly displayDirective?: unknown;
-} & {} & {
-    name?: string | number | undefined;
-    title?: string | undefined;
-    displayDirective?: "show" | "if" | undefined;
-}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: StringConstructor;
+    readonly name: PropType<string | number>;
+    readonly displayDirective: PropType<"show" | "if">;
+}>>, {}>;
 export default _default;

package/lib/collapse/src/CollapseItem.js

@@ -67,9 +67,11 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { collapseSlots, $slots, arrowPlacement, collapsed, title, mergedDisplayDirective, mergedClsPrefix } = this;
-        const headerNode = (0, vue_1.renderSlot)($slots, 'header', undefined, () => [title]);
+        var _a;
+        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix } = this;
+        const headerNode = $slots.header ? $slots.header() : this.title;
         const headerExtraSlot = $slots['header-extra'] || collapseSlots['header-extra'];
+        const arrowSlot = $slots.arrow || collapseSlots.arrow;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-collapse-item`,
                 `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`,
@@ -81,18 +83,9 @@ exports.default = (0, vue_1.defineComponent)({
                 ] },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item__header-main`, onClick: this.handleClick },
                     arrowPlacement === 'right' && headerNode,
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item-arrow` }, (0, vue_1.renderSlot)($slots.arrow
-                        ? $slots
-                        : collapseSlots.arrow
-                            ? collapseSlots
-                            : $slots, 'arrow', { collapsed: collapsed }, () => {
-                        var _a;
-                        return [
-                            (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                                default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : (() => (0, vue_1.h)(icons_1.ChevronRightIcon, null))
-                            })
-                        ];
-                    })),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item-arrow` }, arrowSlot ? (arrowSlot({ collapsed })) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                        default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : (() => (0, vue_1.h)(icons_1.ChevronRightIcon, null))
+                    }))),
                     arrowPlacement === 'left' && headerNode),
                 headerExtraSlot && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-collapse-item__header-extra`, onClick: this.handleClick }, { default: headerExtraSlot }))),
             (0, vue_1.h)(CollapseItemContent_1.default, { clsPrefix: mergedClsPrefix, displayDirective: mergedDisplayDirective, show: !collapsed }, $slots)));

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

@@ -11,15 +11,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onceTrue: Readonly<import("vue").Ref<boolean>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    displayDirective?: unknown;
-    show?: unknown;
-    clsPrefix?: unknown;
-} & {
-    show: boolean;
-    clsPrefix: string;
-    displayDirective: "show" | "if";
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    displayDirective: {
+        type: PropType<"show" | "if">;
+        required: true;
+    };
+    show: BooleanConstructor;
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
     show: boolean;
 }>;
 export default _default;

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

@@ -48,28 +48,27 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly show?: unknown;
-    readonly appear?: unknown;
-    readonly collapsed?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    show: boolean;
-    appear: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"CollapseTransition", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly appear: BooleanConstructor;
+    /** @deprecated */
+    readonly collapsed: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any>> | undefined;
-    collapsed?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     show: boolean;
     appear: boolean;
     collapsed: boolean | undefined;

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

@@ -22,20 +22,25 @@ declare const _default: import("vue").DefineComponent<{
     railRef: import("vue").Ref<HTMLElement | null>;
     railBackgroundImage: import("vue").ComputedRef<string>;
     handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    rgba?: unknown;
-    alpha?: unknown;
-    onUpdateAlpha?: unknown;
-    onComplete?: unknown;
-} & {
-    alpha: number;
-    clsPrefix: string;
-    rgba: RGBA | null;
-    onUpdateAlpha: (value: number) => void;
-} & {
-    onComplete?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    rgba: {
+        type: PropType<RGBA | null>;
+        default: null;
+    };
+    alpha: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onUpdateAlpha: {
+        type: PropType<(value: number) => void>;
+        required: true;
+    };
+    onComplete: PropType<() => void>;
+}>>, {
     alpha: number;
     rgba: RGBA | null;
 }>;

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

@@ -36,25 +36,40 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleUnitUpdateValue(index: number, value: number | string): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    mode?: unknown;
-    modes?: unknown;
-    showAlpha?: unknown;
-    value?: unknown;
-    valueArr?: unknown;
-    onUpdateValue?: unknown;
-    onUpdateMode?: unknown;
-} & {
-    value: string | null;
-    mode: ColorPickerMode;
-    clsPrefix: string;
-    onUpdateValue: (value: string) => void;
-    showAlpha: boolean;
-    modes: ColorPickerMode[];
-    valueArr: RGBA | HSLA | HSVA | null;
-    onUpdateMode: () => void;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<ColorPickerMode>;
+        required: true;
+    };
+    modes: {
+        type: PropType<ColorPickerMode[]>;
+        required: true;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    valueArr: {
+        type: PropType<RGBA | HSLA | HSVA | null>;
+        default: null;
+    };
+    onUpdateValue: {
+        type: PropType<(value: string) => void>;
+        required: true;
+    };
+    onUpdateMode: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>>, {
     value: string | null;
     valueArr: RGBA | HSLA | HSVA | null;
 }>;

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

@@ -415,17 +415,21 @@ declare const _default: import("vue").DefineComponent<{
     inputValue: import("vue").Ref<string>;
     handleInputChange: (value: string) => void;
     handleInputUpdateValue: (value: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    label?: unknown;
-    value?: unknown;
-    showAlpha?: unknown;
-    onUpdateValue?: unknown;
-} & {
-    value: string | number | null;
-    label: string;
-    onUpdateValue: (value: number | string) => void;
-    showAlpha: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number | null>;
+        default: null;
+    };
+    showAlpha: BooleanConstructor;
+    onUpdateValue: {
+        type: PropType<(value: number | string) => void>;
+        required: true;
+    };
+}>>, {
     value: string | number | null;
     showAlpha: boolean;
 }>;

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

@@ -1,4 +1,4 @@
-import { PropType, VNode, InjectionKey, ComputedRef, Ref, Slots } from 'vue';
+import { PropType, VNode, ComputedRef, Ref, Slots } from 'vue';
 import { RGBA, HSLA } from 'seemly';
 import type { ColorPickerTheme } from '../styles';
 import { MergedTheme } from '../../_mixins';
@@ -884,7 +884,7 @@ export declare const colorPickerPanelProps: {
     }>>>;
 };
 export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerPanelProps>;
-export declare const colorPickerInjectionKey: InjectionKey<{
+export declare const colorPickerInjectionKey: import("vue").InjectionKey<{
     themeRef: ComputedRef<MergedTheme<ColorPickerTheme>>;
     colorPickerSlots: Slots;
     renderLabelRef: Ref<RenderLabel | undefined>;
@@ -1791,40 +1791,44 @@ declare const _default: import("vue").DefineComponent<{
         '--n-height': string;
         '--n-divider-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly show?: unknown;
-    readonly defaultShow?: unknown;
-    readonly defaultValue?: unknown;
-    readonly modes?: unknown;
-    readonly to?: unknown;
-    readonly showAlpha?: unknown;
-    readonly showPreview?: unknown;
-    readonly swatches?: unknown;
-    readonly actions?: unknown;
-    readonly internalActions?: unknown;
-    readonly size?: unknown;
-    readonly renderLabel?: unknown;
-    readonly onComplete?: unknown;
-    readonly 'onUpdate:show'?: unknown;
-    readonly onUpdateShow?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    defaultShow: boolean;
-    showAlpha: boolean;
-    modes: ColorPickerMode[];
-    showPreview: boolean;
-    actions: "confirm"[];
-} & {
-    value?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"ColorPicker", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: StringConstructor;
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly defaultValue: PropType<string | null>;
+    readonly modes: {
+        readonly type: PropType<ColorPickerMode[]>;
+        readonly default: () => string[];
+    };
+    readonly to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly showAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showPreview: BooleanConstructor;
+    readonly swatches: PropType<string[]>;
+    readonly actions: {
+        readonly type: PropType<"confirm"[]>;
+        readonly default: null;
+    };
+    readonly internalActions: PropType<readonly ("undo" | "redo")[]>;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly renderLabel: PropType<RenderLabel>;
+    readonly onComplete: PropType<OnUpdateValue>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2103,8 +2107,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2383,8 +2387,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2663,17 +2667,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    renderLabel?: RenderLabel | undefined;
-    "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
-    defaultValue?: string | null | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    onComplete?: OnUpdateValue | undefined;
-    swatches?: string[] | undefined;
-    internalActions?: readonly ("undo" | "redo")[] | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     to: string | boolean | HTMLElement;
     defaultShow: boolean;