@imtf/icons 0.1.3 → 0.2.0

package/lib/esm/icons/SquareIcon.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 SquareIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const SquareIcon = ({
     ...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: "M22 4c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2H2c-1.1045695 0-2-.8954305-2-2V6c0-1.1045695.8954305-2 2-2h20Zm.5 1.5h-21v13h21v-13Z"
   }));
 };
 
-export default SquareIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(SquareIcon);
+export default ForwardRef;

package/lib/esm/icons/StarBorderIcon.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 StarBorderIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const StarBorderIcon = ({
     ...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.44592051 7.11928548 10.6031889.85863751c.3945734-.77190817 1.3407753-1.07723022 2.1118463-.6821043l.1435933.08365038c.2278702.14927246.4143319.35551736.5399144.60186337L16.558909 7.1232743l6.0185147.59632803c.8551789.07142577 1.4906044.82200351 1.4209586 1.67900561-.0309705.36971011-.1924485.71595136-.4554194.97507876l-4.9884332 4.9441962 1.8504506 6.722014c.2210787.834332-.2754177 1.6899708-1.1094383 1.9109669-.368776.0979562-.7605167.0576744-1.0993555-.1117513l-6.196164-3.0681878-6.18260937 3.0618905c-.77099947.3883838-1.71091556.0774564-2.10023352-.695405-.17071777-.3414355-.21099958-.7331762-.11128053-1.1084706l1.84851917-6.7148753-4.99221294-4.9442109C-.1482633 9.76518039-.15244936 8.77966315.45078487 8.17258363c.26065583-.2645174.60689708-.42599541.96527584-.45593005l6.0298598-.5973681Zm4.54946679-5.61524309c-.0230783.00134197-.0446113.01390463-.0547232.03367048l-3.34099999 6.625c-.11557213.2291725-.34031009.38333004-.59572482.40863355l-6.45133135.63903584c-.01354705.00113483-.02492567.00644153-.0355916.0172562-.02073253.020865-.02058607.05534653.00074561.07647569l5.304 5.25300005c.19260426.1907523.26728663.4705913.19533897.7319462L5.05386385 22.420542c-.0040272.0151612-.00235481.0314251.00395133.0440449.01583062.0314261.05405537.044071.08933349.0263194l6.52000003-3.229c.2097312-.1038685.4559277-.1038754.6656648-.0000188l6.5315967 3.2342921c.0146227.0073114.0308866.0089837.0464867.0048401.0332835-.0088193.0531122-.0429913.0460022-.0699593l-1.965-7.138c-.0719208-.2612573.0026776-.5409935.195138-.7317471l5.3015465-5.25452843c.0085926-.00846714.0138993-.01984576.0150707-.0315327.0023457-.03120327-.0206016-.05830907-.0625936-.06190575l-6.44-.638c-.2553196-.02529409-.4799924-.17934767-.5956036-.40839338l-3.3446367-6.62631245-.0121235-.01616832-.0187622-.01352521-.0345474-.00690467Z"
   }));
 };
 
-export default StarBorderIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(StarBorderIcon);
+export default ForwardRef;

package/lib/esm/icons/StarIcon.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 StarIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const StarIcon = ({
     ...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.44592051 7.11928548 10.6031889.85863751c.3945734-.77190817 1.3407753-1.07723022 2.1118463-.6821043l.1435933.08365038c.2278702.14927246.4143319.35551736.5399144.60186337L16.558909 7.1232743l6.0185147.59632803c.8551789.07142577 1.4906044.82200351 1.4209586 1.67900561-.0309705.36971011-.1924485.71595136-.4554194.97507876l-4.9884332 4.9441962 1.8504506 6.722014c.2210787.834332-.2754177 1.6899708-1.1094383 1.9109669-.368776.0979562-.7605167.0576744-1.0993555-.1117513l-6.196164-3.0681878-6.18260937 3.0618905c-.77099947.3883838-1.71091556.0774564-2.10023352-.695405-.17071777-.3414355-.21099958-.7331762-.11128053-1.1084706l1.84851917-6.7148753-4.99221294-4.9442109C-.1482633 9.76518039-.15244936 8.77966315.45078487 8.17258363c.26065583-.2645174.60689708-.42599541.96527584-.45593005l6.0298598-.5973681Z"
   }));
 };
 
-export default StarIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(StarIcon);
+export default ForwardRef;

