@imtf/icons 0.1.3 → 0.2.2

package/lib/esm/icons/MarkerIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const MarkerIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const MarkerIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m19.4588778 1.78321799 3.8784523 3.87945192c.8788932.87889322.8788932 2.30276696.0000981 3.18156204l-10.807 10.81099995c-.0738833.0739107-.1623009.1314701-.2595057.1691258-.0062899.0014947-.012348.003774-.0184289.0059721-.0050174.0026851-.0101591.0044614-.0153228.0061827l-4.49999998 1.5c-.19854199.0661806-.41207668.0455378-.59107468-.0502363l-1.36876605 1.3690539C5.6366778 22.7959824 5.44591237 22.875 5.247 22.875h-4.5c-.66817864 0-1.00280373-.8078564-.53033009-1.2803301l3.61999112-3.6196486c-.09400487-.1781982-.11387633-.3900836-.0481735-.5871921l1.4854428-4.4624929c.03332253-.1211116.09756906-.2354959.19273958-.3306664.00729064-.0072906.01469402-.0143998.02220455-.0213275l8.23742044-8.24012414c.0268454-.04007994.0579703-.07814367.093375-.11354835.0354047-.03540467.0734684-.06652966.1135484-.09337496l2.3434516-2.34262504c.8788179-.8788179 2.302343-.8788179 3.1822079-.00045192ZM4.87349643 19.0585 2.55766017 21.375h2.37867966l1.1261566-1.1275-1.189-1.189Zm1.453-4.544-.96840433 2.9079319 2.34447597 2.344476L10.6094964 18.7975l-4.28299997-4.283Zm8.03399997-8.69400001L7.05849643 13.1265l4.93899997 4.939 7.303-7.305-4.94-4.94000001Zm2.9769318-2.97626804-1.9169318 1.91626804 4.94 4.94 1.9161735-1.91683008c.2931068-.29310678.2931068-.76723304-.0000683-1.0604082l-3.878-3.879-.0838975-.07228194c-.2944861-.2184096-.7108359-.19418779-.9772759.07225218Z"
   }));
 };
 
-export default MarkerIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(MarkerIcon);
+export default ForwardRef;

package/lib/esm/icons/MenuIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const MenuIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const MenuIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M3.25 8.75c1.795 0 3.25 1.455 3.25 3.25s-1.455 3.25-3.25 3.25S0 13.795 0 12s1.455-3.25 3.25-3.25Zm8.75 0c1.795 0 3.25 1.455 3.25 3.25s-1.455 3.25-3.25 3.25S8.75 13.795 8.75 12 10.205 8.75 12 8.75Zm8.75 0C22.545 8.75 24 10.205 24 12s-1.455 3.25-3.25 3.25S17.5 13.795 17.5 12s1.455-3.25 3.25-3.25Z"
   }));
 };
 
-export default MenuIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(MenuIcon);
+export default ForwardRef;

package/lib/esm/icons/MinusIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const MinusIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const MinusIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M5 13h14c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1Z"
   }));
 };
 
-export default MinusIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(MinusIcon);
+export default ForwardRef;

package/lib/esm/icons/MoreIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const MoreIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const MoreIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M15.25 3.25c0 1.795-1.455 3.25-3.25 3.25S8.75 5.045 8.75 3.25 10.205 0 12 0s3.25 1.455 3.25 3.25Zm0 8.75c0 1.795-1.455 3.25-3.25 3.25S8.75 13.795 8.75 12 10.205 8.75 12 8.75s3.25 1.455 3.25 3.25Zm0 8.75c0 1.795-1.455 3.25-3.25 3.25s-3.25-1.455-3.25-3.25S10.205 17.5 12 17.5s3.25 1.455 3.25 3.25Z"
   }));
 };
 
-export default MoreIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(MoreIcon);
+export default ForwardRef;

