@imtf/icons 0.1.3 → 0.2.2

package/lib/esm/icons/GaugeLightIcon.js

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

package/lib/esm/icons/GenerateFileIcon.js

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

package/lib/esm/icons/GraphIcon.js

@@ -1,5 +1,4 @@
-import * as React from "react";
-import { useContext, useMemo } from 'react';
+import { createElement, forwardRef, useContext, useMemo } from 'react';
 import { IconContext } from '../index.js';
 import get from 'lodash.get';
 
@@ -7,7 +6,7 @@ const GraphIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const GraphIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 28 28",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M24.889 0H3.11A3.12 3.12 0 0 0 0 3.111V24.89A3.12 3.12 0 0 0 3.111 28H24.89A3.12 3.12 0 0 0 28 24.889V3.11A3.12 3.12 0 0 0 24.889 0zM7.778 21.778a1.56 1.56 0 0 1-1.556-1.556v-7.778c0-.855.7-1.555 1.556-1.555.855 0 1.555.7 1.555 1.555v7.778c0 .856-.7 1.556-1.555 1.556zm6.222 0a1.56 1.56 0 0 1-1.556-1.556V7.778c0-.856.7-1.556 1.556-1.556.856 0 1.556.7 1.556 1.556v12.444c0 .856-.7 1.556-1.556 1.556zm6.222 0a1.56 1.56 0 0 1-1.555-1.556v-3.11c0-.856.7-1.556 1.555-1.556.856 0 1.556.7 1.556 1.555v3.111c0 .856-.7 1.556-1.556 1.556z"
   }));
 };
 
-export default GraphIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(GraphIcon);
+export default ForwardRef;

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

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

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

package/lib/esm/icons/HorseIcon.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 HorseIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,19 +14,21 @@ const HorseIcon = ({
     ...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 16 20",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M5.4673913 14.1086957v-1.7608696c0-.5482917.19945997-1.1129201.66595087-1.99193378l.52683442-.97172613.17882125-.34256827c.34061002-.67115245.38926303-.91415937.38926303-1.38942401 0-.41421356-.33578644-.75-.75-.75-.37969577 0-.69349096.28215388-.74315338.64822945l-.01099666.19055327c-.01767857.17926347-.09809847.38347931-.35772711.8784029l-.42629868.78928896c-.66962826 1.22214598-.97269374 2.01597551-.97269374 2.93917761v1.7608696c0 .4142135.33578644.75.75.75.41421357 0 .75-.3357865.75-.75Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M8.33889501 2.84182552C8.0328059 1.23690442 6.64150501.44565217 4.7173913.44565217c-.41421356 0-.75.33578644-.75.75v1.96192996l-2.81645 2.01235353C.33179335 5.75573574.10927163 6.8651552.61372427 7.71529073l.10070108.15256632.54793004.73116752c.49605509.66268894 1.36160475.93266677 2.14777148.67103869l2.60291894-.86788935H7.6521739c.41421357 0 .75-.33578643.75-.75 0-.41421356-.33578643-.75-.75-.75H5.89130435a.74999987.74999987 0 0 0-.23723228.03850802l-2.718.90626087c-.17356039.05775895-.36428852-.00173199-.47321946-.14725472l-.55622975-.74196963c-.11813817-.1662407-.07407813-.43112546.11660472-.56748916l3.13017895-2.23651278c.19704657-.14078977.31398477-.36806247.31398477-.61023825V2.00040442c.95452359.15657448 1.43478261.65312841 1.43478261 1.54307384 0 .41411253.33562878.74985711.74974129.74999996 1.85477112.00063979 3.3583146 1.50418328 3.3589544 3.3589544v6.45626308c0 .4142135.3357864.75.75.75.4142135 0 .75-.3357865.75-.75V7.65217391c-.0008195-2.37576997-1.70602635-4.35297351-3.95917217-4.77534183l-.21280242-.03500656Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M4.43016823 13.4158732c.09105358-.037748.18865498-.0571775.28722307-.0571775h7.0434783c.0985681 0 .1961695.0194295.287223.0571775 1.6395866.6797227 2.6813824 2.171543 3.287579 3.776207.0728101.1898773.1099806.3912476.1099806.5948763 0 .9761266-.7912647 1.7673913-1.7673913 1.7673913H2.8c-.9761266 0-1.7673913-.7912647-1.7673913-1.7673913 0-.2036287.0371705-.404999.1086568-.5913982.60752034-1.6081421 1.64931616-3.0999624 3.28890273-3.7796851Zm.23169493 1.5534263c-.9774433.5542163-1.69195244 1.6302-2.11871334 2.7598377-.00697541.0181908-.01054112.037508-.01054112.0578193 0 .1476995.11969182.2673913.2673913.2673913h10.8782609c.1476995 0 .2673913-.1196918.2673913-.2673913 0-.0203113-.0035657-.0396285-.011865-.0612974-.4559699-1.2069791-1.2434887-2.3555862-2.3308568-2.8669634H4.87533075l-.21346759.1106038Z"
   }));
 };
 
