@imtf/icons 0.1.3 → 0.2.0

package/lib/esm/icons/FileStackIcon.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 FileStackIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FileStackIcon = ({
     ...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: "M2.625 4.875c.41421356 0 .75.33578644.75.75V21.75c0 .4137864.33621356.75.75.75h13.5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-13.5c-1.24221356 0-2.25-1.0077864-2.25-2.25V5.625c0-.41421356.33578644-.75.75-.75ZM16.275 0l.2046492.0091333c.6006783.05195936 1.1640932.32326044 1.5770079.7632073l3.3517207 3.52687801c.4626996.49205521.7194098 1.14211767.7166447 1.81378139l-.0017369 12.1958754C22.0682265 19.6370417 20.9922817 20.7130153 19.625 20.75l-12.27042633-.0002782c-1.34767244-.0367176-2.42283286-1.1126806-2.47803921-2.4254503l.00017995-15.8831469C4.93177349 1.11295831 6.00771828.0369847 7.375 0h8.9Zm-.0018389 1.49999994-8.87773477-.00027815C6.81747838 1.5154681 6.36137752 1.99534673 6.375 2.591l-.00020191 15.585402C6.36137752 18.7546533 6.81747838 19.2345319 7.375 19.25l12.2295737.0002782c.5779479-.0157463 1.0340488-.4956249 1.0204263-1.0912782l.0000064-12.04910556c.0012021-.29030073-.109444-.57048789-.3066635-.78023504l-3.3521965-3.52738451c-.1497008-.15949428-.3488317-.26204168-.562974-.29265728l-.1300113-.00961767Z"
   }));
 };
 
-export default FileStackIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FileStackIcon);
+export default ForwardRef;

package/lib/esm/icons/FlagIcon.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 FlagIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FlagIcon = ({
     ...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: "M6.75 0c.41421356 0 .75.33578644.75.75v.75h9.75c.6681786 0 1.0028037.80785644.5303301 1.28033009L14.5606602 6l3.2196699 3.21966991C18.2528037 9.69214356 17.9181786 10.5 17.25 10.5H7.5v12.75c0 .3796958-.28215388.693491-.64822944.7431534L6.75 24c-.41421356 0-.75-.3357864-.75-.75V.75c0-.41421356.33578644-.75.75-.75Zm8.6893398 3H7.5v6h7.9393398l-2.4696699-2.46966991c-.2928932-.29289322-.2928932-.76776696 0-1.06066018L15.4393398 3Z"
   }));
 };
 
-export default FlagIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FlagIcon);
+export default ForwardRef;

package/lib/esm/icons/FloppyFilledIcon.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 FloppyFilledIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FloppyFilledIcon = ({
     ...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.5 0v3.75C7.5 4.99221356 8.50778644 6 9.75 6h7.5c1.2422136 0 2.25-1.00778644 2.25-2.25V0h2.25C22.9922136 0 24 1.00778644 24 2.25v19.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25C1.00778644 24 0 22.9922136 0 21.75V7.243c0-.99524064.3952693-1.94917927 1.098594-2.65125416l3.49207591-3.49307593C5.29428556.39505427 6.24803582 0 7.243 0H7.5Zm12 19.5h-6.75c-.4142136 0-.75.3357864-.75.75s.3357864.75.75.75h6.75c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75ZM12.75 9C10.6787864 9 9 10.6787864 9 12.75s1.6787864 3.75 3.75 3.75 3.75-1.6787864 3.75-3.75S14.8212136 9 12.75 9ZM18 0v3.75c0 .41378644-.3362136.75-.75.75h-7.5c-.41378644 0-.75-.33621356-.75-.75V0h9Z"
   }));
 };
 
-export default FloppyFilledIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FloppyFilledIcon);
+export default ForwardRef;