package/lib/esm/icons/SystemBotIcon.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 SystemBotIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const SystemBotIcon = ({
     ...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.2620224 0c6.4971878.015998 11.751531 5.29533808 11.7365329 11.7925259l-.0012611.3026557C23.8897819 18.6339478 18.5900495 23.9320539 12.0140534 24h-.2489689C5.26089751 23.992001-.00644407 18.7126609.00155493 12.2084739c-.0519935-3.20459938 1.20184977-6.29221343 3.47256593-8.55293084C5.72084002 1.36782902 8.77745794.05499313 11.9830572.00299963 12.0760456.00099988 12.169034 0 12.2620224 0Zm-.2704346 4c-.9253417 0-1.6656151.7402734-1.6656151 1.66561514 0 .70662461.4374342 1.29547845 1.0599369 1.54784438V8.7108307H7.12933754c-.99263933 0-1.8170347.80757098-1.8170347 1.8170347v1.446898h-.40378549C4.40378549 11.9747634 4 12.3785489 4 12.8832808v2.1366982c0 .5047318.40378549.9085173.90851735.9085173h.42060988v1.5814932c0 .9926393.80757098 1.8170347 1.8170347 1.8170347h9.70767617c.9926393 0 1.8170347-.807571 1.8170347-1.8170347v-1.5814932h.4206098c.5047319 0 .9085174-.4037855.9085174-.9085173v-2.1366982c-.0168244-.4879075-.4206099-.9085174-.9253417-.9085174h-.4206099v-1.446898c0-.99263932-.807571-1.8170347-1.8170347-1.8170347H12.597266V7.21345952c.6225027-.23554154 1.0599369-.84121977 1.0599369-1.54784438C13.6572029 4.7402734 12.9169295 4 11.9915878 4Zm1.7665615 11.1041009c.168244 0 .2860147.1345952.2860147.2860148.0168244 1.1440589-.9085173 2.0694006-2.0525762 2.0694006-1.1440589 0-2.06940063-.9253417-2.06940063-2.0694006 0-.168244.13459513-.2860148.28601473-.2860148h3.5499474Zm-4.32386959-3.8527865c.70662459 0 1.26182969.5720294 1.26182969 1.2618297 0 .7066246-.5720295 1.2618296-1.26182969 1.2618296-.68980021 0-1.26182966-.5720294-1.26182966-1.2618296 0-.7066246.57202945-1.2618297 1.26182966-1.2618297Zm5.09779179 0c.6898002 0 1.2618297.5720294 1.2618297 1.2618297.0168244.6898002-.5552051 1.2618296-1.2618297 1.2618296s-1.2618296-.5720294-1.2618296-1.2618296c0-.7066246.5720294-1.2618297 1.2618296-1.2618297Z"
   }));
 };
 
-export default SystemBotIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(SystemBotIcon);
+export default ForwardRef;

package/lib/esm/icons/TableIcon.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 TableIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TableIcon = ({
     ...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 0a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h20zm0 19H11v3h13v-3zM8 19H5v3h3v-3zm16-6H11v3h13v-3zM8 13H5v3h3v-3zm16-6H11v3h13V7zM8 7H5v3h3V7z"
   }));
 };
 
-export default TableIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TableIcon);
+export default ForwardRef;

