colibri-ui 0.7.57 → 0.7.59

package/esm/DotsLoader/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames/bind';
 import styles from './DotsLoader.module.css';
 
 var clx = classNames.bind(styles);
 var DotsLoader = function DotsLoader(_a) {
   var color = _a.color;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: clx("wrapper")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       backgroundColor: color
     },
@@ -15,7 +15,7 @@ var DotsLoader = function DotsLoader(_a) {
       dot: true,
       dot_first: true
     })
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: {
       backgroundColor: color
     },
@@ -23,7 +23,7 @@ var DotsLoader = function DotsLoader(_a) {
       dot: true,
       dot_second: true
     })
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: {
       backgroundColor: color
     },
@@ -31,7 +31,7 @@ var DotsLoader = function DotsLoader(_a) {
       dot: true,
       dot_third: true
     })
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: {
       backgroundColor: color
     },

package/esm/Dropdown/Dropdown.module.css

@@ -1,13 +1,13 @@
-.popperContainer {
-  padding-top: 2px;
+.popper-container {
   padding-bottom: 2px;
+  padding-top: 2px;
 }
 
-.overlayContainer {
-  border-width: 1px;
-  border-style: solid;
+.overlay-container {
+  background-color: var(--palette-white);
+  border-color: var(--palette-bg-2);
   border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
   overflow: hidden;
-  border-color: var(--palette-bg-2);
-  background-color: var(--palette-white);
 }

package/esm/Dropdown/index.js

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useState, useMemo, Children, useCallback, useEffect } from 'react';
+import React__default, { useState, useMemo, Children, useCallback, useEffect } from 'react';
 import { usePopper } from 'react-popper';
 import classNames from 'classnames';
 import Portal from '../Portal/index.js';
@@ -51,7 +51,7 @@ var Dropdown = function Dropdown(_a) {
     update = _l.update;
   var isNotComponent = typeof children === "string";
   var reference = useMemo(function () {
-    return Children.only(isNotComponent ? /*#__PURE__*/React.createElement("button", null, children) : children);
+    return Children.only(isNotComponent ? /*#__PURE__*/React__default.createElement("button", null, children) : children);
   }, [children, isNotComponent]);
   var onToggle = useCallback(function (e) {
     e.stopPropagation();
@@ -109,14 +109,15 @@ var Dropdown = function Dropdown(_a) {
   useEffect(function () {
     if (update) update();
   }, [update, visible]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(reference.type, __assign({
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(reference.type, __assign({
     ref: setControlElement,
     tabIndex: 0
-  }, reference.props)), isVisible && ( /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(ClickOutside, {
+  }, reference.props)), isVisible && ( /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(ClickOutside, {
     onClick: onClickOutside
-  }, /*#__PURE__*/React.createElement("div", __assign({
+  }, /*#__PURE__*/React__default.createElement("div", __assign({
     ref: setPopperElement,
-    className: classNames(dropDownStyles.popperContainer),
+    "data-component": "popper-container",
+    className: classNames(dropDownStyles["popper-container"]),
     style: __assign(__assign(__assign({}, styles.popper), {
       zIndex: zIndex,
       minWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
@@ -124,8 +125,8 @@ var Dropdown = function Dropdown(_a) {
       maxWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
     }),
     tabIndex: 0
-  }, attributes.popper), /*#__PURE__*/React.createElement("div", {
-    className: classNames(dropDownStyles.overlayContainer),
+  }, attributes.popper), /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(dropDownStyles["overlay-container"]),
     onClick: onClickOverlay
   }, overlay))))));
 };

package/esm/Grid/Grid.module.css

@@ -1,19 +1,14 @@
-.root {
-  display: grid;
-  grid-gap: 10px;
-}
-
 .root {
   display: flex;
   flex-wrap: wrap;
 }
 
-.root {
-  display: grid;
-  grid-auto-rows: minmax(150px, auto);
-}
-
 @supports (display: grid) {
+  .root {
+    display: grid;
+    grid-auto-rows: minmax(150px, auto);
+    grid-gap: 10px;
+  }
   .root > * {
     margin: 0;
   }

package/esm/Grid/Item/Grid-Item.module.css

@@ -3,7 +3,7 @@
 }
 
 .item {
+  flex: 1 1 250px;
   margin-left: 5px;
   margin-right: 5px;
-  flex: 1 1 250px;
 }

package/esm/Grid/Item/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import styles from './Grid-Item.module.css';
 
@@ -7,9 +7,11 @@ var GridItem = function GridItem(_a) {
   var children = _a.children,
     _c = _a.fullWidth,
     fullWidth = _c === void 0 ? false : _c,
-    className = _a.className;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className)
+    className = _a.className,
+    style = _a.style;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(styles.item, (_b = {}, _b[styles.full] = fullWidth, _b), className),
+    style: style
   }, children);
 };
 

package/esm/Grid/Item/index.props.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 export type GridItemProps = {
     children: ReactNode;
     fullWidth?: boolean;
     className?: string;
+    style?: CSSProperties;
 };

package/esm/Grid/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classNames from 'classnames';
 import styles from './Grid.module.css';
 
@@ -11,7 +11,7 @@ var Grid = function Grid(_a) {
     _d = _a.gridItemMinWidth,
     gridItemMinWidth = _d === void 0 ? 250 : _d,
     className = _a.className;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classNames(styles.root, className),
     style: {
       rowGap: "".concat(gridRowGap, "px"),

package/esm/Icons/Cart.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",
     ref: ref,
@@ -17,7 +17,7 @@ var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
     width: width,
     height: height,
     viewBox: "0 0 20 24"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__default.createElement("path", {
     d: "M17.677,5.214 C17.6474966,4.87676512 17.3655221,4.61778237 17.027,4.617 L14.47,4.617 C14.47,2.033 12.103,0 9.54,0 C6.976,0 4.768,2.063 4.729,4.617 L2.052,4.617 C1.71273371,4.61587046 1.42966152,4.87586137 1.402,5.214 L0.042,20.519 C0.037,22.32 1.634,23.738 3.601,23.738 L15.478,23.738 C17.444,23.738 19.042,22.32 19.042,20.578 C19.042,20.558 17.677,5.214 17.677,5.214 L17.677,5.214 Z M15.762,22.62 L3.438,22.62 C2.158,22.62 1.12,21.774 1.1,20.731 L2.45,5.5 L4.73,5.5 L4.728,7.566 C4.728,7.944 5.03,8.246 5.408,8.246 C5.786,8.246 6.088,7.944 6.088,7.566 L6.09,5.5 L13.107,5.5 L13.107,7.566 C13.107,7.944 13.409,8.246 13.787,8.246 C13.9678664,8.24679795 14.1415988,8.17550771 14.2697731,8.04789639 C14.3979474,7.92028506 14.4700018,7.7468682 14.47,7.566 L14.47,5.5 L16.745,5.5 L18.1,20.731 C18.08,21.774 17.037,22.621 15.762,22.621 L15.762,22.62 Z M9.595,1.13 C11.482,1.13 13.07,2.716 13.11,4.62 L6.09,4.62 C6.13,2.716 7.708,1.13 9.595,1.13 L9.595,1.13 Z"
   }));
 });

package/esm/Icons/Check.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/esm/Icons/Check.js

@@ -0,0 +1,33 @@
+import { __rest, __assign } from 'tslib';
+import React__default, { forwardRef } from 'react';
+
+var Check = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 24 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 24 : _d,
+    props = __rest(_a, ["fill", "width", "height"]);
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    ref: ref
+  }, props, {
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }), /*#__PURE__*/React__default.createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: fill,
+    d: "m9.109 15.441-5.23-5.402L2 11.69 9.075 19 21.443 6.682 19.595 5z"
+  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+});
+
+export { Check as default };

