@imtf/icons 0.1.1 → 0.2.0

package/lib/esm/icons/ComposeFilled2Icon.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 ComposeFilled2Icon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ComposeFilled2Icon = ({
     ...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.7244436 3.14064477 8.64709431 10.2138413c-.19862715.1990802-.35474387.4364342-.4588805.6976644L6.7191733 14.5815115c-.30873172.7712966-.12799307 1.6523743.45946487 2.2398322.58745793.587458 1.46853563.7681966 2.23983218.4594649l3.67000585-1.4680023c.2609485-.1045676.4979458-.2610353.6966262-.4599187l6.9787211-6.97872111V20.6684264c-.0022879 1.7862681-1.4497738 3.233754-3.2360419 3.2360419H3.23708009C1.45064328 23.9021818.00285959 22.4548624 0 20.6684264V6.37668667c.00228905-1.78667284 1.45040661-3.23432596 3.23708009-3.2360419H15.7244436Zm4.7061206-2.5072317c.5215181-.53958172 1.2935991-.75578164 2.0194943-.56550348.7258952.19027816 1.2926389.75742283 1.4824037 1.48345241.1897647.72602957-.0269812 1.49795751-.5669316 2.01909392L12.680467 14.2513667c-.0497223.0498435-.1090641.0890515-.1744161.1152393l-3.66585303 1.4680023c-.19276076.0752332-.41171863.030548-.55958504-.114201-.14727101-.1469052-.1926235-.3675389-.11523923-.5606233l1.46800233-3.6700058c.02651383-.0651806.06568126-.1244611.11523922-.1744161Z"
   }));
 };
 
-export default ComposeFilled2Icon;
+const ForwardRef = /*#__PURE__*/forwardRef(ComposeFilled2Icon);
+export default ForwardRef;

package/lib/esm/icons/ComposeIcon.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 ComposeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ComposeIcon = ({
     ...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.25 12.75c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1v-9.25c0-.5522847.44771525-1 1-1h9.25Zm12.75 0c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1v-9.25c0-.5522847.4477153-1 1-1H23Zm-13.25 1.5H1.5v8.25h8.25v-8.25Zm12.75 0h-8.25v8.25h8.25v-8.25ZM10.25 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1V1c0-.55228475.44771525-1 1-1h9.25ZM23 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1V1c0-.55228475.4477153-1 1-1H23ZM9.75 1.5H1.5v8.25h8.25V1.5Zm12.75 0h-8.25v8.25h8.25V1.5Z"
   }));
 };
 
-export default ComposeIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(ComposeIcon);
+export default ForwardRef;

package/lib/esm/icons/ConfigurationIcon.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 ConfigurationIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const ConfigurationIcon = ({
     ...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.7524423 3.20385921C13.5477307.18554749 17.4259808-.89349798 20.5339519.80429256c.4432157.24211533.5294782.84213723.1724186 1.19930449L17.5816697 5.1292401v1.28907723h1.2890773l3.125643-3.12470074c.3569073-.35679968.9564261-.27096614 1.1988812.17164469.9022969 1.64717669 1.0533921 3.6037985.4155034 5.3714006-1.173721 3.25440832-4.6539251 5.01180032-7.9328204 4.09489022L5.56924057 23.0441762c-1.27443179 1.2744317-3.33899788 1.2744317-4.61342967 0-1.27443179-1.2744318-1.27443179-3.3389979.00010352-4.6135332L11.06763 8.32283798c-.4299197-1.54322932-.2804238-3.19401536.4243323-4.63717967l.1386428-.26808329.1218372-.21371581Zm6.864919-1.53835093c-2.177298-.54792151-4.5326527.41571361-5.6582484 2.47758005l-.1234094.24079998c-.5820385 1.21491092-.6552128 2.61723884-.1953035 3.89165631.0996088.27601803.030693.58473863-.1768416.79219292L2.02616192 19.5010975c-.68329325.6832933-.68329325 1.7894344 0 2.4727276.68329324.6832933 1.78943439.6832933 2.47262415.0001035L14.9332587 11.5354195c.2074369-.2075172.5161251-.2764403.7921289-.1768646 2.6224734.9461266 5.515575-.4127627 6.4615094-3.03558086.3707207-1.02727425.3949932-2.13737591.085491-3.1648929l-2.5531145 2.55234484c-.1419308.14188801-.3344046.22159627-.5350948.22159627h-2.3593614c-.4179981 0-.7568525-.33885439-.7568525-.75685246v-2.3593614c0-.20069022.0797083-.39316402.2215963-.53509482l2.5523451-2.55311481-.2245449-.06209048Z"
   }));
 };
 
