naive-ui 2.41.1 → 2.43.0

package/lib/input-otp/src/InputOtp.d.ts

@@ -12,6 +12,7 @@ export declare const inputOtpProps: {
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -97,7 +98,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -168,7 +182,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -239,7 +266,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 };
 export type InputOtpProps = ExtractPublicPropTypes<typeof inputOtpProps>;
@@ -253,6 +293,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -338,7 +379,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -409,7 +463,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -480,9 +547,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>, {
+    focusOnChar: (charIndex: number) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: import("naive-ui").ThemeCommonVars;
         self: {
@@ -555,12 +636,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -631,6 +736,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -716,7 +822,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -787,7 +906,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -858,14 +990,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>> & Readonly<{}>, {
     readonly: boolean;
+    block: boolean;
     length: number;
+    placeholder: string;
     disabled: boolean;
     mask: boolean;
-    placeholder: string;
     defaultValue: string[];
 }, SlotsType<InputOtpSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/input-otp/src/InputOtp.js

@@ -26,7 +26,7 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.inputOtpProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultValue: { type: Array, default: [] }, value: Array, length: {
         type: Number,
         default: 6
-    }, size: String, disabled: Boolean, mask: Boolean, readonly: Boolean, status: String, gap: [String, Number], placeholder: { type: String, default: '' }, allowInput: Function, onBlur: [Function, Array], onFocus: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFinish: [Function, Array] });
+    }, block: Boolean, size: String, disabled: Boolean, mask: Boolean, readonly: Boolean, status: String, gap: [String, Number], placeholder: { type: String, default: '' }, allowInput: Function, onBlur: [Function, Array], onFocus: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onFinish: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'InputOtp',
     props: exports.inputOtpProps,
