@imtf/icons 0.1.1 → 0.2.0

package/lib/cjs/icons/NotFoundIcon.js

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

package/lib/cjs/icons/NotificationsOutlineIcon.js

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

package/lib/cjs/icons/OpenIcon.js

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

package/lib/cjs/icons/PermissionsIcon.js

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

package/lib/cjs/icons/PersonIcon.js

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

package/lib/cjs/icons/PinFilledIcon.js

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

package/lib/cjs/icons/PinOutlinedIcon.js

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

package/lib/cjs/icons/PlayIcon.js

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

package/lib/cjs/icons/PptIcon.js

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

package/lib/cjs/icons/PptLinkIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const PptLinkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const PptLinkIcon = ({
     ...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.8 17.42h.22a.64.64 0 1 1-.08 1.27c-.36-.02-.72.1-1 .33l-.12.1-1.07 1.06a1.49 1.49 0 0 0 2 2.22l.11-.11 1.06-1.06c.3-.3.46-.71.43-1.13a.64.64 0 1 1 1.27-.07c.04.7-.2 1.4-.65 1.94l-.15.16-1.06 1.06a2.76 2.76 0 0 1-4.04-3.76l.13-.15 1.07-1.06c.5-.5 1.18-.79 1.89-.8zM17.39 0c.53 0 1.04.19 1.45.52l.14.14 4.37 4.37c.38.37.6.87.65 1.4l.01.19V10a.75.75 0 0 1-1.49.1V7.5h-3.76c-1.19 0-2.16-.93-2.24-2.1V1.5H3c-.79 0-1.43.6-1.5 1.36V21c0 .78.59 1.42 1.35 1.5H10a.75.75 0 1 1 0 1.5H3a3 3 0 0 1-3-2.82V3a3 3 0 0 1 2.82-3h14.56zm3.72 14.95c.22.22.24.56.07.81l-.07.09-5.31 5.3a.64.64 0 0 1-.98-.8l.08-.1 5.3-5.3a.64.64 0 0 1 .9 0zm.79-2.75a2.76 2.76 0 0 1 1.37 4.48l-.13.14-1.07 1.07c-.55.55-1.31.84-2.1.8a.64.64 0 0 1 .08-1.28c.36.02.72-.1 1-.32l.12-.1 1.07-1.07a1.49 1.49 0 0 0-2-2.2l-.1.1-1.07 1.06c-.3.3-.45.7-.43 1.13a.64.64 0 0 1-1.27.07c-.04-.71.2-1.4.65-1.94l.15-.16 1.06-1.06c.7-.7 1.72-.98 2.67-.72zM4.5 8.25h.75a3 3 0 0 1 .18 6h-.18v2.25a.75.75 0 0 1-1.49.1v-3.05l-.01-.05V9a.75.75 0 0 1 .75-.75zm6 0h.75a3 3 0 0 1 .18 6h-.18v2.25a.75.75 0 0 1-1.49.1v-3.05l-.01-.05V9a.75.75 0 0 1 .75-.75zm-5.25 1.5v3h.14a1.5 1.5 0 0 0 0-3h-.14zm6 0v3h.14a1.5 1.5 0 0 0 0-3h-.14zm8.25-1.5a.75.75 0 0 1 .1 1.5h-.85V11a.75.75 0 0 1-1.49.1V9.75h-.76a.75.75 0 0 1-.1-1.5h3.1zM22.2 6 18 1.8v3.45c0 .38.29.7.65.74h3.54z"
   }));
 };
 
