naive-ui 2.23.0 → 2.24.1

package/lib/avatar/src/AvatarGroup.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatarGroupInjectionKey = void 0;
+const vue_1 = require("vue");
+const Avatar_1 = __importDefault(require("./Avatar"));
+const _mixins_1 = require("../../_mixins");
+const avatar_group_cssr_1 = __importDefault(require("./styles/avatar-group.cssr"));
+exports.avatarGroupInjectionKey = Symbol('avatar-group');
+const avatarGroupProps = {
+    max: Number,
+    maxStyle: [Object, String],
+    options: {
+        type: Array,
+        default: () => []
+    },
+    vertical: Boolean,
+    size: [String, Number]
+};
+exports.default = (0, vue_1.defineComponent)({
+    name: 'AvatarGroup',
+    props: avatarGroupProps,
+    setup(props) {
+        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        (0, _mixins_1.useStyle)('AvatarGroup', avatar_group_cssr_1.default, mergedClsPrefixRef);
+        (0, vue_1.provide)(exports.avatarGroupInjectionKey, props);
+        const restOptionsRef = (0, vue_1.computed)(() => {
+            const { max } = props;
+            if (max === undefined)
+                return undefined;
+            const { options } = props;
+            return options.slice(max, options.length);
+        });
+        const displayedOptionsRef = (0, vue_1.computed)(() => {
+            const { options, max } = props;
+            if (max === undefined)
+                return options;
+            if (options.length > max)
+                return options.slice(0, max - 1);
+            if (options.length === max)
+                return options.slice(0, max);
+            return options;
+        });
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            restOptions: restOptionsRef,
+            displayedOptions: displayedOptionsRef
+        };
+    },
+    render() {
+        const { mergedClsPrefix, displayedOptions, restOptions, $slots } = this;
+        return ((0, vue_1.h)("div", { class: [
+                `${mergedClsPrefix}-avatar-group`,
+                this.vertical && `${mergedClsPrefix}-avatar-group--vertical`
+            ], role: "group" },
+            displayedOptions.map((option) => {
+                return $slots.avatar ? ($slots.avatar({ option })) : ((0, vue_1.h)(Avatar_1.default, { src: option.src }));
+            }),
+            restOptions !== undefined &&
+                restOptions.length > 0 &&
+                ($slots.rest ? ($slots.rest({ options: restOptions, rest: restOptions.length })) : ((0, vue_1.h)(Avatar_1.default, { style: this.maxStyle }, {
+                    default: () => `+${restOptions.length}`
+                })))));
+    }
+});

package/lib/avatar/src/interface.d.ts

@@ -0,0 +1,2 @@
+export declare type Size = number | 'small' | 'medium' | 'large';
+export declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';

package/lib/avatar/src/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/avatar/src/styles/avatar-group.cssr.d.ts

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

package/lib/avatar/src/styles/avatar-group.cssr.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const index_1 = require("../../../_utils/cssr/index");
+
+exports.default = (0, index_1.cB)('avatar-group', `
+ flex-wrap: nowrap;
+ display: inline-flex;
+ position: relative;
+`, [(0, index_1.cNotM)('vertical', {
+  flexDirection: 'row'
+}, [(0, index_1.cB)('avatar', [(0, index_1.c)('&:not(:first-child)', `
+ margin-left: -12px;
+ `)])]), (0, index_1.cM)('vertical', {
+  flexDirection: 'column'
+}, [(0, index_1.cB)('avatar', [(0, index_1.c)('&:not(:first-child)', `
+ margin-top: -12px;
+ `)])])]);

package/lib/avatar/src/styles/index.cssr.js