package/lib/esm/icons/FloppyIcon.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 FloppyIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FloppyIcon = ({
     ...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.75 0C22.9922136 0 24 1.00778644 24 2.25v19.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25C1.00778644 24 0 22.9922136 0 21.75V7.243c0-.99524064.3952693-1.94917927 1.098594-2.65125416l3.49207591-3.49307593C5.29428556.39505427 6.24803582 0 7.243 0H21.75Zm0 1.5H19.5v2.25c0 1.19045466-.9255539 2.16561081-2.0960002 2.24480706L17.25 6h-7.5C8.50778644 6 7.5 4.99221356 7.5 3.75V1.5h-.257c-.59714042 0-1.16935953.2370197-1.591594.65925416L2.15885847 5.65280128C1.73699148 6.07391896 1.5 6.64587161 1.5 7.243V21.75c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75V2.25c0-.41378644-.3362136-.75-.75-.75Zm-2.25 18c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-6.75c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75ZM12.75 9c2.0712136 0 3.75 1.6787864 3.75 3.75s-1.6787864 3.75-3.75 3.75S9 14.8212136 9 12.75 10.6787864 9 12.75 9Zm0 1.5c-1.2427864 0-2.25 1.0072136-2.25 2.25S11.5072136 15 12.75 15 15 13.9927864 15 12.75s-1.0072136-2.25-2.25-2.25Zm5.25-9H9v2.25c0 .37930423.28251279.69342571.64831917.74314523L9.75 4.5h7.5c.4137864 0 .75-.33621356.75-.75V1.5Z"
   }));
 };
 
-export default FloppyIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FloppyIcon);
+export default ForwardRef;

package/lib/esm/icons/FolderAddIcon.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 FolderAddIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FolderAddIcon = ({
     ...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.25 10.5c3.7282136 0 6.75 3.0217864 6.75 6.75S20.9782136 24 17.25 24s-6.75-3.0217864-6.75-6.75 3.0217864-6.75 6.75-6.75Zm0 1.5C14.3502136 12 12 14.3502136 12 17.25s2.3502136 5.25 5.25 5.25 5.25-2.3502136 5.25-5.25S20.1497864 12 17.25 12ZM7.55.05c.70847148 0 1.37587317.33349798 1.8.9l1.575 2.1H21.7c1.2422136 0 2.25 1.00778644 2.25 2.25V10c0 .4142136-.3357864.75-.75.75s-.75-.3357864-.75-.75V5.3c0-.41378644-.3362136-.75-.75-.75H10.55c-.236068 0-.4583592-.11114562-.6-.3L8.14961902 1.84949158C8.00856313 1.66108477 7.78625845 1.55 7.55 1.55H2.3c-.41378644 0-.75.33621356-.75.75v16.5c0 .4137864.33621356.75.75.75h5.75c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75H2.3c-1.24221356 0-2.25-1.0077864-2.25-2.25V2.3C.05 1.05778644 1.05778644.05 2.3.05Zm9.7 13.45c.4142136 0 .75.3357864.75.75v2.249l2.25.001c.3796958 0 .693491.2821539.7431534.6482294L21 17.25c0 .4142136-.3357864.75-.75.75L18 17.999v2.251c0 .3796958-.2821539.693491-.6482294.7431534L17.25 21c-.4142136 0-.75-.3357864-.75-.75v-2.251L14.25 18c-.3796958 0-.693491-.2821539-.7431534-.6482294L13.5 17.25c0-.4142136.3357864-.75.75-.75l2.25-.001V14.25c0-.3796958.2821539-.693491.6482294-.7431534Z"
   }));
 };
 
-export default FolderAddIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FolderAddIcon);
+export default ForwardRef;

package/lib/esm/icons/FolderIcon.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 FolderIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FolderIcon = ({
     ...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: "M20 6h-9L9 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"
   }));
 };
 
-export default FolderIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FolderIcon);
+export default ForwardRef;

package/lib/esm/icons/FolderOpenIcon.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 FolderOpenIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FolderOpenIcon = ({
     ...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 9V6.75c0-1.24221356-1.0077864-2.25-2.25-2.25H9v-.75C9 2.50778644 7.99221356 1.5 6.75 1.5h-4.5C1.00778644 1.5 0 2.50778644 0 3.75v16.3c.01757795 1.2745222.99075149 2.3026556 2.22250475 2.4158232C2.29338613 22.4880304 2.36879523 22.5 2.447 22.5H19.55c1.0198686 0 1.9122537-.6855437 2.1747311-1.670959l2.2038182-9.0149512c.0467772-.1740351.0724507-.3692293.0724507-.5650898C23.9994996 10.0062416 22.9918669 9 21.75 9H21ZM4.69803163 20.9999983c.04288145-.0990053.07959311-.2017.10959826-.3076694l2.35808614-9.6839227c.08500692-.2886704.37860661-.5089064.71216122-.5084079H21.75c.4142055 0 .7505005.3358324.7510005.7499075 0 .0639837-.0085209.1287639-.025487.1921372l-2.2040628 9.0158672c-.0836749.3135228-.3812048.5420881-.7214507.5420881H4.69803163ZM19.5 9H7.879c-1.00042102-.00149848-1.88146987.65939672-2.16198742 1.6209569l-2.35972861 9.6896369c-.10763341.3782332-.47449954.6598906-.89425649.6655657-.52462936.0071777-.95583879-.4121065-.96309935-.9365419V3.75c0-.41378644.33628543-.75.75007187-.75h4.5c.41378644 0 .75.33621356.75.75v1.5c0 .41421356.33578644.75.75.75h10.5c.4137864 0 .75.33621356.75.75V9Z"
   }));
 };
 