-export default HorseIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(HorseIcon);
+export default ForwardRef;

package/lib/esm/icons/InboxIcon.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 InboxIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const InboxIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M6.832 14.25c.26914264 0 .51765021.1442145.65118236.3778958.46202465.8085431 1.13089261 1.4776354 1.93767613 1.9377815 2.49502201 1.4244784 5.67110731.5570205 7.09587491-1.937634.1335093-.2337642.3820633-.3780433.6512666-.3780433H21c1.2422136 0 2.25 1.0077864 2.25 2.25V21c0 1.2422136-1.0077864 2.25-2.25 2.25H3C1.75778644 23.25.75 22.2422136.75 21v-4.5c0-1.2422136 1.00778644-2.25 2.25-2.25h3.832Zm-.41837368 1.5H3c-.41378644 0-.75.3362136-.75.75V21c0 .4137864.33621356.75.75.75h18c.4137864 0 .75-.3362136.75-.75v-4.5c0-.4137864-.3362136-.75-.75-.75h-3.413277c-1.9311913 2.921099-5.8246087 3.8796206-8.90929556 2.1184859-.82006991-.4677239-1.52947485-1.1028581-2.08455137-1.8612019L6.41362632 15.75ZM12 .75c.4142136 0 .75.33578644.75.75v8.938l2.5314787-2.02365161c.2940422-.23523378.7108306-.21327897.9785883.035667l.0755846.08146332c.2587572.32344646.2063161.79541574-.1171303 1.0541729l-3.75 2.99999999a.75381038.75381038 0 0 1-.003852.0030611c-.0278609.0220536-.0572584.0420963-.0880475.0600098-.0074059.0042175-.0146252.0082519-.0218943.0121578-.0237.0128668-.0487689.0246462-.0745477.0350347-.0101725.0039598-.0197762.0075879-.0294349.0110118-.024592.0088794-.050429.0165362-.0768056.0227999-.0081109.0018074-.0161281.0035749-.0241664.0052093C12.1016401 12.7448245 12.0514245 12.75 12 12.75l.0653348-.0028419a.75219445.75219445 0 0 1-.0220414.0015955L12 12.75c-.01489 0-.0296787-.0004339-.0443541-.0012898-.0066298-.0003999-.0143148-.0009613-.0219915-.0016409-.0290291-.0025435-.0566849-.0065915-.0838089-.0121034-.0076567-.0016643-.0156739-.0034318-.0236664-.0053322-.026495-.0061707-.052332-.0138275-.0775476-.0227953-.0090351-.0033355-.0186388-.0069636-.0281809-.0107959-.0264092-.010516-.0514781-.0222954-.0757442-.0353726-.0390163-.0210587-.0771236-.046135-.1132277-.0750183l.0918995.0630709c-.0307891-.0179135-.0601866-.0379562-.0879909-.0599262l-.0039086-.0031447-3.74999999-2.99999999c-.32344645-.25875716-.37588748-.73072644-.11713032-1.0541729.25875716-.32344645.73072644-.37588748 1.0541729-.11713032L11.25 10.44V1.5c0-.37969577.2821539-.69349096.6482294-.74315338Z"
   }));
 };
 
-export default InboxIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(InboxIcon);
+export default ForwardRef;

package/lib/esm/icons/InfoIcon.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 InfoIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const InfoIcon = ({
     ...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: "M11.9830572.00299963c-3.20559926.0519935-6.26221718 1.36482939-8.50893634 3.65254343C1.2034047 5.91626047-.05043857 9.00387452.00155493 12.2084739-.00644407 18.7126609 5.2608975 23.992001 11.7650845 24h.2489689c6.6771653-.0689914 12.0384952-5.5303087 11.9845019-12.2074741C24.0135534 5.29533808 18.7592102.015998 12.2620224 0c-.0929884 0-.1859768.00099988-.2789652.00299963ZM11.999875 11c.551931 0 .999875.447944.999875.999875v4.9992501c0 .551931-.447944.999875-.999875.999875S11 17.5510561 11 16.9991251V11.999875C11 11.447944 11.447944 11 11.999875 11Zm-.0238169-4.98687664c.8198975.00199975 1.4918135.65091863 1.5228097 1.46981627.0299962.81389827-.6049244 1.49881265-1.4188227 1.5288089l-.0149981.00049994-.0419948.00049994c-.8198975-.00299963-1.4908136-.65091864-1.5228096-1.46981628-.0299963-.81489813.6059243-1.49881264 1.4208224-1.5288089l.0139982-.00049993.0409949-.00049994Z"
   }));
 };
 
