@imtf/icons 0.1.3 → 0.2.2

package/lib/cjs/components/IconSVG.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from 'react';
-interface IconSVGProps {
-    color?: string;
-    size?: string | number;
-    src?: string;
-    children?: ReactElement;
-}
-declare const IconSVG: React.FC<IconSVGProps>;
-export default IconSVG;
+import React, { ReactElement } from 'react';
+interface IconSVGProps {
+    color?: string;
+    size?: string | number;
+    src?: string;
+    children?: ReactElement;
+}
+declare const _default: React.ForwardRefExoticComponent<IconSVGProps & React.RefAttributes<React.FC<{}>>>;
+export default _default;

package/lib/cjs/components/IconSVG.js

@@ -1,73 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var lodash_get_1 = __importDefault(require("lodash.get"));
-var Context_1 = __importDefault(require("../providers/IconProvider/Context"));
-var IconSVG = function (_a) {
-    var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
-    var defaultContextValues = (0, react_1.useContext)(Context_1.default);
-    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
-    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
-    (0, react_1.useEffect)(function () {
-        if (src && !children) {
-            var wrapper = document.getElementById('SVGWrapper');
-            wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
-            var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
-            var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
-                ? defaultValues.size + 'px'
-                : defaultValues.size);
-            path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
-        }
-    }, [color, src, children, size]);
-    return children ? (react_1.default.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? ((0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" }, void 0)) : null;
-};
-exports.default = IconSVG;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var lodash_get_1 = __importDefault(require("lodash.get"));
+var Context_1 = __importDefault(require("../providers/IconProvider/Context"));
+var IconSVG = function (_a, ref) {
+    var defaultColor = _a.color, size = _a.size, src = _a.src, children = _a.children, props = __rest(_a, ["color", "size", "src", "children"]);
+    var defaultContextValues = (0, react_1.useContext)(Context_1.default);
+    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
+    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
+    (0, react_1.useEffect)(function () {
+        if (src && !children) {
+            var wrapper = document.getElementById('SVGWrapper');
+            wrapper.innerHTML = atob(src.startsWith('data') ? src.split(',')[1] : src);
+            var svg = wrapper === null || wrapper === void 0 ? void 0 : wrapper.children;
+            var path = svg === null || svg === void 0 ? void 0 : svg[0].firstElementChild;
+            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('width', typeof defaultValues.size === 'number'
+                ? defaultValues.size + 'px'
+                : defaultValues.size);
+            svg === null || svg === void 0 ? void 0 : svg[0].setAttribute('height', typeof defaultValues.size === 'number'
+                ? defaultValues.size + 'px'
+                : defaultValues.size);
+            path === null || path === void 0 ? void 0 : path.setAttribute('fill', color);
+        }
+    }, [color, src, children, size]);
+    return children ? (react_1.default.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size, ref: ref }, props))) : src ? ((0, jsx_runtime_1.jsx)("div", { id: "SVGWrapper" }, void 0)) : null;
+};
+exports.default = (0, react_1.forwardRef)(IconSVG);

package/lib/cjs/components/index.d.ts

@@ -1,2 +1,2 @@
-export { default as IconSVG } from './IconSVG.js';
-export * from './IconSVG.js';
+export { default as IconSVG } from './IconSVG.js';
+export * from './IconSVG.js';

package/lib/cjs/components/index.js

