colibri-ui 0.8.70 → 0.8.72

package/Datepicker/components/DatePicker/index.js

@@ -1,8 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var tslib = require('tslib');
 var React = require('react');
 var index$4 = require('../../../Dropdown/index.js');
 require('../../../Calendar/index.js');
@@ -39,26 +38,29 @@ var CalendarIcon = function CalendarIcon() {
     d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"
   }));
 };
-var DatePicker = function DatePicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    _ref$selectedDate = _ref.selectedDate,
-    selectedDate = _ref$selectedDate === void 0 ? "" : _ref$selectedDate,
-    _ref$selectedRange = _ref.selectedRange,
-    selectedRange = _ref$selectedRange === void 0 ? ["", ""] : _ref$selectedRange,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? "single" : _ref$selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
-  var _a;
+var DatePicker = function DatePicker(_a) {
+  var _b;
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    _a$selectedDate = _a.selectedDate,
+    selectedDate = _a$selectedDate === void 0 ? "" : _a$selectedDate,
+    _a$selectedRange = _a.selectedRange,
+    selectedRange = _a$selectedRange === void 0 ? ["", ""] : _a$selectedRange,
+    _a$selectionMode = _a.selectionMode,
+    selectionMode = _a$selectionMode === void 0 ? "single" : _a$selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    defaultVisibleMonth = _a.defaultVisibleMonth,
+    monthsToShow = _a.monthsToShow,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   var _useState = React.useState(selectedDate),
     _useState2 = _slicedToArray__default.default(_useState, 2),
     date = _useState2[0],
@@ -78,7 +80,7 @@ var DatePicker = function DatePicker(_ref) {
     return [range[0] ? index.parse(range[0]) : null, range[1] ? index.parse(range[1]) : null];
   }, [range]);
   var calendarSize = calendarSizeByDatepickerSize[size];
-  var visibleMonth = (_a = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _a !== void 0 ? _a : new Date();
+  var visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
   var isRangeMode = selectionMode === "range";
   React.useEffect(function () {
     setDate(selectedDate);
@@ -100,34 +102,35 @@ var DatePicker = function DatePicker(_ref) {
   };
   var renderCalendar = function renderCalendar() {
     if (isRangeMode) {
-      return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
+      return /*#__PURE__*/React__default.default.createElement(Calendar.Calendar, Object.assign({}, calendarProps, {
         className: className,
-        defaultVisibleMonth: visibleMonth,
-        monthsToShow: 2,
+        defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+        monthsToShow: monthsToShow !== null && monthsToShow !== void 0 ? monthsToShow : 2,
         selectionMode: "range",
         size: calendarSize,
         value: calendarRangeValue,
         onChange: handleRangeChange
-      });
+      }));
     }
-    return /*#__PURE__*/React__default.default.createElement(Calendar.default, {
+    return /*#__PURE__*/React__default.default.createElement(Calendar.Calendar, Object.assign({}, calendarProps, {
       className: className,
-      defaultVisibleMonth: visibleMonth,
+      defaultVisibleMonth: defaultVisibleMonth !== null && defaultVisibleMonth !== void 0 ? defaultVisibleMonth : visibleMonth,
+      monthsToShow: monthsToShow,
       selectionMode: "single",
       size: calendarSize,
       value: calendarValue,
       onChange: handleDateChange
-    });
+    }));
   };
   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,
@@ -137,13 +140,13 @@ var DatePicker = function DatePicker(_ref) {
       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,
@@ -155,12 +158,12 @@ var DatePicker = function DatePicker(_ref) {
       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",
@@ -171,7 +174,7 @@ var DatePicker = function DatePicker(_ref) {
     }, 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",
@@ -188,4 +191,4 @@ var DatePicker = function DatePicker(_ref) {
   })))));
 };
 
-exports.default = DatePicker;
+exports.DatePicker = DatePicker;

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

@@ -1,5 +1,5 @@
-import type { DatepickerSize, Props as DatepickerProps } from "../../index.props";
-export type DatePickerProps = {
+import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
+export type DatePickerProps = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

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, }: 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;

package/Datepicker/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
 var styles = require('./Datepicker.module.css');