-export default ConfigurationIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(ConfigurationIcon);
+export default ForwardRef;

package/lib/esm/icons/CustomerIcon.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 CustomerIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const CustomerIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.75 2.25C22.9926407 2.25 24 3.25735931 24 4.5v15c0 1.2426407-1.0073593 2.25-2.25 2.25h-3c-.3796958 0-.693491-.2821539-.7431534-.6482294l-.0136932-.2035412C17.943491 20.5321539 17.6296958 20.25 17.25 20.25c-.3796958 0-.693491.2821539-.7431534.6482294l-.0136932.2035412C16.443491 21.4678461 16.1296958 21.75 15.75 21.75h-7.5c-.37969577 0-.69349096-.2821539-.74315338-.6482294l-.01369324-.2035412C7.44349096 20.5321539 7.12969577 20.25 6.75 20.25s-.69349096.2821539-.74315338.6482294l-.01369324.2035412C5.94349096 21.4678461 5.62969577 21.75 5.25 21.75h-3C1.00735931 21.75 0 20.7426407 0 19.5v-15c0-1.24264069 1.00735931-2.25 2.25-2.25h19.5Zm0 1.5H2.25c-.41421356 0-.75.33578644-.75.75v15c0 .4142136.33578644.75.75.75h2.37802928c.30887731-.8738943 1.1423066-1.5 2.12197072-1.5.97966412 0 1.81309341.6261057 2.12197072 1.5h6.25605858c.3088773-.8738943 1.1423066-1.5 2.1219707-1.5.9220368 0 1.7145369.5546127 2.0620948 1.3484326l.0598759.1515674H21.75c.4142136 0 .75-.3357864.75-.75v-15c0-.41421356-.3357864-.75-.75-.75ZM9.93750002 5.70216422C10.9817287 6.30504991 11.625 7.41922861 11.625 8.625c0 1.19749648-.6344724 2.3046531-1.66605788 2.9103513C12.0193304 12.2432544 13.5 14.1987128 13.5 16.5000001c0 .4142135-.3357864.75-.75.75h-9c-.41421356 0-.75-.3357865-.75-.75 0-2.3012873 1.48066959-4.2567457 3.5413021-4.9656685l.02119788.0135042C5.51827135 10.9449501 4.875 9.83077139 4.875 8.625c0-1.13484366.56981822-2.18855331 1.50743585-2.81122208l.18006413-.1116137.19851417-.105976c1.00558578-.49455468 2.19752152-.45922934 3.17648587.105976ZM8.25 12.7500001c-1.81421843 0-3.32753367 1.2883197-3.67498641 3h7.34997281l-.0433597-.1884006C11.4650235 13.944656 9.99702516 12.7500001 8.25 12.7500001ZM20.25 11.25c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-6c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75ZM7.4601805 6.92444604l-.14768051.07675628-.12985998.08222924C6.67950715 7.43166886 6.375 8.00665568 6.375 8.625c0 .66987301.35737297 1.28886119.93749999 1.6237977.58012702.3349365 1.294873.3349365 1.87500002 0C9.76762703 9.91386119 10.125 9.29487301 10.125 8.625c0-.66987301-.35737297-1.28886119-.93749999-1.62379768-.5317831-.30702513-1.17668352-.33261055-1.72731951-.07675628ZM18.75 8.25c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-4.5c-.4142136 0-.75-.33578644-.75-.75s.3357864-.75.75-.75Z"
   }));
 };
 
-export default CustomerIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(CustomerIcon);
+export default ForwardRef;

