@imtf/icons 0.1.1 → 0.2.0

package/lib/cjs/icons/AppIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AppIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,16 +23,18 @@ const AppIcon = ({
     ...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: "M6 17c.55228475 0 1 .4477153 1 1v5c0 .5522847-.44771525 1-1 1H1c-.55228475 0-1-.4477153-1-1v-5c0-.5522847.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.55228475 0-1-.4477153-1-1v-5c0-.5522847.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1h5ZM6 8.5c.55228475 0 1 .44771525 1 1v5c0 .5522847-.44771525 1-1 1H1c-.55228475 0-1-.4477153-1-1v-5c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.55228475 0-1-.4477153-1-1v-5c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .5522847-.4477153 1-1 1h-5c-.5522847 0-1-.4477153-1-1v-5c0-.55228475.4477153-1 1-1h5ZM6 0c.55228475 0 1 .44771525 1 1v5c0 .55228475-.44771525 1-1 1H1c-.55228475 0-1-.44771525-1-1V1c0-.55228475.44771525-1 1-1h5Zm8.5 0c.5522847 0 1 .44771525 1 1v5c0 .55228475-.4477153 1-1 1h-5c-.55228475 0-1-.44771525-1-1V1c0-.55228475.44771525-1 1-1h5ZM23 0c.5522847 0 1 .44771525 1 1v5c0 .55228475-.4477153 1-1 1h-5c-.5522847 0-1-.44771525-1-1V1c0-.55228475.4477153-1 1-1h5Z"
   }));
 };
 
-module.exports = AppIcon;
+const ForwardRef = forwardRef(AppIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ArrowDropDownIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ArrowDropDownIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ArrowDropDownIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m8.29647719 11.71 2.59000001 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H8.99647719c-.89 0-1.33 1.08-.7 1.71Z"
   }));
 };
 
-module.exports = ArrowDropDownIcon;
+const ForwardRef = forwardRef(ArrowDropDownIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BackIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BackIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BackIcon = ({
     ...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.4696699 4.46966991c.2928932-.29289321.767767-.29289321 1.0606602 0 .2928932.29289322.2928932.76776696 0 1.06066018L5.81 11.25h14.3566667c.3796957 0 .6934909.2821539.7431534.6482294L20.9166667 12c0 .4142136-.3357865.75-.75.75H5.81l5.7203301 5.7196699c.2662665.2662666.2904726.6829303.0726181.9765418l-.0726181.0841184c-.2928932.2928932-.767767.2928932-1.0606602 0l-6.99999999-7c-.29289321-.2928932-.29289321-.767767 0-1.0606602Z"
   }));
 };
 