@@ -5,28 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --border-radius
-// --color
-// --bezier
-// --merged-size
+// --n-font-size
+// --n-border-radius
+// --n-color
+// --n-color-modal
+// --n-color-popover
+// --n-bezier
+// --n-merged-size
 
 
 exports.default = (0, cssr_1.cB)('avatar', `
- width: var(--merged-size);
- height: var(--merged-size);
+ width: var(--n-merged-size);
+ height: var(--n-merged-size);
  color: #FFF;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  text-align: center;
- border-radius: var(--border-radius);
- background-color: var(--color);
+ border: var(--n-border);
+ border-radius: var(--n-border-radius);
+ --n-merged-color: var(--n-color);
+ background-color: var(--n-merged-color);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier);
-`, [(0, cssr_1.c)('img', `
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+`, [(0, cssr_1.insideModal)((0, cssr_1.c)('&', '--n-merged-color: var(--n-color-modal);')), (0, cssr_1.insidePopover)((0, cssr_1.c)('&', '--n-merged-color: var(--n-color-popover);')), (0, cssr_1.c)('img', `
  width: 100%;
  height: 100%;
  `), (0, cssr_1.cE)('text', `
@@ -37,5 +42,5 @@ exports.default = (0, cssr_1.cB)('avatar', `
  top: 50%;
  `), (0, cssr_1.cB)('icon', `
  vertical-align: bottom;
- font-size: calc(var(--merged-size) - 6px);
+ font-size: calc(var(--n-merged-size) - 6px);
  `), (0, cssr_1.cE)('text', 'line-height: 1.25')]);

package/lib/avatar/styles/light.d.ts

@@ -3,12 +3,15 @@ import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     fontSize: string;
+    border: string;
     heightTiny: string;
     heightSmall: string;
     heightMedium: string;
     heightLarge: string;
     heightHuge: string;
     color: string;
+    colorModal: string;
+    colorPopover: string;
 };
 export declare type AvatarThemeVars = ReturnType<typeof self>;
 declare const avatarLight: Theme<'Avatar', AvatarThemeVars>;

package/lib/avatar/styles/light.js

@@ -2,17 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
+const seemly_1 = require("seemly");
 const self = (vars) => {
-    const { borderRadius, avatarColor, fontSize, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge } = vars;
+    const { borderRadius, avatarColor, cardColor, fontSize, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, modalColor, popoverColor } = vars;
     return {
         borderRadius,
         fontSize,
+        border: `2px solid ${cardColor}`,
         heightTiny,
         heightSmall,
         heightMedium,
         heightLarge,
         heightHuge,
-        color: avatarColor
+        color: (0, seemly_1.composite)(cardColor, avatarColor),
+        colorModal: (0, seemly_1.composite)(modalColor, avatarColor),
+        colorPopover: (0, seemly_1.composite)(popoverColor, avatarColor)
     };
 };
 exports.self = self;

package/lib/back-top/src/BackTop.d.ts

@@ -21,7 +21,7 @@ declare const backTopProps: {
         readonly type: NumberConstructor;
         readonly default: 180;
     };
-    readonly listenTo: PropType<string | HTMLElement | (() => HTMLElement)>;
+    readonly listenTo: PropType<string | HTMLElement | Document | (() => HTMLElement | Document)>;
     readonly 'onUpdate:show': {
         readonly type: FunctionConstructor;
         readonly default: () => void;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 180;
     };
-    readonly listenTo: PropType<string | HTMLElement | (() => HTMLElement)>;
+    readonly listenTo: PropType<string | HTMLElement | Document | (() => HTMLElement | Document)>;
     readonly 'onUpdate:show': {
         readonly type: FunctionConstructor;
         readonly default: () => void;
@@ -185,19 +185,19 @@ declare const _default: import("vue").DefineComponent<{
     handleScroll: () => void;
     handleClick: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--border-radius': string;
-        '--height': string;
-        '--width': string;
-        '--box-shadow': string;
-        '--box-shadow-hover': string;
-        '--box-shadow-pressed': string;
-        '--color': string;
-        '--icon-size': string;
-        '--icon-color': string;
-        '--icon-color-hover': string;
-        '--icon-color-pressed': string;
-        '--text-color': string;
+        '--n-bezier': string;
+        '--n-border-radius': string;
+        '--n-height': string;
+        '--n-width': string;
+        '--n-box-shadow': string;
+        '--n-box-shadow-hover': string;
+        '--n-box-shadow-pressed': string;
+        '--n-color': string;
+        '--n-icon-size': string;
+        '--n-icon-color': string;
+        '--n-icon-color-hover': string;
+        '--n-icon-color-pressed': string;
+        '--n-text-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly show?: unknown;
@@ -266,7 +266,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>> | undefined;
     onShow?: (() => void) | undefined;
     onHide?: (() => void) | undefined;
-    listenTo?: string | HTMLElement | (() => HTMLElement) | undefined;
+    listenTo?: string | HTMLElement | Document | (() => HTMLElement | Document) | undefined;
 }>, {
     right: string | number;
     bottom: string | number;

package/lib/back-top/src/BackTop.js

@@ -178,19 +178,19 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { self: { color, boxShadow, boxShadowHover, boxShadowPressed, iconColor, iconColorHover, iconColorPressed, width, height, iconSize, borderRadius, textColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border-radius': borderRadius,
-                    '--height': height,
-                    '--width': width,
-                    '--box-shadow': boxShadow,
-                    '--box-shadow-hover': boxShadowHover,
-                    '--box-shadow-pressed': boxShadowPressed,
-                    '--color': color,
-                    '--icon-size': iconSize,
-                    '--icon-color': iconColor,
-                    '--icon-color-hover': iconColorHover,
-                    '--icon-color-pressed': iconColorPressed,
-                    '--text-color': textColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-border-radius': borderRadius,
+                    '--n-height': height,
+                    '--n-width': width,
+                    '--n-box-shadow': boxShadow,
+                    '--n-box-shadow-hover': boxShadowHover,
+                    '--n-box-shadow-pressed': boxShadowPressed,
+                    '--n-color': color,
+                    '--n-icon-size': iconSize,
+                    '--n-icon-color': iconColor,
+                    '--n-icon-color-hover': iconColorHover,
+                    '--n-icon-color-pressed': iconColorPressed,
+                    '--n-text-color': textColor
                 };
             })
         };

package/lib/back-top/src/styles/index.cssr.js

@@ -13,19 +13,19 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --border-radius
-// --height
-// --width
-// --box-shadow
-// --box-shadow-hover
-// --box-shadow-pressed
-// --color
-// --icon-size
-// --icon-color
-// --icon-color-hover
-// --icon-color-pressed
-// --text-color
+// --n-bezier
+// --n-border-radius
+// --n-height
+// --n-width
+// --n-box-shadow
+// --n-box-shadow-hover
+// --n-box-shadow-pressed
+// --n-color
+// --n-icon-size
+// --n-icon-color
+// --n-icon-color-hover
+// --n-icon-color-pressed
+// --n-text-color
 
 
 exports.default = (0, cssr_1.cB)('back-top', `
@@ -36,30 +36,30 @@ exports.default = (0, cssr_1.cB)('back-top', `
  display: flex;
  align-items: center;
  justify-content: center;
- color: var(--text-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
- border-radius: var(--border-radius);
- height: var(--height);
- min-width: var(--width);
- box-shadow: var(--box-shadow);
- background-color: var(--color);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
+ height: var(--n-height);
+ min-width: var(--n-width);
+ box-shadow: var(--n-box-shadow);
+ background-color: var(--n-color);
 `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cM)('transition-disabled', {
   transition: 'none !important'
 }), (0, cssr_1.cB)('base-icon', `
- font-size: var(--icon-size);
- color: var(--icon-color);
- transition: color .3s var(--bezier);
+ font-size: var(--n-icon-size);
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
  `), (0, cssr_1.c)('svg', {
   pointerEvents: 'none'
 }), (0, cssr_1.c)('&:hover', {
-  boxShadow: 'var(--box-shadow-hover)'
+  boxShadow: 'var(--n-box-shadow-hover)'
 }, [(0, cssr_1.cB)('base-icon', {
-  color: 'var(--icon-color-hover)'
+  color: 'var(--n-icon-color-hover)'
 })]), (0, cssr_1.c)('&:active', {
-  boxShadow: 'var(--box-shadow-pressed)'
+  boxShadow: 'var(--n-box-shadow-pressed)'
 }, [(0, cssr_1.cB)('base-icon', {
-  color: 'var(--icon-color-pressed)'
+  color: 'var(--n-icon-color-pressed)'
 })])]);

package/lib/breadcrumb/src/Breadcrumb.d.ts

@@ -74,14 +74,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--bezier': string;
-        '--item-text-color': string;
-        '--item-text-color-hover': string;
-        '--item-text-color-pressed': string;
-        '--item-text-color-active': string;
-        '--separator-color': string;
-        '--font-weight-active': string;
+        '--n-font-size': string;
+        '--n-bezier': string;
+        '--n-item-text-color': string;
+        '--n-item-text-color-hover': string;
+        '--n-item-text-color-pressed': string;
+        '--n-item-text-color-active': string;
+        '--n-separator-color': string;
+        '--n-font-weight-active': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly separator?: unknown;

package/lib/breadcrumb/src/Breadcrumb.js

@@ -28,14 +28,14 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { separatorColor, itemTextColor, itemTextColorHover, itemTextColorPressed, itemTextColorActive, fontSize, fontWeightActive } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--item-text-color': itemTextColor,
-                    '--item-text-color-hover': itemTextColorHover,
-                    '--item-text-color-pressed': itemTextColorPressed,
-                    '--item-text-color-active': itemTextColorActive,
-                    '--separator-color': separatorColor,
-                    '--font-weight-active': fontWeightActive
+                    '--n-font-size': fontSize,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-item-text-color': itemTextColor,
+                    '--n-item-text-color-hover': itemTextColorHover,
+                    '--n-item-text-color-pressed': itemTextColorPressed,
+                    '--n-item-text-color-active': itemTextColorActive,
+                    '--n-separator-color': separatorColor,
+                    '--n-font-weight-active': fontWeightActive
                 };
             })
         };

