colibri-ui 0.8.71 → 0.8.72

package/Accordion/index.d.ts

@@ -1,9 +1,3 @@
-import type { FC, ReactNode, PropsWithChildren } from "react";
-type Props = {
-    title: ReactNode;
-    className?: string;
-    boldTitle?: boolean;
-    tabIndex?: number;
-};
-declare const Accordion: FC<PropsWithChildren<Props>>;
-export default Accordion;
+import type { FC } from "react";
+import type { AccordionProps } from "./index.props";
+export declare const Accordion: FC<AccordionProps>;

package/Accordion/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
@@ -51,11 +49,11 @@ var Accordion = function Accordion(_ref) {
     "aria-expanded": isOpen,
     tabIndex: tabIndex,
     "aria-label": "Toggle"
-  }, /*#__PURE__*/React__default.default.createElement(Chevron.default, {
+  }, /*#__PURE__*/React__default.default.createElement(Chevron.Chevron, {
     className: clsx__default.default(styles__default.default.chevron, _defineProperty__default.default({}, styles__default.default["chevron_open"], Boolean(isOpen))),
     width: 20,
     height: 20
-  }), /*#__PURE__*/React__default.default.createElement(index.default, {
+  }), /*#__PURE__*/React__default.default.createElement(index.Typography, {
     className: styles__default.default.text,
     fontWeight: boldTitle ? "bold" : "normal"
   }, title), /*#__PURE__*/React__default.default.createElement("div", {
@@ -66,4 +64,4 @@ var Accordion = function Accordion(_ref) {
   }, children));
 };
 
-exports.default = Accordion;
+exports.Accordion = Accordion;

package/Accordion/index.props.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, ReactNode } from "react";
+export type AccordionProps = PropsWithChildren<{
+    title: ReactNode;
+    className?: string;
+    boldTitle?: boolean;
+    tabIndex?: number;
+}>;

package/Avatar/index.d.ts

@@ -1,4 +1,3 @@
 import type { AvatarProps } from "./index.props";
 import type { FC } from "react";
-declare const Avatar: FC<AvatarProps>;
-export default Avatar;
+export declare const Avatar: FC<AvatarProps>;

package/Avatar/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
@@ -113,4 +111,4 @@ var Avatar = /*#__PURE__*/React.memo(function (props) {
   );
 });
 
-exports.default = Avatar;
+exports.Avatar = Avatar;

package/Badge/index.d.ts

@@ -1,4 +1,3 @@
 import type { FC, PropsWithChildren } from "react";
 import type { Props } from "./index.props";
-declare const Badge: FC<PropsWithChildren<Props>>;
-export default Badge;
+export declare const Badge: FC<PropsWithChildren<Props>>;

package/Badge/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
@@ -39,4 +37,4 @@ var Badge = function Badge(_a) {
   }, displayValue)));
 };
 
-exports.default = Badge;
+exports.Badge = Badge;

package/Button/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import { type ButtonProps } from "./index.props";
-declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
-export default Button;
+export declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;

package/Button/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
@@ -50,4 +48,4 @@ var Button = function Button(_a) {
   }, iconEnd));
 };
 
-exports.default = Button;
+exports.Button = Button;

package/Calendar/Calendar.d.ts

@@ -1,43 +1,3 @@
 import React from "react";
-import type { HTMLAttributes, ReactNode } from "react";
-export type CalendarSize = "xs" | "s" | "m" | "l" | "xl";
-export type CalendarSelectionMode = "single" | "range";
-export type CalendarView = "days" | "months" | "years";
-export interface CalendarEvent {
-    date: Date;
-    color?: string;
-    label?: ReactNode;
-}
-export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    defaultVisibleMonth?: Date;
-    defaultView?: CalendarView;
-    disabledDates?: Date[] | ((date: Date) => boolean);
-    events?: CalendarEvent[];
-    locale?: string;
-    maxDate?: Date;
-    minDate?: Date;
-    monthLabel?: string;
-    monthsToShow?: 1 | 2;
-    nextMonthLabel?: string;
-    onVisibleMonthChange?: (month: Date) => void;
-    previousMonthLabel?: string;
-    showOutsideDays?: boolean;
-    size?: CalendarSize;
-    visibleMonth?: Date;
-    weekStartsOn?: 0 | 1;
-    yearLabel?: string;
-    yearRange?: [number, number];
-}
-export interface CalendarSingleProps extends CalendarCommonProps {
-    onChange: (value: Date) => void;
-    selectionMode?: "single";
-    value: Date | null;
-}
-export interface CalendarRangeProps extends CalendarCommonProps {
-    onChange: (value: [Date | null, Date | null]) => void;
-    selectionMode: "range";
-    value: [Date | null, Date | null];
-}
-export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
-declare const Calendar: (props: CalendarProps) => React.JSX.Element;
-export default Calendar;
+import type { CalendarProps } from "./index.props";
+export declare const Calendar: (props: CalendarProps) => React.JSX.Element;