package/lib/esm/icons/DashboardIcon.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 DashboardIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DashboardIcon = ({
     ...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.753.003c1.2422136 0 2.25 1.00778644 2.25 2.25v19.5c0 1.2422136-1.0077864 2.25-2.25 2.25h-19.5c-1.24221356 0-2.25-1.0077864-2.25-2.25v-19.5c0-1.24221356 1.00778644-2.25 2.25-2.25h19.5Zm0 1.5h-19.5c-.41378644 0-.75.33621356-.75.75v19.5c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75v-19.5c0-.41378644-.3362136-.75-.75-.75Zm-12 12.75c.8282136 0 1.5.6717864 1.5 1.5v2.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.82821356 0-1.5-.6717864-1.5-1.5v-2.25c0-.8282136.67178644-1.5 1.5-1.5h3.75Zm8.25-3c.8282136 0 1.5.6717864 1.5 1.5v5.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.8282136 0-1.5-.6717864-1.5-1.5v-5.25c0-.8282136.6717864-1.5 1.5-1.5h3.75Zm-8.25 4.5h-3.75v2.25h3.75v-2.25Zm8.25-3h-3.75v5.25h3.75v-5.25Zm-8.25-8.25c.8282136 0 1.5.67178644 1.5 1.5v5.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.82821356 0-1.5-.6717864-1.5-1.5v-5.25c0-.82821356.67178644-1.5 1.5-1.5h3.75Zm0 1.5h-3.75v5.25h3.75v-5.25Zm8.25-1.5c.8282136 0 1.5.67178644 1.5 1.5v2.25c0 .82821356-.6717864 1.5-1.5 1.5h-3.75c-.8282136 0-1.5-.67178644-1.5-1.5v-2.25c0-.82821356.6717864-1.5 1.5-1.5h3.75Zm0 1.5h-3.75v2.25h3.75v-2.25Z"
   }));
 };
 
-export default DashboardIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DashboardIcon);
+export default ForwardRef;

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

package/lib/esm/icons/DeleteIcon.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 DeleteIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DeleteIcon = ({
     ...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.2083333 3.20833333c.4142136 0 .75.33578644.75.75 0 .41421357-.3357864.75-.75.75L21.492 4.708l-1.4237012 17.0912209c-.1019709 1.2205132-1.1218773 2.1591124-2.3462155 2.1591124H6.23731944c-1.22433813 0-2.24424459-.9385992-2.34622628-2.1592416L2.465 4.708.75 4.70833333c-.37969577 0-.69349096-.28215388-.74315338-.64822944L0 3.95833333c0-.41421356.33578644-.75.75-.75L7.218 3.208l.00075-.85383333C7.21875 1.0544531 8.2732031 0 9.57291667 0h4.81250003c1.2997135 0 2.3541666 1.0544531 2.3541666 2.35416667L16.739 3.208Zm-3.2213333 1.5H3.97138224L5.38589605 21.6743347c.03703928.4433317.4072169.7839986.85142339.7839986H17.7220833c.4442065 0 .8143841-.3406669.8514089-.7838247L19.987 4.70833333ZM9.57291667 8.82291667c.41421356 0 .75000003.33578643.75000003.75V17.59375c0 .4142136-.33578647.75-.75000003.75-.41421357 0-.75-.3357864-.75-.75V9.57291667c0-.41421357.33578643-.75.75-.75Zm4.81250003 0c.4142135 0 .75.33578643.75.75V17.59375c0 .4142136-.3357865.75-.75.75-.4142136 0-.75-.3357864-.75-.75V9.57291667c0-.41421357.3357864-.75.75-.75Zm0-7.32291667H9.57291667c-.47128644 0-.85416667.38288023-.85416667.85416667v.85416666h6.5208333v-.85416666c0-.47128644-.3828802-.85416667-.8541666-.85416667Z"
   }));
 };
 
-export default DeleteIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DeleteIcon);
+export default ForwardRef;

package/lib/esm/icons/DetailsIcon.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 DetailsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DetailsIcon = ({
     ...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 24c6.6271304 0 12-5.3728696 12-12 0-6.62713043-5.3728696-12-12-12C5.37286957 0 0 5.37286957 0 12c.00730435 6.624 5.376 11.9926957 12 12ZM8.75 7h9.5c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-9.5c-.41421356 0-.75-.33578644-.75-.75S8.33578644 7 8.75 7Zm0 8.6h9.5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-9.5c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75Zm-3 0c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75-.75-.3357864-.75-.75.33578644-.75.75-.75Zm12.5-4.3c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-9.5c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75h9.5Zm-12.5 0c.41421356 0 .75.3357864.75.75s-.33578644.75-.75.75-.75-.3357864-.75-.75.33578644-.75.75-.75Zm0-4.3c.41421356 0 .75.33578644.75.75s-.33578644.75-.75.75S5 8.16421356 5 7.75 5.33578644 7 5.75 7Z"
   }));
 };
 