package/lib/esm/icons/TaskIcon.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 TaskIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TaskIcon = ({
     ...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 .011c2.2296805 0 4.0807003 1.62176103 4.4377764 3.75H19.5c1.2422136 0 2.25 1.00778644 2.25 2.25v15.75c0 1.2422136-1.0077864 2.25-2.25 2.25h-15c-1.24221356 0-2.25-1.0077864-2.25-2.25V6.011c0-1.24221356 1.00778644-2.25 2.25-2.25h3.06222358l.03918203-.20434008C8.03911433 1.52981886 9.84224468.011 12 .011Zm0 1.5c-1.6567864 0-3 1.34321356-3 3 0 .41421356-.33578644.75-.75.75H4.5c-.41378644 0-.75.33621356-.75.75v15.75c0 .4137864.33621356.75.75.75h15c.4137864 0 .75-.3362136.75-.75V6.011c0-.41378644-.3362136-.75-.75-.75h-3.75c-.4142136 0-.75-.33578644-.75-.75 0-1.65678644-1.3432136-3-3-3ZM8.24955442 17.6360001l.12300812.0066026C8.93614604 17.7036934 9.375 18.1812007 9.375 18.761c0 .6212136-.50378644 1.125-1.125 1.125s-1.125-.5037864-1.125-1.125c0-.621065.50354556-1.1247591 1.12455442-1.1249999ZM16.5 18.011c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-5.25c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75Zm-8.25044558-4.8749999.12300812.0066026C8.93614604 13.2036934 9.375 13.6812007 9.375 14.261c0 .6212136-.50378644 1.125-1.125 1.125s-1.125-.5037864-1.125-1.125c0-.621065.50354556-1.1247591 1.12455442-1.1249999ZM16.5 13.511c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-5.25c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75ZM8.24955442 8.63600009l.12300812.00660259C8.93614604 8.70369342 9.375 9.18120068 9.375 9.761c0 .6212136-.50378644 1.125-1.125 1.125s-1.125-.5037864-1.125-1.125c0-.62106503.50354556-1.12475908 1.12455442-1.12499991ZM16.5 9.011c.4142136 0 .75.33578644.75.75 0 .4142136-.3357864.75-.75.75h-5.25c-.4142136 0-.75-.3357864-.75-.75 0-.41421356.3357864-.75.75-.75Zm-4.5004456-5.99999991.1230081.00660259C12.686146 3.07869342 13.125 3.55620068 13.125 4.136c0 .62121356-.5037864 1.125-1.125 1.125s-1.125-.50378644-1.125-1.125c0-.62106503.5035456-1.12475908 1.1245544-1.12499991Z"
   }));
 };
 
-export default TaskIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TaskIcon);
+export default ForwardRef;

package/lib/esm/icons/ThumbnailsIcon.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 ThumbnailsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ThumbnailsIcon = ({
     ...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.75 0c.0664777 0 .1302182.0264759.1771312.0735765C14.9740441.1206771 15.0002659.18452278 15 .251V4.5C15 5.88071187 16.1192881 7 17.5 7h4.25c.0664777 0 .1302182.02647591.1771312.0735765.0469129.0471006.0731347.11094628.0728688.1774235V22c0 1.1045695-.8954305 2-2 2H4c-1.1045695 0-2-.8954305-2-2V2c0-1.1045695.8954305-2 2-2Zm2.5 15H6.75c-.41421356 0-.75.3357864-.75.75s.33578644.75.75.75h10.5c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75Zm0-5H6.75c-.41421356 0-.75.3357864-.75.75s.33578644.75.75.75h10.5c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75Zm-6-5h-4.5c-.41421356 0-.75.33578644-.75.75s.33578644.75.75.75h4.5c.4142136 0 .75-.33578644.75-.75S11.6642136 5 11.25 5ZM16.1565501.3726185C16.2496441.33511928 16.356139.35692682 16.427.428l5.15 5.145c.0716884.0715071.0931651.17919472.0543922.27273164-.038773.09353692-.1301378.15444952-.2313922.15426876h-3.9c-.8284271 0-1.5-.67157328-1.5-1.5000004V.6c.0018115-.1003464.0634561-.18988228.1565501-.2273815Z"
   }));
 };
 
-export default ThumbnailsIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(ThumbnailsIcon);
+export default ForwardRef;