package/Calendar/Calendar.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var tslib = require('tslib');
@@ -386,7 +384,7 @@ var Calendar = function Calendar(props) {
     className: styles__default.default.header
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: styles__default.default["header-side"]
-  }, /*#__PURE__*/React__default.default.createElement(index.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index.Button, {
     variant: "outline",
     size: buttonSize,
     type: "button",
@@ -396,13 +394,13 @@ var Calendar = function Calendar(props) {
     "aria-disabled": !canDrillUp,
     tabIndex: canDrillUp ? undefined : -1,
     onClick: canDrillUp ? handleHeaderClick : undefined,
-    iconEnd: canDrillUp ? (/*#__PURE__*/React__default.default.createElement(Chevron.default, {
+    iconEnd: canDrillUp ? (/*#__PURE__*/React__default.default.createElement(Chevron.Chevron, {
       className: styles__default.default["title-icon"],
       "aria-hidden": "true"
     })) : undefined
   }, headerTitle)), /*#__PURE__*/React__default.default.createElement("div", {
     className: styles__default.default["header-side"]
-  }, /*#__PURE__*/React__default.default.createElement(index.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index.Button, {
     variant: "outline",
     size: buttonSize,
     type: "button",
@@ -414,7 +412,7 @@ var Calendar = function Calendar(props) {
       className: styles__default.default["nav-icon"],
       "aria-hidden": "true"
     })
-  }), /*#__PURE__*/React__default.default.createElement(index.default, {
+  }), /*#__PURE__*/React__default.default.createElement(index.Button, {
     variant: "outline",
     size: buttonSize,
     type: "button",
@@ -508,4 +506,4 @@ var Calendar = function Calendar(props) {
   }))));
 };
 
-exports.default = Calendar;
+exports.Calendar = Calendar;

package/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { default, default as Calendar } from "./Calendar";
-export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
+export { Calendar } from "./Calendar";
+export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./index.props";

package/Calendar/index.js

@@ -1,10 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Calendar = require('./Calendar.js');
 
 
 
-exports.Calendar = Calendar.default;
-exports.default = Calendar.default;
+exports.Calendar = Calendar.Calendar;

package/Calendar/index.props.d.ts

@@ -0,0 +1,40 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type CalendarSize = "xs" | "s" | "m" | "l" | "xl";
+export type CalendarSelectionMode = "single" | "range";
+export type CalendarView = "days" | "months" | "years";
+export interface CalendarEvent {
+    date: Date;
+    color?: string;
+    label?: ReactNode;
+}
+export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    defaultVisibleMonth?: Date;
+    defaultView?: CalendarView;
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    events?: CalendarEvent[];
+    locale?: string;
+    maxDate?: Date;
+    minDate?: Date;
+    monthLabel?: string;
+    monthsToShow?: 1 | 2;
+    nextMonthLabel?: string;
+    onVisibleMonthChange?: (month: Date) => void;
+    previousMonthLabel?: string;
+    showOutsideDays?: boolean;
+    size?: CalendarSize;
+    visibleMonth?: Date;
+    weekStartsOn?: 0 | 1;
+    yearLabel?: string;
+    yearRange?: [number, number];
+}
+export interface CalendarSingleProps extends CalendarCommonProps {
+    onChange: (value: Date) => void;
+    selectionMode?: "single";
+    value: Date | null;
+}
+export interface CalendarRangeProps extends CalendarCommonProps {
+    onChange: (value: [Date | null, Date | null]) => void;
+    selectionMode: "range";
+    value: [Date | null, Date | null];
+}
+export type CalendarProps = CalendarSingleProps | CalendarRangeProps;

package/Card/Card.d.ts

@@ -1,22 +1,5 @@
 import React from "react";
-import type { CSSProperties, HTMLAttributes } from "react";
-export type CardSize = "s" | "m" | "l";
-export type CardOrientation = "horizontal" | "vertical";
-export type CardBackgroundType = "none" | "solid";
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    size?: CardSize;
-    view?: "default" | string;
-    orientation?: CardOrientation;
-    selected?: boolean;
-    backgroundType?: CardBackgroundType;
-}
-export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
-    aspectRatio?: CSSProperties["aspectRatio"] | number;
-    orientation?: CardOrientation;
-}
-export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
-    orientation?: CardOrientation;
-}
+import type { CardContentProps, CardInnerContentProps, CardProps } from "./index.props";
 /** Root card container. */
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /** Clipped card area that normally contains media and CardInnerContent. */

