naive-ui 2.23.1 → 2.23.2

package/es/modal/src/Modal.d.ts

@@ -53,6 +53,7 @@ declare const modalProps: {
         readonly default: "medium";
     };
     hoverable: BooleanConstructor;
+    role: StringConstructor;
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -949,6 +950,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     hoverable: BooleanConstructor;
+    role: StringConstructor;
     show: BooleanConstructor;
     unstableShowMask: {
         type: BooleanConstructor;
@@ -1809,6 +1811,7 @@ declare const _default: import("vue").DefineComponent<{
         onAfterLeave: (() => void) | undefined;
         dialog: boolean;
         title: string | (() => import("vue").VNodeChild) | undefined;
+        role: string | undefined;
         action: (() => import("vue").VNodeChild) | undefined;
         to: string | HTMLElement | undefined;
         theme: import("../../_mixins").Theme<"Modal", {
@@ -2636,6 +2639,7 @@ declare const _default: import("vue").DefineComponent<{
         positiveText: string | undefined;
         negativeText: string | undefined;
         loading: boolean;
+        showIcon: boolean;
         bordered: boolean;
         contentStyle: string | CSSProperties | undefined;
         onClose: (() => any) | undefined;
@@ -2644,7 +2648,6 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:show": MaybeArray<(value: boolean) => void> | undefined;
         onUpdateShow: MaybeArray<(value: boolean) => void> | undefined;
         onHide: ((value: false) => void) | undefined;
-        showIcon: boolean;
         iconPlacement: import("../../dialog/src/interface").IconPlacement | undefined;
         onAfterHide: (() => void) | undefined;
         hoverable: boolean;
@@ -2660,7 +2663,8 @@ declare const _default: import("vue").DefineComponent<{
         onBeforeHide: (() => void) | undefined;
         unstableShowMask: boolean;
         maskClosable: boolean;
-    }>, "type" | "content" | "size" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "contentStyle" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick">>;
+    }>, "type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "contentStyle" | "onClose" | "closable" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick">>;
+    handleKeyup: (e: KeyboardEvent) => void;
     handleAfterLeave: () => void;
     handleClickoutside: (e: MouseEvent) => void;
     handleBeforeLeave: () => void;
@@ -2669,10 +2673,10 @@ declare const _default: import("vue").DefineComponent<{
     handlePositiveClick: () => void;
     handleCloseClick: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier-ease-out': string;
-        '--box-shadow': string;
-        '--color': string;
-        '--text-color': string;
+        '--n-bezier-ease-out': string;
+        '--n-box-shadow': string;
+        '--n-color': 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<{
     'onUpdate:show'?: unknown;
@@ -2709,6 +2713,7 @@ declare const _default: import("vue").DefineComponent<{
     segmented?: unknown;
     size?: unknown;
     hoverable?: unknown;
+    role?: unknown;
     show?: unknown;
     unstableShowMask?: unknown;
     maskClosable?: unknown;
@@ -2726,10 +2731,10 @@ declare const _default: import("vue").DefineComponent<{
     transformOrigin: "center" | "mouse";
     dialog: boolean;
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
     displayDirective: "show" | "if";
-    showIcon: boolean;
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;
@@ -2743,6 +2748,7 @@ declare const _default: import("vue").DefineComponent<{
     onBeforeLeave?: (() => void) | undefined;
     onAfterLeave?: (() => void) | undefined;
     title?: string | (() => import("vue").VNodeChild) | undefined;
+    role?: string | undefined;
     action?: (() => import("vue").VNodeChild) | undefined;
     to?: string | HTMLElement | undefined;
     theme?: import("../../_mixins").Theme<"Modal", {
@@ -3592,10 +3598,10 @@ declare const _default: import("vue").DefineComponent<{
     appear: boolean | undefined;
     dialog: boolean;
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
     displayDirective: "show" | "if";
-    showIcon: boolean;
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../../card/src/Card").Segmented;

package/es/modal/src/Modal.js

@@ -137,6 +137,11 @@ export default defineComponent({
                 }
             }
         }
+        function handleKeyup(e) {
+            if (e.code === 'Escape') {
+                doUpdateShow(false);
+            }
+        }
         provide(modalInjectionKey, {
             getMousePosition: () => {
                 if (NDialogProvider) {
@@ -165,6 +170,7 @@ export default defineComponent({
                 const pickedProps = keep(props, presetPropsKeys);
                 return pickedProps;
             }),
+            handleKeyup,
             handleAfterLeave,
             handleClickoutside,
             handleBeforeLeave,
@@ -175,10 +181,10 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseOut }, self: { boxShadow, color, textColor } } = themeRef.value;
                 return {
-                    '--bezier-ease-out': cubicBezierEaseOut,
-                    '--box-shadow': boxShadow,
-                    '--color': color,
-                    '--text-color': textColor
+                    '--n-bezier-ease-out': cubicBezierEaseOut,
+                    '--n-box-shadow': boxShadow,
+                    '--n-color': color,
+                    '--n-text-color': textColor
                 };
             })
         };
@@ -189,13 +195,13 @@ export default defineComponent({
             default: () => {
                 var _a;
                 return [
-                    withDirectives(h("div", { ref: "containerRef", class: [`${mergedClsPrefix}-modal-container`, this.namespace], style: this.cssVars },
+                    withDirectives(h("div", { role: "none", ref: "containerRef", class: [`${mergedClsPrefix}-modal-container`, this.namespace], style: this.cssVars },
                         this.unstableShowMask ? (h(Transition, { name: "fade-in-transition", key: "mask", appear: (_a = this.appear) !== null && _a !== void 0 ? _a : this.isMounted }, {
                             default: () => {
-                                return this.show ? (h("div", { ref: "containerRef", class: `${mergedClsPrefix}-modal-mask` })) : null;
+                                return this.show ? (h("div", { "aria-hidden": true, ref: "containerRef", class: `${mergedClsPrefix}-modal-mask` })) : null;
                             }
                         })) : null,
-                        h(NModalBodyWrapper, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: 'bodyWrapper', displayDirective: this.displayDirective, show: this.show, preset: this.preset }, this.presetProps, { onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: this.handleClickoutside }), this.$slots)), [
+                        h(NModalBodyWrapper, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: 'bodyWrapper', displayDirective: this.displayDirective, show: this.show, preset: this.preset }, this.presetProps, { onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: this.handleClickoutside, onKeyup: this.handleKeyup }), this.$slots)), [
                         [
                             zindexable,
                             {

package/es/modal/src/presetProps.d.ts

@@ -36,6 +36,7 @@ declare const presetProps: {
         readonly default: "medium";
     };
     hoverable: BooleanConstructor;
+    role: StringConstructor;
 };
-declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "contentStyle" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick")[];
+declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "role" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "contentStyle" | "onClose" | "closable" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "onPositiveClick" | "onNegativeClick")[];
 export { presetProps, presetPropsKeys };

package/es/modal/src/styles/index.cssr.js

@@ -1,10 +1,10 @@
 import { cB, c } from '../../../_utils/cssr';
 import fadeInTransition from '../../../_styles/transitions/fade-in.cssr';
 import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
-// --bezier-ease-out
-// --box-shadow
-// --color
-// --text-color
+// --n-bezier-ease-out
+// --n-box-shadow
+// --n-color
+// --n-text-color
 
 export default c([cB('modal-container', `
  position: fixed;
@@ -23,8 +23,8 @@ export default c([cB('modal-container', `
  `, [fadeInTransition({
   enterDuration: '.25s',
   leaveDuration: '.25s',
-  enterCubicBezier: 'var(--bezier-ease-out)',
-  leaveCubicBezier: 'var(--bezier-ease-out)'
+  enterCubicBezier: 'var(--n-bezier-ease-out)',
+  leaveCubicBezier: 'var(--n-bezier-ease-out)'
 })]), cB('modal-body-wrapper', `
  position: fixed;
  left: 0;
@@ -38,9 +38,9 @@ export default c([cB('modal-container', `
  position: relative;
  `)]), cB('modal', `
  align-self: center;
- color: var(--text-color);
+ color: var(--n-text-color);
  margin: auto;
- box-shadow: var(--box-shadow);
+ box-shadow: var(--n-box-shadow);
  `, [fadeInScaleUpTransition({
   duration: '.25s',
   enterScale: '.5'

package/es/notification/src/Notification.d.ts

@@ -44,30 +44,30 @@ declare const _default: import("vue").DefineComponent<{
     showAvatar: import("vue").ComputedRef<boolean | (() => VNodeChild)>;
     handleCloseClick(): void;
     cssVars: import("vue").ComputedRef<{
-        '--color': string;
-        '--font-size': string;
-        '--text-color': string;
-        '--description-text-color': string;
-        '--action-text-color': string;
-        '--title-text-color': string;
-        '--title-font-weight': string;
-        '--bezier': string;
-        '--bezier-ease-out': string;
-        '--bezier-ease-in': string;
-        '--border-radius': string;
-        '--box-shadow': string;
-        '--close-color': string;
-        '--close-color-hover': string;
-        '--close-color-pressed': string;
-        '--line-height': string;
-        '--icon-color': string;
-        '--close-margin': string;
-        '--close-size': string;
-        '--width': string;
-        '--padding-left': string;
-        '--padding-right': string;
-        '--padding-top': string;
-        '--padding-bottom': string;
+        '--n-color': string;
+        '--n-font-size': string;
+        '--n-text-color': string;
+        '--n-description-text-color': string;
+        '--n-action-text-color': string;
+        '--n-title-text-color': string;
+        '--n-title-font-weight': string;
+        '--n-bezier': string;
+        '--n-bezier-ease-out': string;
+        '--n-bezier-ease-in': string;
+        '--n-border-radius': string;
+        '--n-box-shadow': string;
+        '--n-close-color': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-line-height': string;
+        '--n-icon-color': string;
+        '--n-close-margin': string;
+        '--n-close-size': string;
+        '--n-width': string;
+        '--n-padding-left': string;
+        '--n-padding-right': string;
+        '--n-padding-top': string;
+        '--n-padding-bottom': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly closable?: unknown;

package/es/notification/src/Notification.js

@@ -53,30 +53,30 @@ export default defineComponent({
                 const { self: { color, textColor, closeColor, closeColorHover, closeColorPressed, headerTextColor, descriptionTextColor, actionTextColor, borderRadius, headerFontWeight, boxShadow, lineHeight, fontSize, closeMargin, closeSize, width, padding, [createKey('iconColor', type)]: iconColor }, common: { cubicBezierEaseOut, cubicBezierEaseIn, cubicBezierEaseInOut } } = mergedThemeRef.value;
                 const { left, right, top, bottom } = getPadding(padding);
                 return {
-                    '--color': color,
-                    '--font-size': fontSize,
-                    '--text-color': textColor,
-                    '--description-text-color': descriptionTextColor,
-                    '--action-text-color': actionTextColor,
-                    '--title-text-color': headerTextColor,
-                    '--title-font-weight': headerFontWeight,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--bezier-ease-out': cubicBezierEaseOut,
-                    '--bezier-ease-in': cubicBezierEaseIn,
-                    '--border-radius': borderRadius,
-                    '--box-shadow': boxShadow,
-                    '--close-color': closeColor,
-                    '--close-color-hover': closeColorHover,
-                    '--close-color-pressed': closeColorPressed,
-                    '--line-height': lineHeight,
-                    '--icon-color': iconColor,
-                    '--close-margin': closeMargin,
-                    '--close-size': closeSize,
-                    '--width': width,
-                    '--padding-left': left,
-                    '--padding-right': right,
-                    '--padding-top': top,
-                    '--padding-bottom': bottom
+                    '--n-color': color,
+                    '--n-font-size': fontSize,
+                    '--n-text-color': textColor,
+                    '--n-description-text-color': descriptionTextColor,
+                    '--n-action-text-color': actionTextColor,
+                    '--n-title-text-color': headerTextColor,
+                    '--n-title-font-weight': headerFontWeight,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-bezier-ease-out': cubicBezierEaseOut,
+                    '--n-bezier-ease-in': cubicBezierEaseIn,
+                    '--n-border-radius': borderRadius,
+                    '--n-box-shadow': boxShadow,
+                    '--n-close-color': closeColor,
+                    '--n-close-color-hover': closeColorHover,
+                    '--n-close-color-pressed': closeColorPressed,
+                    '--n-line-height': lineHeight,
+                    '--n-icon-color': iconColor,
+                    '--n-close-margin': closeMargin,
+                    '--n-close-size': closeSize,
+                    '--n-width': width,
+                    '--n-padding-left': left,
+                    '--n-padding-right': right,
+                    '--n-padding-top': top,
+                    '--n-padding-bottom': bottom
                 };
             })
         };

package/es/notification/src/styles/index.cssr.js

@@ -1,27 +1,27 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
-// --color
-// --text-color
-// --description-text-color
-// --action-text-color
-// --title-text-color
-// --title-font-weight
-// --bezier
-// --bezier-ease-out
-// --bezier-ease-in
-// --border-radius
-// --box-shadow
-// --close-margin
-// --close-size
-// --close-color
-// --close-color-hover
-// --close-color-pressed
-// --line-height
-// --icon-color
-// --width
-// --padding-top
-// --padding-bottom
-// --padding-left
-// --padding-right
+// --n-color
+// --n-text-color
+// --n-description-text-color
+// --n-action-text-color
+// --n-title-text-color
+// --n-title-font-weight
+// --n-bezier
+// --n-bezier-ease-out
+// --n-bezier-ease-in
+// --n-border-radius
+// --n-box-shadow
+// --n-close-margin
+// --n-close-size
+// --n-close-color
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-line-height
+// --n-icon-color
+// --n-width
+// --n-padding-top
+// --n-padding-bottom
+// --n-padding-left
+// --n-padding-right
 
 export default c([cB('notification-container', `
  z-index: 4000;
@@ -76,44 +76,44 @@ export default c([cB('notification-container', `
  opacity: 1;
  `), c('&.notification-transition-leave-active', `
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier),
- opacity .3s var(--bezier),
- transform .3s var(--bezier-ease-in),
- max-height .3s var(--bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ transform .3s var(--n-bezier-ease-in),
+ max-height .3s var(--n-bezier),
  margin-bottom .3s linear,
- box-shadow .3s var(--bezier);
+ box-shadow .3s var(--n-bezier);
  `)]), cB('notification', `
- background-color: var(--color);
- color: var(--text-color);
+ background-color: var(--n-color);
+ color: var(--n-text-color);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier),
- opacity .3s var(--bezier),
- transform .3s var(--bezier-ease-out),
- max-height .3s var(--bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ transform .3s var(--n-bezier-ease-out),
+ max-height .3s var(--n-bezier),
  margin-bottom .3s linear,
- box-shadow .3s var(--bezier);
+ box-shadow .3s var(--n-bezier);
  font-family: inherit;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  font-weight: 400;
  position: relative;
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 12px;
- padding-left: var(--padding-left);
- padding-right: var(--padding-right);
- width: var(--width);
- border-radius: var(--border-radius);
- box-shadow: var(--box-shadow);
+ padding-left: var(--n-padding-left);
+ padding-right: var(--n-padding-right);
+ width: var(--n-width);
+ border-radius: var(--n-border-radius);
+ box-shadow: var(--n-box-shadow);
  box-sizing: border-box;
  opacity: 1;
  `, [// TODO: refactor type styles & transition
 cE('avatar', [cB('icon', {
-  color: 'var(--icon-color)'
+  color: 'var(--n-icon-color)'
 }), cB('base-icon', {
-  color: 'var(--icon-color)'
+  color: 'var(--n-icon-color)'
 })]), cM('show-avatar', [cB('notification-main', `
  margin-left: 40px;
  width: calc(100% - 40px); 
@@ -123,21 +123,21 @@ cE('avatar', [cB('icon', {
  position: absolute;
  top: 0;
  right: 0;
- margin: var(--close-margin);
- font-size: var(--close-size);
- transition: color .3s var(--bezier);
+ margin: var(--n-close-margin);
+ font-size: var(--n-close-size);
+ transition: color .3s var(--n-bezier);
  `)]), cE('avatar', `
  position: absolute;
- top: var(--padding-top);
- left: var(--padding-left);
+ top: var(--n-padding-top);
+ left: var(--n-padding-left);
  width: 28px;
  height: 28px;
  font-size: 28px;
  `, [cB('icon', {
-  transition: 'color .3s var(--bezier)'
+  transition: 'color .3s var(--n-bezier)'
 })]), cB('notification-main', `
- padding-top: var(--padding-top);
- padding-bottom: var(--padding-bottom);
+ padding-top: var(--n-padding-top);
+ padding-bottom: var(--n-padding-bottom);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
@@ -150,30 +150,30 @@ cE('avatar', [cB('icon', {
  margin-top: 12px;
  `, [cE('meta', `
  font-size: 12px;
- transition: color .3s var(--bezier-ease-out);
- color: var(--description-text-color);
+ transition: color .3s var(--n-bezier-ease-out);
+ color: var(--n-description-text-color);
  `), cE('action', `
  cursor: pointer;
- transition: color .3s var(--bezier-ease-out);
- color: var(--action-text-color);
+ transition: color .3s var(--n-bezier-ease-out);
+ color: var(--n-action-text-color);
  `)]), cE('header', `
- font-weight: var(--title-font-weight);
+ font-weight: var(--n-title-font-weight);
  font-size: 16px;
- transition: color .3s var(--bezier-ease-out);
- color: var(--title-text-color);
+ transition: color .3s var(--n-bezier-ease-out);
+ color: var(--n-title-text-color);
  `), cE('description', `
  margin-top: 8px;
  font-size: 12px;
- transition: color .3s var(--bezier-ease-out);
- color: var(--description-text-color);
+ transition: color .3s var(--n-bezier-ease-out);
+ color: var(--n-description-text-color);
  `), cE('content', `
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  margin: 12px 0 0 0;
  font-family: inherit;
  white-space: pre-wrap;
  word-wrap: break-word;
- transition: color .3s var(--bezier-ease-out);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier-ease-out);
+ color: var(--n-text-color);
  `, [c('&:first-child', {
   margin: 0
 })])])])])]);

package/es/number-animation/index.d.ts

@@ -0,0 +1,3 @@
+export { default as NNumberAnimation } from './src/NumberAnimation';
+export type { NumberAnimationProps } from './src/NumberAnimation';
+export type { NumberAnimationInst } from './src/NumberAnimation';

package/es/number-animation/index.js

@@ -0,0 +1 @@
+export { default as NNumberAnimation } from './src/NumberAnimation';

package/es/number-animation/src/NumberAnimation.d.ts

@@ -0,0 +1,79 @@
+import type { ExtractPublicPropTypes } from '../../_utils';
+declare const numberAnimationProps: {
+    to: {
+        type: NumberConstructor;
+        default: number;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showSeparator: BooleanConstructor;
+    from: {
+        type: NumberConstructor;
+        default: number;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type NumberAnimationProps = ExtractPublicPropTypes<typeof numberAnimationProps>;
+export interface NumberAnimationInst {
+    play: () => void;
+}
+declare const _default: import("vue").DefineComponent<{
+    to: {
+        type: NumberConstructor;
+        default: number;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showSeparator: BooleanConstructor;
+    from: {
+        type: NumberConstructor;
+        default: number;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    play: () => void;
+    formattedValue: import("vue").ComputedRef<{
+        integer: string;
+        decimal: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    to?: unknown;
+    precision?: unknown;
+    showSeparator?: unknown;
+    from?: unknown;
+    active?: unknown;
+    duration?: unknown;
+} & {
+    active: boolean;
+    duration: number;
+    from: number;
+    to: number;
+    precision: number;
+    showSeparator: boolean;
+} & {}>, {
+    active: boolean;
+    duration: number;
+    from: number;
+    to: number;
+    precision: number;
+    showSeparator: boolean;
+}>;
+export default _default;