@@ -1,19 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconSVG = void 0;
-var IconSVG_js_1 = require("./IconSVG.js");
-Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return __importDefault(IconSVG_js_1).default; } });
-__exportStar(require("./IconSVG.js"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSVG = void 0;
+var IconSVG_js_1 = require("./IconSVG.js");
+Object.defineProperty(exports, "IconSVG", { enumerable: true, get: function () { return __importDefault(IconSVG_js_1).default; } });
+__exportStar(require("./IconSVG.js"), exports);

package/lib/cjs/icons/AccountIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AccountIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AccountIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5Zm-.2631579 3.75C13.6773715 5.25 15.25 6.82262854 15.25 8.76315789c0 1.32216361-.7300559 2.47353791-1.8091161 3.07307121 2.1955711.7158449 3.7828003 2.7809788 3.7828003 5.2164025 0 .4142135-.3357864.75-.75.75s-.75-.3357865-.75-.75c0-2.2015759-1.7852662-3.9868421-3.9868421-3.9868421-2.20157591 0-3.9868421 1.7852662-3.9868421 3.9868421 0 .4142135-.33578644.75-.75.75s-.75-.3357865-.75-.75c0-2.4354237 1.58722921-4.5005576 3.783549-5.217263-1.07980889-.5986728-1.80986479-1.7500471-1.80986479-3.07221071C8.22368421 6.82262854 9.79631275 5.25 11.7368421 5.25Zm0 1.5c-1.1121022 0-2.01315789.90105567-2.01315789 2.01315789 0 1.11210223.90105569 2.01315791 2.01315789 2.01315791S13.75 9.87526012 13.75 8.76315789C13.75 7.65105567 12.8489443 6.75 11.7368421 6.75Z"
   }));
 };
 
-module.exports = AccountIcon;
+const ForwardRef = forwardRef(AccountIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AddCircleIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AddCircleIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AddCircleIcon = ({
     ...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 12ZM5.73913043 10.9565217h4.95652177c.144 0 .2608695-.1168695.2608695-.2608695V5.73913043c0-.576.4674783-1.04347826 1.0434783-1.04347826.576 0 1.0434783.46747826 1.0434783 1.04347826v4.95652177c0 .144.1168695.2608695.2608695.2608695h4.9565218c.576 0 1.0434782.4674783 1.0434782 1.0434783 0 .576-.4674782 1.0434783-1.0434782 1.0434783h-4.9565218c-.144 0-.2608695.1168695-.2608695.2608695v4.9565218c0 .576-.4674783 1.0434782-1.0434783 1.0434782-.576 0-1.0434783-.4674782-1.0434783-1.0434782v-4.9565218c0-.144-.1168695-.2608695-.2608695-.2608695H5.73913043c-.576 0-1.04347826-.4674783-1.04347826-1.0434783 0-.576.46747826-1.0434783 1.04347826-1.0434783Z"
   }));
 };
 
-module.exports = AddCircleIcon;
+const ForwardRef = forwardRef(AddCircleIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AddIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AddIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AddIcon = ({
     ...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 5v14c0 .5522847.4477153 1 1 1s1-.4477153 1-1V5c0-.55228475-.4477153-1-1-1s-1 .44771525-1 1Zm-6 8h14c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1Z"
   }));
 };
 
