colibri-ui 0.7.35 → 0.7.37

package/Dropdown/index.js

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 var reactPopper = require('react-popper');
+var classNames = require('classnames');
 var index = require('../Portal/index.js');
 var on = require('../helpers/on.js');
 var index$1 = require('../ClickOutside/index.js');
-var styles = require('./styles.js');
+var Dropdown_module = require('./Dropdown.module.scss.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
 var Dropdown = function Dropdown(_a) {
   var children = _a.children,
@@ -50,14 +55,12 @@ var Dropdown = function Dropdown(_a) {
         enabled: preventOverflow
       }]
     }),
-    styles$1 = _l.styles,
+    styles = _l.styles,
     attributes = _l.attributes,
     update = _l.update;
   var isNotComponent = typeof children === "string";
   var reference = React.useMemo(function () {
-    return React.Children.only(isNotComponent ? jsxRuntime.jsx("button", {
-      children: children
-    }) : children);
+    return React.Children.only(isNotComponent ? /*#__PURE__*/React__default.default.createElement("button", null, children) : children);
   }, [children, isNotComponent]);
   var onToggle = React.useCallback(function (e) {
     e.stopPropagation();
@@ -115,31 +118,25 @@ var Dropdown = function Dropdown(_a) {
   React.useEffect(function () {
     if (update) update();
   }, [update, visible]);
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(reference.type, tslib.__assign({
-      ref: setControlElement,
-      tabIndex: 0
-    }, reference.props)), isVisible && jsxRuntime.jsx(index.default, {
-      children: jsxRuntime.jsx(index$1.default, {
-        onClick: onClickOutside,
-        children: jsxRuntime.jsx(styles.PopperContainer, tslib.__assign({
-          ref: setPopperElement,
-          style: tslib.__assign(tslib.__assign(tslib.__assign({}, styles$1.popper), {
-            zIndex: zIndex,
-            minWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
-          }), samewidth && {
-            maxWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
-          }),
-          tabIndex: 0
-        }, attributes.popper, {
-          children: jsxRuntime.jsx(styles.OverlayContainer, {
-            onClick: onClickOverlay,
-            children: overlay
-          })
-        }))
-      })
-    })]
-  });
+  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(reference.type, tslib.__assign({
+    ref: setControlElement,
+    tabIndex: 0
+  }, reference.props)), isVisible && ( /*#__PURE__*/React__default.default.createElement(index.default, null, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+    onClick: onClickOutside
+  }, /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({
+    ref: setPopperElement,
+    className: classNames__default.default(Dropdown_module.default.popperContainer),
+    style: tslib.__assign(tslib.__assign(tslib.__assign({}, styles.popper), {
+      zIndex: zIndex,
+      minWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
+    }), samewidth && {
+      maxWidth: controlElement === null || controlElement === void 0 ? void 0 : controlElement.offsetWidth
+    }),
+    tabIndex: 0
+  }, attributes.popper), /*#__PURE__*/React__default.default.createElement("div", {
+    className: classNames__default.default(Dropdown_module.default.overlayContainer),
+    onClick: onClickOverlay
+  }, overlay))))));
 };
 
 exports.default = Dropdown;

package/Dropdown/index.props.d.ts

@@ -3,7 +3,7 @@ import type { PositioningStrategy } from "@popperjs/core";
 import type { Placement as PopperPlacement } from "@popperjs/core";
 export type Placement = Extract<PopperPlacement, "bottom-start" | "bottom" | "bottom-end">;
 export type Trigger = "click" | "hover" | "focus";
-export interface IDropdownProps {
+export type DropdownProps = {
     children: ReactNode;
     zIndex?: number;
     disabled?: boolean;
@@ -15,4 +15,4 @@ export interface IDropdownProps {
     visible?: boolean;
     preventOverflow?: boolean;
     samewidth?: boolean;
-}
+};

package/Grid/Grid.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = ".root {\n  width: 100%;\n}\n\n.items {\n  display: grid;\n  grid-auto-flow: row dense;\n}";
+
+exports.default = styles;

package/Grid/Item/Grid-Item.module.scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = ".full {\n  grid-column: 1/-1;\n}";
+
+exports.default = styles;

package/Grid/Item/index.js

@@ -2,19 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var styles = require('./styles.js');
+var React = require('react');
+var classNames = require('classnames');
+var GridItem_module = require('./Grid-Item.module.scss.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
 var GridItem = function GridItem(_a) {
+  var _b;
   var children = _a.children,
-    className = _a.className,
-    _b = _a.fullWidth,
-    fullWidth = _b === void 0 ? false : _b;
-  return jsxRuntime.jsx(styles.Item, {
-    fullWidth: fullWidth,
-    className: className,
-    children: children
-  });
+    _c = _a.fullWidth,
+    fullWidth = _c === void 0 ? false : _c,
+    className = _a.className;
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: classNames__default.default((_b = {}, _b[GridItem_module.default.full] = fullWidth, _b), className)
+  }, children);
 };
 
 exports.default = GridItem;