-export default FolderOpenIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FolderOpenIcon);
+export default ForwardRef;

package/lib/esm/icons/FolderTemplateIcon.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 FolderTemplateIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FolderTemplateIcon = ({
     ...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.875 4.5H21.75C22.9922136 4.5 24 5.50778644 24 6.75v13.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25C1.00778644 22.5 0 21.4922136 0 20.25V3.75C0 2.50778644 1.00778644 1.5 2.25 1.5H7.5c.70847148 0 1.37587317.33349799 1.8.9l1.575 2.1ZM2.25 3c-.41378644 0-.75.33621356-.75.75v16.5c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75V6.75c0-.41378644-.3362136-.75-.75-.75H10.5c-.236068 0-.4583592-.11114562-.6-.3L8.09961902 3.29949158C7.95856313 3.11108477 7.73625845 3 7.5 3H2.25Z"
   }));
 };
 
-export default FolderTemplateIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FolderTemplateIcon);
+export default ForwardRef;

package/lib/esm/icons/FormIcon.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 FormIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FormIcon = ({
     ...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.75 12.998c1.2422136 0 2.25 1.0077864 2.25 2.25v6.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25c-1.24221356 0-2.25-1.0077864-2.25-2.25v-6.5c0-1.2422136 1.00778644-2.25 2.25-2.25h19.5Zm0 1.5H2.25c-.41378644 0-.75.3362136-.75.75v6.5c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75v-6.5c0-.4137864-.3362136-.75-.75-.75Zm0-14.5c1.2422136 0 2.25 1.00778644 2.25 2.25v6.5c0 1.24221356-1.0077864 2.25-2.25 2.25H2.25C1.00778644 10.998 0 9.99021356 0 8.748v-6.5c0-1.24221356 1.00778644-2.25 2.25-2.25h19.5Zm0 1.5H2.25c-.41378644 0-.75.33621356-.75.75v6.5c0 .41378644.33621356.75.75.75h19.5c.4137864 0 .75-.33621356.75-.75v-6.5c0-.41378644-.3362136-.75-.75-.75Zm-18 1.5c.41421356 0 .75.33578644.75.75V7.25c0 .41421356-.33578644.75-.75.75S3 7.66421356 3 7.25V3.748c0-.41421356.33578644-.75.75-.75Z"
   }));
 };
 
-export default FormIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FormIcon);
+export default ForwardRef;

package/lib/esm/icons/FraudDetectionPreventionIcon.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 FraudDetectionPreventionIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FraudDetectionPreventionIcon = ({
     ...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: "M4.5594 15.6245v2.5c.0002.495.2402.9599.6457 1.2508l.046.0333h-.0002c.9048.6497 2.092.7735 3.1144.3248l3.6345-1.5953 3.6345 1.5953c1.0224.4487 2.2095.3249 3.1144-.3248l.046-.0333c.4054-.2909.6453-.7558.6454-1.2508v-2.5l-2.2716.4138a28.8814 28.8814 0 0 1-10.3372 0l-2.2719-.4138ZM5.93 17.1713l3.7202.5801-2.7412 1.1602-.979-1.7403Zm12.1395 0-.979 1.7403-2.7411-1.1602 3.7201-.58ZM8.142 4.1404c-.4486-.0186-.8823.2647-1.0096.728L5.3748 10.432h13.3066l-1.8142-5.5634c-.1736-.6143-.8864-.908-1.4532-.5982l-1.9013 1.1404a3.1603 3.1603 0 0 1-3.0256 0L8.5858 4.2641a1.011 1.011 0 0 0-.4435-.1238l-.0003.0001Zm-3.0102 7.0622-.5812 1.8385H1.407a.3966.3966 0 0 0-.2869.1077.3821.3821 0 0 0-.1201.2774c0 .1047.0434.2048.1201.2775a.3966.3966 0 0 0 .2869.1077h21.186a.3966.3966 0 0 0 .2869-.1077.3821.3821 0 0 0 .1201-.2775.3821.3821 0 0 0-.1201-.2774.3966.3966 0 0 0-.2869-.1077h-3.061l-.5995-1.8385H5.1318Z"
   }));
 };
 
