@imtf/icons 0.1.1 → 0.2.0

package/lib/cjs/icons/XlsLinkIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const XlsLinkIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const XlsLinkIcon = ({
     ...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-.72zM10.5 8.25c.38 0 .7.28.74.65l.01.1v6c0 .38.28.7.65.74l.1.01h1.5a.75.75 0 0 1 .1 1.5H12c-1.2 0-2.17-.93-2.24-2.1L9.75 15V9c0-.41.34-.75.75-.75zm-2.72.05c.35.14.54.52.45.88l-.03.1-1.39 3.47 1.39 3.47a.75.75 0 0 1-1.35.65l-.04-.1-.8-2-.81 2a.75.75 0 0 1-1.42-.45l.03-.1 1.38-3.47-1.38-3.47a.75.75 0 0 1 1.35-.65l.04.09.8 2 .8-2a.75.75 0 0 1 .98-.42zm11.72-.05a.75.75 0 0 1 .1 1.5H18a.75.75 0 0 0-.75.75c0 .4.13.7.43 1a.75.75 0 1 1-1.09 1.04 2.84 2.84 0 0 1-.84-2.04c0-1.2.93-2.17 2.1-2.24l.15-.01h1.5zM22.2 6 18 1.8v3.45c0 .38.29.7.65.74h3.54z"
   }));
 };
 
-module.exports = XlsLinkIcon;
+const ForwardRef = forwardRef(XlsLinkIcon);
+module.exports = ForwardRef;

package/lib/cjs/index.d.ts

@@ -1,3 +1,3 @@
-export * from './providers';
-export * from './components';
+export * from './providers';
+export * from './components';
 export * from './icons';

package/lib/cjs/index.js