-module.exports = AddIcon;
+const ForwardRef = forwardRef(AddIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AdminIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AdminIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AdminIcon = ({
     ...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.5293671.57993303.1418797.11983763.1344976.13027269c.5179311.53750101.7931819 1.26716895.7548847 2.01779354l-.0710059 1.40011233c-.0312773.62554593.41787 1.16374145 1.020826 1.25591142l.1225452.01238072.1215241.00016508 1.4019055-.07109558c1.4949933-.07329754 2.7664365 1.07878746 2.8397611 2.5729508.0401171.81202499-.2863912 1.59913661-.8900103 2.14460854l-1.0418682.9398805c-.4631908.4187753-.5280234 1.1136061-.1693613 1.6089357l.0833474.1029152.0854013.0852735 1.0427119.9406422c1.1110838 1.0031579 1.1979455 2.7172859.1938538 3.8278722-.546309.6043976-1.3349049.9309052-2.1480966.8894158l-1.4014958-.0710763c-.6246447-.032389-1.1631015.4163369-1.2562722 1.0181121l-.0125905.1222985-.000212.1295574.0712571 1.4053632c.0663972 1.4953195-1.0915651 2.7610788-2.5864797 2.8274579-.8012886.0359819-1.5773621-.2851265-2.1227315-.8806045l-.9417316-1.0418095c-.4178363-.4627897-1.1123601-.5275915-1.6025566-.1735549l-.1017394.0822834-.0930518.0927738-.9460491 1.0421548c-1.00716113 1.1067705-2.72108437 1.1880599-3.82761351.1811184-.59613093-.5421887-.91985955-1.3220298-.88367226-2.1330693l.07204955-1.4009622c.03238898-.6246446-.41633695-1.1631014-1.01811216-1.2562721l-.12229849-.0125906-.12955738-.0002119-1.3997962.0709892C1.35526222 18.6372422.0811999 17.489816.00376379 15.9963998c-.04291868-.8140704.2827752-1.6041383.88761694-2.1508487l1.04113365-.9401205c.46319086-.4187753.52802337-1.1136061.16936131-1.6089357l-.08334737-.1029152-.08713472-.0868421-1.04142998-.9453903C-.21784055 9.15588707-.30124585 7.44329825.70359602 6.33465067c.5437559-.59910002 1.32789374-.92412163 2.13806049-.88527515l1.40218744.07111252c.66633039.03516744 1.23526088-.47704189 1.2706784-1.14730236l.00169865-.06136971-.06915335-1.46962277C5.37652607 1.34698848 6.53145064.07828245 8.027398.00770612c.80653435-.03735236 1.58783344.28651949 2.1323314.88505448l.9418774 1.04007777c.4164882.46257255 1.1098535.52817091 1.6031187.17180874l.1024631-.08283101.0920667-.09233446.9440858-1.03588751c.96135-1.06477796 2.5756436-1.18892642 3.686026-.3136611Zm-2.5750226 1.32146025-.9432922 1.03500722c-.0625234.06947039-.1289598.13590677-.1993155.19936489-1.1110087 1.00170649-2.8241063.91224188-3.8234204-.19765107L9.04902534 1.9008943c-.24270145-.26678632-.59177515-.41148782-.9515858-.39482448-.66794816.03151282-1.18353217.59789139-1.15206136 1.26495249l.06666559 1.39468544c.00563644.0986377.00563644.19644648.00017719.29044817-.07889344 1.49343904-1.35362993 2.641087-2.84589223 2.56232712l-1.39857678-.07093069c-.36048246-.0172834-.71085449.12794423-.95308697.39483115-.44845231.49478003-.41121894 1.25930525.08346064 1.7082841l1.03909772.94328243c.06967591.06270827.13550361.12853607.1960186.19593187 1.00286421 1.1107585.91562597 2.8243058-.19510346 3.8285267l-1.04120083.9401812c-.26922499.2433498-.41440792.5955345-.39522021.9594873.03455677.666452.60288958 1.178295 1.27096849 1.1436544l1.40508445-.0712447c.08938536-.0040023.17880433-.0040023.27347794.0002555 1.49428598.0774815 2.64348113 1.3507521 2.56602939 2.8444631l-.07178808 1.3955399c-.01609431.3608841.12861184.7094718.39482022.9515917.49381502.4493717 1.25905727.4130771 1.7081792-.0804626l.94271651-1.0384682c.05854074-.0651931.12136854-.1276885.19649774-.1966481 1.1108336-1.002932 2.8246597-.9156578 3.8272604.1948091l.9381346 1.037854c.2421158.2643509.5884756.4076608.9463571.3915902.6676296-.029645 1.1845215-.5946554 1.1550952-1.2576946l-.0712446-1.4050844c-.0040024-.0893854-.0040024-.1788043.0002555-.2734779.0774815-1.494286 1.350752-2.6434812 2.8439294-2.5660567l1.4008747.0710444c.3631243.0185268.7150538-.127185.9591687-.3972564.4483139-.4958624.4095464-1.2608996-.0861051-1.7084058l-1.0418315-.9398487c-.069676-.0627083-.1355037-.128536-.1960186-.1959318-1.0028643-1.1107586-.915626-2.8243059.1953693-3.82876676l1.0420029-.94000226c.2692106-.24327749.4149741-.59466857.3970489-.95749982-.0327261-.66687203-.6004022-1.18125681-1.2668619-1.14858223l-1.4040544.07119784c-.0880701.00406478-.1751765.00406478-.2661213-.0001382-1.4940906-.07470453-2.6441829-1.34716524-2.569441-2.84199895l.0710444-1.40087473c.0185267-.36312428-.127185-.71505382-.3971892-.95910794l-.1026556-.08323722c-.4938791-.35792533-1.1883156-.29313837-1.6083767.17210405ZM12 6.51421053c3.030003 0 5.4868421 2.45683907 5.4868421 5.48684207 0 3.0300031-2.4568391 5.4868421-5.4868421 5.4868421-3.03000304 0-5.48684211-2.456839-5.48684211-5.4868421 0-3.030003 2.45683907-5.48684207 5.48684211-5.48684207Zm0 1.5c-2.20157591 0-3.98684211 1.78526619-3.98684211 3.98684207 0 2.2015759 1.7852662 3.9868421 3.98684211 3.9868421 2.2015759 0 3.9868421-1.7852662 3.9868421-3.9868421 0-2.20157588-1.7852662-3.98684207-3.9868421-3.98684207Z"
   }));
 };
 