-export default DetailsIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DetailsIcon);
+export default ForwardRef;

package/lib/esm/icons/DocIcon.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 DocIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DocIcon = ({
     ...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.378-.00200052c.5967932 0 1.1691278.23673845 1.5913907.6587311L23.3405 5.02883987c.4215898.42186006.6584982.99381659.6584982 1.59016013v14.3816661C23.9975288 22.6559586 22.655626 23.997265 21 23.9979995H3.00033376C1.34400001 23.9987368.00047273 22.6570006-.00100178 21V3.00066562C-.00170735 2.20432335.3142338 1.4403746.87720772.87715058 1.44018196.31392625 2.2039907-.0023541 3-.00200052h14.378Zm-.879003 1.4999997-13.49933035 3.7e-7c-.39817155 0-.78007607.15796341-1.06156323.43957563C1.65661626 2.21918739 1.49864544 2.60116236 1.49899852 3v17.9993329C1.49973547 21.8275 2.17149935 22.4983684 3 22.4979996h17.9996671c.8276463-.0003671 1.4985973-.6710199 1.4993314-1.4979996L22.498997 7.49799918 18.749 7.498c-1.190864 0-2.1656449-.92516159-2.2448092-2.09595119L16.499 5.248l-.000003-3.75000082ZM4.5 11.25c2.07106781 0 3.75 1.6789322 3.75 3.75v1.5c0 2.0710678-1.67893219 3.75-3.75 3.75-.41421356 0-.75-.3357864-.75-.75V12c0-.4142136.33578644-.75.75-.75Zm7.5 0c1.2426407 0 2.25 1.0073593 2.25 2.25V18c0 1.2426407-1.0073593 2.25-2.25 2.25S9.75 19.2426407 9.75 18v-4.5c0-1.2426407 1.0073593-2.25 2.25-2.25Zm7.5 0c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75c-1.2426407 0-2.25 1.0073593-2.25 2.25v1.5c0 1.2426407 1.0073593 2.25 2.25 2.25l.1017706.0068466c.3660755.0496624.6482294.3634576.6482294.7431534 0 .4142136-.3357864.75-.75.75-2.0710678 0-3.75-1.6789322-3.75-3.75V15c0-2.0710678 1.6789322-3.75 3.75-3.75Zm-7.5 1.5c-.4142136 0-.75.3357864-.75.75V18c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75v-4.5c0-.4142136-.3357864-.75-.75-.75Zm-6.75.1280293v5.7439414l.15156743-.0598759C6.19538732 18.2145369 6.75 17.4220368 6.75 16.5V15c0-.9796641-.62610572-1.8130934-1.5-2.1219707Zm16.937997-6.88003012-4.189-4.19L17.999 5.248c0 .37969577.2821539.69349096.6482294.74315338L18.749 5.998l3.438997-8.2e-7Z"
   }));
 };
 
-export default DocIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DocIcon);
+export default ForwardRef;

package/lib/esm/icons/DocLinkIcon.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 DocLinkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DocLinkIcon = ({
     ...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.25A3.75 3.75 0 0 1 8.25 12v1.5a3.75 3.75 0 0 1-3.75 3.75.75.75 0 0 1-.75-.75V9c0-.41.34-.75.75-.75zm7.5 0c1.24 0 2.25 1 2.25 2.25V15a2.25 2.25 0 1 1-4.5 0v-4.5c0-1.24 1-2.25 2.25-2.25zm0 1.5a.75.75 0 0 0-.75.75V15a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75zm-6.75.13v5.74l.13-.05a2.25 2.25 0 0 0 1.36-1.92l.01-.15V12c0-.93-.57-1.73-1.37-2.07l-.13-.05zM19.5 8.25a.75.75 0 1 1 0 1.5c-1.24 0-2.25 1-2.25 2.25a.75.75 0 1 1-1.5 0 3.75 3.75 0 0 1 3.75-3.75zM18 1.81v3.44c0 .38.29.7.65.74h3.54L18 1.82z"
   }));
 };
 