package/lib/esm/icons/TimelapsIcon.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 TimelapsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TimelapsIcon = ({
     ...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.25 0c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-1.5l.0004486 3.02845136c1.9402943.14769018 3.7218285.86329314 5.1787434 1.9809495l.9082-.90762071c-.1506311-.28349159-.1065385-.64329383.1322779-.88211024.2928932-.29289321.767767-.29289321 1.0606602 0l.75.75c.2928932.29289322.2928932.76776696 0 1.06066018-.2388164.2388164-.5986187.28290902-.8821102.13227787l-.8506203.8498747C20.721692 9.26313177 21.75 11.6364788 21.75 14.25c0 5.3847763-4.3652237 9.75-9.75 9.75-5.38477631 0-9.75-4.3652237-9.75-9.75 0-.4142136.33578644-.75.75-.75h8.25v-12h-1.5c-.37969577 0-.69349096-.28215388-.74315338-.64822944L9 .75c0-.41421356.33578644-.75.75-.75Zm-1.5 6.03363226V14.25c0 .4142136-.3357864.75-.75.75H3.78363226C4.16255385 19.204875 7.69646808 22.5 12 22.5c4.5563492 0 8.25-3.6936508 8.25-8.25 0-4.2174613-3.164638-7.69578174-7.2488183-8.18986554L12.75 6.03363226Zm-.7504428 12.71636784.1230239.0066012C12.6862391 18.8176801 13.125 19.295101 13.125 19.875c0 .6213203-.5036797 1.125-1.125 1.125s-1.125-.5036797-1.125-1.125c0-.6211727.5034404-1.1247607 1.1245572-1.1249999Zm3.9780358-1.6470022.1222876.0066422c.4828317.0525921.8836754.4125116.9806535.8979829.1051415.526337-.1761794 1.0536449-.6719041 1.2594175-.4957247.2057725-1.0677724.032693-1.3662735-.4133815-.298501-.4460745-.2403099-1.0408929.1372152-1.4188825.2110459-.2127259.4984018-.3321799.7980213-.3317786Zm-7.95442514.0000012.12722037.0071854c.25218198.0286554.488552.1420683.66844146.3229855.28396541.2845012.39458069.6988849.29017814 1.0870567-.10440256.3881719-.40796172.6911594-.79632969.79483-.38836797.1036707-.80254242-.0077255-1.08633691-.2920555-.32171727-.3221164-.41758368-.8063773-.24285716-1.2267719.17457637-.4200334.58489267-.6935718 1.03968379-.6932302Zm8.26582014.9164477c-.0995004-.1486915-.2901829-.2063847-.4554245-.1377938-.1652416.0685908-.2590152.2443601-.223968.4198058.0349652.1750358.1884335.3011083.3668119.3015399l.0743365-.0074216c.0728305-.014613.1400575-.0503013.1919164-.1025774.126431-.1265886.145828-.3248614.0463277-.4735529Zm1.3355692-4.8944467.1230239.0066012C18.3112391 13.1926801 18.75 13.670101 18.75 14.25c0 .6213203-.5036797 1.125-1.125 1.125S16.5 14.8713203 16.5 14.25c0-.6211727.5034404-1.1247607 1.1245572-1.1249999ZM15.977593 9.14999786l.1222876.0066422c.4828317.05259213.8836754.41251161.9806535.89798294.1051415.526337-.1761794 1.0536449-.6719041 1.2594175-.4957247.2057725-1.0677724.032693-1.3662735-.4133815-.298501-.4460745-.2403099-1.04089288.1372152-1.41888253.2110459-.21272583.4984018-.33217986.7980213-.33177861Zm-8.48576327-.5330023c.29858963-.00006333.58492363.11867774.79583237.33000636l.08821086.09924479c.29875612.37880295.32515328.91306955.05153134 1.32245259-.29865007.4468292-.87145189.620309-1.36783253.4142642-.49638065-.2060448-.77795047-.7341694-.67237977-1.26114478.10557069-.52697537.56884904-.9058821 1.10463773-.90482316ZM16.288988 10.0664468c-.0995004-.1486915-.2901829-.20638466-.4554245-.13779382-.1652416.06859084-.2590152.24436012-.223968.41980582.0349652.1750358.1884335.3011083.3668119.3015399l.0743365-.0074216c.0728305-.014613.1400575-.0503013.1919164-.1025774.126431-.1265886.145828-.3248614.0463277-.4735529Zm-8.65434973-.66887082c-.16487243-.06843761-.3551281-.01081645-.45432448.13759752-.09904292.14818436-.07973789.34563131.04602464.4718243l.05723823.0469119c.06123553.0408504.13340088.0631069.20693735.0630888.17851191.0003537.33238944-.12549985.36745467-.3005343.03506522-.17503444-.05845797-.35045061-.22333041-.41888822Z"
   }));
 };
 
-export default TimelapsIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TimelapsIcon);
+export default ForwardRef;