@@ -13,25 +12,26 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var Datepicker = function Datepicker(_ref) {
-  var className = _ref.className,
-    endPlaceholder = _ref.endPlaceholder,
-    hasError = _ref.hasError,
-    hint = _ref.hint,
-    label = _ref.label,
-    placeholder = _ref.placeholder,
-    required = _ref.required,
-    selectedDate = _ref.selectedDate,
-    selectedRange = _ref.selectedRange,
-    selectionMode = _ref.selectionMode,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "m" : _ref$size,
-    startPlaceholder = _ref.startPlaceholder,
-    onChangeDate = _ref.onChangeDate,
-    onChangeRange = _ref.onChangeRange;
+var Datepicker = function Datepicker(_a) {
+  var className = _a.className,
+    endPlaceholder = _a.endPlaceholder,
+    hasError = _a.hasError,
+    hint = _a.hint,
+    label = _a.label,
+    placeholder = _a.placeholder,
+    required = _a.required,
+    selectedDate = _a.selectedDate,
+    selectedRange = _a.selectedRange,
+    selectionMode = _a.selectionMode,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? "m" : _a$size,
+    startPlaceholder = _a.startPlaceholder,
+    onChangeDate = _a.onChangeDate,
+    onChangeRange = _a.onChangeRange,
+    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(styles__default.default.root, className)
-  }, /*#__PURE__*/React__default.default.createElement(index.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index.DatePicker, Object.assign({}, calendarProps, {
     endPlaceholder: endPlaceholder,
     hasError: hasError,
     hint: hint,
@@ -45,7 +45,7 @@ var Datepicker = function Datepicker(_ref) {
     startPlaceholder: startPlaceholder,
     onChangeDate: onChangeDate,
     onChangeRange: onChangeRange
-  }));
+  })));
 };
 
-exports.default = Datepicker;
+exports.Datepicker = Datepicker;

package/Datepicker/index.props.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
+import type { CalendarCommonProps } from "../Calendar";
 export type DatepickerSize = "s" | "m" | "l";
 export type DatepickerSelectionMode = "single" | "range";
 export type DatepickerRangeValue = [string, string];
-export type Props = {
+export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
+export type Props = DatepickerCalendarProps & {
     className?: string;
     endPlaceholder?: string;
     hasError?: boolean;

package/DotsLoader/index.d.ts

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

package/DotsLoader/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');
@@ -28,4 +26,4 @@ var DotsLoader = function DotsLoader() {
   }));
 };
 
-exports.default = DotsLoader;
+exports.DotsLoader = DotsLoader;

package/DotsLoader/index.props.d.ts

@@ -0,0 +1 @@
+export type DotsLoaderProps = Record<string, never>;

package/Drawer/Drawer.d.ts

@@ -1,42 +1,5 @@
 import React from "react";
-import type { HTMLAttributes, MouseEventHandler, ReactNode, RefObject } from "react";
-export type DrawerPlacement = "top" | "right" | "bottom" | "left";
-export type DrawerClosePlacement = "left" | "right";
-export interface DrawerAnimationInfo {
-    enter?: string;
-    exit?: string;
-}
-export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onAnimationStart"> {
-    opened: boolean;
-    placement?: DrawerPlacement;
-    width?: string | number;
-    height?: string | number;
-    offset?: [string | number, string | number];
-    zIndex?: string | number;
-    asModal?: boolean;
-    withBlur?: boolean;
-    closeOnEsc?: boolean;
-    closeOnOverlayClick?: boolean;
-    borderRadius?: "none" | "default";
-    customBackgroundColor?: string;
-    customContentBackgroundColor?: string;
-    animationInfo?: DrawerAnimationInfo;
-    initialFocusRef?: RefObject<HTMLElement | null>;
-    focusAfterRef?: RefObject<HTMLElement | null>;
-    portalContainer?: HTMLElement | null;
-    onClose?: () => void;
-    onEscKeyDown?: (event: KeyboardEvent) => void;
-    onOverlayClick?: MouseEventHandler<HTMLDivElement>;
-}
-export interface DrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    actions?: ReactNode;
-    hasClose?: boolean;
-    closePlacement?: DrawerClosePlacement;
-    closeAriaLabel?: string;
-    onClose?: () => void;
-}
-export type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
-export type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;
+import type { DrawerContentProps, DrawerFooterProps, DrawerHeaderProps, DrawerProps } from "./index.props";
 export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 export declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;

package/Drawer/index.d.ts

@@ -1,2 +1,2 @@
 export { Drawer, DrawerHeader, DrawerContent, DrawerFooter } from "./Drawer";
-export type { DrawerProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, DrawerPlacement, DrawerClosePlacement, DrawerAnimationInfo, } from "./Drawer";
+export type { DrawerProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, DrawerPlacement, DrawerClosePlacement, DrawerAnimationInfo, } from "./index.props";

package/Drawer/index.props.d.ts