-module.exports = BackIcon;
+const ForwardRef = forwardRef(BackIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BackgroundSearchIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BackgroundSearchIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BackgroundSearchIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M9.5618 10.5781c2.124-2.1273 5.5112-2.2982 7.838-.3955 2.3266 1.9027 2.837 5.261 1.1807 7.7708a.4192.4192 0 0 0 .0064.4705l.047.0561 3.1806 3.1856a.8383.8383 0 0 1 .2166.8087.8367.8367 0 0 1-.591.5923.835.835 0 0 1-.724-.1432l-.0836-.0732-3.1813-3.1864a.4174.4174 0 0 0-.5258-.0527c-2.5058 1.6588-5.8588 1.1478-7.7585-1.1826-1.8998-2.3304-1.729-5.723.3949-7.8504Zm4.1405-.0423c-2.3082 0-4.1794 1.8742-4.1794 4.186 0 2.3119 1.8712 4.186 4.1794 4.186 2.307-.0027 4.1766-1.8753 4.1794-4.186 0-2.3118-1.8712-4.186-4.1794-4.186Zm1.6717 1.466c.54.0013.984.4121 1.0384.9388l.0057.1068v.3726a.6277.6277 0 0 1-.6107.6442.6276.6276 0 0 1-.6432-.6116.2093.2093 0 0 0-.155-.189l-.0531-.0069h-.418a.2091.2091 0 0 0-.2034.1613l-.0055.048v2.9302a.2086.2086 0 0 0 .209.2093c.3462 0 .6269.2812.6269.628a.6277.6277 0 0 1-.5419.6221l-.085.0057h-1.6718a.6274.6274 0 0 1-.6269-.6279.6274.6274 0 0 1 .627-.6279.208.208 0 0 0 .2019-.1549l.007-.0544V13.466a.2093.2093 0 0 0-.161-.2037l-.048-.0056h-.4188a.2091.2091 0 0 0-.2081.1976.6276.6276 0 0 1-.644.6107.6277.6277 0 0 1-.6064-.5597l-.0034-.0853v-.3726c.0013-.5411.412-.9858.9381-1.04l.1067-.0056h3.3435ZM3.4954 3.001c3.0325.0921 6.224.6698 7.9233 1.754a.4186.4186 0 0 1 .188.2827l.0059.0706v2.5693a.4186.4186 0 0 1-.2784.3952 7.1067 7.1067 0 0 0-2.3204 1.3671.4175.4175 0 0 1-.3811.0913 20.6764 20.6764 0 0 0-3.244-.5308.6272.6272 0 0 0-.6846.5643.6276.6276 0 0 0 .5633.6856c.6771.0653 1.2565.138 1.784.2265l.2598.0456c.133.0198.247.109.3034.234a.4192.4192 0 0 1-.0217.3872 7.1649 7.1649 0 0 0-.4247.8372.4178.4178 0 0 1-.4421.2512c-.4105-.0586-.8526-.1105-1.3375-.1574a.6272.6272 0 0 0-.6845.5643.6276.6276 0 0 0 .5633.6856l.27.0274.5105.0572c.082.0098.1626.0199.2418.0301a.4185.4185 0 0 1 .3611.4664 7.1995 7.1995 0 0 0-.0535.8748 7.0808 7.0808 0 0 0 .1864 1.6158.419.419 0 0 1-.0965.38.4176.4176 0 0 1-.3682.1332 26.7167 26.7167 0 0 0-2.8871-.2335c-.7537-.0152-1.3646-.5998-1.4267-1.339L2 15.2125V4.4686a1.478 1.478 0 0 1 .4464-1.0557 1.4064 1.4064 0 0 1 1.049-.4119Zm17.0703 0a1.4373 1.4373 0 0 1 1.049.412 1.478 1.478 0 0 1 .4403.9238l.0062.1318v10.7438c.0058.7055-.499 1.3116-1.193 1.4325a.2088.2088 0 0 1-.1905-.059.2095.2095 0 0 1-.0543-.1922 7.1181 7.1181 0 0 0-1.3416-6.011.2096.2096 0 0 1 .0894-.3257.5777.5777 0 0 0 .4037-.6313.633.633 0 0 0-.6845-.5643c-.36.0335-.708.0787-1.044.1357a.4174.4174 0 0 1-.3068-.0687 7.0858 7.0858 0 0 0-1.6668-.8573.2093.2093 0 0 1 .01-.3977 16.6018 16.6018 0 0 1 3.1288-.6413.627.627 0 0 0 .51-.365.6287.6287 0 0 0-.0606-.625.6265.6265 0 0 0-.5706-.2599c-1.4776.1658-2.9314.5-4.3332.9963a.6287.6287 0 0 0-.4282.5772l.0035.0875a.2045.2045 0 0 1-.056.1675.2063.2063 0 0 1-.163.0653c-.1362-.0118-.2733-.0118-.4112-.0118a7.2517 7.2517 0 0 0-.79.046.4175.4175 0 0 1-.3256-.105.4188.4188 0 0 1-.1326-.2427l-.0056-.0708V5.1124a.4187.4187 0 0 1 .1939-.3533c1.6993-1.0883 4.8907-1.666 7.9233-1.758ZM5.3887 5.9254a.6265.6265 0 0 0-.5707.2599.6287.6287 0 0 0-.0606.625.627.627 0 0 0 .51.365 16.8938 16.8938 0 0 1 4.0557.7945.6268.6268 0 0 0 .7941-.3951.6282.6282 0 0 0-.3945-.7954 18.2385 18.2385 0 0 0-4.334-.854Z"
   }));
 };
 