-module.exports = PptLinkIcon;
+const ForwardRef = forwardRef(PptLinkIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/PreviewIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const PreviewIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const PreviewIcon = ({
     ...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.75 18.75c.41421356 0 .75.3357864.75.75v2.25c0 .4142136.33578644.75.75.75H4.5c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75H2.25C1.00735931 24 0 22.9926407 0 21.75V19.5c0-.4142136.33578644-.75.75-.75Zm22.5 0c.4142136 0 .75.3357864.75.75v2.25c0 1.2426407-1.0073593 2.25-2.25 2.25H19.5c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75h2.25c.4142136 0 .75-.3357864.75-.75V19.5c0-.4142136.3357864-.75.75-.75ZM12 6.75c2.1722393 0 4.1605975.9177038 5.9255935 2.43055755.6081268.5212515 1.1466336 1.07832755 1.61151 1.63617915l.2206946.2716458c.0665966.0842339.1261856.1618825.1786491.2321338l.1875905.2634586c.1679497.2519245.1679497.5801257 0 .8320502l-.1875905.2634586c-.0524635.0702513-.1120525.1478999-.1786491.2321338l-.2206946.2716458c-.4648764.5578516-1.0033832 1.1149277-1.61151 1.6361792C16.1605975 16.3322962 14.1722393 17.25 12 17.25c-2.17223926 0-4.16059749-.9177038-5.92559353-2.4305575-.60812675-.5212515-1.14663357-1.0783276-1.61150993-1.6361792l-.22069462-.2716458c-.06659661-.0842339-.12618563-.1618825-.17864914-.2321338l-.1875905-.2634586c-.16794971-.2519245-.16794971-.5801257 0-.8320502l.1875905-.2634586c.05246351-.0702513.11205253-.1478999.17864914-.2321338l.22069462-.2716458c.46487636-.5578516 1.00338318-1.11492765 1.61150993-1.63617915C7.83940251 7.6677038 9.82776074 6.75 12 6.75Zm0 1.5c-1.7652607 0-3.43315251.7697962-4.94940647 2.0694425-.4322486.3704988-.82655395.7630699-1.17896946 1.1596583l-.25639561.2979125L5.43364724 12l.18158122.2229867c.41402989.4968359.89505432.9944473 1.43536507 1.4575708C8.56684749 14.9802038 10.2347393 15.75 12 15.75c1.7652607 0 3.4331525-.7697962 4.9494065-2.0694425.4322486-.3704988.8265539-.7630699 1.1789694-1.1596583l.2563956-.2979125L18.5663528 12l-.1815813-.2229867c-.4140299-.4968359-.8950543-.9944473-1.435365-1.4575708C15.4331525 9.0197962 13.7652607 8.25 12 8.25Zm0 1c1.5187831 0 2.75 1.2312169 2.75 2.75s-1.2312169 2.75-2.75 2.75S9.25 13.5187831 9.25 12 10.4812169 9.25 12 9.25Zm0 1.5c-.6903559 0-1.25.5596441-1.25 1.25s.5596441 1.25 1.25 1.25 1.25-.5596441 1.25-1.25-.5596441-1.25-1.25-1.25ZM4.5 0c.41421356 0 .75.33578644.75.75s-.33578644.75-.75.75H2.25c-.41421356 0-.75.33578644-.75.75V4.5c0 .41421356-.33578644.75-.75.75S0 4.91421356 0 4.5V2.25C0 1.00735931 1.00735931 0 2.25 0Zm17.25 0C22.9926407 0 24 1.00735931 24 2.25V4.5c0 .41421356-.3357864.75-.75.75s-.75-.33578644-.75-.75V2.25c0-.41421356-.3357864-.75-.75-.75H19.5c-.4142136 0-.75-.33578644-.75-.75s.3357864-.75.75-.75Z"
   }));
 };
 
-module.exports = PreviewIcon;
+const ForwardRef = forwardRef(PreviewIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/PrintIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const PrintIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const PrintIcon = ({
     ...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-.001c1.2422136 0 2.25 1.00778644 2.25 2.25v3.75h2.25c1.1904547 0 2.1656108.92555386 2.2448071 2.09600022L24 8.249v7.5c0 1.2422136-1.0077864 2.25-2.25 2.25H19.5v5.25c0 .4142136-.3357864.75-.75.75H5.25c-.41421356 0-.75-.3357864-.75-.75v-5.25H2.25c-1.19045466 0-2.1656108-.9255539-2.24480706-2.0960002L0 15.749v-7.5c0-1.24221356 1.00778644-2.25 2.25-2.25H4.5v-3.75c0-1.24221356 1.00778644-2.25 2.25-2.25h10.5Zm.75 13.5H6v9h12v-9Zm-4.5 4.5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75H8.25c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75Zm8.25-10.5H2.25c-.41378644 0-.75.33621356-.75.75v7.5c0 .4137864.33621356.75.75.75H4.5v-3.75c0-.4142136.33578644-.75.75-.75h13.5c.4142136 0 .75.3357864.75.75v3.75h2.25c.3793042 0 .6934257-.2825128.7431452-.6483192L22.5 15.749v-7.5c0-.41378644-.3362136-.75-.75-.75Zm-6 7.5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-7.5c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75Zm-10.5-6c.41421356 0 .75.33578644.75.75 0 .4142136-.33578644.75-.75.75h-1.5c-.41421356 0-.75-.3357864-.75-.75 0-.41421356.33578644-.75.75-.75Zm12-7.5H6.75c-.41378644 0-.75.33621356-.75.75v3.75h12v-3.75c0-.41378644-.3362136-.75-.75-.75Z"
   }));
 };
 