-export default InfoIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(InfoIcon);
+export default ForwardRef;

package/lib/esm/icons/InheritableIcon.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 InheritableIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const InheritableIcon = ({
     ...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.75-.002c.4142136 0 .75.33578644.75.75v7.5c0 .41421356-.3357864.75-.75.75h-3v3H18c1.190864 0 2.1656449.9251616 2.2448092 2.0959512L20.25 14.248v.75h3c.4142136 0 .75.3357864.75.75v7.5c0 .4142136-.3357864.75-.75.75h-7.5c-.4142136 0-.75-.3357864-.75-.75v-7.5c0-.4142136.3357864-.75.75-.75h3v-.75c0-.3796958-.2821539-.693491-.6482294-.7431534L18 13.498H6c-.41421356 0-.75.3357864-.75.75v.75h3c.41421356 0 .75.3357864.75.75v7.5c0 .4142136-.33578644.75-.75.75H.75c-.41421356 0-.75-.3357864-.75-.75v-7.5c0-.4142136.33578644-.75.75-.75h3v-.75c0-1.190864.92516159-2.1656449 2.09595119-2.2448092L6 11.998h5.25v-3h-3c-.41421356 0-.75-.33578644-.75-.75v-7.5c0-.41421356.33578644-.75.75-.75h7.5Zm-8.25 16.5h-6v6h6v-6Zm15 0h-6v6h6v-6Zm-7.5-15H9v6h6v-6Z"
   }));
 };
 
-export default InheritableIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(InheritableIcon);
+export default ForwardRef;

package/lib/esm/icons/InkIcon.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 InkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const InkIcon = ({
     ...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 0c.8282136 0 1.5.67178644 1.5 1.5V6c0 .82821356-.6717864 1.5-1.5 1.5l-1.4174239.00100586c.1913427.85910445.7063357 1.62312418 1.4517824 2.12052746l.6362409.41881288c1.4587073.9744156 2.3345671 2.6137476 2.3333986 4.3676538v5.842c0 2.0712139-1.6787847 3.75-3.749999 3.75h-15C2.43278613 24 .753998 22.3212133.753998 20.25v-5.8395018c-.00116416-1.7544048.87469535-3.3937361 2.33397632-4.3685362l.62400053-.41599972c.74886739-.49924493 1.26482163-1.26474489 1.45591986-2.12464353L3.75 7.5c-.82821356 0-1.5-.67178644-1.5-1.5V1.5c0-.82821356.67178644-1.5 1.5-1.5h16.5Zm-2.9429539 7.5H6.69336412l-.04563904.2543035c-.26086352 1.26283874-1.00864785 2.3896995-2.10370039 3.1197345l-.62342481.4156155c-1.04181991.6959363-1.6674333 1.8668862-1.66660254 3.1203465v5.84c0 1.2427861 1.00721584 2.25 2.25000166 2.25h15c1.2427871 0 2.2499983-1.0072132 2.2499983-2.25v-5.8424992c.0008358-1.2529614-.6247773-2.4239108-1.6623568-3.1170341l-.6359119-.4185932C18.2884543 10.093025 17.5159555 8.86429047 17.3070461 7.5Zm-4.7962212 4.7008571.1215755.1169042.2629929.2686839c.2804129.2952645.5606961.6179141.82381.9595528.471086.611679.8367988 1.2177555 1.0564768 1.8104158.1454433.3923852.2243199.7736523.2190817 1.0550997.180871 1.522331-.9059651 2.9023798-2.4277723 3.0831884-.1256719.0150174-.2518853.0213822-.3780162.0190944l-.1890565-.009921-.1708183.0096302c-1.4167516.0364932-2.653324-1.0116719-2.82380036-2.446516C8.97923395 16.8488735 8.97923395 16.6291265 9 16.5c0-.3699339.07887661-.751201.22431985-1.1435862.21967809-.5926603.58539089-1.1987368 1.05647685-1.8104158.2631139-.3416387.5433971-.6642883.82381-.9595528l.1852497-.191117.1993187-.1944711c.2878984-.2678095.7337514-.2678095 1.0216498 0ZM12 13.8269028l-.1807801.2049849c-.1196.139039-.2369975.2826153-.3500166.4293643-.3867506.5021741-.6790306.9865544-.8383951 1.416497-.0874657.2359702-.1308082.4454753-.1361063.7112405-.0119359.099884-.0119359.200137.0000599.300524.0831253.6996376.7170305 1.1988599 1.4167517 1.1157247l.177476.0000599c.099884.0119359.200137.0119359.300524-.0000599.6559103-.0779299 1.1356742-.6399438 1.1202652-1.3593543l-.014986-.2558267c-.0138946-.1516935-.0556283-.323532-.1256009-.5123082-.1593645-.4299426-.4516445-.9143229-.8383951-1.416497-.1130191-.146749-.2304166-.2903253-.3500166-.4293643L12 13.8269028ZM6.74999685 1.5H3.75V6h2.99999685V1.5Zm4.49999995 0H8.24999685V6h2.99999995V1.5ZM20.25 1.5h-3.0000032V6H20.25V1.5Zm-4.5000032 0h-3V6h3V1.5Z"
   }));
 };
 
