naive-ui 2.32.0 → 2.32.2

package/es/input/src/InputGroupLabel.d.ts

@@ -11,6 +11,7 @@ export declare const inputGroupLabelProps: {
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -71,6 +72,7 @@ export declare const inputGroupLabelProps: {
         clearSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -131,6 +133,7 @@ export declare const inputGroupLabelProps: {
         clearSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -202,6 +205,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -262,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
         clearSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -322,6 +327,7 @@ declare const _default: import("vue").DefineComponent<{
         clearSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -406,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly theme: PropType<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -466,6 +473,7 @@ declare const _default: import("vue").DefineComponent<{
         clearSize: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -526,6 +534,7 @@ declare const _default: import("vue").DefineComponent<{
         clearSize: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/es/input/src/styles/input.cssr.d.ts

@@ -1,2 +1,3 @@
 declare const _default: import("css-render").CNode;
 export default _default;
+export declare const safariStyle: import("css-render").CNode;

package/es/input/src/styles/input.cssr.js

@@ -30,6 +30,7 @@ import { cB, c, cE, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --n-icon-color-pressed
 // --n-icon-color-disabled
 // --n-count-text-color
+// --n-count-text-color-disabled
 // --n-loading-color
 // ...form item vars
 
@@ -79,7 +80,10 @@ cE('input, textarea', `
  width: 0;
  height: 0;
  display: none;
- `), c('&::placeholder', 'color: #0000;'), c('&:-webkit-autofill ~', [cE('placeholder', 'display: none;')])]), cM('round', [cNotM('textarea', 'border-radius: calc(var(--n-height) / 2);')]), cE('placeholder', `
+ `), c('&::placeholder', `
+ color: #0000;
+ -webkit-text-fill-color: transparent !important;
+ `), c('&:-webkit-autofill ~', [cE('placeholder', 'display: none;')])]), cM('round', [cNotM('textarea', 'border-radius: calc(var(--n-height) / 2);')]), cE('placeholder', `
  pointer-events: none;
  position: absolute;
  left: 0;
@@ -169,12 +173,13 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  cursor: not-allowed;
  color: var(--n-text-color-disabled);
  text-decoration-color: var(--n-text-color-disabled);
- -webkit-text-fill-color: var(--n-text-color-disabled);
  `), cE('placeholder', 'color: var(--n-placeholder-color-disabled);'), cE('separator', 'color: var(--n-text-color-disabled);', [cB('icon', `
  color: var(--n-icon-color-disabled);
  `), cB('base-icon', `
  color: var(--n-icon-color-disabled);
- `)]), cE('suffix, prefix', 'color: var(--n-text-color-disabled);', [cB('icon', `
+ `)]), cB('input-word-count', `
+ color: var(--n-count-text-color-disabled);
+ `), cE('suffix, prefix', 'color: var(--n-text-color-disabled);', [cB('icon', `
  color: var(--n-icon-color-disabled);
  `), cB('internal-icon', `
  color: var(--n-icon-color-disabled);
@@ -261,4 +266,7 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  `, [cE('state-border', `
  box-shadow: var(--n-box-shadow-focus-${status});
  border: var(--n-border-focus-${status});
- `)])])]))]);
+ `)])])]))]);
+export const safariStyle = cB('input', [cM('disabled', [cE('input-el, textarea-el', `
+ -webkit-text-fill-color: var(--n-text-color-disabled);
+ `)])]);

package/es/input/styles/dark.js

@@ -6,7 +6,7 @@ const inputDark = {
     common: commonDark,
     self(vars) {
         const { textColor2, textColor3, textColorDisabled, primaryColor, primaryColorHover, inputColor, inputColorDisabled, warningColor, warningColorHover, errorColor, errorColorHover, borderRadius, lineHeight, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, iconColor, iconColorDisabled, iconColorHover, iconColorPressed } = vars;
-        return Object.assign(Object.assign({}, commonVariables), { countTextColor: textColor3, heightTiny,
+        return Object.assign(Object.assign({}, commonVariables), { countTextColorDisabled: textColorDisabled, countTextColor: textColor3, heightTiny,
             heightSmall,
             heightMedium,
             heightLarge,

package/es/input/styles/light.d.ts

@@ -1,6 +1,7 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 declare const self: (vars: ThemeCommonVars) => {
+    countTextColorDisabled: string;
     countTextColor: string;
     heightTiny: string;
     heightSmall: string;

package/es/input/styles/light.js

@@ -3,7 +3,7 @@ import { changeColor } from 'seemly';
 import { commonLight } from '../../_styles/common';
 const self = (vars) => {
     const { textColor2, textColor3, textColorDisabled, primaryColor, primaryColorHover, inputColor, inputColorDisabled, borderColor, warningColor, warningColorHover, errorColor, errorColorHover, borderRadius, lineHeight, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge, actionColor, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, iconColor, iconColorDisabled, iconColorHover, iconColorPressed } = vars;
-    return Object.assign(Object.assign({}, commonVariables), { countTextColor: textColor3, heightTiny,
+    return Object.assign(Object.assign({}, commonVariables), { countTextColorDisabled: textColorDisabled, countTextColor: textColor3, heightTiny,
         heightSmall,
         heightMedium,
         heightLarge,

package/es/input-number/src/InputNumber.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { OnUpdateValue } from './interface';
+import type { OnUpdateValue, Size } from './interface';
 export declare const inputNumberProps: {
     autofocus: BooleanConstructor;
     loading: {
@@ -20,7 +20,7 @@ export declare const inputNumberProps: {
     };
     min: (StringConstructor | NumberConstructor)[];
     max: (StringConstructor | NumberConstructor)[];
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<Size>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -269,6 +269,7 @@ export declare const inputNumberProps: {
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -537,6 +538,7 @@ export declare const inputNumberProps: {
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -805,6 +807,7 @@ export declare const inputNumberProps: {
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -885,7 +888,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     min: (StringConstructor | NumberConstructor)[];
     max: (StringConstructor | NumberConstructor)[];
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<Size>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -1134,6 +1137,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1402,6 +1406,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1670,6 +1675,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1756,7 +1762,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedValue: import("vue").ComputedRef<number | null>;
     mergedPlaceholder: import("vue").ComputedRef<string>;
     displayedValueInvalid: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     displayedValue: import("vue").Ref<string>;
     addable: import("vue").ComputedRef<boolean>;
@@ -2087,6 +2093,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -2189,7 +2196,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     min: (StringConstructor | NumberConstructor)[];
     max: (StringConstructor | NumberConstructor)[];
-    size: PropType<"small" | "medium" | "large">;
+    size: PropType<Size>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -2438,6 +2445,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -2706,6 +2714,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -2974,6 +2983,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/es/input-number/src/InputNumber.js

@@ -382,27 +382,25 @@ export default defineComponent({
             }
         }
         function handleMinusMousedown() {
+            clearMinusHoldTimeout();
             firstMinusMousedownId = window.setTimeout(() => {
                 minusHoldStateIntervalId = window.setInterval(() => {
                     doMinus();
                 }, HOLDING_CHANGE_INTERVAL);
             }, HOLDING_CHANGE_THRESHOLD);
-            on('mouseup', document, () => {
-                window.setTimeout(clearMinusHoldTimeout, 0);
-            }, {
+            on('mouseup', document, clearMinusHoldTimeout, {
                 once: true
             });
         }
         let firstAddMousedownId = null;
         function handleAddMousedown() {
+            clearAddHoldTimeout();
             firstAddMousedownId = window.setTimeout(() => {
                 addHoldStateIntervalId = window.setInterval(() => {
                     doAdd();
                 }, HOLDING_CHANGE_INTERVAL);
             }, HOLDING_CHANGE_THRESHOLD);
-            on('mouseup', document, () => {
-                window.setTimeout(clearAddHoldTimeout, 0);
-            }, {
+            on('mouseup', document, clearAddHoldTimeout, {
                 once: true
             });
         }
@@ -518,7 +516,7 @@ export default defineComponent({
     render() {
         const { mergedClsPrefix, $slots } = this;
         const renderMinusButton = () => {
-            return (h(NxButton, { text: true, disabled: !this.minusable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleMinusClick, onMousedown: this.handleMinusMousedown, ref: "minusButtonInstRef" }, {
+            return (h(NxButton, { text: true, disabled: !this.minusable || this.mergedDisabled || this.readonly, focusable: false, theme: this.mergedTheme.peers.Button, themeOverrides: this.mergedTheme.peerOverrides.Button, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleMinusClick, onMousedown: this.handleMinusMousedown, ref: "minusButtonInstRef" }, {
                 icon: () => resolveSlot($slots['minus-icon'], () => [
                     h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
                         default: () => h(RemoveIcon, null)
@@ -527,7 +525,7 @@ export default defineComponent({
             }));
         };
         const renderAddButton = () => {
-            return (h(NxButton, { text: true, disabled: !this.addable || this.mergedDisabled || this.readonly, focusable: false, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleAddClick, onMousedown: this.handleAddMousedown, ref: "addButtonInstRef" }, {
+            return (h(NxButton, { text: true, disabled: !this.addable || this.mergedDisabled || this.readonly, focusable: false, theme: this.mergedTheme.peers.Button, themeOverrides: this.mergedTheme.peerOverrides.Button, builtinThemeOverrides: this.buttonThemeOverrides, onClick: this.handleAddClick, onMousedown: this.handleAddMousedown, ref: "addButtonInstRef" }, {
                 icon: () => resolveSlot($slots['add-icon'], () => [
                     h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
                         default: () => h(AddIcon, null)

package/es/input-number/src/interface.d.ts

@@ -1,4 +1,5 @@
 export declare type OnUpdateValue = (value: number | null) => void;
+export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
 export interface InputNumberInst {
     focus: () => void;
     blur: () => void;

package/es/input-number/styles/light.d.ts

@@ -211,6 +211,7 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
         rippleDuration: string;
     }, any>;
     Input: import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/es/layout/src/Layout.js

@@ -91,7 +91,9 @@ export function createLayoutComponent(isContent) {
                 };
             });
             const themeClassHandle = inlineThemeDisabled
-                ? useThemeClass('layout', undefined, cssVarsRef, props)
+                ? useThemeClass('layout', computed(() => {
+                    return props.embedded ? 'e' : '';
+                }), cssVarsRef, props)
                 : undefined;
             return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, scrollableElRef,
                 scrollbarInstRef,

package/es/legacy-grid/src/Row.js

@@ -37,8 +37,8 @@ export default defineComponent({
         provide(rowInjectionKey, {
             mergedClsPrefixRef,
             gutterRef: toRef(props, 'gutter'),
-            verticalGutterRef: verticalGutterRef,
-            horizontalGutterRef: horizontalGutterRef
+            verticalGutterRef,
+            horizontalGutterRef
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,

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

@@ -88,6 +88,7 @@ export declare const transferProps: {
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -423,6 +424,7 @@ export declare const transferProps: {
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -758,6 +760,7 @@ export declare const transferProps: {
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1123,6 +1126,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1458,6 +1462,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -1793,6 +1798,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -2245,6 +2251,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorHover: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
@@ -2673,6 +2680,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -3008,6 +3016,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
@@ -3343,6 +3352,7 @@ declare const _default: import("vue").DefineComponent<{
             colorHover: string;
         }, any>;
         Input: import("../../_mixins").Theme<"Input", {
+            countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;

package/es/legacy-transfer/src/TransferFilter.d.ts

@@ -182,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorHover: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;

package/es/legacy-transfer/src/TransferList.d.ts

@@ -195,6 +195,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorHover: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;

package/es/legacy-transfer/src/TransferListItem.d.ts

@@ -182,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorHover: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;

package/es/legacy-transfer/styles/light.d.ts

@@ -82,6 +82,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         colorHover: string;
     }, any>;
     Input: import("../../_mixins").Theme<"Input", {
+        countTextColorDisabled: string;
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;

package/es/list/src/List.d.ts

@@ -5,15 +5,21 @@ export declare const listProps: {
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
-    bordered: {
+    bordered: BooleanConstructor;
+    clickable: BooleanConstructor;
+    hoverable: BooleanConstructor;
+    showDivider: {
         type: BooleanConstructor;
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -23,8 +29,11 @@ export declare const listProps: {
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -34,8 +43,11 @@ export declare const listProps: {
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -45,6 +57,7 @@ export declare const listProps: {
 };
 export declare type ListProps = ExtractPublicPropTypes<typeof listProps>;
 interface ListInjection {
+    showDividerRef: Ref<boolean>;
     mergedClsPrefixRef: Ref<string>;
 }
 export declare const listInjectionKey: import("vue").InjectionKey<ListInjection>;
@@ -53,15 +66,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
-    bordered: {
+    bordered: BooleanConstructor;
+    clickable: BooleanConstructor;
+    hoverable: BooleanConstructor;
+    showDivider: {
         type: BooleanConstructor;
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -71,8 +90,11 @@ declare const _default: import("vue").DefineComponent<{
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -82,8 +104,11 @@ declare const _default: import("vue").DefineComponent<{
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -92,6 +117,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
+    rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-bezier': string;
@@ -103,6 +129,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-border-color-popover': string;
         '--n-color-modal': string;
         '--n-color-popover': string;
+        '--n-color-hover': string;
+        '--n-color-hover-modal': string;
+        '--n-color-hover-popover': string;
     }> | undefined;
     themeClass: Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -111,15 +140,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large">;
         default: string;
     };
-    bordered: {
+    bordered: BooleanConstructor;
+    clickable: BooleanConstructor;
+    hoverable: BooleanConstructor;
+    showDivider: {
         type: BooleanConstructor;
         default: boolean;
     };
     theme: PropType<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -129,8 +164,11 @@ declare const _default: import("vue").DefineComponent<{
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -140,8 +178,11 @@ declare const _default: import("vue").DefineComponent<{
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"List", {
         textColor: string;
         color: string;
+        colorHover: string;
         colorModal: string;
+        colorHoverModal: string;
         colorPopover: string;
+        colorHoverPopover: string;
         borderColor: string;
         borderColorModal: string;
         borderColorPopover: string;
@@ -151,5 +192,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: "small" | "medium" | "large";
     bordered: boolean;
+    clickable: boolean;
+    hoverable: boolean;
+    showDivider: boolean;
 }>;
 export default _default;