package/lib/esm/icons/NameScreeningIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const NameScreeningIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const NameScreeningIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M10.556 21.098c.084.356-.183.702-.595.774A8.644 8.644 0 0 1 8.476 22c-.42 0-.762-.294-.762-.657 0-.363.341-.657.762-.656.397 0 .793-.035 1.183-.102.412-.072.814.158.897.513Zm4.428-11.24a5.127 5.127 0 0 1 4.147 8.141l-.05.065 2.708 2.709a.72.72 0 0 1 .088.911l-.041.054-.047.052a.72.72 0 0 1-.91.087l-.056-.04-.05-.047-2.708-2.708-.066.05a5.099 5.099 0 0 1-2.678.968l-.172.009-.165.002a5.127 5.127 0 0 1 0-10.254ZM2.69 12c.335 0 .618.24.678.563l.009.061.003.062v2.404a5.322 5.322 0 0 0 3.207 4.88.685.685 0 0 1 .356.904.69.69 0 0 1-.907.354 6.696 6.696 0 0 1-4.029-5.844l-.004-.147L2 15.09v-2.404c0-.379.309-.686.69-.686Zm2.858-4.286c.335 0 .617.249.677.586l.009.064.003.064v6.25c0 1.678 1.313 3.037 2.932 3.037.38 0 .69.32.69.714a.702.702 0 0 1-.69.714c-2.296 0-4.18-1.861-4.304-4.216l-.005-.125-.002-.123v-6.25c0-.395.309-.715.69-.715Zm9.31 3.572a3.571 3.571 0 1 0 0 7.143 3.571 3.571 0 0 0 0-7.143Zm-7.095 2.857c.37 0 .682.265.749.624l.01.069.002.069c0 .275.196.508.456.56l.057.009.06.003a.762.762 0 1 1 0 1.523A2.095 2.095 0 0 1 7 14.905c0-.421.341-.762.762-.762ZM8.786 7c.924 0 1.689.747 1.777 1.713l.006.091.002.092v1.208c0 .38-.29.689-.649.689-.315 0-.581-.24-.638-.565l-.008-.062-.003-.062V8.896c0-.285-.218-.517-.487-.517a.496.496 0 0 0-.478.412l-.007.051-.003.054v2.415c0 .38-.29.689-.649.689-.315 0-.581-.24-.638-.565l-.008-.062L7 11.31V8.896C7 7.85 7.8 7 8.786 7Zm3.574-4.045a.743.743 0 0 1 .26.997.696.696 0 0 1-.968.268 5.345 5.345 0 0 0-5.491 0c-1.7 1.012-2.745 2.883-2.745 4.907a.72.72 0 0 1-.708.73.72.72 0 0 1-.708-.73C2 6.58 3.316 4.228 5.453 2.955a6.724 6.724 0 0 1 6.907 0Zm2.574 3.006c.422.8.639 1.662.637 2.534 0 .358-.352.648-.786.648-.434 0-.785-.292-.784-.65a4.285 4.285 0 0 0-.507-2.013c-.173-.328.009-.71.406-.854.398-.144.86.007 1.034.335Zm-3.765-1.24c1.398.77 2.26 2.193 2.26 3.733 0 .38-.324.689-.724.689-.399 0-.722-.309-.722-.69 0-1.047-.586-2.015-1.538-2.539a3.206 3.206 0 0 0-3.075 0 .743.743 0 0 1-.987-.252.672.672 0 0 1 .264-.942 4.713 4.713 0 0 1 4.522 0Z"
   }));
 };
 
-export default NameScreeningIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(NameScreeningIcon);
+export default ForwardRef;