-export default InkIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(InkIcon);
+export default ForwardRef;

package/lib/esm/icons/LinkIcon.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 LinkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const LinkIcon = ({
     ...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.51631131 11.2637796.26166044.0084525c.41353311.0237326.72952883.3782065.70579619.7917396-.02373264.4135332-.37820657.7295289-.79173969.7057962-1.05868112-.0607576-2.09339313.3329215-2.84369816 1.0815622l-2.25 2.25c-1.46410679 1.4641068-1.46410679 3.839233 0 5.3033398 1.46410678 1.4641068 3.83923304 1.4641068 5.30333982 0l2.24941169-2.2494111c.749229-.7508939 1.1429081-1.7856059 1.0821505-2.8442871-.0237327-.4135331.292263-.768007.7057962-.7917396.4135331-.0237327.768007.292263.7917396.7057962.0852328 1.4851517-.4669603 2.9364883-1.5184378 3.9903018l-2.25000001 2.25c-2.04989322 2.0498932-5.37476696 2.0498932-7.42466018 0-2.04989321-2.0498932-2.04989321-5.374767 0-7.4246602l2.25058893-2.2505883c1.05322458-1.0508892 2.50456115-1.6030823 3.98971291-1.5178495Zm9.20335859-5.04510969c.2928932-.29289321.767767-.29289321 1.0606602 0 .2928932.29289322.2928932.76776696 0 1.06066018L7.28033009 17.7793301c-.29289322.2928932-.76776696.2928932-1.06066018 0-.29289321-.2928932-.29289321-.767767 0-1.0606602Zm-1.682-4.687c2.0498932-2.04989321 5.374767-2.04989321 7.4246602 0 2.0498932 2.04989322 2.0498932 5.37476696 0 7.42466018l-2.2505889 2.25058831c-1.0532246 1.0508892-2.5045612 1.6030823-3.9897129 1.5178495-.4135332-.0237326-.7295289-.3782065-.7057962-.7917396.0237326-.4135332.3782065-.7295289.7917396-.7057962 1.0586812.0607576 2.0933932-.3329215 2.8436982-1.0815622l2.25-2.24999999c1.4641068-1.46410678 1.4641068-3.83923304 0-5.30333982-1.4641068-1.46410679-3.839233-1.46410679-5.3033398 0l-2.2485297 2.24852564c-.7475156.75167768-1.1396717 1.78647236-1.0780683 2.84455169.0240755.41351329-.2916262.76824911-.7051395.79232463-.4135133.02407552-.7682491-.29162617-.7923247-.70513947-.0864045-1.48405712.4635437-2.93522291 1.513402-3.99092267Z"
   }));
 };
 
-export default LinkIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(LinkIcon);
+export default ForwardRef;

package/lib/esm/icons/LockIcon.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 LockIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const LockIcon = ({
     ...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 0c3.3132136 0 6 2.68678644 6 6v3h.75C19.9922136 9 21 10.0077864 21 11.25v10.5c0 1.2422136-1.0077864 2.25-2.25 2.25H5.25C4.00778644 24 3 22.9922136 3 21.75v-10.5C3 10.0077864 4.00778644 9 5.25 9H6V6C6 2.76208675 8.56604758.12245022 11.775094.00413922Zm6.75 10.5H5.25c-.41378644 0-.75.3362136-.75.75v10.5c0 .4137864.33621356.75.75.75h13.5c.4137864 0 .75-.3362136.75-.75v-10.5c0-.4137864-.3362136-.75-.75-.75Zm-6.7450056 2.8125c.5175.0025.935.42.9325.9375 0 .3335-.1744296.6265074-.4369739.7927072L12.5 17c0 .2761424-.2238576.5-.5.5s-.5-.2238576-.5-.5l.0004387-1.9566793c-.2630848-.1660917-.4379443-.45941-.4379443-.7933207 0-.5175.42-.9375.9375-.9375ZM12 1.5C9.51521356 1.5 7.5 3.51521356 7.5 6v3h9V6c0-2.41379254-1.9017036-4.38446161-4.2882043-4.49510083Z"
   }));
 };
 
