naive-ui 2.25.1 → 2.25.4

package/es/_internal/clear/src/Clear.d.ts

@@ -7,7 +7,6 @@ declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     onClear: PropType<(e: MouseEvent) => void>;
 }, {
-    NConfigProvider: import("../../../config-provider/src/internal-interface").ConfigProviderInjection | null;
     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<import("vue").ExtractPropTypes<{
     clsPrefix: {

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

@@ -1,5 +1,5 @@
 import { h, defineComponent, toRef } from 'vue';
-import { useStyle, useConfig } from '../../../_mixins';
+import { useStyle } from '../../../_mixins';
 import { ClearIcon } from '../../icons';
 import NBaseIcon from '../../icon';
 import NIconSwitchTransition from '../../icon-switch-transition';
@@ -16,9 +16,7 @@ export default defineComponent({
     },
     setup(props) {
         useStyle('-base-clear', style, toRef(props, 'clsPrefix'));
-        const { NConfigProvider } = useConfig();
         return {
-            NConfigProvider,
             handleMouseDown(e) {
                 e.preventDefault();
             }

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

@@ -1,2 +1,2 @@
-import { GlobalIconConfig } from '../../config-provider';
+import type { GlobalIconConfig } from '../../config-provider/src/internal-interface';
 export declare function replaceable(name: keyof GlobalIconConfig, icon: JSX.Element): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/_internal/icons/replaceable.js

@@ -1,15 +1,16 @@
 import { upperFirst } from 'lodash-es';
-import { defineComponent } from 'vue';
-import { useConfig } from '../../_mixins';
+import { defineComponent, inject } from 'vue';
+import { configProviderInjectionKey } from '../../config-provider/src/context';
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 export function replaceable(name, icon) {
     return defineComponent({
         name: upperFirst(name),
         setup() {
-            const { NConfigProvider } = useConfig();
+            var _a;
+            const mergedIconsRef = (_a = inject(configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedIconsRef;
             return () => {
                 var _a;
-                const iconOverride = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedIconsRef.value) === null || _a === void 0 ? void 0 : _a[name];
+                const iconOverride = (_a = mergedIconsRef === null || mergedIconsRef === void 0 ? void 0 : mergedIconsRef.value) === null || _a === void 0 ? void 0 : _a[name];
                 return iconOverride ? iconOverride() : icon;
             };
         }

package/es/_internal/scrollbar/src/ScrollBar.d.ts

@@ -25,9 +25,18 @@ export interface ScrollTo {
         debounce?: boolean;
     }): void;
 }
+export interface ScrollBy {
+    (x: number, y: number): void;
+    (options: {
+        left?: number;
+        top?: number;
+        behavior?: ScrollBehavior;
+    }): void;
+}
 export interface ScrollbarInstMethods {
     syncUnifiedContainer: () => void;
     scrollTo: ScrollTo;
+    scrollBy: ScrollBy;
     sync: () => void;
     handleMouseEnterWrapper: () => void;
     handleMouseLeaveWrapper: () => void;
@@ -149,9 +158,12 @@ declare const Scrollbar: import("vue").DefineComponent<{
         '--n-scrollbar-border-radius': string;
         '--n-scrollbar-width': string;
         '--n-scrollbar-height': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     syncUnifiedContainer: () => void;
     scrollTo: ScrollTo;
+    scrollBy: ScrollBy;
     sync: () => void;
     handleMouseEnterWrapper: () => void;
     handleMouseLeaveWrapper: () => void;

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

@@ -2,7 +2,7 @@ import { h, ref, defineComponent, computed, onMounted, onBeforeUnmount, mergePro
 import { on, off } from 'evtd';
 import { VResizeObserver } from 'vueuc';
 import { useIsIos } from 'vooks';
-import { useConfig, useTheme } from '../../../_mixins';
+import { useConfig, useTheme, useThemeClass } from '../../../_mixins';
 import { scrollbarLight } from '../styles';
 import style from './styles/index.cssr';
 const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { size: {
@@ -22,7 +22,7 @@ const Scrollbar = defineComponent({
     props: scrollbarProps,
     inheritAttrs: false,
     setup(props) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         // dom ref
         const wrapperRef = ref(null);
         const containerRef = ref(null);
@@ -175,6 +175,19 @@ const Scrollbar = defineComponent({
                 scrollToPosition(0, 0, 0, false, behavior);
             }
         };
+        const scrollBy = (options, y) => {
+            if (!props.scrollable)
+                return;
+            const { value: container } = mergedContainerRef;
+            if (!container)
+                return;
+            if (typeof options === 'object') {
+                container.scrollBy(options);
+            }
+            else {
+                container.scrollBy(options, y || 0);
+            }
+        };
         function scrollToPosition(left, top, elSize, debounce, behavior) {
             const { value: container } = mergedContainerRef;
             if (!container)
@@ -455,8 +468,23 @@ const Scrollbar = defineComponent({
             off('mouseup', window, handleYScrollMouseUp, true);
         });
         const themeRef = useTheme('Scrollbar', '-scrollbar', style, scrollbarLight, props, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { common: { cubicBezierEaseInOut, scrollbarBorderRadius, scrollbarHeight, scrollbarWidth }, self: { color, colorHover } } = themeRef.value;
+            return {
+                '--n-scrollbar-bezier': cubicBezierEaseInOut,
+                '--n-scrollbar-color': color,
+                '--n-scrollbar-color-hover': colorHover,
+                '--n-scrollbar-border-radius': scrollbarBorderRadius,
+                '--n-scrollbar-width': scrollbarWidth,
+                '--n-scrollbar-height': scrollbarHeight
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('scrollbar', undefined, cssVarsRef, props)
+            : undefined;
         const exposedMethods = {
             scrollTo,
+            scrollBy,
             sync,
             syncUnifiedContainer,
             handleMouseEnterWrapper,
@@ -471,17 +499,7 @@ const Scrollbar = defineComponent({
             handleContentResize,
             handleContainerResize,
             handleYScrollMouseDown,
-            handleXScrollMouseDown, cssVars: computed(() => {
-                const { common: { cubicBezierEaseInOut, scrollbarBorderRadius, scrollbarHeight, scrollbarWidth }, self: { color, colorHover } } = themeRef.value;
-                return {
-                    '--n-scrollbar-bezier': cubicBezierEaseInOut,
-                    '--n-scrollbar-color': color,
-                    '--n-scrollbar-color-hover': colorHover,
-                    '--n-scrollbar-border-radius': scrollbarBorderRadius,
-                    '--n-scrollbar-width': scrollbarWidth,
-                    '--n-scrollbar-height': scrollbarHeight
-                };
-            }) });
+            handleXScrollMouseDown, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         var _a;
@@ -489,11 +507,12 @@ const Scrollbar = defineComponent({
         if (!this.scrollable)
             return (_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots);
         const createChildren = () => {
-            var _a;
+            var _a, _b;
+            (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
             return h('div', mergeProps(this.$attrs, {
                 role: 'none',
                 ref: 'wrapperRef',
-                class: `${mergedClsPrefix}-scrollbar`,
+                class: [`${mergedClsPrefix}-scrollbar`, this.themeClass],
                 style: this.cssVars,
                 onMouseenter: triggerDisplayManually
                     ? undefined
@@ -502,7 +521,7 @@ const Scrollbar = defineComponent({
                     ? undefined
                     : this.handleMouseLeaveWrapper
             }), [
-                this.container ? ((_a = $slots.default) === null || _a === void 0 ? void 0 : _a.call($slots)) : (h("div", { role: "none", ref: "containerRef", class: [
+                this.container ? ((_b = $slots.default) === null || _b === void 0 ? void 0 : _b.call($slots)) : (h("div", { role: "none", ref: "containerRef", class: [
                         `${mergedClsPrefix}-scrollbar-container`,
                         this.containerClass
                     ], style: this.containerStyle, onScroll: this.handleScroll, onWheel: this.onWheel },

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

@@ -51,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
@@ -394,11 +395,26 @@ declare const _default: import("vue").DefineComponent<{
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
         scrollTo: import("../../scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("../../scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
-    style: import("vue").ComputedRef<({
+    itemSize: import("vue").ComputedRef<number>;
+    padding: import("vue").ComputedRef<import("seemly").Margin>;
+    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;
+    doScroll: (e: Event) => void;
+    handleFocusin: (e: FocusEvent) => void;
+    handleFocusout: (e: FocusEvent) => void;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+    handleVirtualListResize: () => void;
+    handleVirtualListScroll: (e: Event) => void;
+    cssVars: {
         '--n-height': string;
         '--n-action-divider-color': string;
         '--n-action-text-color': string;
@@ -420,23 +436,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-option-padding-left': string;
         '--n-loading-color': string;
         '--n-loading-size': string;
-    } | {
-        width: string | undefined;
-    })[]>;
-    itemSize: import("vue").ComputedRef<number>;
-    padding: import("vue").ComputedRef<import("seemly").Margin>;
-    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;
-    doScroll: (e: Event) => void;
-    handleFocusin: (e: FocusEvent) => void;
-    handleFocusout: (e: FocusEvent) => void;
-    handleKeyUp: (e: KeyboardEvent) => void;
-    handleKeyDown: (e: KeyboardEvent) => void;
-    handleMouseDown: (e: MouseEvent) => void;
-    handleVirtualListResize: () => void;
-    handleVirtualListScroll: (e: Event) => void;
+    } | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => 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;
@@ -486,6 +488,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
         optionFontSizeSmall: string;
@@ -650,6 +653,7 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     focusable: boolean;
     loading: boolean;
+    inlineThemeDisabled: boolean;
     scrollable: boolean;
     autoPending: boolean;
     virtualScroll: boolean;

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

@@ -6,7 +6,7 @@ import { NEmpty } from '../../../empty';
 import { NScrollbar } from '../../scrollbar';
 import { formatLength, resolveSlot, resolveWrappedSlot } from '../../../_utils';
 import { createKey } from '../../../_utils/cssr';
-import { useTheme } from '../../../_mixins';
+import { useThemeClass, useTheme } from '../../../_mixins';
 import NInternalLoading from '../../loading';
 import NFocusDetector from '../../focus-detector';
 import { internalSelectMenuLight } from '../styles';
@@ -42,7 +42,7 @@ 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
-        }, 
+        }, inlineThemeDisabled: Boolean, 
         // deprecated
         onToggle: Function }),
     setup(props) {
@@ -111,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)
@@ -260,6 +257,10 @@ export default defineComponent({
                 '--n-loading-size': loadingSize
             };
         });
+        const { inlineThemeDisabled } = props;
+        const themeClassHandle = inlineThemeDisabled
+            ? useThemeClass('internal-select-menu', computed(() => props.size[0]), cssVarsRef, props)
+            : undefined;
         const exposedProps = {
             selfRef,
             next,
@@ -267,7 +268,7 @@ export default defineComponent({
             getPendingTmNode
         };
         return Object.assign({ mergedTheme: themeRef, virtualListRef,
-            scrollbarRef, style: styleRef, itemSize: itemSizeRef, padding: paddingRef, flattenedNodes: flattenedNodesRef, empty: emptyRef, virtualListContainer() {
+            scrollbarRef, itemSize: itemSizeRef, padding: paddingRef, flattenedNodes: flattenedNodesRef, empty: emptyRef, virtualListContainer() {
                 const { value } = virtualListRef;
                 return value === null || value === void 0 ? void 0 : value.listElRef;
             },
@@ -282,14 +283,16 @@ export default defineComponent({
             handleKeyDown,
             handleMouseDown,
             handleVirtualListResize,
-            handleVirtualListScroll }, exposedProps);
+            handleVirtualListScroll, cssVars: inlineThemeDisabled ? undefined : cssVarsRef.value, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender }, exposedProps);
     },
     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 },
+            ], style: [{ width: formatLength(this.width) }, this.cssVars], 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` },
                 h(NInternalLoading, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? (h(NScrollbar, { ref: "scrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, scrollable: this.scrollable, container: virtualScroll ? this.virtualListContainer : undefined, content: virtualScroll ? this.virtualListContent : undefined, onScroll: virtualScroll ? undefined : this.doScroll }, {
                 default: () => {
@@ -305,7 +308,7 @@ export default defineComponent({
             })) : (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) => [
+            resolveWrappedSlot($slots.action, (children) => 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

@@ -63,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
     onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
     status: PropType<FormValidationStatus>;
+    inlineThemeDisabled: BooleanConstructor;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -84,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;
@@ -95,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;
@@ -104,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;
@@ -153,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;
@@ -164,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;
@@ -173,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;
@@ -222,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;
@@ -233,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;
@@ -242,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;
@@ -396,7 +397,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -407,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -416,7 +417,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -508,7 +509,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;
@@ -527,7 +528,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;
@@ -535,7 +536,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;
@@ -545,7 +546,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-clear-color-hover': string;
         '--n-clear-color-pressed': string;
         '--n-arrow-size': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => 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;
@@ -599,6 +602,7 @@ declare const _default: import("vue").DefineComponent<{
     onPatternBlur: PropType<(e: FocusEvent) => void>;
     renderLabel: PropType<RenderLabel>;
     status: PropType<FormValidationStatus>;
+    inlineThemeDisabled: BooleanConstructor;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelection", {
         fontSizeTiny: string;
         fontSizeSmall: string;
@@ -620,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;
@@ -631,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;
@@ -640,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;
@@ -689,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;
@@ -700,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;
@@ -709,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;
@@ -758,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;
@@ -769,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;
@@ -778,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;
@@ -813,8 +817,9 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     disabled: boolean;
     autofocus: boolean;
-    bordered: boolean | undefined;
     loading: boolean;
+    bordered: boolean | undefined;
+    inlineThemeDisabled: 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;