package/lib/esm/icons/NewIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const NewIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const NewIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12C23.993 5.376 18.624.007 12 0ZM8.582 9v7c0 .349-.242.652-.582.73-.056.013-.114.02-.172.02-.284 0-.544-.16-.671-.414l-1.6-3.212c-.061-.124-.211-.174-.335-.113-.085.042-.139.13-.139.225V16c0 .414-.336.75-.75.75s-.75-.336-.75-.75V9c.004-.414.343-.747.757-.743.278.002.533.159.66.407l1.6 3.212c.061.124.211.174.335.113.085-.042.139-.13.139-.225V9c0-.414.335-.75.749-.751.414 0 .75.335.751.749v.001h.008V9Zm.857 1.167c.001-1.058.859-1.916 1.917-1.917h2.333c.414 0 .75.336.75.75s-.336.75-.75.75h-2.333c-.23.001-.416.187-.417.417V11.5c0 .138.112.25.25.25h1.334c.414 0 .75.336.75.75s-.336.75-.75.75h-1.334c-.138 0-.25.112-.25.25v1.333c.001.23.187.416.417.417h2.333c.414 0 .75.336.75.75s-.336.75-.75.75h-2.333c-1.058-.001-1.916-.859-1.917-1.917v-4.666Zm9.651 6.1-.525-1.365c-.05-.129-.195-.192-.324-.142-.065.025-.117.077-.142.142l-.525 1.365c-.149.386-.583.579-.97.43-.258-.099-.44-.333-.474-.607l-.875-7c-.061-.41.222-.791.631-.852.41-.061.791.222.852.631.002.012.003.023.004.035l.381 3.044c.018.137.143.233.28.216.091-.012.168-.072.201-.158l.027-.07c.191-.387.66-.545 1.046-.354.153.076.278.2.354.354l.027.07c.049.129.193.194.322.145.087-.033.148-.111.16-.203l.38-3.044c.042-.412.409-.712.822-.671.412.042.712.409.671.822-.001.012-.003.023-.004.035l-.875 7c-.042.341-.312.61-.653.651-.03.004-.061.006-.091.006-.309.001-.588-.189-.7-.477v-.003Z"
   }));
 };
 
-export default NewIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(NewIcon);
+export default ForwardRef;