-module.exports = AdminIcon;
+const ForwardRef = forwardRef(AdminIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AlertCircleIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AlertCircleIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AlertCircleIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M11.9830572.00299963c-3.20559926.0519935-6.26221718 1.36482939-8.50893634 3.65254343C1.2034047 5.91626047-.05043857 9.00387452.00155493 12.2084739-.00644407 18.7126609 5.2608975 23.992001 11.7650845 24h.2489689c6.6771653-.0689914 12.0384952-5.5303087 11.9845019-12.2074741C24.0135534 5.29533808 18.7592102.015998 12.2620224 0c-.0929884 0-.1859768.00099988-.2789652.00299963ZM10.5002426 16.5429321c-.0299963-.8148981.6059243-1.4988126 1.4208224-1.5288089.0089989 0 .0189976-.0009998.0279965-.0009998h.0269966c.8198975.0019997 1.4918135.6509186 1.5228097 1.4698162.0299962.8138983-.6049244 1.4988127-1.4188227 1.5288089-.0099987 0-.0199975.0009999-.0299962.0009999h-.0269967c-.8198975-.0029996-1.4908136-.6509186-1.5228096-1.4698163Zm.4999375-4.0414948V6.50218723c0-.55193101.447944-.99987502.999875-.99987502s.999875.44794401.999875.99987502v5.99925007c0 .551931-.447944.999875-.999875.999875s-.999875-.447944-.999875-.999875Z"
   }));
 };
 
-module.exports = AlertCircleIcon;
+const ForwardRef = forwardRef(AlertCircleIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AlertCircleOutlinedIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AlertCircleOutlinedIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AlertCircleOutlinedIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5Zm-.0239419 13.5131234c.8198975.0019997 1.4918135.6509186 1.5228097 1.4698162.0299962.8138983-.6049244 1.4988127-1.4188227 1.5288089l-.0149981.0005-.0419948.0004999c-.8198975-.0029996-1.4908136-.6509186-1.5228096-1.4698163-.0299963-.8148981.6059243-1.4988126 1.4208224-1.5288089l.0139982-.0004999.0409949-.0004999Zm.023997-9.51081119c.551931 0 .999875.44794401.999875.99987502v5.99925007c0 .551931-.447944.999875-.999875.999875s-.999875-.447944-.999875-.999875V6.50218723c0-.55193101.447944-.99987502.999875-.99987502Z"
   }));
 };
 
