naive-ui 2.43.1 → 2.44.0

package/es/button/src/Button.d.ts

@@ -1,7 +1,7 @@
 import type { ButtonHTMLAttributes, ExtractPropTypes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { BaseWaveRef } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { Size, Type } from './interface';
+import type { ButtonSize, ButtonSpinProps, ButtonType } from './public-types';
 export declare const buttonProps: {
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
@@ -10,7 +10,7 @@ export declare const buttonProps: {
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -30,7 +30,7 @@ export declare const buttonProps: {
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -52,6 +52,7 @@ export declare const buttonProps: {
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -678,7 +679,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -698,7 +699,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -720,6 +721,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -1341,7 +1343,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     } | null>;
     mergedClsPrefix: import("vue").Ref<string, string>;
     mergedFocusable: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
     showBorder: import("vue").ComputedRef<boolean>;
     enterPressed: import("vue").Ref<boolean, boolean>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -1398,7 +1400,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
     readonly loading: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<ButtonSize>;
     readonly ghost: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly secondary: BooleanConstructor;
@@ -1418,7 +1420,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: "button";
     };
     readonly type: {
-        readonly type: PropType<Type>;
+        readonly type: PropType<ButtonType>;
         readonly default: "default";
     };
     readonly dashed: BooleanConstructor;
@@ -1440,6 +1442,7 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         readonly type: BooleanConstructor;
         readonly default: boolean;
     };
+    readonly spinProps: PropType<ButtonSpinProps>;
     readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
@@ -2053,25 +2056,25 @@ declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
         rippleDuration: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly type: Type;
-    readonly tag: keyof HTMLElementTagNameMap;
-    readonly block: boolean;
     readonly disabled: boolean;
-    readonly strong: boolean;
+    readonly type: ButtonType;
+    readonly bordered: boolean;
+    readonly block: boolean;
+    readonly loading: boolean;
+    readonly circle: boolean;
     readonly round: boolean;
-    readonly dashed: boolean;
     readonly text: boolean;
-    readonly circle: boolean;
-    readonly loading: boolean;
-    readonly focusable: boolean;
-    readonly bordered: boolean;
+    readonly strong: boolean;
     readonly tertiary: boolean;
     readonly ghost: boolean;
     readonly secondary: boolean;
     readonly quaternary: boolean;
+    readonly focusable: boolean;
     readonly keyboard: boolean;
+    readonly tag: keyof HTMLElementTagNameMap;
+    readonly dashed: boolean;
     readonly iconPlacement: "left" | "right";
-    readonly attrType: "reset" | "submit" | "button";
+    readonly attrType: "button" | "submit" | "reset";
     readonly nativeFocusBehavior: boolean;
 }, SlotsType<ButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;

package/es/button/src/Button.mjs

@@ -59,7 +59,8 @@ export const buttonProps = Object.assign(Object.assign({}, useTheme.props), {
   nativeFocusBehavior: {
     type: Boolean,
     default: !isSafari
-  }
+  },
+  spinProps: Object
 });
 const Button = defineComponent({
   name: 'Button',
@@ -88,11 +89,18 @@ const Button = defineComponent({
       return !props.quaternary && !props.tertiary && !props.secondary && !props.text && (!props.color || props.ghost || props.dashed) && props.bordered;
     });
     const NButtonGroup = inject(buttonGroupInjectionKey, {});
+    const {
+      inlineThemeDisabled,
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const {
       mergedSizeRef
     } = useFormItem({}, {
       defaultSize: 'medium',
       mergedSize: NFormItem => {
+        var _a, _b;
         const {
           size
         } = props;
@@ -104,9 +112,9 @@ const Button = defineComponent({
         const {
           mergedSize: formItemSize
         } = NFormItem || {};
-        if (formItemSize) {
-          return formItemSize.value;
-        }
+        if (formItemSize) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
         return 'medium';
       }
     });
@@ -167,11 +175,6 @@ const Button = defineComponent({
     const handleBlur = () => {
       enterPressedRef.value = false;
     };
-    const {
-      inlineThemeDisabled,
-      mergedClsPrefixRef,
-      mergedRtlRef
-    } = useConfig(props);
     const themeRef = useTheme('Button', '-button', style, buttonLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('Button', mergedRtlRef, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
@@ -470,12 +473,12 @@ const Button = defineComponent({
           margin: isSlotEmpty(this.$slots.default) ? '0' : ''
         }
       }, h(NIconSwitchTransition, null, {
-        default: () => this.loading ? h(NBaseLoading, {
+        default: () => this.loading ? h(NBaseLoading, Object.assign({
           clsPrefix: mergedClsPrefix,
           key: "loading",
           class: `${mergedClsPrefix}-icon-slot`,
           strokeWidth: 20
-        }) : h("div", {
+        }, this.spinProps)) : h("div", {
           key: "icon",
           class: `${mergedClsPrefix}-icon-slot`,
           role: "none"

package/es/button/src/public-types.d.ts

@@ -0,0 +1,4 @@
+import type { SharedSpinProps } from '../../_internal';
+export type ButtonSize = 'tiny' | 'small' | 'medium' | 'large';
+export type ButtonSpinProps = SharedSpinProps;
+export type ButtonType = 'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error';

package/es/button/src/styles/index.cssr.mjs

@@ -127,13 +127,13 @@ export default c([cB('button', `
  border-radius: inherit;
  transition: border-color .3s var(--n-bezier);
  pointer-events: none;
- `), cE('border', {
-  border: 'var(--n-border)'
-}), cE('state-border', {
-  border: 'var(--n-border)',
-  borderColor: '#0000',
-  zIndex: 1
-}), cE('icon', `
+ `), cE('border', `
+ border: var(--n-border);
+ `), cE('state-border', `
+ border: var(--n-border);
+ border-color: #0000;
+ z-index: 1;
+ `), cE('icon', `
  margin: var(--n-icon-margin);
  margin-left: 0;
  height: var(--n-icon-size);

package/es/button-group/src/ButtonGroup.d.ts

@@ -1,34 +1,24 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { Size } from '../../button/src/interface';
+import type { ButtonSize } from '../../button/src/public-types';
 export interface ButtonGroupInjection {
-    size?: Size | undefined;
+    size?: ButtonSize | undefined;
 }
 export declare const buttonGroupProps: {
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 };
 export type ButtonGroupProps = ExtractPublicPropTypes<typeof buttonGroupProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 }>, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").Ref<string, string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<Size | undefined>;
-        readonly default: undefined;
-    };
+    readonly size: PropType<ButtonSize | undefined>;
     readonly vertical: BooleanConstructor;
 }>> & Readonly<{}>, {
-    readonly size: Size | undefined;
     readonly vertical: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/button-group/src/ButtonGroup.mjs

@@ -4,10 +4,7 @@ import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { buttonGroupInjectionKey } from "./context.mjs";
 import style from "./styles/index.cssr.mjs";
 export const buttonGroupProps = {
-  size: {
-    type: String,
-    default: undefined
-  },
+  size: String,
   vertical: Boolean
 };
 export default defineComponent({

package/es/card/index.d.ts

@@ -1,2 +1,3 @@
 export { cardProps, default as NCard } from './src/Card';
 export type { CardProps, CardSegmented, CardSlots } from './src/Card';
+export type * from './src/public-types';

package/es/card/src/Card.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties, PropType, SlotsType, VNode, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { CardSize } from './public-types';
 export interface CardSegmented {
     content?: boolean | 'soft';
     footer?: boolean | 'soft';
@@ -9,6 +10,7 @@ export declare const cardBaseProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<CSSProperties | string>;
+    readonly contentScrollable: BooleanConstructor;
     readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<CSSProperties | string>;
     readonly headerExtraClass: StringConstructor;
@@ -20,10 +22,7 @@ export declare const cardBaseProps: {
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<CardSize>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -43,11 +42,12 @@ export declare const cardBaseProps: {
     readonly headerExtra: PropType<() => VNodeChild>;
     readonly closeFocusable: BooleanConstructor;
 };
-export declare const cardBasePropKeys: ("tag" | "content" | "size" | "footer" | "title" | "cover" | "role" | "onClose" | "action" | "bordered" | "closable" | "contentClass" | "contentStyle" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "headerExtra" | "closeFocusable")[];
+export declare const cardBasePropKeys: ("size" | "title" | "bordered" | "closable" | "onClose" | "content" | "contentClass" | "contentStyle" | "cover" | "footer" | "tag" | "contentScrollable" | "headerClass" | "headerStyle" | "headerExtraClass" | "headerExtraStyle" | "footerClass" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "action" | "headerExtra" | "closeFocusable")[];
 export declare const cardProps: {
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -59,10 +59,7 @@ export declare const cardProps: {
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -206,6 +203,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -217,10 +215,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -435,6 +430,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
+    contentScrollable: BooleanConstructor;
     headerClass: StringConstructor;
     headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
@@ -446,10 +442,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | CardSegmented>;
         readonly default: false;
     };
-    size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    size: PropType<CardSize>;
     bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -580,10 +573,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         closeSize: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    tag: keyof HTMLElementTagNameMap;
-    size: "small" | "medium" | "large" | "huge";
     bordered: boolean;
     closable: boolean;
+    tag: keyof HTMLElementTagNameMap;
+    contentScrollable: boolean;
     embedded: boolean;
     segmented: boolean | CardSegmented;
     hoverable: boolean;

package/es/card/src/Card.mjs

@@ -1,6 +1,6 @@
 import { getPadding } from 'seemly';
 import { computed, defineComponent, h } from 'vue';
-import { NBaseClose } from "../../_internal/index.mjs";
+import { NBaseClose, NScrollbar } from "../../_internal/index.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { call, createKey, keysOf, resolveWrappedSlot } from "../../_utils/index.mjs";
@@ -11,6 +11,7 @@ export const cardBaseProps = {
   title: [String, Function],
   contentClass: String,
   contentStyle: [Object, String],
+  contentScrollable: Boolean,
   headerClass: String,
   headerStyle: [Object, String],
   headerExtraClass: String,
@@ -22,10 +23,7 @@ export const cardBaseProps = {
     type: [Boolean, Object],
     default: false
   },
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   bordered: {
     type: Boolean,
     default: true
@@ -56,19 +54,24 @@ export default defineComponent({
       const {
         onClose
       } = props;
-      if (onClose) call(onClose);
+      if (onClose) {
+        call(onClose);
+      }
     };
     const {
       inlineThemeDisabled,
       mergedClsPrefixRef,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Card', '-card', style, cardLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('Card', mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Card) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         self: {
           color,
@@ -94,9 +97,9 @@ export default defineComponent({
           colorEmbedded,
           colorEmbeddedModal,
           colorEmbeddedPopover,
-          [createKey('padding', size)]: padding,
-          [createKey('fontSize', size)]: fontSize,
-          [createKey('titleFontSize', size)]: titleFontSize
+          [createKey('padding', mergedSize)]: padding,
+          [createKey('fontSize', mergedSize)]: fontSize,
+          [createKey('titleFontSize', mergedSize)]: titleFontSize
         },
         common: {
           cubicBezierEaseInOut
@@ -141,7 +144,7 @@ export default defineComponent({
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('card', computed(() => {
-      return props.size[0];
+      return mergedSizeRef.value[0];
     }), cssVarsRef, props) : undefined;
     return {
       rtlEnabled: rtlEnabledRef,
@@ -169,6 +172,7 @@ export default defineComponent({
     return h(Component, {
       class: [`${mergedClsPrefix}-card`, this.themeClass, embedded && `${mergedClsPrefix}-card--embedded`, {
         [`${mergedClsPrefix}-card--rtl`]: rtlEnabled,
+        [`${mergedClsPrefix}-card--content-scrollable`]: this.contentScrollable,
         [`${mergedClsPrefix}-card--content${typeof segmented !== 'boolean' && segmented.content === 'soft' ? '-soft' : ''}-segmented`]: segmented === true || segmented !== false && segmented.content,
         [`${mergedClsPrefix}-card--footer${typeof segmented !== 'boolean' && segmented.footer === 'soft' ? '-soft' : ''}-segmented`]: segmented === true || segmented !== false && segmented.footer,
         [`${mergedClsPrefix}-card--action-segmented`]: segmented === true || segmented !== false && segmented.action,
@@ -213,11 +217,15 @@ export default defineComponent({
         content
       } = this;
       const mergedChildren = content ? ensureValidVNode(typeof content === 'function' ? [content()] : [content]) : children;
-      return mergedChildren && h("div", {
-        class: [`${mergedClsPrefix}-card__content`, this.contentClass],
+      return mergedChildren ? this.contentScrollable ? h(NScrollbar, {
+        class: `${mergedClsPrefix}-card__content-scrollbar`,
+        contentClass: [`${mergedClsPrefix}-card-content`, this.contentClass],
+        contentStyle: this.contentStyle
+      }, mergedChildren) : h("div", {
+        class: [`${mergedClsPrefix}-card-content`, this.contentClass],
         style: this.contentStyle,
         role: "none"
-      }, mergedChildren);
+      }, mergedChildren) : null;
     }), resolveWrappedSlot($slots.footer, children => {
       const mergedChildren = this.footer ? ensureValidVNode([this.footer()]) : children;
       return mergedChildren && h("div", {

package/es/card/src/public-types.d.ts

@@ -0,0 +1 @@
+export type CardSize = 'small' | 'medium' | 'large' | 'huge';

package/es/card/src/styles/index.cssr.mjs

@@ -1,4 +1,11 @@
 import { asModal, c, cB, cE, cM, insideModal, insidePopover } from "../../../_utils/cssr/index.mjs";
+const contentBaseStyle = cB('card-content', `
+ flex: 1;
+ min-width: 0;
+ box-sizing: border-box;
+ padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
+ font-size: var(--n-font-size);
+`);
 // vars:
 // --n-bezier
 // --n-border-radius
@@ -46,14 +53,19 @@ export default c([cB('card', `
  border-color .3s var(--n-bezier);
  `, [asModal({
   background: 'var(--n-color-modal)'
-}), cM('hoverable', [c('&:hover', 'box-shadow: var(--n-box-shadow);')]), cM('content-segmented', [c('>', [cE('content', {
-  paddingTop: 'var(--n-padding-bottom)'
-})])]), cM('content-soft-segmented', [c('>', [cE('content', `
+}), cM('hoverable', [c('&:hover', 'box-shadow: var(--n-box-shadow);')]), cM('content-segmented', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `), cE('content-scrollbar', [c('>', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `)])])])])])]), cM('content-soft-segmented', [c('>', [cB('card-content', `
  margin: 0 var(--n-padding-left);
  padding: var(--n-padding-bottom) 0;
- `)])]), cM('footer-segmented', [c('>', [cE('footer', {
-  paddingTop: 'var(--n-padding-bottom)'
-})])]), cM('footer-soft-segmented', [c('>', [cE('footer', `
+ `), cE('content-scrollbar', [c('>', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ margin: 0 var(--n-padding-left);
+ padding: var(--n-padding-bottom) 0;
+ `)])])])])])]), cM('footer-segmented', [c('>', [cE('footer', `
+ padding-top: var(--n-padding-bottom);
+ `)])]), cM('footer-soft-segmented', [c('>', [cE('footer', `
  padding: var(--n-padding-bottom) 0;
  margin: 0 var(--n-padding-left);
  `)])]), c('>', [cB('card-header', `
@@ -91,13 +103,20 @@ export default c([cB('card', `
  border-color .3s var(--n-bezier);
  background-clip: padding-box;
  background-color: var(--n-action-color);
- `), cE('content', 'flex: 1; min-width: 0;'), cE('content, footer', `
+ `), contentBaseStyle, cB('card-content', [c('&:first-child', `
+ padding-top: var(--n-padding-bottom);
+ `)]), cE('content-scrollbar', `
+ display: flex;
+ flex-direction: column;
+ `, [c('>', [cB('scrollbar-container', [c('>', [contentBaseStyle])])]), c('&:first-child >', [cB('scrollbar-container', [c('>', [cB('card-content', `
+ padding-top: var(--n-padding-bottom);
+ `)])])])]), cE('footer', `
  box-sizing: border-box;
  padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
  font-size: var(--n-font-size);
- `, [c('&:first-child', {
-  paddingTop: 'var(--n-padding-bottom)'
-})]), cE('action', `
+ `, [c('&:first-child', `
+ padding-top: var(--n-padding-bottom);
+ `)]), cE('action', `
  background-color: var(--n-action-color);
  padding: var(--n-padding-bottom) var(--n-padding-left);
  border-bottom-left-radius: var(--n-border-radius);
@@ -111,17 +130,21 @@ export default c([cB('card', `
  width: 100%;
  `)]), cM('bordered', `
  border: 1px solid var(--n-border-color);
- `, [c('&:target', 'border-color: var(--n-color-target);')]), cM('action-segmented', [c('>', [cE('action', [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('content-segmented, content-soft-segmented', [c('>', [cE('content', {
-  transition: 'border-color 0.3s var(--n-bezier)'
-}, [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('footer-segmented, footer-soft-segmented', [c('>', [cE('footer', {
-  transition: 'border-color 0.3s var(--n-bezier)'
-}, [c('&:not(:first-child)', {
-  borderTop: '1px solid var(--n-border-color)'
-})])])]), cM('embedded', `
+ `, [c('&:target', 'border-color: var(--n-color-target);')]), cM('action-segmented', [c('>', [cE('action', [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('content-segmented, content-soft-segmented', [c('>', [cB('card-content', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)]), cE('content-scrollbar', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('footer-segmented, footer-soft-segmented', [c('>', [cE('footer', `
+ transition: border-color 0.3s var(--n-bezier);
+ `, [c('&:not(:first-child)', `
+ border-top: 1px solid var(--n-border-color);
+ `)])])]), cM('embedded', `
  background-color: var(--n-color-embedded);
  `)]), insideModal(cB('card', `
  background: var(--n-color-modal);

package/es/carousel/src/Carousel.d.ts

@@ -329,23 +329,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         arrowColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    effect: "card" | "slide" | "fade" | "custom";
-    direction: "horizontal" | "vertical";
-    draggable: boolean;
-    autoplay: boolean;
-    loop: boolean;
+    trigger: "hover" | "click";
     keyboard: boolean;
     defaultIndex: number;
     showArrow: boolean;
     dotType: "dot" | "line";
-    dotPlacement: "left" | "right" | "top" | "bottom";
+    dotPlacement: "top" | "bottom" | "left" | "right";
     slidesPerView: number | "auto";
     spaceBetween: number;
     centeredSlides: boolean;
+    direction: "horizontal" | "vertical";
+    autoplay: boolean;
     interval: number;
+    loop: boolean;
+    effect: "card" | "slide" | "fade" | "custom";
     showDots: boolean;
-    trigger: "click" | "hover";
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    draggable: boolean;
     touchable: boolean;
     mousewheel: boolean;
 }, SlotsType<CarouselSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/carousel/src/CarouselDots.d.ts

@@ -63,10 +63,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     keyboard: BooleanConstructor;
 }>> & Readonly<{}>, {
+    trigger: "hover" | "click";
     keyboard: boolean;
     currentIndex: number;
-    dotType: "never" | "dot" | "line";
-    trigger: "click" | "hover";
+    dotType: "dot" | "line" | "never";
     total: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cascader/index.d.ts

@@ -1,3 +1,4 @@
 export { cascaderProps, default as NCascader } from './src/Cascader';
 export type { CascaderProps, CascaderSlots } from './src/Cascader';
 export type { CascaderInst, CascaderOption } from './src/interface';
+export type * from './src/public-types';