package/lib/esm/icons/NotFoundIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const NotFoundIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,28 +14,30 @@ const NotFoundIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 314 138",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("g", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("g", {
     fill: "#9E9E9E"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/createElement("path", {
     d: "M156.15 52.7a25.02 25.02 0 1 1 0 50.04 25.02 25.02 0 0 1 0-50.04zm0 6.9a18.12 18.12 0 1 0 0 36.24 18.12 18.12 0 0 0 0-36.23z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M156.15 68.23a9.49 9.49 0 1 1 0 18.98 9.49 9.49 0 0 1 0-18.98z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M157.02 32a46.58 46.58 0 1 1 0 93.17 46.58 46.58 0 0 1 0-93.17zm0 6.9a39.68 39.68 0 1 0 0 79.37 39.68 39.68 0 0 0 0-79.37z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "m115.9 130.2 14.86-14.87a3.45 3.45 0 0 0-4.88-4.88L111 125.32a3.45 3.45 0 0 0 4.88 4.88zm86.26-4.88-14.87-14.87a3.45 3.45 0 0 0-4.88 4.88l14.87 14.87a3.45 3.45 0 0 0 4.88-4.88zm64.14-42.24 23.13 30.69a1.81 1.81 0 0 0 2.9-2.18l-23.13-30.7a1.81 1.81 0 1 0-2.9 2.19z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M293.35 129.51a1.81 1.81 0 0 1-3.11.38l-8.18-10.85a6.34 6.34 0 0 1-1.03-5.58l2.52-8.7c.22-.78.93-1.3 1.73-1.31l9.06-.02c2 0 3.88.93 5.08 2.52l8.18 10.85a1.81 1.81 0 0 1-1.22 2.9l-9.33 1.17-3.7 8.64zm3.18-21.38a2.72 2.72 0 0 0-2.18-1.08l-7.7.02-2.14 7.4c-.24.82-.07 1.7.44 2.39l6.3 8.35 2.88-6.72c.25-.6.8-1 1.44-1.09l7.25-.91-6.3-8.36zm-18.46-24.69a1.81 1.81 0 1 0 .5-3.59l-14.35-2.02-2.02 14.35a1.81 1.81 0 1 0 3.59.5l1.51-10.76 10.77 1.52z"
-  })), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/createElement("path", {
     fill: "#BDBDBD",
     d: "M158 27.91a61.3 61.3 0 0 1-.22-3.92 1 1 0 1 0-2 .04c.03 1.3.1 2.65.22 4.06a1 1 0 1 0 2-.18zm-.14-7.84c.08-1.37.23-2.66.45-3.86a1 1 0 0 0-1.97-.36c-.23 1.29-.39 2.65-.48 4.09a1 1 0 0 0 2 .13zm1.41-7.6c.45-1.26.98-2.4 1.62-3.42a1 1 0 0 0-1.7-1.05 19.22 19.22 0 0 0-1.8 3.81 1 1 0 0 0 1.88.66zm4-6.29c.9-.83 1.93-1.52 3.08-2.07a1 1 0 1 0-.88-1.8c-1.31.64-2.5 1.44-3.55 2.4a1 1 0 1 0 1.35 1.47zM170 2.87c1.18-.26 2.44-.42 3.8-.47a1 1 0 0 0-.09-2c-1.46.06-2.84.23-4.13.51a1 1 0 1 0 .42 1.96zm7.58-.4c1.23.1 2.53.26 3.88.49a1 1 0 0 0 .33-1.97c-1.4-.24-2.76-.41-4.06-.51a1 1 0 1 0-.15 2zm7.76 1.29c1.23.3 2.5.64 3.8 1.03a1 1 0 0 0 .58-1.92c-1.34-.4-2.65-.75-3.91-1.06a1 1 0 0 0-.47 1.95zm7.57 2.27c1.22.45 2.44.93 3.66 1.46a1 1 0 0 0 .8-1.83 68.49 68.49 0 0 0-3.78-1.5 1 1 0 1 0-.68 1.87zm7.24 3.14c1.16.58 2.32 1.2 3.48 1.86a1 1 0 1 0 .99-1.74 79.73 79.73 0 0 0-3.57-1.9 1 1 0 1 0-.9 1.78zm6.87 3.9c1.1.69 2.2 1.41 3.3 2.17a1 1 0 1 0 1.14-1.64 94.08 94.08 0 0 0-3.37-2.23 1 1 0 0 0-1.07 1.7zm6.53 4.5c1.04.8 2.08 1.6 3.12 2.45a1 1 0 1 0 1.26-1.55c-1.06-.86-2.12-1.7-3.18-2.49a1 1 0 1 0-1.2 1.6zm6.15 4.99c.98.85 1.97 1.74 2.95 2.65a1 1 0 1 0 1.36-1.47c-1-.93-2-1.82-3-2.7a1 1 0 0 0-1.31 1.52zm5.84 5.39c.94.91 1.87 1.85 2.8 2.81a1 1 0 1 0 1.44-1.39c-.95-.98-1.9-1.93-2.84-2.85a1 1 0 0 0-1.4 1.43zm5.55 5.7c.89.96 1.78 1.95 2.67 2.95a1 1 0 0 0 1.5-1.32c-.9-1.02-1.8-2.01-2.7-2.99a1 1 0 0 0-1.47 1.36zm5.28 5.97c.85 1 1.7 2.02 2.55 3.06a1 1 0 0 0 1.55-1.27c-.86-1.05-1.72-2.08-2.57-3.09a1 1 0 0 0-1.53 1.3zm5.04 6.18c.82 1.03 1.63 2.08 2.44 3.15a1 1 0 0 0 1.6-1.2c-.83-1.09-1.64-2.15-2.46-3.19a1 1 0 0 0-1.58 1.24zm4.83 6.36a267.7 267.7 0 0 1 2.34 3.23 1 1 0 1 0 1.63-1.16c-.79-1.1-1.57-2.19-2.36-3.26a1 1 0 1 0-1.6 1.19zm4.59 6.44c.75 1.08 1.5 2.18 2.24 3.3a1 1 0 1 0 1.66-1.12l-2.25-3.31a1 1 0 1 0-1.65 1.13zm4.45 6.63 2.16 3.35a1 1 0 0 0 1.69-1.08c-.72-1.13-1.45-2.26-2.18-3.37a1 1 0 0 0-1.67 1.1zm4.3 6.73 1.57 2.56a1 1 0 1 0 1.7-1.04c-.52-.87-1.05-1.72-1.58-2.57a1 1 0 1 0-1.7 1.05z"
   }));
 };
 
-export default NotFoundIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(NotFoundIcon);
+export default ForwardRef;