-module.exports = BackgroundSearchIcon;
+const ForwardRef = forwardRef(BackgroundSearchIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BaseDefaultIcon.js

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

package/lib/cjs/icons/BindersIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BindersIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BindersIcon = ({
     ...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 6C.8954305 6 0 5.1045695 0 4V2C0 .8954305.8954305 0 2 0h20c1.1045695 0 2 .8954305 2 2v2c0 1.1045695-.8954305 2-2 2h-9.25v5.971l6.45.0007544c1.3188919 0 2.4518347.866804 2.5439569 2.0423335l.0060431.1550349.0007888 3.9255226C23.0445711 18.4277993 24 19.6019427 24 21c0 1.6573333-1.3426667 3-3 3s-3-1.3426667-3-3c0-1.3984204.9559253-2.5728106 2.2502194-2.9056141L20.25 14.1691228c0-.3443432-.439035-.6973684-1.05-.6973684L12.75 13.471l.0007888 4.6236454C14.0445711 18.4277993 15 19.6019427 15 21c0 1.6573333-1.3426667 3-3 3s-3-1.3426667-3-3c0-1.3984204.95592534-2.5728106 2.2502194-2.9056141L11.25 13.471l-6.45.0007544c-.56396767 0-.98143881.3008026-1.04232806.6179151L3.75 14.1691228l.00078879 3.9255226C5.04457105 18.4277993 6 19.6019427 6 21c0 1.6573333-1.34266667 3-3 3s-3-1.3426667-3-3c0-1.3984204.95592534-2.5728106 2.25021942-2.9056141L2.25 14.1691228c0-1.2535516 1.17376497-2.1973684 2.55-2.1973684L11.25 11.971V6H2Zm1 13.5c-.82890621 0-1.5.6710938-1.5 1.5s.67109379 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.67109379-1.5-1.5-1.5Zm9 0c-.8289062 0-1.5.6710938-1.5 1.5s.6710938 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.6710938-1.5-1.5-1.5Zm9 0c-.8289062 0-1.5.6710938-1.5 1.5s.6710938 1.5 1.5 1.5 1.5-.6710938 1.5-1.5-.6710938-1.5-1.5-1.5Zm1-18H2c-.27614237 0-.5.22385763-.5.5v2c0 .27614237.22385763.5.5.5h20c.2761424 0 .5-.22385763.5-.5V2c0-.27614237-.2238576-.5-.5-.5Z"
   }));
 };
 
-module.exports = BindersIcon;
+const ForwardRef = forwardRef(BindersIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BinocularsIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BinocularsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BinocularsIcon = ({
     ...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.3175261.04999623c1.4839595-.002684 2.7542476 1.11207537 3.1284137 2.67991154L23.7315529 17.33555l.0152342.08936C23.9110654 17.9201355 24 18.4496957 24 19c0 2.7611111-2.2388889 5-5 5s-5-2.2388889-5-5l.0001351-.077992c-.0002493-.008727-.0003493-.017491-.0002976-.0262895L14.039 12.1708416H9.96l.0400003 6.7247271c.0000517.0087985-.00004833.0175625-.0002976.0262895C9.99979451 18.9471428 10 18.9735474 10 19c0 2.7611111-2.23888889 5-5 5s-5-2.2388889-5-5c0-.5503043.08893456-1.0798645.25321293-1.57509l.01507201-.0895097L3.553898 2.72975799C3.92806415 1.16192181 5.19835224.04716244 6.68231169.04984645c1.81104767.00308864 3.23004622 1.6446219 3.2276728 3.61303062L9.934 7.77584161h4.131l.0248533-4.11281475C14.0874799 1.69461813 15.5064785.05308487 17.3175261.04999623ZM5 15.5c-1.93268399 0-3.5 1.567316-3.5 3.5s1.56731601 3.5 3.5 3.5 3.5-1.567316 3.5-3.5-1.56731601-3.5-3.5-3.5Zm14 0c-1.932684 0-3.5 1.567316-3.5 3.5s1.567316 3.5 3.5 3.5 3.5-1.567316 3.5-3.5-1.567316-3.5-3.5-3.5ZM6.67967566 1.54984645c-.75367063-.00136308-1.44693149.60701784-1.66454946 1.51861056L2.39006739 14.734555C3.1498208 14.2686342 4.04358085 14 5 14c1.35268565 0 2.58003371.5373516 3.48019594 1.4102065L8.40999812 3.66641127c.00142269-1.18940001-.79867737-2.11497591-1.73032246-2.11656482Zm10.64048654.00014978c-.9316451.00158891-1.7317452.92716481-1.7303225 2.11656482l-.0700356 11.74364545C16.4199663 14.5373516 17.6473143 14 19 14c.9564191 0 1.8501792.2686342 2.6099326.734555l-2.625221-11.66594821c-.217618-.91159271-.9108788-1.51997363-1.6645494-1.51861056Zm-3.8991096 7.72631956h-2.8421052v1.39473681h2.8421052V9.27631579Z"
   }));
 };
 