package/lib/esm/icons/TimelineIcon.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 TimelineIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TimelineIcon = ({
     ...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.5 19.8c1.0027497 0 1.8331403.7379567 1.9777115 1.7004094l5.5853022-.0004286C20.2850418 20.6373769 21.0680872 20 22 20c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2c-.9315516 0-1.7143512-.6368829-1.9367279-1.4989778l-5.6895027-.0001957C14.0898 23.2597259 13.3579939 23.8 12.5 23.8c-.8579939 0-1.5898-.5402741-1.8737694-1.2991735l-6.68950272.0001957C3.71435119 23.3631171 2.93155158 24 2 24c-1.1045695 0-2-.8954305-2-2s.8954305-2 2-2c.93191279 0 1.71495822.6373769 1.93698631 1.4999808l6.58530219.0004286C10.6668597 20.5379567 11.4972503 19.8 12.5 19.8ZM2 21c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1 1-.4477153 1-1-.44771525-1-1-1Zm20 0c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1 1-.4477153 1-1-.4477153-1-1-1ZM13 .05c5.1086339 0 9.25 4.14136606 9.25 9.25 0 5.1086339-4.1413661 9.25-9.25 9.25-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75c4.2802068 0 7.75-3.4697932 7.75-7.75 0-4.28020681-3.4697932-7.75-7.75-7.75-4.07816908 0-7.42062643 3.14995636-7.72708651 7.14958355L6.42383404 7.3198617c.26517306-.31820767.73809659-.36120072 1.05630426-.09602766.31820767.26517306.36120072.73809659.09602766 1.05630426l-2.5 3c-.29984633.3598156-.85248559.3598156-1.15233192 0l-2.5-3c-.26517306-.31820767-.22218001-.7911312.09602766-1.05630426.31820767-.26517306.7911312-.22218001 1.05630426.09602766l1.190039 1.42802685C4.05180318 3.8962885 8.07672718.05 13 .05ZM12.5 3c.4142136 0 .75.33578644.75.75V9h3c.4142136 0 .75.33578644.75.75 0 .4142136-.3357864.75-.75.75H12.5c-.4142136 0-.75-.3357864-.75-.75v-6c0-.41421356.3357864-.75.75-.75Z"
   }));
 };
 
-export default TimelineIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TimelineIcon);
+export default ForwardRef;

package/lib/esm/icons/ToolsIcon.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 ToolsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ToolsIcon = ({
     ...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.0916699 12.9216699c.2928932-.2928932.767767-.2928932 1.0606602 0l2.1854025 2.1854025c1.8578746-.4992364 3.855761.2410845 4.930004 1.8818997 1.1672463 1.78287.9239242 4.1400234-.5829084 5.6468561-1.5068327 1.5068326-3.8639861 1.7501547-5.6468561.5829084-1.6407726-1.0742151-2.3810977-3.0720257-1.8819386-4.9298594l-1.4492141-1.4483977c-.2929758-.2928107-.2931096-.7676844-.0002989-1.0606601.2928107-.2929758.7676844-.2931096 1.0606601-.0002989l1.775 1.774c.2109974.2108785.2769599.5267532.1679889.804449-.518955 1.3224778-.0391522 2.8276399 1.1494278 3.6058041s2.7600156.6159495 3.7645707-.3886056c1.0045551-1.0045551 1.1667698-2.5759907.3886056-3.7645707s-2.2833263-1.6683828-3.6058041-1.1494278c-.2776244.1089429-.5934159.0430443-.8042996-.1678394l-2.511-2.511c-.2928932-.2928932-.2928932-.767767 0-1.0606602ZM21.561205.26954488l2.121 2.12c.2930111.29287297.2930671.76784315.0001251 1.06078521l-2.652125 2.65212497c-.6925204.69219399-1.7238506.83879486-2.5598866.43992848L10.4230071 14.589l1.062323 1.0626699c.2929583.2929583.2928837.7679607-.0001668 1.0608269l-6.36383321 6.3598333c-1.17157826 1.1715782-3.07108192 1.1715782-4.24266018 0-1.17157825-1.1715783-1.17157825-3.0710819.00016675-4.2428269l6.364-6.36c.29292015-.292736.76766531-.2926614 1.06049343.0001667L9.36200706 13.528l8.04660514-8.04678224c-.3996548-.83658075-.2528725-1.86894424.4402578-2.56174786l2.652-2.65c.2928767-.2926558.7674997-.29262225 1.060335.00007498ZM7.77283331 14.0604935l-5.83350322 5.8298366c-.58579182.5857918-.58579182 1.535548 0 2.1213398.58579181.5857918 1.53554801.5857918 2.12150657-.0001667l5.83333642-5.8296699-2.12133977-2.1213398Zm11.03264279 4.505706c.3166656-.2488334.7465494-.3113398 1.1250494-.1546979.4205555.1740466.6948045.584351.6948045 1.0394984 0 .4551474-.274249.8654518-.6948045 1.0394984-.4205556.1740465-.9045479.0775396-1.2261855-.2444984-.4385757-.4391219-.43868-1.1504353-.0003128-1.5896866ZM5.09689087.19805633 5.19837283.201797c1.0169695.10272254 1.96775235.55179764 2.69522856 1.27414437 1.14414056 1.1453121 1.57570447 2.80571199 1.1621716 4.3448814l1.96513511 1.9694258c.2925736.29321245.2920558.7680859-.0011567 1.06065954-.2932124.29257364-.7680859.29205579-1.0606595-.00115666l-2.29-2.295c-.2104992-.2109588-.27612546-.52653213-.16718262-.80392172.43571107-1.1094049.17285784-2.37154002-.66735654-3.21262347-.16079192-.15965624-.33828242-.29923189-.52853029-.41686544.12224643 1.10205476-.24808373 2.23491937-1.07258343 3.060019-.82351225.82411145-1.95438219 1.19536401-3.05527797 1.07524311.24371545.39175636.57850862.72660013.98374262.97199316.7953297.48161893 1.77026541.56312871 2.6345266.22026033.27815981-.11035113.59529847-.04478784.80689982.1668135l1.576 1.576c.29289321.29289322.29289321.76776696 0 1.06066019-.29289322.2928932-.76776696.2928932-1.06066018 0L5.86924645 9.00290663c-1.17257212.31755072-2.43276664.14555161-3.48432444-.49122852C1.18804584 7.78689917.39949766 6.54359655.25406234 5.1519552.1891385 4.53071197.86762237 4.10697652 1.3973712 4.43792128c.88593265.55345997 2.03664507.42207834 2.77502198-.31683583.73837691-.73891417.86892153-1.88972185.31481731-2.77525171l-.04826687-.08934702C4.20382855.74408235 4.61232684.14260137 5.19837283.20179699ZM21.030925 1.86033522l-2.1217199 2.12011984c-.2920606.29192291-.29312.76474578-.0030934 1.05798011.0041693.0041857.0051172.00513857.006062.00609334.2896552.28977829.7646093.28989023 1.0574962-.0028586l2.1215449-2.12154485-1.0602898-1.05978984Z"
   }));
 };
 