package/lib/esm/icons/NotificationsOutlineIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const NotificationsOutlineIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const NotificationsOutlineIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M13.3205167 21.4432154c.1506708-.337307.5311847-.5197554.8955367-.4129073.3974748.1165615.6252001.5332704.5086385.9307453-.2718754.9270953-.9965432 1.6517631-1.9238424 1.9236983-1.5033474.4404019-3.0787359-.4201997-3.5204254-1.9233031-.11677985-.3974108.11071649-.8142447.50812728-.9310245.39741082-.1167799.81424472.1107165.93102452.5081273l.0451711.1292595c.2557709.6277794.9498755.9721093 1.6141996.7774972.4369047-.1281246.7782369-.4694568.9063615-.9063615ZM12 0c.4142136 0 .75.33578644.75.75l-.0000952 1.53362668C16.9547148 2.66252598 20.25 6.19657056 20.25 10.5c0 3.0110314.2717659 5.1440313.7148709 6.5404029.1454448.458345.2949509.7890326.4351242 1.0112851l.0757178.1171038c-.0002825.00074-.002333-.0005448-.0062412-.0036818C22.0218796 18.6085094 21.7083484 19.5 21 19.5H3c-.59047943 0-.93613933-.6422554-.6480482-1.1283357l.09170952-.1313071c.13348432-.1974212.35322348-.6601708.58700639-1.4523831.42109859-1.4269627.68673501-3.3442125.71652927-5.8176672l.00658523-.7225246c.12578415-4.18857931 3.37394588-7.59268734 7.49631699-7.96415598L11.25.75c0-.41421356.3357864-.75.75-.75Zm0 3.75c-3.72778644 0-6.75 3.02221356-6.75 6.75 0 2.8400598-.29058496 5.0517988-.78066771 6.7125259-.08667259.2937045-.17467329.55565-.26190203.7874741H19.7122263l-.0596451-.1593074c-.0395838-.1092781-.0787836-.2247383-.1174521-.3465955C19.0407341 15.9360937 18.75 13.6542186 18.75 10.5c0-3.72778644-3.0222136-6.75-6.75-6.75Z"
   }));
 };
 
-export default NotificationsOutlineIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(NotificationsOutlineIcon);
+export default ForwardRef;

package/lib/esm/icons/OpenIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const OpenIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const OpenIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5ZM16.4931973 6c.4226669 0 .7653061.34263922.7653061.76530612v6.12244898c0 .4226669-.3426392.7653061-.7653061.7653061s-.7653061-.3426392-.7653061-.7653061L15.727 8.579l-8.42054073 8.4213368c-.27170057.2717006-.6968676.2964006-.99647116.0741002l-.08583514-.0741002c-.29887063-.2988706-.29887063-.7834356 0-1.0823063L14.612 7.53l-4.2412517.00061224c-.38744466 0-.70764384-.28791212-.75831978-.66145861l-.00698634-.10384751C9.60544218 6.34263922 9.9480814 6 10.3707483 6Z"
   }));
 };
 
-export default OpenIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(OpenIcon);
+export default ForwardRef;

package/lib/esm/icons/PermissionsIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PermissionsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PermissionsIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.7499998 0c1.2422137 0 2.2499999 1.0077864 2.2499999 2.25v7.68688614c.0010559 6.95403676-5.0181153 12.89362456-11.8750024 14.05262426a.7499997.7499997 0 0 1-.2499946 0C5.01811566 22.8305107-.00105554 16.890923-3.2e-7 9.937V2.25C-3.2e-7 1.00778648 1.0077864 0 2.24999984 0H21.7499998Zm0 1.5H2.24999984c-.41378634 0-.7500003.33621363-.7500003.75v7.68711383C1.49907786 16.0120308 5.78011413 21.221747 11.6927334 22.4298277l.3072661.0589022.3072671-.0589022C18.2198859 21.2217469 22.5009221 16.0120281 22.4999995 9.937V2.25c0-.4137865-.3362131-.75-.7499997-.75ZM12 4.5c2.2782136 0 4.125 1.84678644 4.125 4.125 0 2.0769714-1.5349309 3.7953681-3.5323479 4.0827453 2.2599675.1995902 4.3680198 1.5293738 5.4641295 3.7047748.1863849.3699102.0376084.8208765-.3323017 1.0072615-.3699102.1863849-.8208765.0376084-1.0072615-.3323017-1.3126746-2.6052082-4.488767-3.6532537-7.09348905-2.3408241-1.01139377.510079-1.83252866 1.3309865-2.34084032 2.3406107-.18626714.3699695-.63718602.5188897-1.00715552.3326225-.3699695-.1862671-.51888968-.637186-.33262254-1.0071555.65293797-1.2968854 1.70705919-2.3507147 3.00540917-3.0055151.79131506-.3987164 1.62366536-.6277894 2.45566246-.7008797C9.40840069 12.4186544 7.875 10.7009358 7.875 8.625 7.875 6.34678644 9.72178644 4.5 12 4.5ZM12 6c-1.4497864 0-2.625 1.17521356-2.625 2.625 0 1.4497864 1.1752136 2.625 2.625 2.625s2.625-1.1752136 2.625-2.625C14.625 7.17521356 13.4497864 6 12 6Z"
   }));
 };
 