package/esm/Icons/Chevron.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
@@ -17,7 +17,7 @@ var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 16 16"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.5492 5.50873C3.82061 5.25994 4.24232 5.27827 4.49111 5.54968C5.08905 6.20198 6.07747 7.19075 6.9255 8.02488C7.34221 8.43475 7.72193 8.80427 7.99968 9.07343C8.27742 8.80427 8.65715 8.43475 9.07385 8.02488C9.92189 7.19075 10.9103 6.20198 11.5082 5.54968C11.757 5.27827 12.1787 5.25994 12.4502 5.50873C12.7216 5.75753 12.7399 6.17924 12.4911 6.45065C11.8668 7.13169 10.8552 8.14292 10.0088 8.97545C9.58374 9.39358 9.19708 9.76978 8.91672 10.0414C8.7765 10.1773 8.66281 10.2871 8.58411 10.3629L8.46141 10.481C8.46138 10.4811 8.46137 10.4811 7.99968 10.0002C7.53799 10.4811 7.53797 10.4811 7.53794 10.481L7.41525 10.3629C7.33655 10.2871 7.22285 10.1773 7.08264 10.0414C6.80227 9.76978 6.41562 9.39358 5.99052 8.97545C5.14411 8.14292 4.13253 7.13169 3.50824 6.45065C3.25945 6.17924 3.27778 5.75753 3.5492 5.50873ZM7.99968 10.0002L7.53794 10.481C7.79592 10.7287 8.20344 10.7287 8.46141 10.481L7.99968 10.0002Z",