-export default LockIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(LockIcon);
+export default ForwardRef;

package/lib/esm/icons/LogoIcon.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 LogoIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,23 +14,25 @@ const LogoIcon = ({
     ...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 159 65",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M61.98 38.88h-.978l-4.888-9.57-.002 16.349H50.64V19.141h5.264l5.587 11.565 5.768-11.565h5.279v26.518h-5.67V29.31zM23.071 19.141h5.474V45.66h-5.474z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     fill: "#D93753",
     d: "M14.664 0v4.387l-9.19-.001v56.227h9.19V65H0V0z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M108.122793 19.1411043v4.3865031l-5.865712-.000209.000099 22.1321109h-5.4745713l-.0002993-22.1321109-5.8653134.000209v-4.3865031h17.205797Zm32.065349 0v4.3865031l-8.211957-.000209v6.5798933l7.625396.0000703v4.3865031l-7.625396-.0002792.0001 11.1659234h-5.474572v-26.518405h13.686429Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     fill: "#D93753",
     d: "M159 65h-11.564v-4.432h7.228V4.432h-7.228V0H159z"
   }));
 };
 
-export default LogoIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(LogoIcon);
+export default ForwardRef;

package/lib/esm/icons/LogoutIcon.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 LogoutIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const LogoutIcon = ({
     ...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: "M14.4233377.75092998C15.625673.81086088 16.5535076 1.83120683 16.5 3v4.5c0 .41421356-.3357864.75-.75.75S15 7.91421356 15 7.5l.0007625-4.53381098C15.0178103 2.58841625 14.7263506 2.26789605 14.386 2.25L2.15033943 2.24906993C1.77300696 2.2678791 1.48190625 2.58823938 1.5 3l-.00076369 18.0338371c-.01705302.3775954.27412372.6980394.61376369.7161629l12.2356623.00093c.3776883-.018826.669148-.3393462.6513377-.75093v-4.5c0-.4142136.3357864-.75.75-.75s.75.3357864.75.75l.0008017 4.6219529C16.4722369 22.2557051 15.5717742 23.1917853 14.386 23.25l-12.31085844-.0009561C.87341082 23.1883056-.05352299 22.1682023 0 21L-.00088774 2.87858596C.02689132 1.74476825.927159.80822073 2.113.75Zm4.5463322 6.97273993c.2928932-.29289321.767767-.29289321 1.0606602 0l3.75 3.74999999c.0390717.0390717.0729313.0813819.1015787.1260664.0071488.0112729.01407.0227299.0206882.0343815.0083407.0145685.0161767.0295423.0234726.0447107.0084854.0176576.0164809.0360773.0237418.0548626.0041601.0108524.0078856.0212176.0113757.0316442.0072336.0213812.013642.0438375.0190049.0666966.0027933.012242.0052322.0239353.0073899.0356701.0081232.04361.0124181.0894524.0124181.136298l-.0036766-.0743964a.75419606.75419606 0 0 1 .0031416.0459845L24 12.004c0 .0099111-.0001922.0197772-.0005732.0295949-.0005726.0144956-.0015741.0291642-.0030047.0437987-.0021093.0218904-.0050934.0429762-.0089345.0637615-.0020634.0108777-.0045023.022571-.0072223.0342119-.0054362.0234602-.0118446.0459165-.0192456.0679166-.0033227.0098077-.0070482.0201729-.011009.0304683-.0074602.0193423-.0154557.037762-.0241505.0557809-.0070865.0148071-.0149225.0297809-.0232984.0445312-.006583.0114698-.0135042.0229268-.0207177.0341784-.0285827.0447058-.0624423.087016-.101514.1260877l-3.75 3.75c-.2928932.2928932-.767767.2928932-1.0606602 0-.2928932-.2928932-.2928932-.767767 0-1.0606602L21.4387941 12.754H7.5c-.37969577 0-.69349096-.2821539-.74315338-.6482294L6.75 12.004c0-.4142136.33578644-.75.75-.75h13.9387941l-2.4691242-2.46966991c-.2662665-.26626657-.2904726-.68293025-.0726181-.97654174Z"
   }));
 };
 
-export default LogoutIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(LogoutIcon);
+export default ForwardRef;