-export default PermissionsIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PermissionsIcon);
+export default ForwardRef;

package/lib/esm/icons/PersonIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PersonIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PersonIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12.1152044 4c2.6922136 0 4.875 2.18278644 4.875 4.875 0 2.654994-2.1228501 4.8145491-4.7636379 4.8737529 3.0476791.0447628 5.8850541 1.9593707 6.9607282 5.0012006.1380969.3905153-.0665286.81904-.4570438.9571369-.3905153.1380968-.81904-.0665287-.9571369-.4570439-1.1050217-3.1248201-4.5337136-4.7627408-7.6578714-3.6579532-1.70944603.6044843-3.05346063 1.9484989-3.65794492 3.6579449-.13809228.3905168-.56661463.5951474-.95713147.4570551-.39051683-.1380923-.59514737-.5666147-.45705509-.9571315.75551571-2.136554 2.4355011-3.8165394 4.57204682-4.5720522.79534816-.2812568 1.60647396-.4203162 2.40562916-.4304395l.0944173.0025299c-2.69221357 0-4.875-2.1827864-4.875-4.875 0-2.69221356 2.18278643-4.875 4.875-4.875Zm0 1.5c-1.8637864 0-3.375 1.51121356-3.375 3.375 0 1.8637864 1.5112136 3.375 3.375 3.375s3.375-1.5112136 3.375-3.375c0-1.86378644-1.5112136-3.375-3.375-3.375Z"
   }));
 };
 
-export default PersonIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PersonIcon);
+export default ForwardRef;

package/lib/esm/icons/PinFilledIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PinFilledIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PinFilledIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m8.224 14.714-3.575-3.575a1.5 1.5 0 0 1 .3-2.356 7.522 7.522 0 0 1 5.54-.81l4.155-6.53a1.5 1.5 0 0 1 2.326-.255l5.843 5.843a1.5 1.5 0 0 1-.256 2.326l-6.529 4.155a7.522 7.522 0 0 1-.81 5.54 1.5 1.5 0 0 1-2.356.3l-3.578-3.578v.002L1.28 23.78a.75.75 0 0 1-1.133-.976l.073-.084 8.004-8.005z"
   }));
 };
 
-export default PinFilledIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PinFilledIcon);
+export default ForwardRef;

package/lib/esm/icons/PinOutlinedIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PinOutlinedIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PinOutlinedIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M15.664.012A2.25 2.25 0 0 1 17.5.658L23.344 6.5a2.25 2.25 0 0 1-.384 3.489l-6.095 3.878.022.125a8.274 8.274 0 0 1-.86 5.145l-.162.294a2.25 2.25 0 0 1-3.533.45l-3.578-3.577-7.474 7.474a.75.75 0 0 1-1.133-.976l.073-.084 7.474-7.474-3.575-3.575a2.25 2.25 0 0 1-.658-1.705l.015-.172a2.251 2.251 0 0 1 1.096-1.658 8.272 8.272 0 0 1 5.436-1.021l.124.022 3.88-6.096A2.25 2.25 0 0 1 15.495.037zm.276 1.487-.112.004a.75.75 0 0 0-.551.343l-4.155 6.53a.75.75 0 0 1-.808.326 6.77 6.77 0 0 0-4.985.728.75.75 0 0 0-.15 1.179l8.214 8.213a.75.75 0 0 0 1.177-.147 6.772 6.772 0 0 0 .729-4.988.75.75 0 0 1 .326-.808l6.53-4.155a.75.75 0 0 0 .128-1.163L16.44 1.718a.75.75 0 0 0-.612-.215z"
   }));
 };
 
