naive-ui 2.38.2 → 2.40.0

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

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import { type TreeNode } from 'treemate';
-import type { SelectOption, SelectGroupOption, SelectIgnoredOption, Value, SelectTreeMate } from '../../../select/src/interface';
-import type { RenderLabel, Size, RenderOption, NodeProps } from './interface';
+import type { SelectGroupOption, SelectIgnoredOption, SelectOption, SelectTreeMate, Value } from '../../../select/src/interface';
+import type { NodeProps, RenderLabel, RenderOption, Size } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -67,10 +67,12 @@ declare const _default: import("vue").DefineComponent<{
     inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -91,10 +93,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -107,11 +111,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -119,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -126,10 +134,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -150,10 +160,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -166,11 +178,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -178,6 +193,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -185,10 +201,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -209,10 +227,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -225,11 +245,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -237,6 +260,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -245,120 +269,18 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | 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;
+    getPendingTmNode: () => TreeNode<import("../../../select/src/interface").SelectBaseOption> | null;
     prev: () => void;
     next: () => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
+            optionFontSizeTiny: string;
             optionFontSizeSmall: string;
             optionFontSizeMedium: string;
             optionFontSizeLarge: string;
             optionFontSizeHuge: string;
+            optionHeightTiny: string;
             optionHeightSmall: string;
             optionHeightMedium: string;
             optionHeightLarge: string;
@@ -379,10 +301,12 @@ declare const _default: import("vue").DefineComponent<{
             actionTextColor: string;
             loadingColor: string;
             height: string;
+            paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
             paddingLarge: string;
             paddingHuge: string;
+            optionPaddingTiny: string;
             optionPaddingSmall: string;
             optionPaddingMedium: string;
             optionPaddingLarge: string;
@@ -396,11 +320,14 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Empty: import("../../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -408,6 +335,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -432,7 +360,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualListRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc").VirtualListScrollTo;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
     } | null>;
     scrollbarRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -552,10 +480,12 @@ declare const _default: import("vue").DefineComponent<{
     inlineThemeDisabled: BooleanConstructor;
     onToggle: PropType<(tmNode: TreeNode<SelectOption>) => void>;
     theme: PropType<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -576,10 +506,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -592,11 +524,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -604,6 +539,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -611,10 +547,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     themeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -635,10 +573,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -651,11 +591,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -663,6 +606,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -670,10 +614,12 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -694,10 +640,12 @@ declare const _default: import("vue").DefineComponent<{
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -710,11 +658,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -722,6 +673,7 @@ declare const _default: import("vue").DefineComponent<{
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;

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

@@ -332,7 +332,7 @@ exports.default = (0, vue_1.defineComponent)({
                 themeClass,
                 this.multiple && `${clsPrefix}-base-select-menu--multiple`
             ], style: this.cssVars, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
-            (0, _utils_1.resolveWrappedSlot)($slots.header, (children) => children && ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__header`, "data-header": true, key: "header" }, children))),
+            (0, _utils_1.resolveWrappedSlot)($slots.header, children => children && ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__header`, "data-header": true, key: "header" }, children))),
             this.loading ? ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__loading` },
                 (0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? ((0, vue_1.h)(scrollbar_1.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: () => {
@@ -343,12 +343,12 @@ exports.default = (0, vue_1.defineComponent)({
                     })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu-option-wrapper`, style: {
                             paddingTop: this.padding.top,
                             paddingBottom: this.padding.bottom
-                        } }, this.flattenedNodes.map((tmNode) => tmNode.isGroup ? ((0, vue_1.h)(SelectGroupHeader_1.default, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : ((0, vue_1.h)(SelectOption_1.default, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
+                        } }, this.flattenedNodes.map(tmNode => tmNode.isGroup ? ((0, vue_1.h)(SelectGroupHeader_1.default, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : ((0, vue_1.h)(SelectOption_1.default, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
                 }
             })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, (0, _utils_1.resolveSlot)($slots.empty, () => [
-                (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
+                (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty, size: this.size })
             ]))),
-            (0, _utils_1.resolveWrappedSlot)($slots.action, (children) => children && [
+            (0, _utils_1.resolveWrappedSlot)($slots.action, children => children && [
                 (0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__action`, "data-action": true, key: "action" }, children),
                 (0, vue_1.h)(focus_detector_1.default, { onFocus: this.onTabOut, key: "focus-detector" })
             ])));

package/lib/_internal/select-menu/src/SelectOption.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type Ref } from 'vue';
-import { type TreeNode } from 'treemate';
+import type { TreeNode } from 'treemate';
 import type { SelectOption } from '../../../select/src/interface';
 import { type RenderLabelImpl, type RenderOptionImpl } from './interface';
 declare const _default: import("vue").DefineComponent<{
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
+        type: PropType<TreeNode<SelectOption>>;
         required: true;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<SelectOption, SelectOption, SelectOption>>;
+        type: PropType<TreeNode<SelectOption>>;
         required: true;
     };
 }>>, {}, {}>;

package/lib/_internal/select-menu/src/SelectOption.js

@@ -26,9 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, showCheckmarkRef, nodePropsRef, handleOptionClick, handleOptionMouseEnter
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.internalSelectionMenuInjectionKey);
+        const { valueRef, pendingTmNodeRef, multipleRef, valueSetRef, renderLabelRef, renderOptionRef, labelFieldRef, valueFieldRef, showCheckmarkRef, nodePropsRef, handleOptionClick, handleOptionMouseEnter } = (0, vue_1.inject)(interface_1.internalSelectionMenuInjectionKey);
         const isPendingRef = (0, vooks_1.useMemo)(() => {
             const { value: pendingTmNode } = pendingTmNodeRef;
             if (!pendingTmNode)

package/lib/_internal/select-menu/src/interface.d.ts

@@ -1,7 +1,7 @@
-import type { VNodeChild, Ref, UnwrapRef, VNode, HTMLAttributes } from 'vue';
+import type { HTMLAttributes, Ref, UnwrapRef, VNode, VNodeChild } from 'vue';
 import type { TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
-export type Size = 'small' | 'medium' | 'large' | 'huge';
+export type Size = 'tiny' | 'small' | 'medium' | 'large' | 'huge';
 export type RenderLabel = (option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderLabelImpl = (option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption, selected: boolean) => VNodeChild;
 export type RenderOption = (info: {

package/lib/_internal/select-menu/styles/_common.d.ts

@@ -1,9 +1,11 @@
 declare const _default: {
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;

package/lib/_internal/select-menu/styles/_common.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     height: 'calc(var(--n-option-height) * 7.6)',
+    paddingTiny: '4px 0',
     paddingSmall: '4px 0',
     paddingMedium: '4px 0',
     paddingLarge: '4px 0',
     paddingHuge: '4px 0',
+    optionPaddingTiny: '0 12px',
     optionPaddingSmall: '0 12px',
     optionPaddingMedium: '0 12px',
     optionPaddingLarge: '0 12px',

package/lib/_internal/select-menu/styles/light.d.ts

@@ -1,9 +1,11 @@
 import type { ThemeCommonVars } from '../../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
+    optionFontSizeTiny: string;
     optionFontSizeSmall: string;
     optionFontSizeMedium: string;
     optionFontSizeLarge: string;
     optionFontSizeHuge: string;
+    optionHeightTiny: string;
     optionHeightSmall: string;
     optionHeightMedium: string;
     optionHeightLarge: string;
@@ -24,10 +26,12 @@ export declare const self: (vars: ThemeCommonVars) => {
     actionTextColor: string;
     loadingColor: string;
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;
@@ -36,10 +40,12 @@ export declare const self: (vars: ThemeCommonVars) => {
 };
 export type InternalSelectMenuThemeVars = ReturnType<typeof self>;
 declare const internalSelectMenuLight: import("../../../_mixins").Theme<"InternalSelectMenu", {
+    optionFontSizeTiny: string;
     optionFontSizeSmall: string;
     optionFontSizeMedium: string;
     optionFontSizeLarge: string;
     optionFontSizeHuge: string;
+    optionHeightTiny: string;
     optionHeightSmall: string;
     optionHeightMedium: string;
     optionHeightLarge: string;
@@ -60,10 +66,12 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
     actionTextColor: string;
     loadingColor: string;
     height: string;
+    paddingTiny: string;
     paddingSmall: string;
     paddingMedium: string;
     paddingLarge: string;
     paddingHuge: string;
+    optionPaddingTiny: string;
     optionPaddingSmall: string;
     optionPaddingMedium: string;
     optionPaddingLarge: string;
@@ -76,11 +84,14 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
     Empty: import("../../../_mixins").Theme<"Empty", {
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -88,6 +99,7 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;