package/esm/Icons/Close.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.width,
@@ -7,7 +7,7 @@ var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = __rest(_a, ["width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     width: width,
@@ -15,7 +15,7 @@ var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 12 12"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.14645 3.14645C3.34171 2.95118 3.65829 2.95118 3.85355 3.14645L6 5.29289L8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645C9.04882 3.34171 9.04882 3.65829 8.85355 3.85355L6.70711 6L8.85355 8.14645C9.04882 8.34171 9.04882 8.65829 8.85355 8.85355C8.65829 9.04882 8.34171 9.04882 8.14645 8.85355L6 6.70711L3.85355 8.85355C3.65829 9.04882 3.34171 9.04882 3.14645 8.85355C2.95118 8.65829 2.95118 8.34171 3.14645 8.14645L5.29289 6L3.14645 3.85355C2.95118 3.65829 2.95118 3.34171 3.14645 3.14645Z",

package/esm/Icons/EyeClosed.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
@@ -17,7 +17,7 @@ var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M4.204 11.5a1 1 0 0 0-1.732 1l1.732-1Zm17.324 1a1 1 0 0 0-1.731-1l1.73 1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Zm7.797-4.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1Z"
   }));
 });

package/esm/Icons/EyeOpen.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
@@ -17,9 +17,9 @@ var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "m3.338 12-.866-.5-.29.5.29.5.866-.5Zm17.324 0 .866.5.29-.5-.29-.5-.866.5Zm-16.459.5A8.996 8.996 0 0 1 12 8V6a10.996 10.996 0 0 0-9.528 5.5l1.731 1ZM12 8a8.996 8.996 0 0 1 7.797 4.5l1.73-1A10.996 10.996 0 0 0 12 6v2Zm7.797 3.5A8.996 8.996 0 0 1 12 16v2c4.073 0 7.627-2.214 9.528-5.5l-1.731-1ZM12 16a8.996 8.996 0 0 1-7.796-4.5l-1.732 1C4.372 15.787 7.927 18 12 18v-2Z"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React__default.createElement("circle", {
     cx: 12,
     cy: 12,
     r: 2,

package/esm/Icons/Help.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.width,
@@ -7,14 +7,14 @@ var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = __rest(_a, ["width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     ref: ref
   }, props, {
     fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM7.8 8.929c0-2.429 1.956-3.933 4.566-3.933 2.573 0 4.385 1.54 4.385 3.625v.109c0 1.975-1.141 2.881-2.664 3.57l-.362.162c-.435.2-.58.418-.58.963a.707.707 0 0 1-.707.706h-.562a.835.835 0 0 1-.833-.834c0-1.232.398-1.94 1.467-2.41l.363-.163c1.268-.58 1.776-1.034 1.776-2.013 0-1.032-.905-1.757-2.283-1.757-1.415 0-2.466.725-2.466 2.083a.525.525 0 0 1-.525.525h-.943a.634.634 0 0 1-.635-.633H7.8zm4.295 6.126a1.527 1.527 0 0 0-1.559 1.559c0 .906.689 1.577 1.559 1.577.887 0 1.576-.671 1.576-1.577 0-.907-.687-1.559-1.576-1.559z",

package/esm/Icons/Info.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     width: width,
     height: height,
     viewBox: "0 0 24 24",
@@ -17,7 +17,7 @@ var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     xmlns: "http://www.w3.org/2000/svg"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.696-3.534c.63 0 1.332-.288 2.196-1.458l.911-1.22a.334.334 0 0 0-.074-.472.38.38 0 0 0-.505.06l-1.475 1.679a.241.241 0 0 1-.279.061.211.211 0 0 1-.12-.244l1.858-7.446a.499.499 0 0 0-.575-.613l-3.35.613a.35.35 0 0 0-.276.258l-.086.334a.25.25 0 0 0 .243.312h1.73l-1.476 5.922c-.054.234-.144.63-.144.918 0 .666.396 1.296 1.422 1.296zm1.83-10.536c.702 0 1.242-.414 1.386-1.044.036-.144.054-.306.054-.414 0-.504-.396-.972-1.134-.972-.702 0-1.242.414-1.386 1.044a1.868 1.868 0 0 0-.054.414c0 .504.396.972 1.134.972z",
     fill: fill
   }));

package/esm/Icons/Minus.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var MinusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,12 +9,12 @@ var MinusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     width: width,
     height: height,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props), /*#__PURE__*/React__default.createElement("path", {
     fill: fill,
     d: "M4 13h16v-2H4z",
     fillRule: "evenodd"

package/esm/Icons/More.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var More = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var More = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
@@ -17,15 +17,15 @@ var More = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React__default.createElement("circle", {
     cx: "5",
     cy: "12",
     r: "1.75"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React__default.createElement("circle", {
     cx: "12",
     cy: "12",
     r: "1.75"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React__default.createElement("circle", {
     cx: "19",
     cy: "12",
     r: "1.75"

package/esm/Icons/Plus.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
@@ -17,12 +17,12 @@ var PlusIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React__default.createElement("g", {
     fill: fill,
     fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default.createElement("path", {
     d: "M4 13h16v-2H4z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     d: "M11 4v16h2V4z"
   })));
 });

package/esm/Icons/Setting.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { Props } from "./index.props";
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/esm/Icons/Trash.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     width: width,
@@ -17,7 +17,7 @@ var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     viewBox: "0 0 24 24"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.663 1.5h-1.326c-1.069 0-1.49.09-1.921.27-.432.181-.792.453-1.084.82-.292.365-.493.746-.784 1.774L7.368 5H5a1 1 0 0 0 0 2h.5l.844 12.666A2.5 2.5 0 0 0 8.84 22h6.322a2.5 2.5 0 0 0 2.495-2.334L18.5 7.001V7h.5a1 1 0 1 0 0-2h-2.367l-.18-.636c-.292-1.028-.493-1.409-.785-1.775a2.694 2.694 0 0 0-1.084-.819c-.431-.18-.852-.27-1.92-.27zm1.89 3.5l-.025-.09c-.203-.717-.29-.905-.424-1.074a.696.696 0 0 0-.292-.221c-.2-.084-.404-.115-1.149-.115h-1.326c-.745 0-.95.031-1.149.115a.696.696 0 0 0-.292.221c-.135.169-.221.357-.424 1.074L9.446 5h5.108zm1.943 2H7.505l.835 12.533a.5.5 0 0 0 .499.467h6.322a.5.5 0 0 0 .499-.467L16.496 7zM9.4 9.63a.85.85 0 0 1 1.699-.059l.272 7.795a.85.85 0 1 1-1.7.06L9.4 9.63zm4.381-.879a.85.85 0 0 0-.88.82l-.271 7.795a.85.85 0 1 0 1.699.06L14.6 9.63a.85.85 0 0 0-.82-.88z",

package/esm/Icons/User.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var User = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -9,7 +9,7 @@ var User = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return /*#__PURE__*/React.createElement("svg", __assign({
+  return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
@@ -17,12 +17,12 @@ var User = /*#__PURE__*/forwardRef(function (_a, ref) {
     ref: ref
   }, props, {
     fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     stroke: fill,
     strokeLinecap: "round",
     strokeWidth: "1.6",
     d: "M21.936 23.026a10.286 10.286 0 0 0-19.872 0"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default.createElement("path", {
     stroke: fill,
     strokeLinecap: "round",
     strokeWidth: "1.6",

package/esm/Image/Image.module.css

@@ -1,18 +1,17 @@
 .root {
+  height: 100%;
+  left: 0;
   position: absolute;
   top: 0;
-  left: 0;
   width: 100%;
-  height: 100%;
 }
 .root img {
-  width: 100%;
-  height: 100%;
-  visibility: visible;
-  font: 0/0 a;
   border: 0;
+  height: 100%;
   object-fit: cover;
   text-indent: -100rem;
+  visibility: visible;
+  width: 100%;
 }
 .root img :-moz-broken {
   opacity: 0;

package/esm/Image/index.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useState, useCallback } from 'react';
+import React__default, { forwardRef, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import generateUniqID from '../helpers/generateUniqID.js';
 import styles from './Image.module.css';
@@ -37,14 +37,14 @@ var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
   var handleError = useCallback(function () {
     setFailed(true);
   }, []);
-  return /*#__PURE__*/React.createElement("picture", {
+  return /*#__PURE__*/React__default.createElement("picture", {
     ref: ref,
     className: classNames(styles.root)
   }, !!sources.length && sources.map(function (source, index) {
-    return /*#__PURE__*/React.createElement("source", __assign({
+    return /*#__PURE__*/React__default.createElement("source", __assign({
       key: generateUniqID(index)
     }, source));
-  }), /*#__PURE__*/React.createElement("img", __assign({
+  }), /*#__PURE__*/React__default.createElement("img", __assign({
     alt: alt,
     style: sizeAttrs,
     className: classNames(className),