package/Grid/index.js

@@ -2,8 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var styles = require('./styles.js');
+var React = require('react');
+var classNames = require('classnames');
+var Grid_module = require('./Grid.module.scss.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
 var Grid = function Grid(_a) {
   var children = _a.children,
@@ -14,15 +20,16 @@ var Grid = function Grid(_a) {
     _d = _a.gridItemMinWidth,
     gridItemMinWidth = _d === void 0 ? 136 : _d,
     className = _a.className;
-  return jsxRuntime.jsx(styles.GridWrapper, {
-    className: className,
-    children: jsxRuntime.jsx(styles.GridItems, {
-      gridRowGap: gridRowGap,
-      gridColumnGap: gridColumnGap,
-      gridItemMinWidth: gridItemMinWidth,
-      children: children
-    })
-  });
+  return /*#__PURE__*/React__default.default.createElement("div", {
+    className: classNames__default.default(Grid_module.default.root, className)
+  }, /*#__PURE__*/React__default.default.createElement("div", {
+    className: classNames__default.default(Grid_module.default.items),
+    style: {
+      rowGap: "".concat(gridRowGap, "px"),
+      columnGap: "".concat(gridColumnGap, "px"),
+      gridTemplateColumns: "repeat(auto-fit, minmax(".concat(gridItemMinWidth, "px, 1fr))")
+    }
+  }, children));
 };
 
 exports.default = Grid;

package/Icons/Cart.d.ts

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

package/Icons/Cart.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var Cart = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,7 +17,7 @@ var Cart = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",
     ref: ref,
@@ -22,10 +25,8 @@ var Cart = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     width: width,
     height: height,
     viewBox: "0 0 20 24"
-  }, props, {
-    children: jsxRuntime.jsx("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"
-    })
+  }, props), /*#__PURE__*/React__default.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/Icons/Chevron.d.ts

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

package/Icons/Chevron.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var Chevron = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,20 +17,19 @@ var Chevron = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 16 16",
-    children: jsxRuntime.jsx("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",
-      fill: "currentColor"
-    })
+    viewBox: "0 0 16 16"
+  }), /*#__PURE__*/React__default.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",
+    fill: "currentColor"
   }));
 });
 

package/Icons/Close.d.ts

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

package/Icons/Close.js

@@ -3,30 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
-var Close = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CloseIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = tslib.__rest(_a, ["width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 12 12",
-    children: jsxRuntime.jsx("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",
-      fill: "currentColor"
-    })
+    viewBox: "0 0 12 12"
+  }), /*#__PURE__*/React__default.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",
+    fill: "currentColor"
   }));
 });
 
-exports.default = Close;
+exports.default = CloseIcon;

package/Icons/EyeClosed.d.ts

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

package/Icons/EyeClosed.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var EyeClosed = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,17 +17,16 @@ var EyeClosed = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 24 24",
-    children: jsxRuntime.jsx("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"
-    })
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/React__default.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/Icons/EyeOpen.d.ts

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

package/Icons/EyeOpen.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var EyeOpen = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,24 +17,23 @@ var EyeOpen = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsxs("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 24 24",
-    children: [jsxRuntime.jsx("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"
-    }), jsxRuntime.jsx("circle", {
-      cx: 12,
-      cy: 12,
-      r: 2,
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    })]
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/React__default.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__default.default.createElement("circle", {
+    cx: 12,
+    cy: 12,
+    r: 2,
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round"
   }));
 });
 

package/Icons/Help.d.ts

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

package/Icons/Help.js

@@ -3,28 +3,30 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var Help = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = tslib.__rest(_a, ["width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     ref: ref
   }, props, {
-    fill: "none",
-    children: jsxRuntime.jsx("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",
-      fill: "currentColor"
-    })
+    fill: "none"
+  }), /*#__PURE__*/React__default.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",
+    fill: "currentColor"
   }));
 });
 

package/Icons/Info.d.ts

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

package/Icons/Info.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var Info = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,18 +17,17 @@ var Info = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     ref: ref
   }, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    children: jsxRuntime.jsx("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
-    })
+    xmlns: "http://www.w3.org/2000/svg"
+  }), /*#__PURE__*/React__default.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/Icons/Minus.d.ts

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

package/Icons/Minus.js

@@ -3,9 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var MinusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
@@ -14,17 +17,15 @@ var MinusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = tslib.__rest(_a, ["fill", "width", "height"]);
-  return jsxRuntime.jsx("svg", tslib.__assign({
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props, {
-    children: jsxRuntime.jsx("path", {
-      fill: fill,
-      d: "M4 13h16v-2H4z",
-      fillRule: "evenodd"
-    })
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M4 13h16v-2H4z",
+    fillRule: "evenodd"
   }));
 });
 

package/Icons/More.d.ts

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