-export default FraudDetectionPreventionIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FraudDetectionPreventionIcon);
+export default ForwardRef;

package/lib/esm/icons/FullscreenIcon.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 FullscreenIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const FullscreenIcon = ({
     ...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: "M.8 14.45c.41421356 0 .75.3357864.75.75v7.25H8.8c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75H.05V15.2c0-.4142136.33578644-.75.75-.75Zm22.4 0c.4142136 0 .75.3357864.75.75v8.75H15.2c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75h7.25V15.2c0-.4142136.3357864-.75.75-.75ZM8.8.05c.41421356 0 .75.33578644.75.75s-.33578644.75-.75.75H1.55V8.8c0 .41421356-.33578644.75-.75.75S.05 9.21421356.05 8.8V.05Zm15.15 0V8.8c0 .41421356-.3357864.75-.75.75s-.75-.33578644-.75-.75V1.55H15.2c-.4142136 0-.75-.33578644-.75-.75s.3357864-.75.75-.75h8.75Z"
   }));
 };
 
-export default FullscreenIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(FullscreenIcon);
+export default ForwardRef;

package/lib/esm/icons/GaugeIcon.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 GaugeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,19 +14,21 @@ const GaugeIcon = ({
     ...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 21 21",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m10.27437007 3.73002113.28215406.00581671C15.6854675 3.91777539 19.7687552 8.15236566 19.73 13.3114667V14.92c0 1.0545336-.8554664 1.91-1.91 1.91H2.74c-1.05453356 0-1.91-.8554664-1.91-1.91l.00176935-1.8730964c.10489545-5.13142234 4.27753216-9.27810939 9.44260072-9.31688247Zm-.24387731 1.50585764C5.8052236 5.39976901 2.4294375 8.82907853 2.3319359 13.0623173L2.33 14.92c0 .2261064.18389356.41.41.41h15.08c.2261064 0 .41-.1838936.41-.41l.0000211-1.6141642c.0325957-4.34146351-3.3927113-7.90286506-7.70053265-8.06995726l-.24948884-.00585547-.24950685.0058557Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M8.71 16.08v-.58c0-.8671998.70280023-1.57 1.57-1.57.8671998 0 1.57.7028002 1.57 1.57v.58c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75v-.58c0-1.6956269-1.3743731-3.07-3.07-3.07s-3.07 1.3743731-3.07 3.07v.58c0 .4142136.33578644.75.75.75s.75-.3357864.75-.75Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M11.3084875 7.72514918 9.56848753 12.9451492c-.13098583.3929575.08138416.8176974.47434165.9486833.39295748.1309858.81769746-.0813842.94868329-.4743417l1.74000003-5.21999998c.1309858-.39295748-.0813842-.81769746-.4743417-.94868329-.3929575-.13098583-.8176974.08138416-.9486833.47434165ZM3.73 12.89c0 .5742936.46570644 1.04 1.04 1.04.57429356 0 1.04-.4657064 1.04-1.04 0-.5360073-.40568205-.9774232-.92669493-1.0338964l-.11378328-.0061035C4.19544794 11.8502585 3.73 12.3158658 3.73 12.89Zm1.16-2.89768c0 .57429356.46570644 1.04 1.04 1.04.57429356 0 1.04-.46570644 1.04-1.04 0-.53600732-.40568205-.9774232-.92669493-1.03389639l-.11378328-.0061035C5.35544794 8.95257854 4.89 9.41818584 4.89 9.99232ZM14.75 12.89c0 .5742936.4657064 1.04 1.04 1.04.5742936 0 1.04-.4657064 1.04-1.04 0-.5360073-.4056821-.9774232-.9266949-1.0338964l-.1137833-.0061035C15.2154479 11.8502585 14.75 12.3158658 14.75 12.89Zm-1.16-2.89768c0 .57429356.4657064 1.04 1.04 1.04.5742936 0 1.04-.46570644 1.04-1.04 0-.53600732-.4056821-.9774232-.9266949-1.03389639l-.1137833-.0061035C14.0554479 8.95257854 13.59 9.41818584 13.59 9.99232Zm-6.38-2.32c0 .57429356.46570644 1.04 1.04 1.04.57429356 0 1.04-.46570644 1.04-1.04 0-.53600732-.40568205-.9774232-.92669493-1.03389639l-.11378328-.0061035C7.67544794 6.63257854 7.21 7.09818584 7.21 7.67232Z"
   }));
 };
 