-export default DocLinkIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DocLinkIcon);
+export default ForwardRef;

package/lib/esm/icons/DocumentIcon.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 DocumentIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DocumentIcon = ({
     ...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.4077308-.00014373c.6132252-.00414613 1.2056503.22089233 1.6690817.63629555l3.9440671 3.61572355c.4597012.41099112.7245328.99702743.7291204 1.61912463l-.0007611 15.9127807c-.0552089 1.2245041-1.0502444 2.185672-2.2303276 2.2174058l-15.01037395-.0005734C3.30100417 23.9693941 2.30593828 23.0068773 2.25 21.75l.00076114-19.53378071C2.30572405.99717019 3.2921587.0391162 4.49241203-.00014373H15.4077308ZM15.413 1.4999758l-10.91118364.0014611C4.09581843 1.53494389 3.76811517 1.86381376 3.75 2.25l-.00076114 19.4662193c.02038591.4521491.4033467.8032504.88676114.7837807l14.7591869.0006487c.4522275.018821.8351883-.3322803.8548337-.7506487V5.8765554c-.0014328-.19341928-.0845724-.37739594-.2358331-.51270722l-3.9447455-3.6163308c-.1797871-.16112993-.4116846-.24921848-.656442-.24754157ZM17.25 15c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75H6.75c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75h10.5Zm0-5c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75H6.75c-.41421356 0-.75-.3357864-.75-.75s.33578644-.75.75-.75h10.5Zm-6-5c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-4.5c-.41421356 0-.75-.33578644-.75-.75S6.33578644 5 6.75 5h4.5Z"
   }));
 };
 
-export default DocumentIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DocumentIcon);
+export default ForwardRef;

package/lib/esm/icons/DocumentManagementIcon.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 DocumentManagementIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DocumentManagementIcon = ({
     ...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.4857 7.057c.79.001 1.4355.6579 1.48 1.4857l.0024.0893v10.7998c-.001.8394-.6192 1.5252-1.3984 1.5723l-.084.0026H6.932c-.7901-.001-1.4356-.6578-1.48-1.4856l-.0025-.0893V8.632c.001-.8394.6192-1.5252 1.3984-1.5724l.084-.0025h13.5538Zm-1.4533 5.58H14.651c-.3417 0-.6224.2765-.6543.6302l-.003.0672v.93c0 .3852.2943.6975.6573.6975.3416 0 .6223-.2766.6542-.6303l.003-.0672v-.1163c0-.0535.034-.0985.0804-.112l.0291-.0042h.6573c.0504 0 .0928.0361.1056.0853l.004.031v2.5574c0 .0535-.0342.0985-.0805.112l-.0291.0042h-.1096c-.363 0-.6572.3123-.6572.6975 0 .3626.2606.6605.594.6943l.0632.0032h1.7527c.363 0 .6572-.3123.6572-.6975 0-.3625-.2607-.6605-.594-.6943l-.0632-.0032h-.1113c-.0496 0-.0914-.0355-.104-.084l-.0038-.0304v-2.5593c0-.0535.034-.0985.0804-.112l.0291-.0042h.6573c.0504 0 .0928.0361.1056.0853l.0039.031v.1162c0 .3852.2942.6975.6572.6975.3417 0 .6224-.2766.6543-.6303l.003-.0672v-.93c0-.3625-.2607-.6605-.594-.6943l-.0633-.0032Zm-6.8188 3.9058H8.3688c-.354 0-.6408.3748-.6408.837 0 .435.2541.7926.579.8332l.0618.0038h3.8448c.354 0 .6408-.3747.6408-.837 0-.435-.2541-.7926-.579-.8331l-.0618-.0039ZM6.2437 2.0352c.3719 0 .729.1502 1.0018.4189l.0664.0696 1.1377 1.2682.1526.0694h11.0212c.3305 0 .6022.2716.633.6189l.0029.066v.6847c0 .112-.075.2053-.1739.2246l-.038.0037H6.4827c-1.3712 0-2.489 1.1687-2.5414 2.6316l-.002.1076v8.6742c0 .112-.075.2052-.1738.2246l-.0381.0036h-.212c-.3935.0003-.771-.168-1.0493-.4677-.255-.2747-.4076-.6393-.4311-1.0246l-.0032-.1055V3.8942c.0005-.9944.7255-1.8063 1.6373-1.8566l.0888-.0024h2.4857Zm5.9699 11.1597H8.3688c-.354 0-.6408.3747-.6408.837 0 .435.2541.7926.579.8331l.0618.0039h3.8448c.354 0 .6408-.3747.6408-.837 0-.435-.2541-.7926-.579-.8332l-.0618-.0038Zm6.2736-2.79H8.3609c-.3496 0-.633.3748-.633.837 0 .4351.251.7927.572.8332l.061.0038h10.1263c.3495 0 .6329-.3747.6329-.837 0-.435-.251-.7925-.572-.833l-.061-.004Z"
   }));
 };
 