package/lib/breadcrumb/src/styles/index.cssr.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --bezier
-// --item-text-color
-// --item-text-color-hover
-// --item-text-color-pressed
-// --item-text-color-active
-// --separator-color
-// --font-weight-active
+// --n-font-size
+// --n-bezier
+// --n-item-text-color
+// --n-item-text-color-hover
+// --n-item-text-color-pressed
+// --n-item-text-color-active
+// --n-separator-color
+// --n-font-weight-active
 
 
 exports.default = (0, cssr_1.cB)('breadcrumb', `
@@ -25,36 +25,36 @@ exports.default = (0, cssr_1.cB)('breadcrumb', `
  color: inherit;
  text-decoration: inherit;
  `), (0, cssr_1.cB)('breadcrumb-item', {
-  fontSize: 'var(--font-size)',
-  transition: 'color .3s var(--bezier)',
+  fontSize: 'var(--n-font-size)',
+  transition: 'color .3s var(--n-bezier)',
   display: 'inline-block'
 }, [(0, cssr_1.cB)('icon', `
  font-size: 18px;
  vertical-align: -.2em;
- transition: color .3s var(--bezier);
- color: var(--item-text-color);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-item-text-color);
  `), (0, cssr_1.cE)('link', {
   cursor: 'pointer',
-  transition: 'color .3s var(--bezier)',
-  color: 'var(--item-text-color)'
+  transition: 'color .3s var(--n-bezier)',
+  color: 'var(--n-item-text-color)'
 }), (0, cssr_1.cE)('separator', {
   margin: '0 8px',
-  color: 'var(--separator-color)',
-  transition: 'color .3s var(--bezier)'
+  color: 'var(--n-separator-color)',
+  transition: 'color .3s var(--n-bezier)'
 }), (0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 }), (0, cssr_1.cE)('link', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 })]), (0, cssr_1.c)('&:active', [(0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-pressed)'
+  color: 'var(--n-item-text-color-pressed)'
 }), (0, cssr_1.cE)('link', {
-  color: 'var(--item-text-color-pressed)'
+  color: 'var(--n-item-text-color-pressed)'
 })]), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cE)('link', `