-module.exports = PrintIcon;
+const ForwardRef = forwardRef(PrintIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/QuestionnaireErrorIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const QuestionnaireErrorIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const QuestionnaireErrorIcon = ({
     ...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: "M23 10.586 13.414 1c-.7809997-.78076388-2.0470003-.78076388-2.828 0L1 10.587c-.78076388.7809997-.78076388 2.0470003 0 2.828L10.586 23c.7809997.7807639 2.0470003.7807639 2.828 0L23 13.415c.375248-.375096.5860729-.8839266.5860729-1.4145 0-.5305734-.2108249-1.039404-.5860729-1.4145ZM11.068 6.417c0-.55228475.4477153-1 1-1s1 .44771525 1 1v6c0 .5522847-.4477153 1-1 1s-1-.4477153-1-1v-6Zm1.051 11.51h-.028c-.8192158-.0031406-1.4903945-.6513881-1.522-1.47-.0148375-.3959911.1302847-.7812971.4026704-1.069108.2723858-.2878109.649122-.4539161 1.0453296-.460892h.028c.8196331.0021127 1.4914073.6509353 1.522 1.47.0148375.3959911-.1302847.7812971-.4026704 1.069108-.2723858.2878109-.649122.4539161-1.0453296.460892Z"
   }));
 };
 
-module.exports = QuestionnaireErrorIcon;
+const ForwardRef = forwardRef(QuestionnaireErrorIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/QuestionnaireIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const QuestionnaireIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const QuestionnaireIcon = ({
     ...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.7279221 0 6.75 3.0220779 6.75 6.75S20.9779221 24 17.25 24s-6.75-3.0220779-6.75-6.75 3.0220779-6.75 6.75-6.75Zm0 1.5C14.3505051 12 12 14.3505051 12 17.25s2.3505051 5.25 5.25 5.25 5.25-2.3505051 5.25-5.25S20.1494949 12 17.25 12Zm-.0004428 7.5000001.1230239.0066012C17.9362391 19.5676801 18.375 20.045101 18.375 20.625c0 .6213203-.5036797 1.125-1.125 1.125s-1.125-.5036797-1.125-1.125c0-.6211727.5034404-1.1247607 1.1245572-1.1249999ZM12.879 0c.5963433 0 1.1682999.23691005 1.5903301.65866991L17.3415 3.53083987C17.76309 3.95270009 18 4.52465668 18 5.121V8.25c0 .41421356-.3357864.75-.75.75s-.75-.33578644-.75-.75V5.121c0-.19860038-.0789468-.38919662-.2193301-.52966991l-2.87183-2.87183011C13.2681966 1.57894684 13.0776004 1.5 12.879 1.5H2.25c-.41421356 0-.75.33578644-.75.75v16.5c0 .4142136.33578644.75.75.75h6c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75h-6C1.00735931 21 0 19.9926407 0 18.75V2.25C0 1.00735931 1.00735931 0 2.25 0Zm4.371 13.5c1.4497475 0 2.625 1.1752525 2.625 2.625s-1.1752525 2.625-2.625 2.625c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75l.1225811-.0066013C17.9362391 17.1823199 18.375 16.704899 18.375 16.125c0-.6213203-.5036797-1.125-1.125-1.125s-1.125.5036797-1.125 1.125l-.0068466.1017706c-.0496624.3660755-.3634576.6482294-.7431534.6482294-.4142136 0-.75-.3357864-.75-.75 0-1.4497475 1.1752525-2.625 2.625-2.625Zm-8 1.5c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75h-4.5c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75h4.5Zm2-5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-6.5c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75h6.5Zm2-5c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-8.5c-.41421356 0-.75-.33578644-.75-.75S4.33578644 5 4.75 5h8.5Z"
   }));
 };
 
-module.exports = QuestionnaireIcon;
+const ForwardRef = forwardRef(QuestionnaireIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/RegulatoryReportingIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const RegulatoryReportingIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const RegulatoryReportingIcon = ({
     ...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: "M9.959 2.769v3.4c0 1.046.848 1.894 1.895 1.894h4.014v3.094l-2.12.943V9.65h-2.12v7.942h1.06v1.588c-.353.247-.53.512-.53.794 0 .283.177.547.53.794H3.15l-.001-.09A1.589 1.589 0 0 1 2.09 19.18V3.838c0-.59.48-1.07 1.07-1.07h6.8Zm11.06 16.717a.525.525 0 0 1 .072 1.044l-.071.005h-7.721a.525.525 0 0 1-.072-1.044l.072-.005h7.72Zm-5.99-4.37v3.496h-1.405v-3.497h1.404Zm2.807 0v3.496h-1.404v-3.497h1.404Zm2.807 0v3.496H19.24v-3.497h1.403Zm-14.315-2.29h-1.67v4.766H6.33v-4.765Zm3.71-2.116h-2.12l.001 6.882h2.12V10.71Zm7.323.948.087.035 4.055 2.02a.348.348 0 0 1-.096.657l-.06.005h-8.423a.35.35 0 0 1-.208-.631l.051-.031 4.054-2.02a.71.71 0 0 1 .54-.035Zm-6.33-8.89 4.66 4.066h-4.66V2.77Z"
   }));
 };
 
-module.exports = RegulatoryReportingIcon;
+const ForwardRef = forwardRef(RegulatoryReportingIcon);
+module.exports = ForwardRef;