-export default DocumentManagementIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DocumentManagementIcon);
+export default ForwardRef;

package/lib/esm/icons/DossierIcon.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 DossierIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DossierIcon = ({
     ...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.69736842 0c1.23495041 0 2.23684211 1.0018917 2.23684211 2.23684211v.7368421h8.17105267c1.2349504 0 2.2368421 1.0018917 2.2368421 2.23684211L19.342 5.947l.7369474.00036842c1.1812569 0 2.1492805.91666462 2.2312235 2.0771465l.0056186.15969561-.0002671.86568796c.8664492.30837457 1.4871092 1.13599691 1.4871092 2.10799621v10.4078948c0 1.2349504-1.0018917 2.2368421-2.2368421 2.2368421H8.18421053c-1.23495041 0-2.23684211-1.0018917-2.23684211-2.2368421V11.1578947c0-1.23495037 1.0018917-2.23684207 2.23684211-2.23684207L20.815 8.921l.0007895-.73678947c0-.37264634-.2775596-.68125977-.636946-.73010752l-.0998961-.00673459H5.21052632c-.40652328 0-.73684211.33031883-.73684211.73684211V20.0789474c0 .4142135-.33578644.75-.75.75s-.75-.3357865-.75-.75V8.18421053c0-1.23495041 1.0018917-2.23684211 2.23684211-2.23684211L17.842 5.947l.0001053-.73647368c0-.37264634-.2775596-.68125977-.636946-.73010752l-.0998961-.00673459H8.18421053c-.41421357 0-.75-.33578644-.75-.75v-1.4868421C7.43421053 1.83031883 7.1038917 1.5 6.69736842 1.5H2.23684211C1.83031883 1.5 1.5 1.83031883 1.5 2.23684211V18.3938596c0 .4142136-.33578644.75-.75.75s-.75-.3357864-.75-.75V2.23684211C0 1.0018917 1.0018917 0 2.23684211 0ZM21.5657895 10.4210526H8.18421053c-.40652328 0-.73684211.3303189-.73684211.7368421v10.4078948c0 .4065233.33031883.7368421.73684211.7368421H21.5657895c.4065233 0 .7368421-.3303188.7368421-.7368421V11.1578947c0-.4065232-.3303188-.7368421-.7368421-.7368421Zm-1.4868421 5.9342106c.4142135 0 .75.3357864.75.75 0 .4142135-.3357865.75-.75.75L19.342 17.855l.0001053 2.2239474c0 .3796957-.2821539.6934909-.6482295.7431534l-.1017705.0068466c-.4142136 0-.75-.3357865-.75-.75L17.842 17.855l-.7367368.0002632c-.3796958 0-.693491-.2821539-.7431534-.6482295l-.0068466-.1017705c0-.4142136.3357864-.75.75-.75Zm-5.9473685 2.9736842c.4142136 0 .75.3357864.75.75 0 .4142135-.3357864.75-.75.75H9.67105263c-.41421356 0-.75-.3357865-.75-.75 0-.4142136.33578644-.75.75-.75Zm0-2.9736842c.4142136 0 .75.3357864.75.75 0 .4142135-.3357864.75-.75.75H9.67105263c-.41421356 0-.75-.3357865-.75-.75 0-.4142136.33578644-.75.75-.75Zm5.9473685-2.9736843c.4142135 0 .75.3357865.75.75 0 .4142136-.3357865.75-.75.75H9.67105263c-.41421356 0-.75-.3357864-.75-.75 0-.4142135.33578644-.75.75-.75Z"
   }));
 };
 