@@ -0,0 +1,38 @@
+import type { HTMLAttributes, MouseEventHandler, ReactNode, RefObject } from "react";
+export type DrawerPlacement = "top" | "right" | "bottom" | "left";
+export type DrawerClosePlacement = "left" | "right";
+export interface DrawerAnimationInfo {
+    enter?: string;
+    exit?: string;
+}
+export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onAnimationStart"> {
+    opened: boolean;
+    placement?: DrawerPlacement;
+    width?: string | number;
+    height?: string | number;
+    offset?: [string | number, string | number];
+    zIndex?: string | number;
+    asModal?: boolean;
+    withBlur?: boolean;
+    closeOnEsc?: boolean;
+    closeOnOverlayClick?: boolean;
+    borderRadius?: "none" | "default";
+    customBackgroundColor?: string;
+    customContentBackgroundColor?: string;
+    animationInfo?: DrawerAnimationInfo;
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    focusAfterRef?: RefObject<HTMLElement | null>;
+    portalContainer?: HTMLElement | null;
+    onClose?: () => void;
+    onEscKeyDown?: (event: KeyboardEvent) => void;
+    onOverlayClick?: MouseEventHandler<HTMLDivElement>;
+}
+export interface DrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    actions?: ReactNode;
+    hasClose?: boolean;
+    closePlacement?: DrawerClosePlacement;
+    closeAriaLabel?: string;
+    onClose?: () => void;
+}
+export type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
+export type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;

package/Dropdown/index.d.ts

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