@@ -1,15 +1,15 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./providers"), exports);
-__exportStar(require("./components"), 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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./providers"), exports);
+__exportStar(require("./components"), exports);
 __exportStar(require("./icons"), exports);

package/lib/cjs/providers/IconProvider/Context.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-export declare const defaultContext: {
-    color: string;
-    size: number;
-    palette: {};
-};
-declare const IconContext: React.Context<{
-    color: string;
-    size: number;
-    palette: {};
-}>;
-export default IconContext;
-export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;
+import React from 'react';
+export declare const defaultContext: {
+    color: string;
+    size: number;
+    palette: {};
+};
+declare const IconContext: React.Context<{
+    color: string;
+    size: number;
+    palette: {};
+}>;
+export default IconContext;
+export declare function withIconContext(Comp: React.ElementType): (props: JSX.IntrinsicAttributes) => JSX.Element;

package/lib/cjs/providers/IconProvider/Context.js

@@ -1,27 +1,27 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withIconContext = exports.defaultContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-exports.defaultContext = {
-    color: 'currentColor',
-    size: 24,
-    palette: {},
-};
-var IconContext = (0, react_1.createContext)(exports.defaultContext);
-exports.default = IconContext;
-function withIconContext(Comp) {
-    return function (props) { return ((0, jsx_runtime_1.jsx)(IconContext.Consumer, { children: function (contextValue) { return (0, jsx_runtime_1.jsx)(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
-}
-exports.withIconContext = withIconContext;
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withIconContext = exports.defaultContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+exports.defaultContext = {
+    color: 'currentColor',
+    size: 24,
+    palette: {},
+};
+var IconContext = (0, react_1.createContext)(exports.defaultContext);
+exports.default = IconContext;
+function withIconContext(Comp) {
+    return function (props) { return ((0, jsx_runtime_1.jsx)(IconContext.Consumer, { children: function (contextValue) { return (0, jsx_runtime_1.jsx)(Comp, __assign({}, props, contextValue), void 0); } }, void 0)); };
+}
+exports.withIconContext = withIconContext;

package/lib/cjs/providers/IconProvider/IconProvider.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-declare const IconProvider: React.FC<IconProviderProps>;
-export default IconProvider;
-export interface IconProviderProps {
-    palette?: object;
-    defaultColor?: string;
-    defaultSize?: string | number;
-    children: React.ReactNode;
-}
+import React from 'react';
+declare const IconProvider: React.FC<IconProviderProps>;
+export default IconProvider;
+export interface IconProviderProps {
+    palette?: object;
+    defaultColor?: string;
+    defaultSize?: string | number;
+    children: React.ReactNode;
+}

package/lib/cjs/providers/IconProvider/IconProvider.js

@@ -1,68 +1,68 @@
-"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 = require("react");
-var lodash_get_1 = __importDefault(require("lodash.get"));
-var Context_1 = __importStar(require("./Context"));
-var IconProvider = function (_a) {
-    var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
-    // Checks if default color comes from the palette, else we take default color value
-    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
-    var defaultValue = (0, react_1.useMemo)(function () {
-        return Object.entries({
-            size: defaultSize,
-            color: color,
-            palette: palette,
-        }).reduce(function (acc, _a) {
-            var _b;
-            var key = _a[0], value = _a[1];
-            return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
-        }, {});
-    }, [defaultSize, color, palette]);
-    return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
-};
-exports.default = IconProvider;
+"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 = require("react");
+var lodash_get_1 = __importDefault(require("lodash.get"));
+var Context_1 = __importStar(require("./Context"));
+var IconProvider = function (_a) {
+    var palette = _a.palette, defaultColor = _a.defaultColor, defaultSize = _a.defaultSize, children = _a.children, props = __rest(_a, ["palette", "defaultColor", "defaultSize", "children"]);
+    // Checks if default color comes from the palette, else we take default color value
+    var color = (0, react_1.useMemo)(function () { return (0, lodash_get_1.default)(palette, defaultColor || '', defaultColor); }, [defaultColor, palette]);
+    var defaultValue = (0, react_1.useMemo)(function () {
+        return Object.entries({
+            size: defaultSize,
+            color: color,
+            palette: palette,
+        }).reduce(function (acc, _a) {
+            var _b;
+            var key = _a[0], value = _a[1];
+            return (!!value ? __assign(__assign({}, acc), (_b = {}, _b[key] = value, _b)) : acc);
+        }, {});
+    }, [defaultSize, color, palette]);
+    return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, __assign({ value: __assign(__assign(__assign({}, Context_1.defaultContext), props), defaultValue) }, { children: children }), void 0));
+};
+exports.default = IconProvider;

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

@@ -1,4 +1,4 @@
-export { default as IconProvider } from './IconProvider/IconProvider.js';
-export * from './IconProvider/IconProvider.js';
-export { default as IconContext } from './IconProvider/Context.js';
-export * from './IconProvider/Context.js';
+export { default as IconProvider } from './IconProvider/IconProvider.js';
+export * from './IconProvider/IconProvider.js';
+export { default as IconContext } from './IconProvider/Context.js';
+export * from './IconProvider/Context.js';

package/lib/cjs/providers/index.js

@@ -1,22 +1,22 @@
-"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.IconContext = exports.IconProvider = void 0;
-var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
-Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
-__exportStar(require("./IconProvider/IconProvider.js"), exports);
-var Context_js_1 = require("./IconProvider/Context.js");
-Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
-__exportStar(require("./IconProvider/Context.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.IconContext = exports.IconProvider = void 0;
+var IconProvider_js_1 = require("./IconProvider/IconProvider.js");
+Object.defineProperty(exports, "IconProvider", { enumerable: true, get: function () { return __importDefault(IconProvider_js_1).default; } });
+__exportStar(require("./IconProvider/IconProvider.js"), exports);
+var Context_js_1 = require("./IconProvider/Context.js");
+Object.defineProperty(exports, "IconContext", { enumerable: true, get: function () { return __importDefault(Context_js_1).default; } });
+__exportStar(require("./IconProvider/Context.js"), exports);

package/lib/esm/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/esm/components/IconSVG.js

@@ -1,49 +1,49 @@
-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 __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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useEffect, useMemo } from 'react';
-import get from 'lodash.get';
-import IconContext from '../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 = useContext(IconContext);
-    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
-    var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
-    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.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
-};
-export default IconSVG;
+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 __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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useEffect, useMemo, forwardRef, } from 'react';
+import get from 'lodash.get';
+import IconContext from '../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 = useContext(IconContext);
+    var defaultValues = __assign(__assign(__assign({}, defaultContextValues), { color: defaultColor || defaultContextValues.color, size: size || defaultContextValues.size }), props);
+    var color = useMemo(function () { return get(defaultValues.palette, defaultValues.color, defaultValues.color); }, [defaultValues.color, defaultValues.palette]);
+    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.cloneElement(children, __assign({ fill: color, width: defaultValues.size, height: defaultValues.size, ref: ref }, props))) : src ? (_jsx("div", { id: "SVGWrapper" }, void 0)) : null;
+};
+export default forwardRef(IconSVG);

package/lib/esm/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/esm/components/index.js

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

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

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