-export default DossierIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DossierIcon);
+export default ForwardRef;

package/lib/esm/icons/DownloadIcon.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 DownloadIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,15 +14,17 @@ const DownloadIcon = ({
     ...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 3c.4142136 0 .75.33578644.75.75v10.189l3.2196699-3.2193301c.2662666-.2662665.6829303-.2904726.9765418-.0726181l.0841184.0726181c.2928932.2928932.2928932.767767 0 1.0606602l-4.5 4.5c-.0245999.0245998-.0509007.0474987-.0787108.0685051-.0104902.0079891-.0209581.0154795-.0315693.0226682-.0163919.0110353-.0335419.0216836-.0511342.0316416-.0142914.0081531-.0289249.0157966-.0437443.0229246-.0176576.0084854-.0360773.0164809-.0548626.0237418-.0108524.0041601-.0212176.0078856-.0316442.0113757-.0213812.0072336-.0438375.013642-.0666966.0190049-.012242.0027933-.0239353.0052322-.0356701.0073899-.04361.0081232-.0894524.0124181-.136298.0124181l.0733936-.0035779c-.0146345.0014306-.0293031.0024321-.0439852.0030047L12.001 16.5c-.0098139 0-.0195837-.0001885-.0293062-.0005621-.014456-.0005512-.0297919-.0015984-.0450902-.0031145-.0217199-.0021288-.0423837-.0050705-.0627587-.0088358-.0108777-.0020634-.022571-.0045023-.0342119-.0072223-.0234602-.0054362-.0459165-.0118446-.0679166-.0192456-.0098077-.0033227-.0201729-.0070482-.0304683-.011009-.0193423-.0074602-.037762-.0154557-.0557809-.0241505-.0144581-.0069186-.0290916-.0145621-.0435125-.022721-.0174628-.0099522-.0346128-.0206005-.0512838-.0319021-.0386027-.0260749-.07556-.056466-.110001-.090907l.0787108.0685051c-.0278101-.0210064-.0541109-.0439053-.0787108-.0685051l-4.49999999-4.5c-.29289321-.2928932-.29289321-.767767 0-1.0606602.29289322-.2928932.76776696-.2928932 1.06066018 0L11.251 13.939V3.75c0-.37969577.2821539-.69349096.6482294-.74315338Z"
   }));
 };
 
-export default DownloadIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DownloadIcon);
+export default ForwardRef;

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

package/lib/esm/icons/DragIcon.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 DragIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -15,16 +14,18 @@ const DragIcon = ({
     ...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: "M9.75 20.5c.9664983 0 1.75.7835017 1.75 1.75S10.7164983 24 9.75 24C8.78350169 24 8 23.2164983 8 22.25s.78350169-1.75 1.75-1.75Zm5 0c.9664983 0 1.75.7835017 1.75 1.75S15.7164983 24 14.75 24 13 23.2164983 13 22.25s.7835017-1.75 1.75-1.75Zm-5-6.5c.9664983 0 1.75.7835017 1.75 1.75s-.7835017 1.75-1.75 1.75c-.96649831 0-1.75-.7835017-1.75-1.75S8.78350169 14 9.75 14Zm5 0c.9664983 0 1.75.7835017 1.75 1.75s-.7835017 1.75-1.75 1.75S13 16.7164983 13 15.75 13.7835017 14 14.75 14Zm-5-7c.9664983 0 1.75.78350169 1.75 1.75s-.7835017 1.75-1.75 1.75C8.78350169 10.5 8 9.71649831 8 8.75S8.78350169 7 9.75 7Zm5 0c.9664983 0 1.75.78350169 1.75 1.75s-.7835017 1.75-1.75 1.75S13 9.71649831 13 8.75 13.7835017 7 14.75 7Zm-5-7c.9664983 0 1.75.78350169 1.75 1.75S10.7164983 3.5 9.75 3.5C8.78350169 3.5 8 2.71649831 8 1.75S8.78350169 0 9.75 0Zm5 0c.9664983 0 1.75.78350169 1.75 1.75s-.7835017 1.75-1.75 1.75S13 2.71649831 13 1.75 13.7835017 0 14.75 0Z"
   }));
 };
 
-export default DragIcon;
+const ForwardRef = /*#__PURE__*/forwardRef(DragIcon);
+export default ForwardRef;