-module.exports = AlertCircleOutlinedIcon;
+const ForwardRef = forwardRef(AlertCircleOutlinedIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AlertIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AlertIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,17 +23,19 @@ const AlertIcon = ({
     ...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 17 20",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m8.5.81246989.47860162.00253125c2.23168908.04317238 4.43561778.52488025 6.49556588 1.42403116.6671427.30598275 1.0933151.97450366 1.0884015 1.7032177v5.7105c0 4.0048468-2.4666996 7.5965772-6.20506003 9.0348458l-.78011867.2997571c-.69329271.2671128-1.46148789.2671128-2.15414927.0002429l-.78104675-.3001141C2.90413062 17.2493272.43744798 13.6575968.43744798 9.65275V3.94733333c-.00493056-.73379737.42124179-1.40231828 1.10105618-1.7139715C3.58663664 1.3394983 5.78976718.85814763 8.02140228.8149994L8.5.81246989Zm.00687369 1.49999861-.48180024.002759c-2.0263929.04246059-4.02573318.48077498-5.87390593 1.2872402-.13109074.06012432-.2146832.19125275-.2137024.3397823v5.7105c0 3.3842305 2.08447647 6.4194506 5.24304385 7.6346542l.78138133.3002429c.34620729.1333872.73001211.1333872 1.07685073-.0002429l.78045325-.2998859c3.15886412-1.2153177 5.24335752-4.2505378 5.24335752-7.6347683V3.93716667c.0009639-.14344622-.0826286-.27457465-.2010476-.3290285-2.0030116-.87417147-4.16867004-1.31570466-6.35463051-1.29566967Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M8.61274439 10.38109483 8.5 10.375c-.56946356 0-1.03125.46178644-1.03125 1.03125 0 .5694636.46178644 1.03125 1.03125 1.03125s1.03125-.4617864 1.03125-1.03125c0-.53136479-.40206367-.96897832-.91850561-1.02515517ZM9.25 9.4375v-3.375c0-.41421356-.33578644-.75-.75-.75s-.75.33578644-.75.75v3.375c0 .41421356.33578644.75.75.75s.75-.33578644.75-.75Z"
   }));
 };
 
-module.exports = AlertIcon;
+const ForwardRef = forwardRef(AlertIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AlertLightIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AlertLightIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,17 +23,19 @@ const AlertLightIcon = ({
     ...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 46 53",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M42.8530675 4.9524823c1.4387684.65988625 2.3577134 2.10140152 2.3471928 3.6781177v16.7508c0 11.1476216-6.8662607 21.145404-17.2716513 25.1486958l-2.2895687.8797571c-1.6981427.6542628-3.5799379.6542628-5.2774493.0002429l-2.2904967-.8801141C7.66600043 46.526804.7997564 36.5290216.7997564 25.3814V8.63568333c-.0105373-1.58179951.9084077-3.02331478 2.35984776-3.6888715C9.19793149 2.31151326 15.7093495.93509318 22.2942158.89873322h1.4367659c6.5762952.03988064 13.0792454 1.41634574 19.1220858 4.05374908ZM22.2845033 2.39881292C15.9093755 2.43644796 9.60609393 3.77000435 3.77226752 6.3159177 2.86955111 6.72994553 2.293186 7.63406831 2.29986476 8.6306v16.7508c0 10.5270053 6.48394663 19.9682775 16.30954424 23.7485042l2.2908313.8802429c1.3510573.5205372 2.8484621.5205372 4.2001507-.0002429l2.2899033-.8798859c9.8258943-3.7803408 16.3098579-13.221613 16.3098579-23.7486183V8.62551667c.0066618-.99144836-.5697033-1.89557114-1.459748-2.3039285-5.8460456-2.5513813-12.1497635-3.88513297-18.5249069-3.92277525h-1.430994Z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M23 30.45c.4142136 0 .75-.3357864.75-.75s-.3357864-.75-.75-.75c-.8696136 0-1.575.7053864-1.575 1.575S22.1303864 32.1 23 32.1s1.575-.7053864 1.575-1.575S23.8696136 28.95 23 28.95c-.4142136 0-.75.3357864-.75.75s.3357864.75.75.75Zm0 0c.0411864 0 .075.0338136.075.075s-.0338136.075-.075.075-.075-.0338136-.075-.075.0338136-.075.075-.075Zm.75-5.7v-9.9c0-.4142136-.3357864-.75-.75-.75s-.75.3357864-.75.75v9.9c0 .4142136.3357864.75.75.75s.75-.3357864.75-.75Z"
   }));
 };
 