-export default PinOutlinedIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PinOutlinedIcon);
+export default ForwardRef;

package/lib/esm/icons/PlayIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PlayIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PlayIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M7 7.00140453V17.3614045c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L8.54 6.16140453c-.67-.43-1.54.05-1.54.84Z"
   }));
 };
 
-export default PlayIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PlayIcon);
+export default ForwardRef;

package/lib/esm/icons/PptIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const PptIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const PptIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M17.382-.002c.5963433 0 1.1682999.23691005 1.5903301.65866991L23.3445 5.02883987c.4215898.42186006.6584982.99381658.6584982 1.59016013v14.3816649c-.0007049.795881-.3176366 1.5588648-.8810348 2.1210126-.5633978.5621475-1.3270832.8773833-2.1219634.8763225H2.9990003C1.34474919 23.9957943.00446958 22.6549186.00299817 21V3.00066678C.00152683 1.34433251 1.34266697.00020846 3-.002h14.382Zm-.879003 1.499-13.5019973.00099933C2.1728329 1.49910323 1.50226252 2.17116557 1.50299848 3v17.9993334C1.50373389 21.82646 2.17387401 22.4968982 3 22.4979993h18.0010003c.3979402.0005321.779783-.1570858 1.0614819-.4381595.2816988-.2810738.4401644-.662565.4405163-1.0598398L22.502997 7.498H18.753c-1.190864 0-2.1656449-.92516159-2.2448092-2.09595119L16.503 5.248l-.000003-3.751ZM4.503 11.248a.76460182.76460182 0 0 1 .01738278.0001975L5.25 11.25c1.65685425 0 3 1.3431458 3 3s-1.34314575 3-3 3l.00299697-.001L5.253 19.498c0 .3796958-.28215388.693491-.64822944.7431534L4.503 20.248c-.41421356 0-.75-.3357864-.75-.75l-.00000303-2.948L3.75 16.5c0-.0174298.00059456-.0347207.00176452-.0518536L3.75299697 12.05 3.75 12c0-.2761424.14923842-.5174282.37146064-.647603.11411111-.0670874.24346817-.104397.38153936-.104397Zm6 0a.7646082.7646082 0 0 1 .0173828.0001975L11.25 11.25c1.6568542 0 3 1.3431458 3 3s-1.3431458 3-3 3l.002997-.001.000003 2.249c0 .3796958-.2821539.693491-.6482294.7431534L10.503 20.248c-.4142136 0-.75-.3357864-.75-.75l-.00000303-2.948L9.75 16.5c0-.0174298.00059456-.0347207.00176452-.0518536L9.75299697 12.05 9.75 12c0-.2761424.14923842-.5174282.3714606-.647603.1141112-.0670874.2434682-.104397.3815394-.104397Zm9 0c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-.750003l.000003 6.75c0 .3796958-.2821539.693491-.6482294.7431534L18.003 20.248c-.4142136 0-.75-.3357864-.75-.75l-.000003-6.75H16.503c-.3796958 0-.693491-.2821539-.7431534-.6482294L15.753 11.998c0-.4142136.3357864-.75.75-.75ZM5.25299697 12.749l.00004801 3.000997C6.08007213 15.7483538 6.75 15.0774119 6.75 14.25c0-.8284271-.67157288-1.5-1.5-1.5l.00299697-.001Zm6.00000003 0 .000048 3.000997C12.0800721 15.7483538 12.75 15.0774119 12.75 14.25c0-.8284271-.6715729-1.5-1.5-1.5l.002997-.001Zm10.939-6.751-4.189-4.189.000003 3.439c0 .37969577.2821539.69349096.6482294.74315338L18.753 5.998h3.438997Z"
   }));
 };
 
-export default PptIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PptIcon);
+export default ForwardRef;