-export default ToolsIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(ToolsIcon);
+export default ForwardRef;

package/lib/esm/icons/TransactionsSanctionsScreeningIcon.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 TransactionsSanctionsScreeningIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TransactionsSanctionsScreeningIcon = ({
     ...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: "M22.46 21.48c.28 0 .5.21.54.49v.18h-9.23v-.12c0-.29.21-.52.49-.55h8.2Zm-1-1.36c.46 0 .8.35.84.77v.32h-7.83v-.25c0-.46.32-.8.77-.84h6.22ZM13.68 8.2l3.95 3.94-3.95 3.94-1.41-1.42-5.8 5.97a.9.9 0 0 1-1.29 0 .88.88 0 0 1 0-1.27l6-5.8-1.45-1.42 3.95-3.94Zm3.43 1.17.06.22c.1.35-.08.7-.41.83l-.08.03a.66.66 0 0 1-.8-.49l-.07-.3V9.6l-.09-.24a.65.65 0 0 1-.02-.1l-.04-.1-.08-.22-.1-.24-.13-.26-.13-.3-.15-.3c-.04-.05-.07-.08-.1-.09h-.04c-.7.09-1.09.01-1.17-.23-.12-.36-.25-.63-.47-.74a1.33 1.33 0 0 0-.21-.08 1.35 1.35 0 0 0-.22-.03h-.12a.5.5 0 0 0-.08.02l-.16.06-.05.02-.3.18-.1.08c-.11.08-.25.22-.42.41l-.01.01-.04.04-.11.13-.1.13H7.16a.17.17 0 0 0-.16.11 9.34 9.34 0 0 0-.49 2.32.17.17 0 0 0 .12.18h.51c.24 0 .47.13.6.34.12.21.12.48 0 .7a.67.67 0 0 1-.52.32H6.7c-.05 0-.1.03-.13.06a.17.17 0 0 0-.04.14 11.17 11.17 0 0 0 .58 2.5l.02.01a.68.68 0 0 1 .3.81.17.17 0 0 0 .01.12l.07.14.04.09.06.09.06.13c.17.34.13.7-.2.88-.33.16-.8.07-.96-.27a2.57 2.57 0 0 0-.1-.18l-.11-.19a1.87 1.87 0 0 1-.12-.24.17.17 0 0 0-.12-.1H4.18a.17.17 0 0 0-.15.1.17.17 0 0 0 .03.18l.09.1.15.19.24.31c.21.28.4.49.9.74.33.16.46.57.3.9a.66.66 0 0 1-.9.31c-2.78-1.4-3.85-4-3.84-7.16V11a8.25 8.25 0 0 1 7.85-7.9 7.89 7.89 0 0 1 8.27 6.28Zm.55 3.2a.7.7 0 0 1 1 0c.25.25.27.67.05.94l-.05.05-3.56 3.55a.7.7 0 0 1-1 0 .72.72 0 0 1-.04-.94l.05-.06 3.55-3.55ZM5 11.73H2.53c-.05 0-.1.02-.13.05a.17.17 0 0 0-.04.13c.06.8.25 1.6.58 2.34.02.05.07.08.12.1H5.4c.05 0 .1-.03.14-.07.03-.04.04-.1.02-.15-.2-.73-.34-1.49-.41-2.25a.17.17 0 0 0-.13-.15H5Zm7.3-4.54a.7.7 0 0 1 1 0c.26.25.27.67.05.94l-.05.06-3.56 3.55a.74.74 0 0 1-1.02 0 .72.72 0 0 1-.05-.95l.05-.06L12.3 7.2Zm-6.92.56H3.45a.17.17 0 0 0-.15.08 6.95 6.95 0 0 0-.86 2.34c0 .05 0 .1.04.14.02.03.06.05.1.05h2.4c.08 0 .16-.06.16-.15.05-.76.18-1.51.4-2.24 0-.06 0-.11-.03-.16a.17.17 0 0 0-.1-.06h-.04Zm1.2-2.8c-.67.29-1.27.67-1.82 1.13a.17.17 0 0 0 .07.3h1.2c.07 0 .13-.03.16-.09.18-.37.37-.73.6-1.08a.17.17 0 0 0-.02-.2.17.17 0 0 0-.2-.05Zm2.7-.52H9.1c-.05 0-.1.02-.12.06-.44.5-.84 1.06-1.18 1.64a.17.17 0 0 0 0 .17c.02.04.06.07.1.08h2.54c.06 0 .11-.03.15-.08a.17.17 0 0 0 0-.17C10.22 5.56 9.83 5 9.4 4.5a.17.17 0 0 0-.1-.06h-.03Zm2.33.58a.17.17 0 0 0-.01.2c.21.35.41.7.59 1.08.02.05.06.08.11.1h1.21c.07 0 .14-.05.16-.12a.17.17 0 0 0-.05-.19 6.87 6.87 0 0 0-1.81-1.12.17.17 0 0 0-.2.05Z"
   }));
 };
 
-export default TransactionsSanctionsScreeningIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TransactionsSanctionsScreeningIcon);
+export default ForwardRef;

package/lib/esm/icons/TypesIcon.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 TypesIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const TypesIcon = ({
     ...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 13c.5522847 0 1 .4477153 1 1v4c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1v-4c0-.5522847.44771525-1 1-1h14Zm-5-8c.5522847 0 1 .44771525 1 1v4c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1V6c0-.55228475.44771525-1 1-1h9Zm13 0c.5522847 0 1 .44771525 1 1v4c0 .5522847-.4477153 1-1 1h-9c-.5522847 0-1-.4477153-1-1V6c0-.55228475.4477153-1 1-1h9Z"
   }));
 };
 
-export default TypesIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(TypesIcon);
+export default ForwardRef;

package/lib/esm/icons/UploadIcon.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 UploadIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const UploadIcon = ({
     ...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.251 15c.4142136 0 .75.3357864.75.75v1.5c0 2.0712136-1.6787864 3.75-3.75 3.75h-16.5c-2.07121356 0-3.75-1.6787864-3.75-3.75v-1.5c0-.4142136.33578644-.75.75-.75s.75.3357864.75.75v1.5c0 1.2427864 1.00721356 2.25 2.25 2.25h16.5c1.2427864 0 2.25-1.0072136 2.25-2.25v-1.5c0-.4142136.3357864-.75.75-.75ZM12.001 3a.76449234.76449234 0 0 1 .0173828.00019748c.0200827.00046715.0400853.00172681.0600212.00378322.0205116.00208245.0402634.00493037.0597511.00853168.0108777.00206344.022571.0045023.0342119.00722234.0234602.00543613.0459165.01184463.0679166.01924559.0098077.0033227.0201729.00704817.0304683.01100902.0193423.00746019.037762.01545567.0557809.02415051.0144581.00691859.0290916.01456206.0435125.02272097.0174628.00995223.0346128.02060045.0512838.03190209.0103321.00692242.0208.01441282.0311125.02220485.0024153.00188717.0046431.0035896.006861.00530417l.0720275.06339799 4.5 4.5c.2928932.29289322.2928932.76776696 0 1.06066018-.2928932.29289321-.767767.29289321-1.0606602 0L12.751 5.56v10.19c0 .3796958-.2821539.693491-.6482294.7431534L12.001 16.5c-.4142136 0-.75-.3357864-.75-.75V5.56L8.03133009 8.78033009c-.29289322.29289321-.76776696.29289321-1.06066018 0-.29289321-.29289322-.29289321-.76776696 0-1.06066018l4.49999999-4.5.0720275-.06339799a.75229036.75229036 0 0 1 .0066833-.00510717l-.0787108.06850516c.034441-.034441.0713983-.06483212.1102801-.09117336.0163919-.01103529.0335419-.02168351.0511342-.03164151.0142914-.00815314.0289249-.01579661.0437443-.02292464.0176576-.0084854.0360773-.01648088.0548626-.02374176.0108524-.00416016.0212176-.00788563.0316442-.01137573.0213812-.00723356.0438375-.01364206.0666966-.01900488.012242-.00279335.0239353-.00523221.0356701-.0073899C11.908312 3.00429489 11.9541544 3 12.001 3l-.077404.0039807c.0202669-.00209054.0406026-.00335767.0609529-.00380138Z"
   }));
 };
 