-module.exports = AlertLightIcon;
+const ForwardRef = forwardRef(AlertLightIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AnnotationsIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AnnotationsIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,16 +23,18 @@ const AnnotationsIcon = ({
     ...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: "M21 0c1.6568542 0 3 1.34314575 3 3v18c0 1.6568542-1.3431458 3-3 3H3c-1.65685425 0-3-1.3431458-3-3V3c0-1.65685425 1.34314575-3 3-3h18Zm-6 16H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1h10c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1Zm4-5H5c-.55228475 0-1 .4477153-1 1s.44771525 1 1 1h14c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1Zm0-5H5c-.55228475 0-1 .44771525-1 1s.44771525 1 1 1h14c.5522847 0 1-.44771525 1-1s-.4477153-1-1-1Z"
   }));
 };
 
-module.exports = AnnotationsIcon;
+const ForwardRef = forwardRef(AnnotationsIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/AntiMoneyLaundringIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const AntiMoneyLaundringIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const AntiMoneyLaundringIcon = ({
     ...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.7433 11 .0547.0031c.1276.0139.2409.0809.31.181l.0269.045.7894 1.5448a.213.213 0 0 0 .1525.1105l.0403.0036h5.1686c1.1254 0 1.7143.6105 1.7143 1.2145a42.8888 42.8888 0 0 1-.8786 5.7956c-.1541.6928-.8336 1.1605-1.5712 1.096l-.0822-.0094h-4.7537c-1.0432 0-2.5714-.7085-4.5429-2.1051-.0925-.0656-.1523-.1631-.1676-.2699L7 18.5557v-4.858c0-.2076.1654-.3787.3786-.4021l.05-.0027h.8571a.766.766 0 0 0 .4569-.1813l.0514-.0487.006-.008 1.6149-1.9036c.08-.0957.2012-.1507.3284-.1513ZM6.333 12.0032c.1693-.016.3388.0293.466.1246.1091.0818.1784.1937.1963.3143L7 12.503v6.994c-.0006.1434-.0737.2798-.201.3752-.109.0817-.2491.1267-.3935.1278l-.0725-.0031H3.25c-.1227 0-.2248-.0745-.246-.1726L3 19.7865v-7.573c0-.1032.0884-.1891.205-.207l.045-.0033h3.083ZM20.0897 4c.2673 0 .521.1163.6936.3177a.8903.8903 0 0 1 .2147.641l-.0102.087-1.2162 7.204c-.0728.4324-.4514.7497-.8954.7503a.9488.9488 0 0 1-.15-.0126.9106.9106 0 0 1-.5931-.3638.8893.8893 0 0 1-.1667-.5933l.01-.0787.9998-5.898a.225.225 0 0 0-.0509-.1795.228.228 0 0 0-.134-.0756l-.0396-.0033h-5.5449a.2286.2286 0 0 0-.1709.0745.2246.2246 0 0 0-.0565.1406l.002.0389.7372 5.4617a.892.892 0 0 1-.3384.8455.9184.9184 0 0 1-.9126.12.9002.9002 0 0 1-.5392-.6547l-.0114-.0738-.909-6.7318a.89.89 0 0 1 .217-.7098.9128.9128 0 0 1 .597-.3022L11.9088 4h8.181Zm-3.9593-3c.4803 0 .8696.407.8696.909 0 .4783-.3531.8702-.8016.9064l-.068.0028H9.1528a.2136.2136 0 0 0-.166.0802.2335.2335 0 0 0-.0517.1447l.003.0396L10.032 9.941a.9414.9414 0 0 1-.15.678c-.1341.1962-.3373.3287-.5648.3683A.7743.7743 0 0 1 9.1737 11c-.3998-.0001-.7444-.2845-.842-.683l-.0154-.0761L7.012 2.059c-.0422-.2636.0288-.5333.194-.7373.1486-.1836.36-.2974.5872-.3183L7.8693 1h8.2611ZM16.5 8c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5Z"
   }));
 };
 
-module.exports = AntiMoneyLaundringIcon;
+const ForwardRef = forwardRef(AntiMoneyLaundringIcon);
+module.exports = ForwardRef;