-module.exports = BinocularsIcon;
+const ForwardRef = forwardRef(BinocularsIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BookmarksIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BookmarksIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BookmarksIcon = ({
     ...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.5657895 1.5v9.1776316c0 .482839-.516777.771405-.9208703.5509674l-.0791297-.0509674L8.78215789 9.09 6 11.1776316c-.38627124.2897034-.92719016.0494214-.99329615-.4061158L5 10.6776316V1.5h1.25l-.00084211 7.927 2.15873685-1.61778947c.19444444-.14583334.45269097-.1640625.66308593-.0546875l.08691407.0546875L11.3151579 9.427l.0006316-7.927h1.25ZM18.4592699 0H2.37276018C1.06277898 0 0 .99410369 0 2.21943574V21.7805643C0 23.0058963 1.06277898 24 2.37276018 24H21.6272398C22.937221 24 24 23.0058963 24 21.7805643V5.11147335c0-.59795433-.2579728-1.17158843-.7152064-1.58891697L20.1157109.63048193C19.6725507.22632118 19.0778988 0 18.4592699 0ZM2.35047655 1.51364413H18.4803347c.2205795 0 .4329766.08008197.5910019.22285419l3.1774037 2.87257901c.1626394.1470582.2549187.35033564.2549187.56200452V21.7289466c0 .4329509-.3795924.7846975-.8468176.7846975H2.35047655c-.46722512 0-.84681755-.3517466-.84681755-.7846975V2.29834164c0-.43295087.37959243-.78469751.84681755-.78469751Z"
   }));
 };
 
-module.exports = BookmarksIcon;
+const ForwardRef = forwardRef(BookmarksIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/BusinessIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const BusinessIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const BusinessIcon = ({
     ...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.5 16.75h-4.25V21h4.25v-4.25Zm-9.5-1.5h3.75V11H13V8h9c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-9v-3h3.75v-4.25H13v-1.5ZM22.5 11h-4.25v4.25h4.25V11ZM11 0c1.1045695 0 2 .8954305 2 2v22H2c-1.1045695 0-2-.8954305-2-2V2C0 .8954305.8954305 0 2 0h9ZM5.75 18.75H1.5v3.75h4.25v-3.75Zm5.75 0H7.25v3.75h4.25v-3.75ZM5.75 13H1.5v4.25h4.25V13Zm5.75 0H7.25v4.25h4.25V13ZM5.75 7.25H1.5v4.25h4.25V7.25Zm5.75 0H7.25v4.25h4.25V7.25ZM5.75 1.5H1.5v4.25h4.25V1.5Zm5.75 0H7.25v4.25h4.25V1.5Z"
   }));
 };
 
-module.exports = BusinessIcon;
+const ForwardRef = forwardRef(BusinessIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CalendarIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CalendarIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CalendarIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M17.25 0c.4142136 0 .75.33578644.75.75V3h3.75C22.9922136 3 24 4.00778644 24 5.25v16.5c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25C1.00778644 24 0 22.9922136 0 21.75V5.25C0 4.00778644 1.00778644 3 2.25 3H6V.75c0-.37969577.28215388-.69349096.64822944-.74315338L6.75 0c.41421356 0 .75.33578644.75.75V3h9V.75c0-.37969577.2821539-.69349096.6482294-.74315338Zm5.25 10.5h-21v11.25c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75V10.5Zm-4 6.875c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm-6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm-6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm0-5c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125Zm6.5 0c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125-1.125-.504-1.125-1.125.504-1.125 1.125-1.125ZM6 4.5H2.25c-.41378644 0-.75.33621356-.75.75V9h21V5.25c0-.41378644-.3362136-.75-.75-.75H18V6c0 .37969577-.2821539.69349096-.6482294.74315338L17.25 6.75c-.4142136 0-.75-.33578644-.75-.75V4.5h-9V6c0 .37969577-.28215388.69349096-.64822944.74315338L6.75 6.75C6.33578644 6.75 6 6.41421356 6 6V4.5Z"
   }));
 };
 
