@imtf/icons 0.1.3 → 0.2.2

package/lib/cjs/icons/FloppyIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FloppyIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FloppyIcon;
+const ForwardRef = forwardRef(FloppyIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FolderAddIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FolderAddIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FolderAddIcon;
+const ForwardRef = forwardRef(FolderAddIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FolderIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FolderIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FolderIcon;
+const ForwardRef = forwardRef(FolderIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FolderOpenIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FolderOpenIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FolderOpenIcon;
+const ForwardRef = forwardRef(FolderOpenIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FolderTemplateIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FolderTemplateIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FolderTemplateIcon;
+const ForwardRef = forwardRef(FolderTemplateIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FormIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FormIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FormIcon;
+const ForwardRef = forwardRef(FormIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FraudDetectionPreventionIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FraudDetectionPreventionIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FraudDetectionPreventionIcon;
+const ForwardRef = forwardRef(FraudDetectionPreventionIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/FullscreenIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const FullscreenIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = FullscreenIcon;
+const ForwardRef = forwardRef(FullscreenIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/GaugeIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const GaugeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,19 +23,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"
   }));
 };
 
-module.exports = GaugeIcon;
+const ForwardRef = forwardRef(GaugeIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/GaugeLightIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const GaugeLightIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,19 +23,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"
   }));
 };
 
-module.exports = GaugeLightIcon;
+const ForwardRef = forwardRef(GaugeLightIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/GenerateFileIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const GenerateFileIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = GenerateFileIcon;
+const ForwardRef = forwardRef(GenerateFileIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/GraphIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const GraphIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,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"
   }));
 };
 
-module.exports = GraphIcon;
+const ForwardRef = forwardRef(GraphIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/GroupIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const GroupIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const GroupIcon = ({
     ...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.5 14.25c1.86421356 0 3.375 1.5107864 3.375 3.375 0 1.247306-.67632868 2.3363946-1.68232879 2.9206083 1.12581746.4042206 2.11127326 1.2122689 2.71903157 2.3513344.19498814.3654484.05680283.8197719-.30864552 1.0147601-.36544836.1949881-.81977191.0568028-1.01476004-.3086455-.91018409-1.7058745-3.03001102-2.3511942-4.73521757-1.4413665-.61281104.3269973-1.11439153.8285778-1.44138882 1.4413889-.1950005.3654417-.64932872.5036116-1.01477048.3086111-.36544176-.1950005-.5036117-.6493287-.30861118-1.0147705.4670027-.8751889 1.18342222-1.5916084 2.05863357-2.0586231.21591276-.1152021.43647632-.2129536.66007548-.2937466C1.80129681 19.9613432 1.125 18.8722767 1.125 17.625c0-1.8642136 1.51078644-3.375 3.375-3.375Zm15 0c1.8642136 0 3.375 1.5107864 3.375 3.375 0 1.247306-.6763287 2.3363946-1.6823288 2.9206083 1.1258175.4042206 2.1112733 1.2122689 2.7190316 2.3513344.1949881.3654484.0568028.8197719-.3086455 1.0147601-.3654484.1949881-.8197719.0568028-1.0147601-.3086455-.9101841-1.7058745-3.030011-2.3511942-4.7352175-1.4413665-.6128111.3269973-1.1143916.8285778-1.4413889 1.4413889-.1950005.3654417-.6493287.5036116-1.0147705.3086111-.3654417-.1950005-.5036116-.6493287-.3086111-1.0147705.4670027-.8751889 1.1834222-1.5916084 2.0586335-2.0586231.2159128-.1152021.4364764-.2129536.6600755-.2937466C16.8012968 19.9613432 16.125 18.8722767 16.125 17.625c0-1.8642136 1.5107864-3.375 3.375-3.375Zm-15 1.5c-1.03578644 0-1.875.8392136-1.875 1.875S3.46421356 19.5 4.5 19.5c1.03578644 0 1.875-.8392136 1.875-1.875S5.53578644 15.75 4.5 15.75Zm15 0c-1.0357864 0-1.875.8392136-1.875 1.875S18.4642136 19.5 19.5 19.5s1.875-.8392136 1.875-1.875-.8392136-1.875-1.875-1.875ZM18 10.5c.8282136 0 1.5.6717864 1.5 1.5 0 .4142136-.3357864.75-.75.75S18 12.4142136 18 12H6l-.00684662.1017706C5.94349096 12.4678461 5.62969577 12.75 5.25 12.75c-.41421356 0-.75-.3357864-.75-.75 0-.8282136.67178644-1.5 1.5-1.5ZM12 0c1.8642136 0 3.375 1.51078644 3.375 3.375 0 1.24607959-.6749993 2.33425264-1.6793622 2.91888347.7981982.28545059 1.5348814.77781331 2.1243063 1.46978034.268596.3153237.2307158.78868418-.0846079 1.05728024-.3153237.26859606-.7886842.23071583-1.0572803-.08460786-1.2604969-1.47978552-3.4811526-1.65770306-4.95950518-.39842892-.14345453.12272411-.27691934.25618892-.39964345.39964345-.26926683.3147511-.7427069.35162338-1.05745799.08235655-.3147511-.26926683-.35162338-.7427069-.08235655-1.05745799.17327589-.20254547.36181108-.39108066.56557108-.56539333.4753669-.40492256 1.00437562-.70575333 1.55928549-.90471784C9.29997613 5.70921531 8.625 4.62105822 8.625 3.375 8.625 1.51078644 10.1357864 0 12 0Zm0 1.5c-1.0357864 0-1.875.83921356-1.875 1.875 0 1.03578644.8392136 1.875 1.875 1.875s1.875-.83921356 1.875-1.875c0-1.03578644-.8392136-1.875-1.875-1.875Z"
   }));
 };
 
