colibri-ui 0.8.1 → 0.8.4

package/Icons/ArrowNext.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var ArrowNext = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 10 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 16 : _d,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    ref: ref,
+    fill: "none",
+    width: width,
+    height: height,
+    viewBox: "0 0 10 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M1 1L8 8L1 15",
+    stroke: fill,
+    strokeWidth: "2",
+    strokeLinecap: "round"
+  }));
+});
+
+exports.default = ArrowNext;

package/Icons/Cart.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Cart.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Cart = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    focusable: "false",
+    ref: ref,
+    fill: fill,
+    width: width,
+    height: height,
+    viewBox: "0 0 20 24"
+  }, 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"
+  }));
+});
+
+exports.default = Cart;

package/Icons/Check.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Check.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Check = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__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.default.createElement("g", {
+    clipPath: "url(#a)"
+  }, /*#__PURE__*/React__default.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.default.createElement("defs", null, /*#__PURE__*/React__default.default.createElement("clipPath", {
+    id: "a"
+  }, /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
+});
+
+exports.default = Check;

package/Icons/Chevron.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Chevron.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Chevron = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__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"
+  }));
+});
+
+exports.default = Chevron;

package/Icons/Close.d.ts

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

package/Icons/Close.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CloseIcon = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
+  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"
+  }), /*#__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 = CloseIcon;

package/Icons/CrossFill.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/CrossFill.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CrossFill = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: fill,
+    viewBox: "0 0 24 24",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
+  }));
+});
+
+exports.default = CrossFill;

package/Icons/Edit.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Edit.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Edit = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height
+  }, props, {
+    ref: ref,
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "m19.34 2.268 2.39 2.39a2.287 2.287 0 0 1 0 3.236L7.732 21.893a.76.76 0 0 1-.494.22l-4.831.286a.76.76 0 0 1-.807-.717v-.09l.285-4.83a.76.76 0 0 1 .223-.494L16.106 2.27a2.287 2.287 0 0 1 3.233-.002m-6.57 5.8-.136.119-7.499 7.499a1.326 1.326 0 0 0 1.738 1.993l.138-.12 7.499-7.499a1.326 1.326 0 0 0-1.74-1.992m3.75-3.75-.137.118-.936.938a1.326 1.326 0 0 0 1.738 1.994l.137-.12.937-.937a1.326 1.326 0 0 0-1.739-1.994"
+  }));
+});
+
+exports.default = Edit;

package/Icons/Exit.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Exit.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Exit = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21.7023 10.7811C21.8929 10.972 22 11.2307 22 11.5004C22 11.7702 21.8929 12.0289 21.7023 12.2198L18.3093 15.6128C18.2161 15.7128 18.1037 15.793 17.9789 15.8486C17.854 15.9043 17.7192 15.9342 17.5825 15.9366C17.4459 15.939 17.3101 15.9139 17.1834 15.8627C17.0566 15.8115 16.9415 15.7353 16.8448 15.6386C16.7482 15.542 16.672 15.4268 16.6208 15.3001C16.5696 15.1733 16.5444 15.0376 16.5468 14.9009C16.5492 14.7642 16.5792 14.6294 16.6348 14.5046C16.6904 14.3797 16.7706 14.2673 16.8707 14.1741L18.5264 12.5184H8.08953C7.81956 12.5184 7.56065 12.4111 7.36976 12.2202C7.17886 12.0293 7.07162 11.7704 7.07162 11.5004C7.07162 11.2305 7.17886 10.9716 7.36976 10.7807C7.56065 10.5898 7.81956 10.4825 8.08953 10.4825H18.5264L16.8707 8.82675C16.6909 8.63379 16.593 8.37857 16.5976 8.11487C16.6023 7.85116 16.7091 7.59955 16.8956 7.41305C17.0821 7.22656 17.3337 7.11973 17.5974 7.11508C17.8611 7.11042 18.1163 7.20831 18.3093 7.38811L21.7023 10.7811ZM14.5363 6.41092C14.5363 6.68089 14.429 6.9398 14.2381 7.13069C14.0472 7.32158 13.7883 7.42883 13.5184 7.42883C13.2484 7.42883 12.9895 7.32158 12.7986 7.13069C12.6077 6.9398 12.5004 6.68089 12.5004 6.41092V6.07162C12.5004 5.53169 12.286 5.01387 11.9042 4.63209C11.5224 4.2503 11.0046 4.03581 10.4646 4.03581H7.07162C6.53169 4.03581 6.01387 4.2503 5.63209 4.63209C5.2503 5.01387 5.03581 5.53169 5.03581 6.07162V16.9293C5.03581 17.4692 5.2503 17.987 5.63209 18.3688C6.01387 18.7506 6.53169 18.9651 7.07162 18.9651H10.4646C11.0046 18.9651 11.5224 18.7506 11.9042 18.3688C12.286 17.987 12.5004 17.4692 12.5004 16.9293V16.59C12.5004 16.32 12.6077 16.0611 12.7986 15.8702C12.9895 15.6793 13.2484 15.5721 13.5184 15.5721C13.7883 15.5721 14.0472 15.6793 14.2381 15.8702C14.429 16.0611 14.5363 16.32 14.5363 16.59V16.9293C14.5363 18.0091 14.1073 19.0448 13.3437 19.8083C12.5801 20.5719 11.5445 21.0009 10.4646 21.0009H7.07162C5.99176 21.0009 4.95613 20.5719 4.19255 19.8083C3.42897 19.0448 3 18.0091 3 16.9293V6.07162C3 4.99176 3.42897 3.95613 4.19255 3.19255C4.95613 2.42897 5.99176 2 7.07162 2H10.4646C11.5445 2 12.5801 2.42897 13.3437 3.19255C14.1073 3.95613 14.5363 4.99176 14.5363 6.07162V6.41092Z",
+    fill: fill
+  }));
+});
+
+exports.default = Exit;

package/Icons/EyeClosed.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/EyeClosed.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var EyeClosed = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__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"
+  }));
+});
+
+exports.default = EyeClosed;

package/Icons/EyeOpen.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/EyeOpen.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var EyeOpen = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__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"
+  }));
+});
+
+exports.default = EyeOpen;

package/Icons/Help.d.ts

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

package/Icons/Help.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Help = (function (_a) {
+  var _b = _a.width,
+    width = _b === void 0 ? 24 : _b,
+    _c = _a.height,
+    height = _c === void 0 ? 24 : _c,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
+  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"
+  }), /*#__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"
+  }));
+});
+
+exports.default = Help;

package/Icons/Info.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Info.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Info = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__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
+  }));
+});
+
+exports.default = Info;

package/Icons/Minus.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Minus.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var MinusIcon = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    fillRule: "evenodd",
+    d: "M12.5 9.5h-9C2.7 9.5 2 8.8 2 8s.7-1.5 1.5-1.5h9c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z",
+    clipRule: "evenodd"
+  }));
+});
+
+exports.default = MinusIcon;

package/Icons/More.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/More.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var More = (function (_a) {
+  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,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  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"
+  }), /*#__PURE__*/React__default.default.createElement("circle", {
+    cx: "5",
+    cy: "12",
+    r: "1.75"
+  }), /*#__PURE__*/React__default.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "1.75"
+  }), /*#__PURE__*/React__default.default.createElement("circle", {
+    cx: "19",
+    cy: "12",
+    r: "1.75"
+  }));
+});
+
+exports.default = More;

package/Icons/Plus.d.ts

@@ -0,0 +1,4 @@
+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;

package/Icons/Plus.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var PlusIcon = (function (_a) {
+  var _b = _a.fill,
+    fill = _b === void 0 ? "currentColor" : _b,
+    _c = _a.width,
+    width = _c === void 0 ? 18 : _c,
+    _d = _a.height,
+    height = _d === void 0 ? 18 : _d,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 18 18",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    fillRule: "nonzero",
+    d: "M15.517 7.642h-5.16v-5.16a1.358 1.358 0 0 0-2.715 0v5.16h-5.16a1.358 1.358 0 0 0 0 2.716h5.16v5.16a1.358 1.358 0 0 0 2.716 0v-5.16h5.16a1.358 1.358 0 0 0 0-2.716"
+  }));
+});
+
+exports.default = PlusIcon;

package/Icons/Setting.d.ts

@@ -0,0 +1,4 @@
+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;