-module.exports = CalendarIcon;
+const ForwardRef = forwardRef(CalendarIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CancelIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CancelIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CancelIcon = ({
     ...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.31074723 6.83504612l3.50479017 3.50479018c.1018233.1018233.2671019.1018233.3689252 0l3.5047902-3.50479018c.4072935-.40729351 1.0684076-.40729351 1.4757011 0s.4072935 1.0684076 0 1.47570111l-3.5047902 3.50479017c-.1018233.1018233-.1018233.2671019 0 .3689252l3.5047902 3.5047902c.4072935.4072935.4072935 1.0684076 0 1.4757011s-1.0684076.4072935-1.4757011 0l-3.5047902-3.5047902c-.1018233-.1018233-.2671019-.1018233-.3689252 0l-3.50479017 3.5047902c-.40729351.4072935-1.0684076.4072935-1.47570111 0-.40729351-.4072935-.40729351-1.0684076 0-1.4757011l3.50479018-3.5047902c.1018233-.1018233.1018233-.2671019 0-.3689252L6.83504612 8.31074723c-.40729351-.40729351-.40729351-1.0684076 0-1.47570111.40729351-.40729351 1.0684076-.40729351 1.47570111 0Z"
   }));
 };
 
-module.exports = CancelIcon;
+const ForwardRef = forwardRef(CancelIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CaseManagerIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CaseManagerIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CaseManagerIcon = ({
     ...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: "M3.75 11.625h16.5c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75H3.75c-.41421356 0-.75.3357864-.75.75s.33578644.75.75.75Zm0-3.75h16.5c.4142136 0 .75-.33578644.75-.75s-.3357864-.75-.75-.75H3.75c-.41421356 0-.75.33578644-.75.75s.33578644.75.75.75Zm0-3.75h16.5c.4142136 0 .75-.33578644.75-.75s-.3357864-.75-.75-.75H3.75c-.41421356 0-.75.33578644-.75.75s.33578644.75.75.75Zm-2.25 9.75H9c.41421356 0 .75.3357864.75.75 0 1.2427864 1.0072136 2.25 2.25 2.25 1.1910037 0 2.1656566-.9250277 2.2448099-2.0959345l.0120367-.2558361C14.306509 14.1571539 14.6203042 13.875 15 13.875h7.5c.8282136 0 1.5.6717864 1.5 1.5v3.75c0 1.2422136-1.0077864 2.25-2.25 2.25H2.25c-1.24221356 0-2.25-1.0077864-2.25-2.25v-3.75c0-.8282136.67178644-1.5 1.5-1.5Zm6.82499925 1.5H1.5v3.75c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75v-3.75h-6.8249993c-.3474108 1.7117712-1.8606399 3-3.6750007 3s-3.32758985-1.2882288-3.67500075-3Z"
   }));
 };
 
-module.exports = CaseManagerIcon;
+const ForwardRef = forwardRef(CaseManagerIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CheckIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CheckIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CheckIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12C23.992 5.376 18.624.008 12 0Zm6.927 8.2-6.845 9.289c-.336.446-.97.535-1.416.199-.005-.004-.009-.007-.014-.011l-4.888-3.908c-.431-.345-.501-.975-.156-1.406.345-.431.975-.501 1.406-.156l4.076 3.261 6.227-8.451c.306-.46.927-.584 1.387-.278.46.306.584.927.278 1.387-.018.026-.036.05-.055.074Z"
   }));
 };
 
-module.exports = CheckIcon;
+const ForwardRef = forwardRef(CheckIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ChevronDownIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ChevronDownIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ChevronDownIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m8.4185 8.5875 3.88 3.88 3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0l-4.59-4.59c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0Z"
   }));
 };
 
-module.exports = ChevronDownIcon;
+const ForwardRef = forwardRef(ChevronDownIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ChevronLeftIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ChevronLeftIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,18 +23,20 @@ const ChevronLeftIcon = ({
     ...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.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   }));
 };
 
-module.exports = ChevronLeftIcon;
+const ForwardRef = forwardRef(ChevronLeftIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ChevronRightIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ChevronRightIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ChevronRightIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m9.2925 15.4625 3.88-3.88-3.88-3.88c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42Z"
   }));
 };
 
-module.exports = ChevronRightIcon;
+const ForwardRef = forwardRef(ChevronRightIcon);
+module.exports = ForwardRef;