-module.exports = GroupIcon;
+const ForwardRef = forwardRef(GroupIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/HistoryIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const HistoryIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const HistoryIcon = ({
     ...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.5 1.5C19.2992136 1.5 24 6.20078644 24 12c0 5.7992136-4.7007864 10.5-10.5 10.5-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75c4.9707864 0 9-4.0292136 9-9 0-4.97078644-4.0292136-9-9-9-4.86480959 0-8.82776688 3.85923986-8.99453561 8.6833833l1.71420552-1.71371339c.29289322-.29289321.76776696-.29289321 1.06066018 0 .29289321.29289319.29289321.76776699 0 1.06066019l-3 3c-.02459985.0245998-.05090065.0474987-.07871084.0685051-.01049016.0079891-.02095802.0154795-.03156921.0226682-.01639198.0110353-.03354198.0216836-.0511342.0316416-.01429142.0081531-.02892498.0157966-.04374433.0229246-.01765759.0084854-.0360773.0164809-.05486259.0237418-.01085243.0041601-.02121761.0078856-.03164426.0113757-.02138121.0072336-.04383746.013642-.06669654.0190049-.01224202.0027933-.0239353.0052322-.03567012.0073899C3.84268804 14.2457051 3.79684558 14.25 3.75 14.25l.07740395-.0039807c-.01993589.0020564-.03993843.0033161-.05995597.003779L3.75 14.25a.76487451.76487451 0 0 1-.01721282-.0001936c-.01958859-.0004294-.0399243-.0016966-.06019113-.0037871-.02066641-.0021048-.04033982-.0049445-.05975114-.0085317-.01087773-.0020634-.02257101-.0045023-.03421193-.0072223-.02346018-.0054362-.04591643-.0118446-.06791663-.0192456-.00980766-.0033227-.02017284-.0070482-.03046826-.011009-.0193423-.0074602-.03776201-.0154557-.05578092-.0241505-.01445803-.0069186-.02909159-.0145621-.04351249-.022721-.01746274-.0099522-.03461274-.0206005-.05128375-.0319021-.03860274-.0260749-.07556001-.056466-.11000102-.090907l.07871084.0685051c-.02781019-.0210064-.05411099-.0439053-.07871084-.0685051l-3-3c-.29289321-.2928932-.29289321-.767767 0-1.06066019.29289322-.29289321.76776696-.29289321 1.06066018 0L3.00435573 11.694596C3.16594227 6.03664343 7.80293512 1.5 13.5 1.5Zm0 5.75c.4142136 0 .75.33578644.75.75v3.439l4.4673867 4.4687265c.2662381.2662949.2903997.6829612.0725139.9765495l-.0726271.0841107c-.2929244.2928619-.7677982.2928113-1.0606602-.0001132l-4.687-4.688c-.0047542-.0047553-.0094313-.0095585-.0140311-.0144081-.0192162-.0202675-.0374353-.0417636-.0544174-.0642461-.0080361-.0105549-.0155254-.0210236-.022713-.0316356-.0109905-.0163256-.0216388-.0334756-.0315968-.0510679-.0081909-.0143619-.0158328-.0289963-.0229593-.0438164-.0084507-.0175855-.0164462-.0360052-.0237071-.0547905-.0041878-.0109275-.0079122-.0212931-.0114011-.0317201-.0072082-.0213053-.0136166-.0437616-.0189795-.0666207-.0028104-.0123202-.005248-.0240137-.0074044-.0357488C12.7542949 11.842688 12.75 11.7968456 12.75 11.75l.0039725.0773244c-.0020543-.0199361-.0033119-.0399388-.0037726-.0599564L12.75 11.75V8c0-.41421356.3357864-.75.75-.75Z"
   }));
 };
 
-module.exports = HistoryIcon;
+const ForwardRef = forwardRef(HistoryIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/HomeIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const HomeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const HomeIcon = ({
     ...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.25 13.1285684c.4142136 0 .75.3357865.75.75v8.25c0 .4142136-.3357864.75-.75.75h-6c-.4142136 0-.75-.3357864-.75-.75v-6c0-.4137864-.3362136-.75-.75-.75h-1.5c-.4137864 0-.75.3362136-.75.75v6c0 .4142136-.3357864.75-.75.75h-6c-.41421356 0-.75-.3357864-.75-.75v-8.25c0-.4142135.33578644-.75.75-.75s.75.3357865.75.75v7.5H9v-5.25c0-1.2422135 1.0077864-2.25 2.25-2.25h1.5c1.2422136 0 2.25 1.0077865 2.25 2.25v5.25h4.5v-7.5c0-.4142135.3357864-.75.75-.75ZM10.4086699 1.65923835c.8785858-.8785858 2.3021101-.87904949 3.1816602-.001l10.19 10.18999995c.2928932.2928933.2928932.767767 0 1.0606602-.2928932.2928932-.767767.2928932-1.0606602 0l-10.189-10.18899998-.0847441-.073123c-.2937927-.21768689-.7101392-.19333351-.9765957.073123L1.28033009 12.9088985c-.29289322.2928932-.76776696.2928932-1.06066018 0-.29289321-.2928932-.29289321-.7677669 0-1.0606602Z"
   }));
 };
 
-module.exports = HomeIcon;
+const ForwardRef = forwardRef(HomeIcon);
+module.exports = ForwardRef;