package/Card/index.d.ts

@@ -1,2 +1,2 @@
 export { Card, CardContent, CardInnerContent } from "./Card";
-export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./Card";
+export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./index.props";

package/Card/index.props.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, HTMLAttributes } from "react";
+export type CardSize = "s" | "m" | "l";
+export type CardOrientation = "horizontal" | "vertical";
+export type CardBackgroundType = "none" | "solid";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    size?: CardSize;
+    view?: "default" | string;
+    orientation?: CardOrientation;
+    selected?: boolean;
+    backgroundType?: CardBackgroundType;
+}
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    aspectRatio?: CSSProperties["aspectRatio"] | number;
+    orientation?: CardOrientation;
+}
+export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: CardOrientation;
+}

package/Checkbox/index.d.ts

@@ -1,4 +1,3 @@
 import type { FC } from "react";
 import type { CheckboxProps } from "./index.props";
-declare const Checkbox: FC<CheckboxProps>;
-export default Checkbox;
+export declare const Checkbox: FC<CheckboxProps>;

package/Checkbox/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
@@ -50,11 +48,11 @@ var Checkbox = function Checkbox(_ref) {
     className: clsx__default.default(styles__default.default["fake-checkbox"], styles__default.default["variant_".concat(variant)], _defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, styles__default.default["variant_".concat(variant, "_disabled")], Boolean(disabled)), styles__default.default["variant_".concat(variant, "_error")], Boolean(hasError)), styles__default.default["variant_".concat(variant, "_checked")], Boolean(checked)), styles__default.default.checked, Boolean(checked)))
   }), /*#__PURE__*/React__default.default.createElement("span", {
     className: styles__default.default.text
-  }, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.default, {
+  }, label)), hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
     className: clsx__default.default(_defineProperty__default.default({}, styles__default.default.hint_error, hasError)),
     variant: hasError ? "alert" : "secondary",
     tag: "span"
   }, hint)));
 };
 
-exports.default = Checkbox;
+exports.Checkbox = Checkbox;

package/Chip/index.d.ts

@@ -1,4 +1,3 @@
 import type { ChipProps } from "./index.props";
 import type { FC, PropsWithChildren } from "react";
-declare const Chip: FC<PropsWithChildren<ChipProps>>;
-export default Chip;
+export declare const Chip: FC<PropsWithChildren<ChipProps>>;

package/Chip/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
@@ -51,4 +49,4 @@ var Chip = function Chip(_a) {
   }, iconEnd))));
 };
 
-exports.default = Chip;
+exports.Chip = Chip;

package/ClickOutside/index.d.ts

@@ -1,6 +1,3 @@
-import { type FC, type PropsWithChildren } from "react";
-type ClickOutsideProps = {
-    onClick: (event: MouseEvent | TouchEvent) => void;
-};
-declare const ClickOutside: FC<PropsWithChildren<ClickOutsideProps>>;
-export default ClickOutside;
+import { type FC } from "react";
+import type { ClickOutsideProps } from "./index.props";
+export declare const ClickOutside: FC<ClickOutsideProps>;

package/ClickOutside/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var index = require('../hooks/useOnClickOutside/index.js');
 
@@ -26,7 +24,7 @@ var ClickOutside = function ClickOutside(_ref) {
     onClick = _ref.onClick;
   var _a;
   var localRef = React.useRef(null);
-  index.default(localRef, onClick);
+  index.useOnClickOutside(localRef, onClick);
   var childRef = /*#__PURE__*/React.isValidElement(children) ? (_a = children.props) === null || _a === void 0 ? void 0 : _a.ref : undefined;
   var mergedRef = useMergedRefs(localRef, childRef);
   if (! /*#__PURE__*/React.isValidElement(children)) return null;
@@ -35,4 +33,4 @@ var ClickOutside = function ClickOutside(_ref) {
   });
 };
 
-exports.default = ClickOutside;
+exports.ClickOutside = ClickOutside;

package/ClickOutside/index.props.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from "react";
+export type ClickOutsideProps = PropsWithChildren<{
+    onClick: (event: MouseEvent | TouchEvent) => void;
+}>;

package/CodeField/CodeField.d.ts

@@ -1,29 +1,6 @@
-import React, { type Dispatch, type InputHTMLAttributes, type MouseEventHandler, type ReactNode, type SetStateAction } from "react";
+import React from "react";
+import type { CodeFieldProps } from "./index.props";
 export declare const ONLY_DIGITS_PATTERN = "^\\d+$";
 export declare const ONLY_CHARS_PATTERN = "^[a-zA-Z]+$";
 export declare const ONLY_DIGITS_AND_CHARS_PATTERN = "^[a-zA-Z0-9]+$";
