@imtf/icons 0.1.3 → 0.2.0

package/lib/esm/icons/MoreIcon.js

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

package/lib/esm/icons/NameScreeningIcon.js

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

package/lib/esm/icons/NewIcon.js

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

package/lib/esm/icons/NotFoundIcon.js

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

package/lib/esm/icons/NotificationsOutlineIcon.js

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

package/lib/esm/icons/OpenIcon.js

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

package/lib/esm/icons/PermissionsIcon.js

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

package/lib/esm/icons/PersonIcon.js

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

package/lib/esm/icons/PinFilledIcon.js

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

package/lib/esm/icons/PinOutlinedIcon.js

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

package/lib/esm/icons/PlayIcon.js

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

package/lib/esm/icons/PptIcon.js

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

package/lib/esm/icons/PptLinkIcon.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 PptLinkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,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"
   }));
 };
 
-export default PptLinkIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PptLinkIcon);
+export default ForwardRef;

package/lib/esm/icons/PreviewIcon.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 PreviewIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,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"
   }));
 };
 
-export default PreviewIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PreviewIcon);
+export default ForwardRef;

package/lib/esm/icons/PrintIcon.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 PrintIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,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"
   }));
 };
 
-export default PrintIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(PrintIcon);
+export default ForwardRef;