-export default GaugeIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(GaugeIcon);
+export default ForwardRef;

package/lib/esm/icons/GaugeLightIcon.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 GaugeLightIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,19 +14,21 @@ const GaugeLightIcon = ({
     ...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 48 32",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m23.9943701.25002113.3985229.0060454C37.0194592.55562947 47.1418794 10.8321636 47.25 23.4567266V28c0 2.0702136-1.6797864 3.75-3.75 3.75h-39c-2.07021356 0-3.75-1.6797864-3.75-3.7500367v-4.5393944C.86140994 10.6871548 11.2034235.34604006 23.9943701.25002113ZM23.641623 1.7556758C11.8383666 2.03666408 2.35317359 11.6400933 2.25 23.4671322V28c0 1.2417864 1.00821356 2.25 2.25 2.25h39c1.2417864 0 2.25-1.0082136 2.25-2.25v-4.5280732c-.1030535-11.8187673-9.5754452-21.43489002-21.391236-21.71624373l-.3587646-.00566123-.3583764.00565396Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M18.75 31v-1.5c0-2.8997864 2.3502136-5.25 5.25-5.25s5.25 2.3502136 5.25 5.25V31c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75v-1.5c0-3.7282136-3.0217864-6.75-6.75-6.75s-6.75 3.0217864-6.75 6.75V31c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "m27.7884875 9.76882918-4.5 13.50000002c-.1309858.3929575.0813842.8176974.4743417.9486833.3929575.1309858.8176974-.0813842.9486833-.4743417l4.5-13.5c.1309858-.39295746-.0813842-.81769744-.4743417-.94868327-.3929575-.13098583-.8176974.08138416-.9486833.47434165ZM9.64822944 22.7431534 9.75 22.75c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.82821356 0-1.5.6717864-1.5 1.5s.67178644 1.5 1.5 1.5c.8282136 0 1.5-.6717864 1.5-1.5s-.6717864-1.5-1.5-1.5c-.41421356 0-.75.3357864-.75.75 0 .3796958.28215388.693491.64822944.7431534Zm2.99999996-7.494L12.75 15.256c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.8282136 0-1.5.6717864-1.5 1.5s.6717864 1.5 1.5 1.5 1.5-.6717864 1.5-1.5-.6717864-1.5-1.5-1.5c-.4142136 0-.75.3357864-.75.75 0 .3796958.2821539.693491.6482294.7431534Zm25.5 7.494L38.25 22.75c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.8282136 0-1.5.6717864-1.5 1.5s.6717864 1.5 1.5 1.5 1.5-.6717864 1.5-1.5-.6717864-1.5-1.5-1.5c-.4142136 0-.75.3357864-.75.75 0 .3796958.2821539.693491.6482294.7431534Zm-3-7.494L35.25 15.256c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.8282136 0-1.5.6717864-1.5 1.5s.6717864 1.5 1.5 1.5 1.5-.6717864 1.5-1.5-.6717864-1.5-1.5-1.5c-.4142136 0-.75.3357864-.75.75 0 .3796958.2821539.693491.6482294.7431534Zm-16.5-6.00000002L18.75 9.256c.4142136 0 .75-.33578644.75-.75s-.3357864-.75-.75-.75c-.8282136 0-1.5.67178644-1.5 1.5 0 .8282136.6717864 1.5 1.5 1.5s1.5-.6717864 1.5-1.5c0-.82821356-.6717864-1.5-1.5-1.5-.4142136 0-.75.33578644-.75.75 0 .37969577.2821539.69349096.6482294.74315338Z"
   }));
 };
 
-export default GaugeLightIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(GaugeLightIcon);
+export default ForwardRef;

