@imtf/icons 0.1.3 → 0.2.0

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;

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