@@ -135,6 +135,9 @@ exports.default = (0, vue_1.defineComponent)({
             nTriggerFormChange();
         }
         const handlePaste = (e, index) => {
+            if (props.readonly || mergedDisabledRef.value) {
+                return;
+            }
             e.preventDefault();
             const { clipboardData } = e;
             const text = clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.getData('text');
@@ -167,9 +170,11 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         const handleKeydown = (e, index) => {
+            if (mergedDisabledRef.value)
+                return;
             const keyCode = e.code || e.key;
             const currentValue = justifyValue(mergedValueRef.value);
-            if (keyCode === 'Backspace') {
+            if (keyCode === 'Backspace' && !props.readonly) {
                 e.preventDefault();
                 currentValue[Math.max(index, 0)] = '';
                 doUpdateValue(currentValue, { diff: '', index, source: 'delete' });
@@ -206,20 +211,10 @@ exports.default = (0, vue_1.defineComponent)({
                 onBlur: (event) => handleBlur(event, index)
             };
         };
-        return {
-            mergedTheme: themeRef,
-            perItemValueArray: (0, vue_1.computed)(() => justifyValue(mergedValueRef.value)),
-            mergedClsPrefix: mergedClsPrefixRef,
-            inputRefList,
-            inputType: inputTypeRef,
-            rtlEnabled: rtlEnabledRef,
-            mergedStatus: mergedStatusRef,
-            mergedDisabled: mergedDisabledRef,
-            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            getTemplateEvents,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+        const exposedMethods = {
+            focusOnChar
         };
+        return Object.assign({ mergedTheme: themeRef, perItemValueArray: (0, vue_1.computed)(() => justifyValue(mergedValueRef.value)), mergedClsPrefix: mergedClsPrefixRef, inputRefList, inputType: inputTypeRef, rtlEnabled: rtlEnabledRef, mergedStatus: mergedStatusRef, mergedDisabled: mergedDisabledRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, getTemplateEvents, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender }, exposedMethods);
     },
     render() {
         const { mergedTheme, mergedClsPrefix, perItemValueArray, size, placeholder, mergedDisabled, mergedStatus, readonly, inputType, $slots, getTemplateEvents, themeClass, onRender } = this;
@@ -227,7 +222,8 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { style: this.cssVars, class: [
                 `${mergedClsPrefix}-input-otp`,
                 themeClass,
-                this.rtlEnabled && `${mergedClsPrefix}-input-otp--rtl`
+                this.rtlEnabled && `${mergedClsPrefix}-input-otp--rtl`,
+                this.block && `${mergedClsPrefix}-input-otp--block`
             ] }, (0, seemly_1.repeat)(this.length, undefined).map((_, index) => (0, _utils_1.resolveSlotWithTypedProps)($slots.default, Object.assign({ index, value: perItemValueArray[index], type: inputType, size,
             placeholder, disabled: mergedDisabled, readonly, status: mergedStatus, builtinThemeOverrides: {
                 paddingTiny: '0',

package/lib/input-otp/src/public-types.d.ts

@@ -21,4 +21,5 @@ export interface InputOtpOnUpdateValueMeta {
 }
 export type InputOtpOnUpdateValueMetaSource = 'paste' | 'input' | 'delete';
 export interface InputOtpInst {
+    focusOnChar: (charIndex: number) => void;
 }

package/lib/input-otp/src/styles/index.cssr.js

@@ -10,7 +10,16 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input-otp', `
  display: flex;
  align-items: center;
  gap: var(--n-gap);
- `, [(0, cssr_1.cB)('input', `
+ `, [(0, cssr_1.cM)('block', ``, [(0, cssr_1.cB)('input', ``, [(0, cssr_1.cNotM)('autosize', `
+ text-align: center;
+ min-width: 0;
+ `), (0, cssr_1.cM)('autosize', `
+ text-align: center;
+ min-width: 0;
+ `)])]), (0, cssr_1.cNotM)('block', ``, [(0, cssr_1.cB)('input', ``, [(0, cssr_1.cNotM)('autosize', `
+ width: var(--n-input-width);
+ text-align: center;
+ `), (0, cssr_1.cM)('autosize', `
  width: var(--n-input-width);
  text-align: center;
- `)])]);
+ `)])])])]);

package/lib/input-otp/styles/dark.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const common_1 = require("../../_styles/common");
-const styles_1 = require("../../styles");
+const styles_1 = require("../../input/styles");
 const light_1 = require("./light");
 const inputOtpDark = {
     name: 'InputOtp',

package/lib/input-otp/styles/light.d.ts

@@ -75,7 +75,20 @@ declare const inputOtpLight: import("../../_mixins").Theme<"InputOtp", {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
 }>;
 export default inputOtpLight;
 export type InputOtpTheme = typeof inputOtpLight;

package/lib/layout/src/LayoutSider.d.ts

@@ -488,9 +488,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     width: string | number;
     bordered: boolean;
     contentStyle: string | CSSProperties;
-    inverted: boolean;
     collapsed: boolean | undefined;
     nativeScrollbar: boolean;
+    inverted: boolean;
     collapsedWidth: number;
     collapseMode: "transform" | "width";
     defaultCollapsed: boolean;

package/lib/legacy-transfer/src/Transfer.d.ts

@@ -156,7 +156,20 @@ export declare const transferProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -504,7 +517,20 @@ export declare const transferProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -852,7 +878,20 @@ export declare const transferProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -1230,7 +1269,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -1578,7 +1630,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -1926,7 +1991,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -2290,7 +2368,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
             Empty: import("../../_mixins").Theme<"Empty", {
                 fontSizeTiny: string;
                 fontSizeSmall: string;
@@ -2524,7 +2615,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
             Empty?: {
@@ -2731,7 +2833,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -3079,7 +3194,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -3427,7 +3555,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Empty: import("../../_mixins").Theme<"Empty", {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -3652,8 +3793,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly options: Option[];
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly virtualScroll: boolean;
-    readonly filterable: boolean;
     readonly defaultValue: OptionValue[] | null;
+    readonly filterable: boolean;
+    readonly virtualScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;