package/lib/esm/icons/GenerateFileIcon.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 GenerateFileIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const GenerateFileIcon = ({
     ...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.7007634 9.04856309.1501924.03950212.1519116.0523021c.5966059.23153111 1.0567891.72691331 1.2386679 1.34135969l.442438 1.4544451c.0369868.1224729.1629601.1955777.2867659.167177l1.4758783-.3418876c1.1253269-.2544082 2.2437838.4524682 2.4980807 1.578864.1513249.6723815-.0388993 1.3759563-.5079445 1.880842l-1.0314644 1.1114999c-.0893857.0961461-.0893857.2445191.0004644.3411651l1.0304804 1.1104406c.7861555.8454292.737891 2.1673945-.1077657 2.9522012-.5051866.4693246-1.2087614.6595488-1.8857292.5071766l-1.4704415-.3406407c-.1253643-.02876-.2513376.0443448-.2890148.1690907l-.440857 1.4432228c-.3299186 1.1007707-1.488969 1.7250236-2.5893206 1.3952306-.6699839-.200369-1.1952906-.7256757-1.3946406-1.3922813l-.442438-1.4544451c-.0369868-.1224729-.1629601-.1955777-.2867659-.167177l-1.4758783.3418876c-1.1253269.2544082-2.2437838-.4524682-2.4980807-1.578864-.1513249-.6723815.0388993-1.3759563.5079445-1.880842l1.0314644-1.1114999c.0893857-.0961461.0893857-.2445191-.0004644-.3411651l-1.0304804-1.1104406c-.7861555-.8454292-.737891-2.1673945.1077657-2.9522012.5051866-.4693246 1.2087614-.6595488 1.8857292-.5071766l1.4704415.3406407c.1253643.02876.2513376-.0443448.2887624-.1682628l.4417584-1.4522042c.3179239-1.04929826 1.3897067-1.66367979 2.4425403-1.42795971ZM16.6935353 10.912273l-.441562 1.4515549c-.2651215.8778857-1.1654052 1.4003385-2.0612341 1.194823l-1.4674137-.3399527c-.1894894-.0426461-.3879465.0110104-.5311428.1440414-.2381366.2210013-.2517197.5930417-.029429.8320929l1.0305356 1.1105001c.6246143.6718539.6246143 1.7114809.0004644 2.3828349l-1.0312794 1.1113009c-.1327657.1429106-.1864222.3413677-.1438865.530367.0717736.3179177.3871801.5172578.7001514.4465137l1.4735585-.3413593c.8942704-.2051562 1.7945541.3172966 2.0592376 1.1937372l.443019 1.4563783c.055631.1860161.2023243.3327094.3887694.3884688.3073329.0921126.6302029-.081782.7233934-.392675l.4413096-1.444727c.2651215-.8778857 1.1654052-1.4003385 2.0612341-1.194823l1.4674137.3399527c.1894894.0426461.3879465-.0110104.5311428-.1440414.2381366-.2210013.2517197-.5930417.029429-.8320929l-1.0305356-1.1105001c-.6246143-.6718539-.6246143-1.7114809-.0004644-2.3828349l1.0312794-1.1113009c.1327657-.1429106.1864222-.3413677.1438865-.530367-.0717736-.3179177-.3871801-.5172578-.7001514-.4465137l-1.4735585.3413593c-.8942704.2051562-1.7945541-.3172966-2.0592376-1.1937372l-.443614-1.458378c-.0551447-.1862763-.2008996-.332626-.387285-.3888029l-.0931535-.0202871c-.2764189-.0367527-.5469297.1314042-.6308769.408468ZM12.879 0c.5967462 0 1.1685602.23690007 1.5903301.65866991l2.872 2.872C17.7630999 3.95243976 18 4.52425382 18 5.121V6.75c0 .41421356-.3357864.75-.75.75s-.75-.33578644-.75-.75V5.121c0-.19888364-.0788381-.38917791-.2193301-.52966991l-2.872-2.872C13.2681779 1.57883809 13.0778836 1.5 12.879 1.5H2.25c-.41378644 0-.75.33621356-.75.75v16.5c0 .4137864.33621356.75.75.75H7.5c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75H2.25C1.00778644 21 0 19.9922136 0 18.75V2.25C0 1.00778644 1.00778644 0 2.25 0Zm4.371 14.25c1.2422136 0 2.25 1.0077864 2.25 2.25s-1.0077864 2.25-2.25 2.25S15 17.7422136 15 16.5s1.0077864-2.25 2.25-2.25Zm0 1.5c-.4137864 0-.75.3362136-.75.75s.3362136.75.75.75.75-.3362136.75-.75-.3362136-.75-.75-.75Z"
   }));
 };
 
-export default GenerateFileIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(GenerateFileIcon);
+export default ForwardRef;

package/lib/esm/icons/GraphIcon.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 GraphIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const GraphIcon = ({
     ...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 28 28",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0zM7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556zm6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556.856 0 1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556zm6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556z"
   }));
 };
 
-export default GraphIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(GraphIcon);
+export default ForwardRef;