-export type CodeFieldSize = "m" | "l" | "xl";
-export type CodeFieldShape = "default" | "segmented";
-export type ItemErrorBehavior = "remove-symbol" | "keep" | "forbid-enter";
-export type CodeErrorBehavior = "remove-code" | "keep";
-export interface CodeFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "size" | "width" | "value"> {
-    value?: string;
-    placeholder?: string;
-    codeLength?: 4 | 5 | 6;
-    caption?: ReactNode;
-    captionAlign?: "left" | "center";
-    width?: string | number;
-    view?: string;
-    shape?: CodeFieldShape;
-    size?: CodeFieldSize;
-    disabled?: boolean;
-    isError?: boolean;
-    setIsError?: Dispatch<SetStateAction<boolean>>;
-    allowedSymbols?: string | RegExp;
-    itemErrorBehavior?: ItemErrorBehavior;
-    codeErrorBehavior?: CodeErrorBehavior;
-    onChange?: (value: string) => void;
-    onFullCodeEnter?: (code: string) => void;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-}
 export declare const CodeField: React.ForwardRefExoticComponent<CodeFieldProps & React.RefAttributes<HTMLInputElement>>;

package/CodeField/index.d.ts

@@ -1,2 +1,2 @@
-export { CodeField as default, CodeField, ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, } from "./CodeField";
-export type { CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, CodeErrorBehavior, } from "./CodeField";
+export { CodeField, ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, } from "./CodeField";
+export type { CodeFieldProps, CodeFieldShape, CodeFieldSize, ItemErrorBehavior, CodeErrorBehavior, } from "./index.props";

package/CodeField/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var CodeField = require('./CodeField.js');
 
 
@@ -10,4 +8,3 @@ exports.CodeField = CodeField.CodeField;
 exports.ONLY_CHARS_PATTERN = CodeField.ONLY_CHARS_PATTERN;
 exports.ONLY_DIGITS_AND_CHARS_PATTERN = CodeField.ONLY_DIGITS_AND_CHARS_PATTERN;
 exports.ONLY_DIGITS_PATTERN = CodeField.ONLY_DIGITS_PATTERN;
-exports.default = CodeField.CodeField;

package/CodeField/index.props.d.ts

@@ -0,0 +1,25 @@
+import type { Dispatch, InputHTMLAttributes, MouseEventHandler, ReactNode, SetStateAction } from "react";
+export type CodeFieldSize = "m" | "l" | "xl";
+export type CodeFieldShape = "default" | "segmented";
+export type ItemErrorBehavior = "remove-symbol" | "keep" | "forbid-enter";
+export type CodeErrorBehavior = "remove-code" | "keep";
+export interface CodeFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "size" | "width" | "value"> {
+    value?: string;
+    placeholder?: string;
+    codeLength?: 4 | 5 | 6;
+    caption?: ReactNode;
+    captionAlign?: "left" | "center";
+    width?: string | number;
+    view?: string;
+    shape?: CodeFieldShape;
+    size?: CodeFieldSize;
+    disabled?: boolean;
+    isError?: boolean;
+    setIsError?: Dispatch<SetStateAction<boolean>>;
+    allowedSymbols?: string | RegExp;
+    itemErrorBehavior?: ItemErrorBehavior;
+    codeErrorBehavior?: CodeErrorBehavior;
+    onChange?: (value: string) => void;
+    onFullCodeEnter?: (code: string) => void;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+}

package/Counter/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { CounterProps } from "./index.props";
-declare const Counter: React.FC<CounterProps>;
-export default Counter;
+export declare const Counter: React.FC<CounterProps>;

