naive-ui 2.24.6 → 2.25.2

package/es/_internal/clear/src/Clear.js

@@ -15,7 +15,7 @@ export default defineComponent({
         onClear: Function
     },
     setup(props) {
-        useStyle('BaseClear', style, toRef(props, 'clsPrefix'));
+        useStyle('-base-clear', style, toRef(props, 'clsPrefix'));
         const { NConfigProvider } = useConfig();
         return {
             NConfigProvider,
@@ -29,9 +29,10 @@ export default defineComponent({
         return (h("div", { class: `${clsPrefix}-base-clear` },
             h(NIconSwitchTransition, null, {
                 default: () => {
+                    var _a, _b;
                     return this.show ? (h(NBaseIcon, { clsPrefix: clsPrefix, key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, {
                         default: () => h(ClearIcon, null)
-                    })) : (h("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, this.$slots));
+                    })) : (h("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)));
                 }
             })));
     }

package/es/_internal/close/src/Close.js

@@ -17,7 +17,7 @@ export default defineComponent({
         onClick: Function
     },
     setup(props) {
-        useStyle('BaseClose', style, toRef(props, 'clsPrefix'));
+        useStyle('-base-close', style, toRef(props, 'clsPrefix'));
         return () => {
             const { clsPrefix, disabled } = props;
             return (h(NBaseIcon, { role: "button", ariaDisabled: disabled, ariaLabel: "close", clsPrefix: clsPrefix, class: [

package/es/_internal/icon/src/Icon.js

@@ -23,7 +23,7 @@ export default defineComponent({
         onMouseup: Function
     },
     setup(props) {
-        useStyle('BaseIcon', style, toRef(props, 'clsPrefix'));
+        useStyle('-base-icon', style, toRef(props, 'clsPrefix'));
     },
     render() {
         return (h("i", { class: `${this.clsPrefix}-base-icon`, onClick: this.onClick, onMousedown: this.onMousedown, onMouseup: this.onMouseup, role: this.role, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "aria-disabled": this.ariaDisabled }, this.$slots));

package/es/_internal/icons/ArrowUp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/_internal/icons/ArrowUp.js

@@ -0,0 +1,9 @@
+import { h, defineComponent } from 'vue';
+export default defineComponent({
+    name: 'ArrowUp',
+    render() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
+            h("g", { fill: "none" },
+                h("path", { d: "M3.13 9.163a.5.5 0 1 0 .74.674L9.5 3.67V17.5a.5.5 0 0 0 1 0V3.672l5.63 6.165a.5.5 0 0 0 .738-.674l-6.315-6.916a.746.746 0 0 0-.632-.24a.746.746 0 0 0-.476.24L3.131 9.163z", fill: "currentColor" }))));
+    }
+});

package/es/_internal/icons/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AddIcon } from './Add';
 export { default as ArrowDownIcon } from './ArrowDown';
+export { default as ArrowUpIcon } from './ArrowUp';
 export { default as AttachIcon } from './Attach';
 export { default as BackwardIcon } from './Backward';
 export { default as DateIcon } from './Date';

package/es/_internal/icons/index.js

@@ -1,5 +1,6 @@
 export { default as AddIcon } from './Add';
 export { default as ArrowDownIcon } from './ArrowDown';
+export { default as ArrowUpIcon } from './ArrowUp';
 export { default as AttachIcon } from './Attach';
 export { default as BackwardIcon } from './Backward';
 export { default as DateIcon } from './Date';

package/es/_internal/loading/src/Loading.js

@@ -33,7 +33,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        useStyle('BaseLoading', style, toRef(props, 'clsPrefix'));
+        useStyle('-base-loading', style, toRef(props, 'clsPrefix'));
     },
     render() {
         const { clsPrefix, radius, strokeWidth, stroke, scale } = this;

package/es/_internal/menu-mask/src/MenuMask.js

@@ -10,7 +10,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        useStyle('BaseMenuMask', style, toRef(props, 'clsPrefix'));
+        useStyle('-base-menu-mask', style, toRef(props, 'clsPrefix'));
         const messageRef = ref(null);
         let timerId = null;
         const uncontrolledShowRef = ref(false);

package/es/_internal/scrollbar/src/ScrollBar.js

@@ -454,7 +454,7 @@ const Scrollbar = defineComponent({
             off('mousemove', window, handleYScrollMouseMove, true);
             off('mouseup', window, handleYScrollMouseUp, true);
         });
-        const themeRef = useTheme('Scrollbar', 'Scrollbar', style, scrollbarLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Scrollbar', '-scrollbar', style, scrollbarLight, props, mergedClsPrefixRef);
         const exposedMethods = {
             scrollTo,
             sync,

package/es/_internal/select-menu/src/SelectMenu.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
-import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
+import type { SelectOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
 import type { RenderLabel, Size, RenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -51,7 +51,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
+    disableInlineTheme: BooleanConstructor;
+    onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
@@ -209,8 +210,10 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    themeClass?: import("vue").Ref<string> | undefined;
+    onRender?: (() => void) | undefined;
     selfRef: import("vue").Ref<HTMLElement | null>;
-    getPendingTmNode: () => TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
+    getPendingTmNode: () => TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
     prev: () => void;
     next: () => void;
     mergedTheme: import("vue").ComputedRef<{
@@ -422,10 +425,10 @@ declare const _default: import("vue").DefineComponent<{
         '--n-loading-size': string;
     } | {
         width: string | undefined;
-    })[]>;
+    } | undefined)[]>;
     itemSize: import("vue").ComputedRef<number>;
     padding: import("vue").ComputedRef<import("seemly").Margin>;
-    flattenedNodes: import("vue").ComputedRef<TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
+    flattenedNodes: import("vue").ComputedRef<TreeNode<import("../../../select/src/interface").SelectBaseOption<string | number, string | ((option: import("../../../select/src/interface").SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>[]>;
     empty: import("vue").ComputedRef<boolean>;
     virtualListContainer(): HTMLElement;
     virtualListContent(): HTMLElement;
@@ -486,7 +489,8 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    onToggle: PropType<(tmNode: TreeNode<SelectBaseOption>) => void>;
+    disableInlineTheme: BooleanConstructor;
+    onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
@@ -650,6 +654,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     focusable: boolean;
     loading: boolean;
+    disableInlineTheme: boolean;
     scrollable: boolean;
     autoPending: boolean;
     virtualScroll: boolean;

package/es/_internal/select-menu/src/SelectMenu.js

@@ -4,16 +4,16 @@ import { VirtualList } from 'vueuc';
 import { depx, getPadding, happensIn } from 'seemly';
 import { NEmpty } from '../../../empty';
 import { NScrollbar } from '../../scrollbar';
-import { formatLength } from '../../../_utils';
+import { formatLength, resolveSlot, resolveWrappedSlot } from '../../../_utils';
 import { createKey } from '../../../_utils/cssr';
-import { useTheme } from '../../../_mixins';
+import { useThemeClass, useTheme, emptyThemeClassHandle } from '../../../_mixins';
 import NInternalLoading from '../../loading';
 import NFocusDetector from '../../focus-detector';
+import { internalSelectMenuLight } from '../styles';
 import NSelectOption from './SelectOption';
 import NSelectGroupHeader from './SelectGroupHeader';
-import style from './styles/index.cssr';
-import { internalSelectMenuLight } from '../styles';
 import { internalSelectionMenuInjectionKey, internalSelectionMenuBodyInjectionKey } from './interface';
+import style from './styles/index.cssr';
 export default defineComponent({
     name: 'InternalSelectMenu',
     props: Object.assign(Object.assign({}, useTheme.props), { clsPrefix: {
@@ -42,11 +42,11 @@ export default defineComponent({
         }, loading: Boolean, focusable: Boolean, renderLabel: Function, renderOption: Function, onMousedown: Function, onScroll: Function, onFocus: Function, onBlur: Function, onKeyup: Function, onKeydown: Function, onTabOut: Function, onMouseenter: Function, onMouseleave: Function, resetMenuOnOptionsChange: {
             type: Boolean,
             default: true
-        }, 
+        }, disableInlineTheme: Boolean, 
         // deprecated
         onToggle: Function }),
     setup(props) {
-        const themeRef = useTheme('InternalSelectMenu', 'InternalSelectMenu', style, internalSelectMenuLight, props, toRef(props, 'clsPrefix'));
+        const themeRef = useTheme('InternalSelectMenu', '-internal-select-menu', style, internalSelectMenuLight, props, toRef(props, 'clsPrefix'));
         const selfRef = ref(null);
         const virtualListRef = ref(null);
         const scrollbarRef = ref(null);
@@ -55,15 +55,27 @@ export default defineComponent({
         const pendingNodeRef = ref(null);
         function initPendingNode() {
             const { treeMate } = props;
-            setPendingTmNode(props.autoPending
-                ? props.value === null
-                    ? treeMate.getFirstAvailableNode()
-                    : props.multiple
-                        ? treeMate.getNode((props.value || [])[(props.value || [])
-                            .length - 1]) || treeMate.getFirstAvailableNode()
-                        : treeMate.getNode(props.value) ||
-                            treeMate.getFirstAvailableNode()
-                : null);
+            let defaultPendingNode = null;
+            if (props.autoPending) {
+                const { value } = props;
+                if (value === null) {
+                    defaultPendingNode = treeMate.getFirstAvailableNode();
+                }
+                else {
+                    if (props.multiple) {
+                        defaultPendingNode = treeMate.getNode((value || [])[(value || []).length - 1]);
+                    }
+                    else {
+                        defaultPendingNode = treeMate.getNode(value);
+                    }
+                    if (!defaultPendingNode || defaultPendingNode.disabled) {
+                        defaultPendingNode = treeMate.getFirstAvailableNode();
+                    }
+                }
+                if (defaultPendingNode) {
+                    setPendingTmNode(defaultPendingNode);
+                }
+            }
         }
         let initPendingNodeWatchStopHandle;
         watch(toRef(props, 'show'), (value) => {
@@ -99,9 +111,6 @@ export default defineComponent({
             const tmNodes = flattenedNodesRef.value;
             return tmNodes && tmNodes.length === 0;
         });
-        const styleRef = computed(() => {
-            return [{ width: formatLength(props.width) }, cssVarsRef.value];
-        });
         function doToggle(tmNode) {
             const { onToggle } = props;
             if (onToggle)
@@ -248,13 +257,23 @@ export default defineComponent({
                 '--n-loading-size': loadingSize
             };
         });
+        const { disableInlineTheme } = props;
+        const themeClassHandle = disableInlineTheme
+            ? useThemeClass('internal-select-menu', computed(() => props.size[0]), cssVarsRef, props)
+            : emptyThemeClassHandle;
+        const styleRef = computed(() => {
+            return [
+                { width: formatLength(props.width) },
+                disableInlineTheme ? undefined : cssVarsRef.value
+            ];
+        });
         const exposedProps = {
             selfRef,
             next,
             prev,
             getPendingTmNode
         };
-        return Object.assign({ mergedTheme: themeRef, virtualListRef,
+        return Object.assign(Object.assign({ mergedTheme: themeRef, virtualListRef,
             scrollbarRef, style: styleRef, itemSize: itemSizeRef, padding: paddingRef, flattenedNodes: flattenedNodesRef, empty: emptyRef, virtualListContainer() {
                 const { value } = virtualListRef;
                 return value === null || value === void 0 ? void 0 : value.listElRef;
@@ -270,12 +289,14 @@ export default defineComponent({
             handleKeyDown,
             handleMouseDown,
             handleVirtualListResize,
-            handleVirtualListScroll }, exposedProps);
+            handleVirtualListScroll }, exposedProps), themeClassHandle);
     },
     render() {
-        const { $slots, virtualScroll, clsPrefix, mergedTheme } = this;
+        const { $slots, virtualScroll, clsPrefix, mergedTheme, themeClass, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("div", { ref: "selfRef", tabindex: this.focusable ? 0 : -1, class: [
                 `${clsPrefix}-base-select-menu`,
+                themeClass,
                 this.multiple && `${clsPrefix}-base-select-menu--multiple`
             ], style: this.style, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
             this.loading ? (h("div", { class: `${clsPrefix}-base-select-menu__loading` },
@@ -290,8 +311,12 @@ export default defineComponent({
                             paddingBottom: this.padding.bottom
                         } }, this.flattenedNodes.map((tmNode) => tmNode.isGroup ? (h(NSelectGroupHeader, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : (h(NSelectOption, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
                 }
-            })) : (h("div", { class: `${clsPrefix}-base-select-menu__empty` }, $slots.empty ? ($slots.empty()) : (h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
-            $slots.action && (h("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true }, $slots.action())),
-            $slots.action && h(NFocusDetector, { onFocus: this.onTabOut })));
+            })) : (h("div", { class: `${clsPrefix}-base-select-menu__empty` }, resolveSlot($slots.empty, () => [
+                h(NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
+            ]))),
+            resolveWrappedSlot($slots.action, (children) => [
+                h("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true, key: "action" }, children),
+                h(NFocusDetector, { onFocus: this.onTabOut, key: "focus-detector" })
+            ])));
     }
 });

package/es/_internal/selection/src/Selection.d.ts

@@ -1,8 +1,10 @@
 import { PropType, InputHTMLAttributes } from 'vue';
 import type { SelectBaseOption } from '../../../select/src/interface';
-import { RenderTag } from './interface';
+import type { FormValidationStatus } from '../../../form/src/interface';
+import type { RenderTag } from './interface';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';
 export interface InternalSelectionInst {
+    isCompositing: boolean;
     focus: () => void;
     focusInput: () => void;
     blur: () => void;
@@ -20,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     active: BooleanConstructor;
     pattern: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     placeholder: StringConstructor;
     selectedOption: {
@@ -57,7 +59,11 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: PropType<number | "responsive">;
     onClear: PropType<(e: MouseEvent) => void>;
     onPatternInput: PropType<(e: InputEvent) => void>;
+    onPatternFocus: PropType<(e: FocusEvent) => void>;
+    onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
+    status: PropType<FormValidationStatus>;
+    disableInlineTheme: BooleanConstructor;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -79,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -90,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -99,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -148,7 +154,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -159,7 +165,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -168,7 +174,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -217,7 +223,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -228,7 +234,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -237,7 +243,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -266,6 +272,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    themeClass?: import("vue").Ref<string> | undefined;
+    onRender?: (() => void) | undefined;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -391,7 +399,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -402,7 +410,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -411,7 +419,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -479,7 +487,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePatternKeyDown: (e: KeyboardEvent) => void;
     handlePatternInputInput: (e: InputEvent) => void;
     handlePatternInputBlur: (e: FocusEvent) => void;
-    handlePatternInputFocus: () => void;
+    handlePatternInputFocus: (e: FocusEvent) => void;
     handleMouseEnterCounter: () => void;
     handleMouseLeaveCounter: () => void;
     handleFocusout: (e: FocusEvent) => void;
@@ -503,7 +511,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-border-radius': string;
         '--n-box-shadow-active': string;
         '--n-box-shadow-focus': string;
-        '--n-box-shadow-hover': null;
+        '--n-box-shadow-hover': string;
         '--n-caret-color': string;
         '--n-color': string;
         '--n-color-active': string;
@@ -522,7 +530,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color-active-warning': string;
         '--n-box-shadow-focus-warning': string;
         '--n-box-shadow-active-warning': string;
-        '--n-box-shadow-hover-warning': null;
+        '--n-box-shadow-hover-warning': string;
         '--n-border-warning': string;
         '--n-border-focus-warning': string;
         '--n-border-hover-warning': string;
@@ -530,7 +538,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color-active-error': string;
         '--n-box-shadow-focus-error': string;
         '--n-box-shadow-active-error': string;
-        '--n-box-shadow-hover-error': null;
+        '--n-box-shadow-hover-error': string;
         '--n-border-error': string;
         '--n-border-focus-error': string;
         '--n-border-hover-error': string;
@@ -540,7 +548,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-clear-color-hover': string;
         '--n-clear-color-pressed': string;
         '--n-arrow-size': string;
-    }>;
+    }> | 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;
@@ -553,7 +561,7 @@ declare const _default: import("vue").DefineComponent<{
     active: BooleanConstructor;
     pattern: {
         type: StringConstructor;
-        default: null;
+        default: string;
     };
     placeholder: StringConstructor;
     selectedOption: {
@@ -590,7 +598,11 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: PropType<number | "responsive">;
     onClear: PropType<(e: MouseEvent) => void>;
     onPatternInput: PropType<(e: InputEvent) => void>;
+    onPatternFocus: PropType<(e: FocusEvent) => void>;
+    onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
+    status: PropType<FormValidationStatus>;
+    disableInlineTheme: BooleanConstructor;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -612,7 +624,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -623,7 +635,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -632,7 +644,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -681,7 +693,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -692,7 +704,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -701,7 +713,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -750,7 +762,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -761,7 +773,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -770,7 +782,7 @@ declare const _default: import("vue").DefineComponent<{
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;
@@ -807,6 +819,7 @@ declare const _default: import("vue").DefineComponent<{
     autofocus: boolean;
     loading: boolean;
     bordered: boolean | undefined;
+    disableInlineTheme: boolean;
     showArrow: boolean;
     selectedOption: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null;
     selectedOptions: SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null;