colibri-ui 0.7.35 → 0.7.37

package/esm/Grid/Item/index.js

@@ -1,16 +1,16 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Item } from './styles.js';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './Grid-Item.module.scss.js';
 
 var GridItem = function GridItem(_a) {
+  var _b;
   var children = _a.children,
-    className = _a.className,
-    _b = _a.fullWidth,
-    fullWidth = _b === void 0 ? false : _b;
-  return jsx(Item, {
-    fullWidth: fullWidth,
-    className: className,
-    children: children
-  });
+    _c = _a.fullWidth,
+    fullWidth = _c === void 0 ? false : _c,
+    className = _a.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames((_b = {}, _b[styles.full] = fullWidth, _b), className)
+  }, children);
 };
 
 export { GridItem as default };

package/esm/Grid/index.js

@@ -1,5 +1,6 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { GridWrapper, GridItems } from './styles.js';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './Grid.module.scss.js';
 
 var Grid = function Grid(_a) {
   var children = _a.children,
@@ -10,15 +11,16 @@ var Grid = function Grid(_a) {
     _d = _a.gridItemMinWidth,
     gridItemMinWidth = _d === void 0 ? 136 : _d,
     className = _a.className;
-  return jsx(GridWrapper, {
-    className: className,
-    children: jsx(GridItems, {
-      gridRowGap: gridRowGap,
-      gridColumnGap: gridColumnGap,
-      gridItemMinWidth: gridItemMinWidth,
-      children: children
-    })
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.root, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.items),
+    style: {
+      rowGap: "".concat(gridRowGap, "px"),
+      columnGap: "".concat(gridColumnGap, "px"),
+      gridTemplateColumns: "repeat(auto-fit, minmax(".concat(gridItemMinWidth, "px, 1fr))")
+    }
+  }, children));
 };
 
 export { Grid as default };

package/esm/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/esm/Icons/Cart.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,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 jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",
     ref: ref,
@@ -18,10 +17,8 @@ var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
     width: width,
     height: height,
     viewBox: "0 0 20 24"
-  }, props, {
-    children: 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.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/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/esm/Icons/Chevron.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,20 +9,19 @@ var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 16 16",
-    children: 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.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/esm/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/esm/Icons/Close.js

@@ -1,28 +1,26 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
-var Close = /*#__PURE__*/forwardRef(function (_a, ref) {
+var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = __rest(_a, ["width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 12 12",
-    children: 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.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"
   }));
 });
 
-export { Close as default };
+export { CloseIcon as default };

package/esm/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/esm/Icons/EyeClosed.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,17 +9,16 @@ var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 24 24",
-    children: 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.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.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/esm/Icons/EyeOpen.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,24 +9,23 @@ var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsxs("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 24 24",
-    children: [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"
-    }), jsx("circle", {
-      cx: 12,
-      cy: 12,
-      r: 2,
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round"
-    })]
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/React.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", {
+    cx: 12,
+    cy: 12,
+    r: 2,
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round"
   }));
 });
 

package/esm/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/esm/Icons/Help.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.width,
@@ -8,19 +7,18 @@ var Help = /*#__PURE__*/forwardRef(function (_a, ref) {
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
     props = __rest(_a, ["width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     ref: ref
   }, props, {
-    fill: "none",
-    children: 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.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/esm/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/esm/Icons/Info.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,18 +9,17 @@ var Info = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     width: width,
     height: height,
     viewBox: "0 0 24 24",
     fill: "none",
     ref: ref
   }, props, {
-    xmlns: "http://www.w3.org/2000/svg",
-    children: 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.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.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/esm/Icons/Minus.js

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

package/esm/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;

package/esm/Icons/More.js

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

package/esm/Icons/Plus.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/esm/Icons/Plus.js

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

package/esm/Icons/Trash.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/esm/Icons/Trash.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,20 +9,19 @@ var Trash = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsx("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     width: width,
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 24 24",
-    children: jsx("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",
-      fill: fill
-    })
+    viewBox: "0 0 24 24"
+  }), /*#__PURE__*/React.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",
+    fill: fill
   }));
 });
 

package/esm/Icons/User.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/esm/Icons/User.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
 var User = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.fill,
@@ -10,25 +9,24 @@ var User = /*#__PURE__*/forwardRef(function (_a, ref) {
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
     props = __rest(_a, ["fill", "width", "height"]);
-  return jsxs("svg", __assign({
+  return /*#__PURE__*/React.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 24 24",
     ref: ref
   }, props, {
-    fill: "none",
-    children: [jsx("path", {
-      stroke: fill,
-      strokeLinecap: "round",
-      strokeWidth: "1.6",
-      d: "M21.936 23.026a10.286 10.286 0 0 0-19.872 0"
-    }), jsx("path", {
-      stroke: fill,
-      strokeLinecap: "round",
-      strokeWidth: "1.6",
-      d: "M12 15.086a6.857 6.857 0 1 0 0-13.714 6.857 6.857 0 0 0 0 13.714Z"
-    })]
+    fill: "none"
+  }), /*#__PURE__*/React.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", {
+    stroke: fill,
+    strokeLinecap: "round",
+    strokeWidth: "1.6",
+    d: "M12 15.086a6.857 6.857 0 1 0 0-13.714 6.857 6.857 0 0 0 0 13.714Z"
   }));
 });