package/Dropdown/index.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 React = require('react');
@@ -105,7 +103,7 @@ var Dropdown = function Dropdown(_ref) {
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, reference && /*#__PURE__*/React__default.default.cloneElement(reference, Object.assign({
     ref: refs.setReference,
     tabIndex: 0
-  }, getReferenceProps(reference.props))), isVisible && (/*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(index.default, {
+  }, getReferenceProps(reference.props))), isVisible && (/*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(index.ClickOutside, {
     onClick: function onClick() {
       return setOpen(false);
     }
@@ -126,4 +124,4 @@ var Dropdown = function Dropdown(_ref) {
   }, overlay))))));
 };
 
-exports.default = Dropdown;
+exports.Dropdown = Dropdown;

package/Dropzone/Dropzone.d.ts

@@ -1,30 +1,3 @@
 import React from "react";
-import type { ChangeEventHandler, DragEventHandler, InputHTMLAttributes, MouseEventHandler, ReactNode } from "react";
-export type DropzoneFileResult = {
-    acceptedFiles: File[];
-    rejectedFiles?: File[];
-    error?: string;
-};
-export type DropzoneValidator = (files: File[]) => Promise<DropzoneFileResult>;
-export type DropzoneFileHandler = (result: DropzoneFileResult) => Promise<void> | void;
-export interface DropzoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "title" | "size" | "width" | "height" | "onChange" | "onClick" | "onDrop" | "onDragEnter" | "onDragLeave" | "onDragOver"> {
-    files?: File[];
-    title?: ReactNode;
-    description?: ReactNode;
-    icon?: ReactNode;
-    iconPlacement?: "top" | "left";
-    size?: "m" | string;
-    view?: "default" | string;
-    stretch?: boolean;
-    width?: string | number;
-    height?: string | number;
-    validator?: DropzoneValidator;
-    onDrop?: DropzoneFileHandler;
-    onChoseFiles?: DropzoneFileHandler;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    onDragEnter?: DragEventHandler<HTMLDivElement>;
-    onDragLeave?: DragEventHandler<HTMLDivElement>;
-    onDragOver?: DragEventHandler<HTMLDivElement>;
-}
+import type { DropzoneProps } from "./index.props";
 export declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;

package/Dropzone/index.d.ts

@@ -1,2 +1,2 @@
 export { Dropzone } from "./Dropzone";
-export type { DropzoneProps, DropzoneFileResult, DropzoneValidator, DropzoneFileHandler, } from "./Dropzone";
+export type { DropzoneProps, DropzoneFileResult, DropzoneValidator, DropzoneFileHandler, } from "./index.props";

package/Dropzone/index.props.d.ts

@@ -0,0 +1,28 @@
+import type { ChangeEventHandler, DragEventHandler, InputHTMLAttributes, MouseEventHandler, ReactNode } from "react";
+export type DropzoneFileResult = {
+    acceptedFiles: File[];
+    rejectedFiles?: File[];
+    error?: string;
+};
+export type DropzoneValidator = (files: File[]) => Promise<DropzoneFileResult>;
+export type DropzoneFileHandler = (result: DropzoneFileResult) => Promise<void> | void;
+export interface DropzoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "title" | "size" | "width" | "height" | "onChange" | "onClick" | "onDrop" | "onDragEnter" | "onDragLeave" | "onDragOver"> {
+    files?: File[];
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    iconPlacement?: "top" | "left";
+    size?: "m" | string;
+    view?: "default" | string;
+    stretch?: boolean;
+    width?: string | number;
+    height?: string | number;
+    validator?: DropzoneValidator;
+    onDrop?: DropzoneFileHandler;
+    onChoseFiles?: DropzoneFileHandler;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onDragEnter?: DragEventHandler<HTMLDivElement>;
+    onDragLeave?: DragEventHandler<HTMLDivElement>;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+}

package/Editable/Editable.d.ts

@@ -1,18 +1,3 @@
-import React, { type ClipboardEventHandler, type ElementType, type FocusEventHandler, type HTMLAttributes, type ReactNode, type SyntheticEvent } from "react";
-export interface EditableProps extends Omit<HTMLAttributes<HTMLSpanElement>, "onChange" | "onBlur" | "onPaste"> {
-    /** Current text. The component also works without this prop. */
-    value?: string;
-    /** Element used to render the editable text, for example `span`, `h1` or a typography component. */
-    textComponent?: ElementType;
-    /** Icon shown on the right. Pass `null` to hide it. */
-    icon?: ReactNode;
-    placeholder?: string;
-    maxLength?: number;
-    name?: string;
-    disabled?: boolean;
-    spellCheck?: boolean;
-    onChange?: (event: SyntheticEvent<HTMLDivElement>, value: string) => void;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onPaste?: ClipboardEventHandler<HTMLDivElement>;
-}
+import React from "react";
+import type { EditableProps } from "./index.props";
 export declare const Editable: React.ForwardRefExoticComponent<EditableProps & React.RefAttributes<HTMLDivElement>>;

package/Editable/Editable.js

@@ -43,7 +43,7 @@ var Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, forw
     _a$textComponent = _a.textComponent,
     TextComponent = _a$textComponent === void 0 ? "span" : _a$textComponent,
     _a$icon = _a.icon,
-    icon = _a$icon === void 0 ? /*#__PURE__*/React__default.default.createElement(Edit.default, {
+    icon = _a$icon === void 0 ? /*#__PURE__*/React__default.default.createElement(Edit.Edit, {
       className: styles__default.default.default_icon,
       "aria-hidden": "true"
     }) : _a$icon,

package/Editable/index.d.ts

@@ -1,2 +1,2 @@
-export { Editable as default, Editable } from "./Editable";
-export type { EditableProps } from "./Editable";
+export { Editable } from "./Editable";
+export type { EditableProps } from "./index.props";

package/Editable/index.js

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

package/Editable/index.props.d.ts

@@ -0,0 +1,17 @@
+import type { ClipboardEventHandler, ElementType, FocusEventHandler, HTMLAttributes, ReactNode, SyntheticEvent } from "react";
+export interface EditableProps extends Omit<HTMLAttributes<HTMLSpanElement>, "onChange" | "onBlur" | "onPaste"> {
+    /** Current text. The component also works without this prop. */
+    value?: string;
+    /** Element used to render the editable text, for example `span`, `h1` or a typography component. */
+    textComponent?: ElementType;
+    /** Icon shown on the right. Pass `null` to hide it. */
+    icon?: ReactNode;
+    placeholder?: string;
+    maxLength?: number;
+    name?: string;
+    disabled?: boolean;
+    spellCheck?: boolean;
+    onChange?: (event: SyntheticEvent<HTMLDivElement>, value: string) => void;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onPaste?: ClipboardEventHandler<HTMLDivElement>;
+}

package/Grid/Item/index.d.ts

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

package/Grid/Item/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');
@@ -26,4 +24,4 @@ var GridItem = function GridItem(_ref) {
   }, children);
 };
 
-exports.default = GridItem;
+exports.GridItem = GridItem;

package/Grid/index.d.ts

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

package/Grid/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var clsx = require('clsx');
 var styles = require('./Grid.module.css');
@@ -34,4 +32,4 @@ var Grid = function Grid(_ref) {
   }, children);
 };
 
-exports.default = Grid;
+exports.Grid = Grid;

package/Icons/ArrowNext.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
-export default _default;
+export declare const ArrowNext: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/ArrowNext.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var React = require('react');
 
@@ -9,7 +7,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var ArrowNext = (function (_a) {
+var ArrowNext = function ArrowNext(_a) {
   var _a$fill = _a.fill,
     fill = _a$fill === void 0 ? "currentColor" : _a$fill,
     _a$width = _a.width,
@@ -31,6 +29,6 @@ var ArrowNext = (function (_a) {
     strokeWidth: "2",
     strokeLinecap: "round"
   }));
-});
+};
 
-exports.default = ArrowNext;
+exports.ArrowNext = ArrowNext;

package/Icons/Cart.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
-export default _default;
+export declare const Cart: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;