package/Counter/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
@@ -39,8 +37,8 @@ var Counter = function Counter(_ref) {
     className: clsx__default.default(styles__default.default.root, _defineProperty__default.default({}, styles__default.default["root_fullWidth"], Boolean(fullWidth)), className)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(styles__default.default.control, _defineProperty__default.default({}, styles__default.default["control_fullWidth"], Boolean(fullWidth)))
-  }, /*#__PURE__*/React__default.default.createElement(index.default, {
-    icon: /*#__PURE__*/React__default.default.createElement(Minus.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index.Button, {
+    icon: /*#__PURE__*/React__default.default.createElement(Minus.Minus, {
       width: 16,
       height: 16
     }),
@@ -53,8 +51,8 @@ var Counter = function Counter(_ref) {
     "aria-label": "decrease"
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: styles__default.default.value
-  }, value), /*#__PURE__*/React__default.default.createElement(index.default, {
-    icon: /*#__PURE__*/React__default.default.createElement(Plus.default, {
+  }, value), /*#__PURE__*/React__default.default.createElement(index.Button, {
+    icon: /*#__PURE__*/React__default.default.createElement(Plus.Plus, {
       width: 16,
       height: 16
     }),
@@ -68,4 +66,4 @@ var Counter = function Counter(_ref) {
   })));
 };
 
-exports.default = Counter;
+exports.Counter = Counter;

package/Datepicker/components/DatePicker/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { DatePickerProps } from "./index.props";
-declare const DatePicker: React.FC<DatePickerProps>;
-export default DatePicker;
+export declare const DatePicker: React.FC<DatePickerProps>;

package/Datepicker/components/DatePicker/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var tslib = require('tslib');
 var React = require('react');
@@ -104,7 +102,7 @@ var DatePicker = function DatePicker(_a) {
   };
   var renderCalendar = function renderCalendar() {
     if (isRangeMode) {
-      return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
+      return /*#__PURE__*/React__default.default.createElement(Calendar.Calendar, Object.assign({}, calendarProps, {
         className: className,
         defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
         monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
@@ -114,7 +112,7 @@ var DatePicker = function DatePicker(_a) {
         onChange: handleRangeChange
       }));
     }
-    return /*#__PURE__*/React__default.default.createElement(Calendar.default, Object.assign({}, calendarProps, {
+    return /*#__PURE__*/React__default.default.createElement(Calendar.Calendar, Object.assign({}, calendarProps, {
       className: className,
       defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
       monthsToShow: monthsToShow,
@@ -127,12 +125,12 @@ var DatePicker = function DatePicker(_a) {
   var renderRangeInput = function renderRangeInput() {
     return /*#__PURE__*/React__default.default.createElement("div", {
       className: styles__default.default["range-input"]
-    }, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+    }, /*#__PURE__*/React__default.default.createElement(index$1.InputRoot, {
       className: styles__default.default["range-control-start"],
       disabled: false,
       hasError: hasError,
       size: size
-    }, /*#__PURE__*/React__default.default.createElement(index$2.default, {
+    }, /*#__PURE__*/React__default.default.createElement(index$2.BaseInput, {
       "aria-expanded": isOpen,
       "aria-haspopup": "true",
       "aria-invalid": hasError,
@@ -142,13 +140,13 @@ var DatePicker = function DatePicker(_a) {
       readOnly: true,
       required: required,
       value: index.toDMYDate(range[0])
-    })), /*#__PURE__*/React__default.default.createElement(index$1.default, {
+    })), /*#__PURE__*/React__default.default.createElement(index$1.InputRoot, {
       className: styles__default.default["range-control-end"],
       disabled: false,
       endIcon: /*#__PURE__*/React__default.default.createElement(CalendarIcon, null),
       hasError: hasError,
       size: size
-    }, /*#__PURE__*/React__default.default.createElement(index$2.default, {
+    }, /*#__PURE__*/React__default.default.createElement(index$2.BaseInput, {
       "aria-expanded": isOpen,
       "aria-haspopup": "true",
       "aria-invalid": hasError,
@@ -160,12 +158,12 @@ var DatePicker = function DatePicker(_a) {
       value: index.toDMYDate(range[1])
     })));
   };
-  return /*#__PURE__*/React__default.default.createElement(index$3.default, {
+  return /*#__PURE__*/React__default.default.createElement(index$3.FormField, {
     label: label,
     required: required,
     hint: hint,
     hasError: hasError
-  }, /*#__PURE__*/React__default.default.createElement(index$4.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index$4.Dropdown, {
     visible: isOpen,
     onVisibleChange: setIsOpen,
     placement: "bottom",
@@ -176,7 +174,7 @@ var DatePicker = function DatePicker(_a) {
     }, renderCalendar())
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: styles__default.default.trigger
-  }, isRangeMode ? renderRangeInput() : (/*#__PURE__*/React__default.default.createElement(index$5.default, {
+  }, isRangeMode ? renderRangeInput() : (/*#__PURE__*/React__default.default.createElement(index$5.Input, {
     className: styles__default.default.input,
     "aria-expanded": isOpen,
     "aria-haspopup": "true",
@@ -193,4 +191,4 @@ var DatePicker = function DatePicker(_a) {
   })))));
 };
 
-exports.default = DatePicker;
+exports.DatePicker = DatePicker;

package/Datepicker/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
-export default Datepicker;
+export declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;