- font-weight: var(--font-weight-active);
+ font-weight: var(--n-font-weight-active);
  cursor: unset;
- color: var(--item-text-color-active);
+ color: var(--n-item-text-color-active);
  `), (0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }), (0, cssr_1.cE)('separator', {
   display: 'none'
 })])])]);

package/lib/calendar/src/Calendar.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, DateItem } from './interface';
+import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
 declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
@@ -8,6 +8,7 @@ declare const calendarProps: {
         readonly type: PropType<number | null>;
         readonly defualt: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -700,6 +701,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<number | null>;
         readonly defualt: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -1762,32 +1764,33 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--border-color': string;
-        '--border-color-modal': string;
-        '--border-color-popover': string;
-        '--border-radius': string;
-        '--text-color': string;
-        '--title-font-weight': string;
-        '--title-font-size': string;
-        '--title-text-color': string;
-        '--day-text-color': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--date-color-current': string;
-        '--date-text-color-current': string;
-        '--cell-color': string;
-        '--cell-color-modal': string;
-        '--cell-color-popover': string;
-        '--cell-color-hover': string;
-        '--cell-color-hover-modal': string;
-        '--cell-color-hover-popover': string;
-        '--bar-color': string;
+        '--n-bezier': string;
+        '--n-border-color': string;
+        '--n-border-color-modal': string;
+        '--n-border-color-popover': string;
+        '--n-border-radius': string;
+        '--n-text-color': string;
+        '--n-title-font-weight': string;
+        '--n-title-font-size': string;
+        '--n-title-text-color': string;
+        '--n-day-text-color': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-date-color-current': string;
+        '--n-date-text-color-current': string;
+        '--n-cell-color': string;
+        '--n-cell-color-modal': string;
+        '--n-cell-color-popover': string;
+        '--n-cell-color-hover': string;
+        '--n-cell-color-hover-modal': string;
+        '--n-cell-color-hover-popover': string;
+        '--n-bar-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly isDateDisabled?: unknown;
     readonly value?: unknown;
     readonly defaultValue?: unknown;
+    readonly onPanelChange?: unknown;
     readonly 'onUpdate:value'?: unknown;
     readonly onUpdateValue?: unknown;
     readonly theme?: unknown;
@@ -2480,5 +2483,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
     isDateDisabled?: ((date: number) => boolean | undefined) | undefined;
+    onPanelChange?: OnPanelChange | undefined;
 }>, {}>;
 export default _default;