-export default UploadIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(UploadIcon);
+export default ForwardRef;

package/lib/esm/icons/ViewTreeIcon.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 ViewTreeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ViewTreeIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M2.25 0c-.4142136 0-.75.33578644-.75.75v19.5c0 1.2426407 1.0073593 2.25 2.25 2.25H7.5v.75c0 .4142136.3357864.75.75.75h13.5c.41421356 0 .75-.3357864.75-.75v-4.5c0-.4142136-.33578644-.75-.75-.75H8.25c-.4142136 0-.75.3357864-.75.75V21H3.75c-.3796958 0-.693491-.2821539-.7431534-.6482294L3 20.25V15h4.5v.75c0 .4142136.3357864.75.75.75h13.5c.41421356 0 .75-.3357864.75-.75v-4.5c0-.4142136-.33578644-.75-.75-.75H8.25c-.4142136 0-.75.3357864-.75.75v2.25H3v-6h4.5v.75c0 .41421356.3357864.75.75.75h13.5c.41421356 0 .75-.33578644.75-.75v-4.5c0-.41421356-.33578644-.75-.75-.75H8.25c-.4142136 0-.75.33578644-.75.75V6H3V.75c0-.37969577-.2821539-.69349096-.6482294-.74315338ZM9 19.5h12v3H9v-3ZM9 12h12v3H9v-3Zm0-7.5h12v3H9v-3Z"
   }));
 };
 
-export default ViewTreeIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(ViewTreeIcon);
+export default ForwardRef;

package/lib/esm/icons/WarningIcon.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 WarningIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,16 +14,18 @@ const WarningIcon = ({
     ...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", {
     fillRule: "evenodd",
     d: "M13.4645578.60669357c-.8089248-.80892476-2.1201908-.80892476-2.9291156 0L.60669357 10.536478c-.80892476.8089248-.80892476 2.1201908 0 2.9291155l9.92874863 9.9277129c.8089248.8089248 2.1201908.8089248 2.9291156 0l9.9287486-9.9277129c.8089248-.8089247.8089248-2.1201907 0-2.9301513L13.4645578.60669357ZM11.0346762 6.2173791c0-.57173683.4640183-1.03575513 1.0357551-1.03575513.5717369 0 1.0357552.4640183 1.0357552 1.03575513v6.21453079c0 .5717368-.4640183 1.0357551-1.0357552 1.0357551-.5717368 0-1.0357551-.4640183-1.0357551-1.0357551V6.21737911Zm1.0885787 11.92154159h-.0290012c-.8482834-.0031073-1.5432751-.6742766-1.5764193-1.5225601-.0321084-.8431047.6266319-1.5525969 1.4697365-1.5836696.0103576 0 .0207151-.0010357.0300369-.0010357h.0290012c.8493192.0020715 1.5443109.6742766 1.5764193 1.52256.0321084.8431047-.6266319 1.5525969-1.4697365 1.5836696-.0093218.0010358-.0196794.0010358-.0300369.0010358Z"
   }));
 };
 
-export default WarningIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(WarningIcon);
+export default ForwardRef;